/* ---------------------------------------------------------------- BORDER-BOX STYLES ---------------------------------------------------------------- */ *,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} /* ---------------------------------------------------------------- RESET STYLES ---------------------------------------------------------------- */ html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, b,u,i,center, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td, article,aside,canvas,details,embed, figure,figcaption,footer,header,hgroup, menu,nav,output,ruby,section,summary, time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} /* ---------------------------------------------------------------- TYPOGRAPHIC STYLES ---------------------------------------------------------------- */ body{margin:0;padding:0;background:#fff;font-family:'Sentinel A','Sentinel B',Georgia,'Times New Roman',serif;font-weight:400;font-style:normal;font-size:15px;text-align:left;line-height:1;} p{margin:0 0 20px 0;padding:0;font-size:17px;line-height:22px;} strong{font-weight:bold;} em{font-style:italic;} a:link,a:visited,a:hover,a:active{color:#ae9e85;text-decoration:none;} ::-moz-selection{background:#ae9e85;color:#fff;text-shadow:none;} ::-webkit-selection{background:#ae9e85;color:#fff;text-shadow:none;} ::selection{background:#ae9e85;color:#fff;text-shadow:none;} img::selection{background:transparent;} img::-moz-selection{background:transparent;} h1,h2,h3{letter-spacing:1px;font-family:'Knockout 49 A','Knockout 49 B',"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;letter-spacing: .75px;} h1{margin:-2px 0 0 0;padding:0;font-size:32px;font-weight:400;color:#000;text-transform:uppercase;line-height:31px;} h1 a:link,h1 a:visited,h1 a:hover,h1 a:active{color:#000;text-decoration:none;} h1.article-title, h2.article-title { margin:-2px 0 0 0;padding:0;font-size:28px;font-weight:400;color:#000;text-transform:uppercase;line-height:27px; } h2.article-title a { color:#000;text-decoration:none; } /* ---------------------------------------------------------------- SHARED STYLES ---------------------------------------------------------------- */ .wrapper{width:100%;display:block;height:auto;overflow:hidden;} .nav{margin:0;list-style:none;padding:0;} .nav > li{display:inline-block;zoom:1;} .nav > li > a{text-decoration:none;} .navigation-wrapper, .article-single-wrapper, /*.sponsored-post-list-wrapper,*/ .pagination-wrapper{margin-bottom:20px;} /* ---------------------------------------------------------------- GRID STYLES ---------------------------------------------------------------- */ ul.grid{list-style-type:none;padding-left:0;} .grid{height:auto;overflow:hidden;max-width:960px;margin:0 auto;} .grid, ul.grid { width: 100%; } .grid.product-option-grid { padding: 0; margin-bottom: 20px; margin-top: -20px; z-index: 900; position: relative; } @media (max-width:980px){ .grid, ul.grid { padding-left: 20px; padding-right: 20px; } .grid.product-option-grid { padding: 0 20px 0 20px; } } @media screen and (max-width: 980px) { #fixed-header .grid .search { right: 20px; } } .grid.grid-overflow { overflow: visible; } .grid.product-option-grid .ui-wrapper.clean { border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; padding: 0 20px 20px; } .grid .one-half{width:48.9583333%;float:left;height:auto;overflow:hidden;margin-right:2.0833334%;} .grid .one-half:nth-child(2n){margin-right:0;} @media (max-width:767px){ .grid .one-half{width:100%;margin-right:0;} } .grid .one-half.centered{margin-right:0;margin:0 auto;float:none;overflow:visible;} .grid .two-thirds{width:64.58333336%;float:left;height:auto;overflow:hidden;margin-right:2.0833333%;} @media (max-width:767px){ .grid .two-thirds{width:100%;margin-right:0;} } .grid .one-third{width:33.3333333%;float:left;height:auto;overflow:hidden;} @media (max-width:767px){ .grid .one-third{width:100%;margin-right:0;} } .grid .full{width:100%;height:auto;overflow:hidden;} .grid .table.one-half{display:table-cell;width:auto;} .grid .table.fixed.one-half{display:table-cell;width:476px;} @media (max-width:508px){ .grid .table.fixed.one-half{width:100%;} } /* ---------------------------------------------------------------- UTILITY STYLES ---------------------------------------------------------------- */ .border-top { border-top: 1px solid #000; } .border-bottom { border-bottom: 1px solid #000; } .border { border: 1px solid #000; } .padding { padding: 20px; } .padding-top { padding-top: 20px; } .padding-bottom { padding-bottom: 20px; } .padding-left { padding-left: 20px; } .padding-right { padding-right: 20px; } /* ---------------------------------------------------------------- HEADER STYLES ---------------------------------------------------------------- */ .header-wrapper{background:#000000;height:auto;margin-bottom:13px;} .header, .header a:link, .header a:visited, .header a:active, .header a:hover{color:#666666;font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;letter-spacing: .5px;} .header{position:relative;} .date-social-wrapper{position:relative;height:40px;display:none;} .uncrate-family-wrapper{position:relative;height:43px;border-bottom:1px solid #666666;overflow: visible;} @media (min-width:768px){ .date-social-wrapper{border-bottom:1px solid #666666;} } .header .date-nav, .header .family-nav{text-align:center;color:#666666;font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;display:block;font-size:12px;font-weight:bold;text-transform:uppercase;padding:13px 0 14px 0;margin-right: 0;position: relative; letter-spacing: .5px;} .header .date-nav a, .header .family-nav a { font-weight: bold; line-height: 15px; } .header .family-nav li { position: relative; } .center-nav-item { margin: 0 5px; line-height: 15px !important; /* Temp fix for CSS inline in Supply */ } @media (min-width:900px) { .center-nav-item { margin: 0 10px; } } .header .family-nav .left-nav-item { position: absolute; left: 0; } .header .family-nav .right-nav-item { position: absolute; right: 0; } .family-nav span.slash {padding: 0 1px 0 4px; } .family-nav span.dot {padding: 0 1px 0 2px; } @media (max-width:960px){ .date-nav, .family-nav{text-align:left;} } .social-nav{text-align:right;padding-top:8px;height:40px;overflow:hidden;position:absolute;top:0;right:0;} .social-nav a{display:block;} @media (max-width:767px){ .date-nav,.social-nav,.family-nav{display:none;} } .social-nav li{width:97px;display:inline-block;line-height:8px;margin-right:14px;} .social-nav li:nth-child(2n){width:60px;position:relative;top:-.75px;margin-right:0;} .logo{display:block;width: 480px;height:78px;margin:70px auto 0;} .logo.family-logo { margin-top: 40px;} .logo.family-logo.logo-20 { height:138px; margin: 25px auto 10px; } /* Uncrate 20th */ .logo.family-logo.logo-20 { height:auto; margin: 25px auto 20px; width: 440px; } .family-nav .dropdown-menu { left: -20px; padding: 25px 0px 20px; background: black; z-index: 10; } .supply-icons.supply-icons-20 { height: 60px !important; } /* Uncrate 20th */ .logo img{max-width:100%;height:auto;} .about-copy > p{display:none;} @media (max-width:600px){ .logo{margin:20px auto;width:45%;height:auto;} } .header .family-nav .nav a:hover span { color: #666666; } .video-body-wrapper .header .family-nav .nav a:hover span { color: #fff; } .header .family-nav .nav a:hover, .header .family-nav .nav a:hover span.dd-arrow, .header .family-nav .nav a:hover span.atsign, .header .family-nav .nav a:hover span.dot { color: #ffffff; } .header .family-nav .pull-right.dropdown .dropdown-menu { text-align: right; padding: 25px 0px 10px 48px; z-index: 2; right: 0; } .header .family-nav .pull-right.dropdown .dropdown-menu a { padding-right: 0; } .uncrate-tv .header .family-nav a, .uncrate-tv .header .family-nav { color: #fff; } .uncrate-tv .header .dropdown-menu a { background: transparent; color: #fff; } .uncrate-tv .uncrate-family-wrapper { border-bottom-color: #fff; } /* ---------------------------------------------------------------- NAVIGATION STYLES ---------------------------------------------------------------- */ .promo-nav{position:absolute;left:0;bottom:0;width:200px;} @media (max-width:960px){ .promo-nav{width:180px;} } @media (max-width:900px){ .promo-nav{display:none;} } .promo-nav .nav{float:right;width:84px;margin-left:16px;} .promo-nav .nav a{text-transform:uppercase;font-weight:bold;font-size:12px;color:#fff;} .promo-nav .nav li:first-child{margin-bottom:16px;} .promo-nav .nav li:first-child a{color:#666;} .promo-image{overflow:hidden;height:auto;margin-left:20px;float:left;width:80px;height:98px;} @media (max-width:960px){ .promo-image{margin-left:0;} } .promo-image a{background:url(http://uncrate.com/img/uncrate-w-2014.jpg) no-repeat left top;display:block;text-indent:-9999px;overflow:hidden;width:80px;height:98px;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1), only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){ .promo-image a{background:url(http://uncrate.com/img/uncrate-w-2014@2x.jpg) no-repeat left top;background-size:100%;} } .navigation{letter-spacing:1px;font-family:'Knockout 49 A','Knockout 49 B',"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;text-transform:uppercase;letter-spacing: .75px;} .main-nav{font-size:36px;line-height:36px;padding-bottom:14px;border-bottom:1px solid #000000;margin-bottom:3px;} .main-nav .nav{height:36px;overflow:hidden;text-align:center;} .main-nav li a{margin-right:18px;} .main-nav a:link, .main-nav a:visited, .main-nav a:active, .main-nav a:hover{color:#000000;} .main-nav .nav > li { font-size: 28px; } .external a:link, .external a:visited, .external a:active, .external a:hover{color:#666666;} .sub-nav{letter-spacing:0.5px !important;font-size:20px;line-height:20px;border-top:1px solid #000000;border-bottom:1px solid #000000;padding-top:12px;padding-bottom:11px;height:48px !important;overflow:hidden;} @media (max-width:767px){ .sub-nav{height:0px !important;border-bottom:none;padding:0;} } .sub-nav .nav{height:20px;overflow:hidden;text-align:center;} @media (max-width:767px){ .sub-nav .nav{display:none;} } .sub-nav li a{margin-right:17px;color:#ae9e85;} @media (max-width:810px){ .sub-nav li a{margin-right:12px;} } .search-nav{overflow:hidden;position:absolute;right:0;bottom:15px;} @media (max-width:980px){ .search-nav { right: 20px; } } .search-nav a{background:transparent url(http://uncrate.com/img/search.gif) no-repeat center center;background-size:16px 16px;text-indent:-9999px;display:block;width:16px;height:16px;} @media (max-width:767px){ .search-nav{display:none;} } .search-wrapper.white-popup{padding-top:40px;} .search-nav:link, .search-nav:active, .search-nav:hover, .search-nav:visited{color:#ffffff;letter-spacing:1px;font-family:'Knockout 49 A','Knockout 49 B',"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;text-transform:uppercase;font-size:22px;letter-spacing: .75px;} /* ---------------------------------------------------------------- ARTICLE STYLES ---------------------------------------------------------------- */ .article{padding-bottom:20px;margin-bottom:20px;text-align:center;height:auto;border:1px solid #c7c7c7;} .image-wrapper{overflow:hidden;height:auto;position:relative;z-index:100;width:100%;} .image-wrapper img{max-width:100%;border-bottom:1px solid #c7c7c7;display: block;width:100%;} .image-wrapper a{display:block;height:auto;overflow:hidden;} /* // Commenting this out since we use gd for it .image-wrapper a:after { display: block; top: 0; bottom: 0; left: 0; right: 0; position: absolute; content: ""; background: rgba(0, 0, 0, 0.05); } */ .fluid-width-video-wrapper{0px;} .category-group{display:inline-block;overflow:hidden;height:auto;color:#ae9e85;padding-bottom:3px;border-bottom:1px solid #ae9e85;text-transform:uppercase;width:auto;margin:16px 0 17px;text-align:center;font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;font-size:12px;letter-spacing: .5px;} .category-group a{color:#ae9e85;} .category-group .sep{vertical-align:0%;font-size:12px;font-weight:bold;} .category-group h2, .category-group h3{letter-spacing:0;display:inline-block;font-size:12px;font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;font-style:normal;} .guide-category-group.category-group { border-bottom: 0px; } .guide-category-group.category-group h3 { font-style: italic; color: #fff; background: #ab9e87; padding: 0px 10px; text-transform: none; font-family: 'Sentinel A','Sentinel B',Georgia,'Times New Roman',serif; font-weight: 400; font-size: 15px; line-height: 30px; } .guide-category-group.category-group { overflow: visible; } .guide-category-group.category-group h3 { position: relative; } .guide-category-group.category-group h3:after { position: absolute; content: ""; top: 0; display: block; width: 0px; height: 0px; border: 15px solid #ab9e87; border-right: 10px solid transparent; right: -25px; } .guide-category-group.category-group h3:before { position: absolute; content: ""; top: 0; display: block; width: 0px; height: 0px; border: 15px solid #ab9e87; border-right: 10px solid transparent; left: -25px; transform: rotate(180deg); } h3.article-title { margin:-2px 0 0 0; padding:0; font-size:28px; font-weight:400; color:#000; text-transform:uppercase; line-height:27px; font-family:'Knockout 49 A','Knockout 49 B',"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; font-style:normal; letter-spacing: .75px; } /* .copy-wrapper.fg-copy-wrapper .gradient-overlay, .guide-copy-wrapper .gradient-overlay { display: none; } */ .copy-wrapper sub { vertical-align: baseline; position: relative; top: 0.4em; font-size: smaller; } .copy-wrapper.fg-copy-wrapper { height: 184px; max-height: none; min-height: auto; } @media (min-width: 768px) { .article-list .copy-wrapper.guide-copy-wrapper { height: 98px !important; min-height: auto !important; max-height: none !important; } .copy-wrapper.fg-copy-wrapper { max-height: none; min-height: auto; height: 116px; } .copy-wrapper.fg-copy-wrapper .gradient-overlay, .guide-copy-wrapper .gradient-overlay { display: block; } } @media (max-width: 980px) and (min-width: 783px) { .article-list .copy-wrapper.guide-copy-wrapper { height: 140px !important; } .copy-wrapper.fg-copy-wrapper { height: 180px !important; } } @media (max-width: 782px) and (min-width: 769px) { .article-list .copy-wrapper.guide-copy-wrapper { height: 128px !important; } .copy-wrapper.fg-copy-wrapper { height: 146px !important; } } .article-list .copy-wrapper.guide-copy-wrapper.reveal, .copy-wrapper.fg-copy-wrapper.reveal { height: auto !important; } @media (min-width: 768px) { .copy-wrapper.fg-copy-wrapper.category-copy-wrapper { height: auto; } .copy-wrapper.fg-copy-wrapper.category-copy-wrapper.category-copy-wrapper-tall { max-height: none; min-height: auto; height: 116px; } } .copy-wrapper.fg-copy-wrapper + p.action-links { margin: 5px 20px 0 !important; } .category-copy-wrapper { text-align: center; } .category-copy-wrapper p:last-of-type { margin-bottom: 0px; padding-bottom: 10px; } .truncate__show-btn { position: absolute; bottom: 0; cursor: pointer; color: #ae9e85; font-size: 17px; line-height: 22px; background: white; width: 100%; text-align: center; } .truncate__show-btn span { border-bottom: 1px solid #ae9e85; } .category-copy-wrapper .gradient-overlay { /* background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 74%,rgba(255,255,255,1) 10%); */ background: linear-gradient(0deg, rgba(255,255,255,1) 22%, rgba(255,255,255,0) 100%); height: 115px; } .fg-copy-wrappe.reveal .gradient-overlay { background: transparent !important; } .copy-wrapper.fg-copy-wrapper.reveal { padding-bottom: 20px; } @media (max-width: 42em) { .category-copy-wrapper { margin-bottom: 20px; } } .action-links a:link, .action-links a:visited, .action-links a:active, .action-links a:hover { border-bottom: 1px solid #ae9e85; } .grid.brand-desc hr { margin: 0 0 20px; border: 0px; border-bottom: 1px solid #000; } .grid.brand-desc.border-top.padding-top h2.article-title { border-top: 1px solid #000; padding-top: 20px; margin-top: 1px; } .category-group.featured{color:#30525f;border-bottom:1px solid #30525f;position:relative;overflow:visible;} .category-group.featured a {color:#30525f;} .featured-question{position:absolute;left:112px;top:-2px;} .featured-question a{display:block;background:#ffffff url(http://uncrate.com/img/q.png) no-repeat left top;width:16px;height:16px;background-size:16px 16px;overflow:hidden;text-indent:-99999px;} .copy-wrapper{padding:0 20px;display:block;overflow:hidden;height:auto;max-height:209px;margin-bottom:12px;position:relative;text-align:left;} .copy-wrapper p{ line-height: 25px; } .article-product-wrapper .copy-wrapper p.shipping-message {color:#57ab57;letter-spacing:0;display:inline-block;font-size:12px;font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;font-style:normal;line-height:18px;text-transform:uppercase;} .article-product-wrapper .copy-wrapper p.sold-out {color:#e74e3c;letter-spacing:0;display:inline-block;font-size:12px;font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;font-style:normal;line-height:12px;text-transform:uppercase;} .article-product-wrapper .copy-wrapper p small, .article-product-wrapper .copy-wrapper small, .article-product-wrapper .copy-wrapper small p { font-size: 13px; line-height: 1.5; display: block; } @media (max-width:42em){ .copy-wrapper{max-height:none;margin-bottom:0;} } @media (min-width:768px){ .article-list .copy-wrapper{min-height:209px;} .copy-wrapper { min-height: 215px; /* 209px */ } #products .copy-wrapper { min-height: auto; } } @media (width:768px){ .copy-wrapper { min-height: 0px; max-height: none; height: 124px; } } @media (min-width:981px){ .copy-wrapper { min-height: 215px; } } .card .copy-wrapper{min-height:0;} .article-list .ui-wrapper{min-height:92px;} @media (min-width:42em){ .copy-wrapper p{cursor:pointer;} } .gradient-overlay{display:block;overflow:hidden;height:75px;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,white 100%);/* FF3.6+ */background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,white));/* Chrome,Safari4+ */background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,white 100%);/* Chrome10+,Safari5.1+ */background:-o-linear-gradient(top,rgba(255,255,255,0) 0%,white 100%);/* Opera 11.10+ */background:-ms-linear-gradient(top,rgba(255,255,255,0) 0%,white 100%);/* IE10+ */background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,white 100%);/* W3C */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0 );/* IE6-9 */position:absolute;bottom:0;left:0;width:100%;} @media (max-width:42em){ .gradient-overlay{display:none;} .fg-copy-wrapper .gradient-overlay { display: block; } } .article-title{text-align:center;} .ui-wrapper{font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;font-size:12px;font-weight:bold;color:#ffffff;text-transform:uppercase;overflow:hidden;height:auto;} .ui-wrapper .sep{font-size:12px;font-weight:bold;} .ui-wrapper a{color:#ffffff;} /*@media (max-width:767px){ .ui-wrapper .buy{width:100%;overflow:hidden;padding:0 20px 0 20px;} }*/ .ui-wrapper .buy {padding:0 20px;} .ui-wrapper .buy a{display:block;width:100%;height:36px;background:#000000;margin:0 auto 20px;text-align:center;padding:12px 7px;font-size:12px;font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;font-style:normal;} .ui-wrapper.clean .buy { margin: 0 0 20px; } .ui-wrapper.clean .buy a {float: none; width: 100%; max-width: 500px;} .ui-wrapper.clean .buy a + a { margin-top: 20px; } .ui-wrapper.clean .buy .nice-select.select.open { background: #000; color: #fff; } .ui-wrapper.clean .buy .nice-select.select.open span { color: #fff; } .ui-wrapper.clean .buy .nice-select.select.open:after { border-color: #fff; } .ui-wrapper.clean { overflow: visible; } .article-product-wrapper .content-wrapper { overflow: visible; } .article-product-wrapper .copy-wrapper.clean p{ } /*@media (max-width:767px){ .ui-wrapper .buy a{width:100%;} }*/ .ui-wrapper .buy.no{display:block;height:36px;width:auto;margin-bottom:20px;} .ui-wrapper .buy.no a{background:#ffffff;display:none;} .ui-wrapper .social{display:block;margin:0 auto;width:100%;padding: 0 20px;text-align:center;overflow:hidden;height:auto;} /*@media (max-width:767px){ .ui-wrapper .social{width:100%;padding:0 20px;} }*/ .ui-wrapper .social a{display:block;width:100%;float:left;padding:12px 7px;height:36px;} /*old colors before TWEET removed: .ui-wrapper .social .facebook{background:#3c3c3c;} .ui-wrapper .social .twitter{background:#666666;} */ .ui-wrapper .social .facebook{background:#666666;} .ui-wrapper .social .twitter{background:#3c3c3c;} .ui-wrapper .social .stash{background:#999999;} @media (max-width:350px){ .ui-wrapper .social .sep,.ui-wrapper .social .like-count,.ui-wrapper .social .tweet-count,.ui-wrapper .social .stash-count{display:none;} } .gallivant-post{position:absolute;z-index:200;bottom:2px;text-align:center;width:100%;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1.0) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,1.0)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1.0) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1.0) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1.0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1.0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#99000000',GradientType=0 );} .gallivant-post img{width:200px;outline:none;border:none;margin:20px;} .article-list .copy-wrapper, .sponsored-post-list .copy-wrapper { text-align:center; margin-bottom: 0px; } .article.full.lead .copy-wrapper { text-align:center; } @media (min-width:767px){ .article.full.lead .copy-wrapper { text-align:left; } .article.full .article-title { font-size: 32px; line-height: 31px; max-width: 680px; margin-left: auto; margin-right: auto; } } } .search-results-title h1 { margin-bottom: 20px; text-align: center; } .article-slideshow .image-wrapper a { position: relative; } .article-slideshow .image-wrapper a:before { content: ""; background: url("https://uncrate.com/img/slideshow-2.png") no-repeat; background-size: 27px 22px; display: block; position: absolute; transform: none; width: 27px; height: 22px; bottom: 22px; left: 18px; } /* ---------------------------------------------------------------- SINGLE ARTICLE STYLES ---------------------------------------------------------------- */ .article-single .image-wrapper img, .article-single .uncrate-video-wrapper img, .article-single .uncrate-video-wrapper iframe{ outline:1px solid #c7c7c7;outline-offset:-1px;display:block; } .article-single .article{margin-bottom:0;max-height:none;position:relative;padding-bottom:0;border:none;} @media (min-width:672px){ .article-single .article{text-align:left;} } .article-single .inner-wrapper{border-right:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;border-left:1px solid #c7c7c7;overflow:hidden;height:auto;margin-top:-1px;padding-bottom:20px;position:relative;} .article-single .inner-wrapper.inner-wrapper-extend { border-bottom: 0px; padding-bottom: 0px; } .article-single .content-wrapper{max-width:638px;width:66.5970772%;/* 638 / 958 = .665970772 */ padding:0 20px 0 20px;float:left;} @media (max-width:960px){ .article-single .content-wrapper{width:64.4444444%;} } @media (max-width:768px){ .article-single .content-wrapper{width:55.5555556%;} } @media (max-width:767px){ .article-single .content-wrapper{width:100%;max-width:none;} } .article-single .ad-wrapper{max-width:320px;width:33.4029228%;/* 320 / 958 = .334029228 */height:auto;margin:20px 0 0 0;padding-right:20px;position:absolute;top:0;right:0;} @media (max-width:960px){ .article-single .ad-wrapper{width:35.6347439%;} } @media (max-width:768px){ .article-single .ad-wrapper{width:44.4444444%;} } @media (max-width:767px){ .article-single .ad-wrapper{display:none;} } .article-single .ad-wrapper .ad, .article-single .ad-wrapper > div{max-height:250px;overflow:hidden;position:relative;bottom:0;} .article-single .ad-wrapper img, .article-single .ad-wrapper iframe{max-width:100%;} @media (min-width:672px){ .article-single .article-title{text-align:left;} } @media (min-width:672px){ .article-single .category-group{margin-left:0;} } .article-single .copy-wrapper{padding:0;max-height:146px;} @media (max-width:960px){ .article-single .copy-wrapper{max-height:90px;} } @media (max-width:42em){ .article-single .copy-wrapper{max-height:none;} } .article-single .social, .article-single .buy a{float:left;} @media (max-width:1023px) and (min-width:751px){ .article-single .social, .article-single .buy a{padding-bottom:0;margin-bottom:0;} } .article-single .social{width:300px;float:right;width:50.1672241%;/* 300 / 598 = .501672241 */} @media (max-width:960px){ .article-single .social{width:100%;float:none;} } .article-single .buy a{width:278px;width:46.4882943%;/* 278 / 598 = .464882943 */ margin-bottom:0;} @media (max-width:960px){ .article-single .buy a{width:100%;float:none;margin-bottom:20px;} } .article-single .buy, .article-single .social{padding:0;} .article-single .buy.no + .social{width:100%;} @media (min-width:960px){ .article-single .buy.no{display:none;} } .article-single .multiple-actions .buy a{width:48.3277592%;} @media (max-width:960px){ .article-single .multiple-actions .buy a{float:left;} } @media (max-width:767px){ .article-single .multiple-actions .buy a{float:none;width:100%;} } .article-single .multiple-actions .buy a:first-child{margin-right:3.3444816%;} .article-single .multiple-actions .social{width:100%;} @media (min-width:768px){ .article-single .multiple-actions .social{margin-top:20px;} } @media (min-width:768px){ .article-list .multiple-actions .copy-wrapper{min-height:153px;max-height:153px;} .article-list .multiple-actions .copy-wrapper.reveal{max-height:none;} } @media (min-width:768px){ .article-single .multiple-actions .copy-wrapper{max-height:89px;} .article-single .multiple-actions .copy-wrapper.reveal{max-height:none;} } /* For grid cards without BUY button */ .article-list .no-action .copy-wrapper{max-height:265px;min-height: 265px;} .article-list .no-action .copy-wrapper.reveal{max-height:none;} .article-list .no-action .ui-wrapper{min-height: 36px;} .article-list .no-action .ui-wrapper .no{display:none;} @media (max-width:42em){ .article-list .no-action .copy-wrapper{max-height:none;margin-bottom:0;} } .sub-nav li a, .ui-wrapper, .category-group h2, .category-group h3, .footer-link-list li a, .fieldset label, .copyright p.payment-options, .copyright p[role="contentinfo"] { letter-spacing: .5px; } /* ---------------------------------------------------------------- INDIE PAGE STYLES ---------------------------------------------------------------- */ .copy-wrapper.reveal{max-height:none;} .copy-wrapper .gradient-overlay{cursor:pointer;} .copy-wrapper.reveal .gradient-overlay{display:none;} .card .copy-wrapper{margin-bottom:0;} .card .article-title{margin-top:16px;margin-bottom:0;min-height:70px;} .card .category-group{margin-bottom:0;} .card{padding-bottom:14px;} .article-single .indie .copy-wrapper{max-height:none;} .article-single .indie .gradient-overlay{display:none;} .indie .copy-wrapper p{cursor:default;} .copy-wrapper.reveal .gradient-overlay { display: block; background: transparent !important; overflow: visible; } /* ---------------------------------------------------------------- SPONSORED ARTICLE STYLES ---------------------------------------------------------------- */ /*.sponsored-post-list-wrapper{padding-top:20px;background:#f4f3f1;margin-bottom:20px;}*/ .sponsored-post-list-wrapper .article{background:#ffffff;} .banner-ad-wrapper{/* padding-top: 20px; */ /* background: #f4f3f1; */ /* margin-bottom: 20px; */} .banner-ad-wrapper.indie-ad{background:#ffffff;padding-top:0;margin-bottom:0;} .fm-cs-ad .fm-cs-ad-header .fm-cs-ad-title{font-family:'Knockout 49 A','Knockout 49 B',"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif !important;font-weight:400;font-style:normal;letter-spacing: .75px;} .banner-ad-wrapper.indie-ad .ad, .banner-ad-wrapper.indie-ad > div{margin-bottom:0;} .banner-ad-wrapper .ad, .banner-ad-wrapper > div{margin:0 auto 20px;} .wrapper.banner-ad-wrapper .grid.banner-ad { margin-bottom: 0px; } /* .wrapper.banner-ad-wrapper .grid.banner-ad iframe { margin-bottom: 20px; } */ @media (max-width:767px){ .banner-ad-wrapper{display:none;} } .high-impact-banner.article{border:none !important;} .high-impact-banner img{border:none !important;} .high-impact-banner > img { display: none;} .banner-ad > div{text-align:center;} /* ---------------------------------------------------------------- ARTICLE SERIES STYLES ---------------------------------------------------------------- */ html:has(.article-series) .sub-nav.closed { border-top: 1px solid #000000; border-bottom: none; padding-top: 0; padding-bottom: 0; height: 1px !important; overflow: hidden; } .article-series .article { border: none; } .article-series .copy-wrapper p:nth-child(1)::first-letter { padding: 0 .3rem 0 0; margin: -0.2rem .3rem 0 0; font-size: 3.6rem; float: left; line-height: 1; } .article-series .copy-wrapper { max-width: 614px; margin: 0 auto 12px; padding: 0 20px; display: block; overflow: visible; height: auto; min-height: auto; max-height: 100%; position: relative; text-align: left; } .article-series .copy-wrapper hr { display: block; overflow-x: hidden; overflow-y: hidden; color: transparent; margin-block-start: 20px; margin-block-end: 20px; margin-inline-start: auto; margin-inline-end: auto; border: none; height: 1px; background-color: #000; } .article-series .ad-wrapper.copy-wrapper { max-width: 100%; } .article-series .article h1.article-title { font-family: "Sentinel A", "Sentinel B"; font-style: normal; font-weight: 500; text-transform: none; font-size: 3rem; color: #000; line-height: 100%; margin: 0 auto 8px auto; text-align: center; } .article-series .copy-wrapper h3 { font-family: "Sentinel A", "Sentinel B"; font-style: normal; font-size: 18px; line-height: 27px; margin-bottom: 0; font-weight: bold; } .article-series .copy-wrapper p { font-size: 18px; line-height: 27px; margin-bottom: 20px; } .article-series .intro-wrapper { text-align: center; } .article-series .intro-wrapper div.category-group { margin: 20px 0 9px; } .article-series .intro-wrapper div.category-group a:where(:link), .article-series .intro-wrapper div.category-group a:where(:visited), .article-series .intro-wrapper div.category-group a:where(:hover), .article-series .intro-wrapper div.category-group a:where(:active) { color: var(--uc-color-gold); text-decoration: none; } .article-series .intro-wrapper div.category-group span.sep { color: #000; margin: 0 0.2em; display: inline-block; } .article-series .intro-copy-wrapper { padding: 0 20px; display: block; height: auto; margin-bottom: 30px; position: relative; text-align: left; } .article-series p.introduction { font-size: 1.3rem; font-family: "Sentinel A", "Sentinel B"; font-style: normal; font-weight: 500; text-transform: none; text-align: center; letter-spacing: 0.01rem; max-width: 95%; margin: 0 auto; padding-bottom: 20px; } .article-series p.citation { font-style: italic; text-align: center; line-height: 1; } .article-series .image-wrapper { margin: 0 auto 15px auto; } .article-series .image-wrapper img { border: none; } .article-series .supply-slideshow { border-top: 1px solid #000; border-bottom: 1px solid #000; border-left: none; border-right: none; margin-bottom: 35px; margin-top: 35px; margin-left: -20px; margin-right: -20px; } @media (max-width:980px) { .article-series .supply-slideshow { margin-left: -20px; margin-right: -20px; height: 250px; } } .article-series .supply-slideshow .updated-date { display: none; } /* ---------------------------------------------------------------- GUIDE STYLES ---------------------------------------------------------------- */ .guide-wrapper{margin-bottom:20px;} .guide-wrapper .hero-wrapper a{display:block;overflow:hidden;height:auto;} .guide-wrapper .hero-wrapper img{max-width:100%;} .guide-wrapper-inner{position:relative;} .guide-wrapper .hidden{display:none;} .guide-wrapper .ui-wrapper{position:absolute;bottom:20px;left:20px;} @media (max-width:767px){.guide-wrapper .ui-wrapper{position:static;} } .guide-wrapper .ui-wrapper .social{width:200px;} @media (max-width:767px){ .guide-wrapper .ui-wrapper .social{margin:0 auto;padding:20px 0 0 0;width:100%;} } .guide-wrapper .ui-wrapper .social a{width:50%;} /* ---------------------------------------------------------------- PAGINATION STYLES ---------------------------------------------------------------- */ .pagination .nav > li{width:100%;} .pagination a:link, .pagination a:active, .pagination a:hover, .pagination a:visited{color:#ffffff;text-decoration:none;display:block;width:100%;text-align:center;background:#000000;padding-top:16px;font-size:40px;line-height:40px;text-transform:uppercase;letter-spacing:1px;font-family:'Knockout 49 A','Knockout 49 B',"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;height:68px;letter-spacing: .75px;} /* ---------------------------------------------------------------- FOOTER STYLES ---------------------------------------------------------------- */ .footer{padding-top:2px;border-top:1px solid #000000;height:46px;} @media (max-width:700px){ .footer{height:auto;margin-bottom:16px;} } .footer-nav{font-family:Helvetica,Arial,sans-serif;text-transform:uppercase;color:#000000;font-size:12px;font-weight:bold;text-align:center;padding-top:10px;border-top:3px solid #000000;line-height:20px;} .footer-nav.intl{border: 0;} .footer a:link, .footer a:visited, .footer a:hover, .footer a:active{color:#000000;margin-right:12px;} .footer-nav li:nth-child(3){padding-left:12px;} .footer-nav.intl li:nth-child(3){padding-left:0;} .paymentmethods { max-height: 30px; width: auto; margin-top: 20px; } /* ---------------------------------------------------------------- COOKIE OPT IN STYLES ---------------------------------------------------------------- */ .cookie { position: fixed; left: 20px; bottom: -600px; width: 300px; padding: 16px 15px 16px; font-size: 12px; color: #fff; line-height: 18px; text-align: left; background-color: #000; border-radius: 0px; box-sizing: border-box; z-index: 200; } .cookie p { font-family: Helvetica Neue, Helvetica, Arial; letter-spacing: .5px; font-size: 12px; margin: 0 0 10px 0; text-align: left; line-height: 1.5; /* width: calc(100% - 133px); */ } .cookie.show { transition: bottom .65s cubic-bezier(.13, .04, .39, 1.3); bottom: 20px; } .cookie.hide { bottom: -200px; transition: bottom .65s cubic-bezier(.68, -0.15, .74, .05); } .cookie.show.newsletter-option--open { transition: bottom .65s cubic-bezier(.13, .04, .39, 1.3); animation-name: optInFadeInUp; -webkit-animation-name: optInFadeInUp; } .cookie-btn { display: inline-block; flex-shrink: 0; min-width: 113px; padding: 10px 25px; color: #282828; font-weight: 700; line-height: 1.15em; background-color: #fff; border: none; border-radius: 0px; text-align: center; box-sizing: border-box; transition: all .2s ease; cursor: pointer; text-transform: uppercase; font-size: 12px; } .cookie-btn:hover, .cookie-btn:focus { box-shadow: 0 0 7px 2px #1c1b1b; } @media (min-width: 960px) { .cookie { bottom: -300px; padding: 20px 20px 21px; text-align: left; } .cookie.show { bottom: 20px; } .cookie.show.newsletter-option--open { bottom: 90px; } } @media (max-width: 1130px) { .cookie.show.newsletter-option--open { bottom: 106px; } } @media (max-width: 984px) { .cookie.show.newsletter-option--open { bottom: 142px; } } @media (max-width: 471px) { .cookie { width: calc(100% - 40px); } .cookie.show.newsletter-option--open { bottom: 160px; } } /* ---------------------------------------------------------------- FORM STYLES ---------------------------------------------------------------- */ form{margin:0 0 20px;} fieldset{padding:0;margin:0;border:0;} legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:40px;color:#333333;border:0;border-bottom:1px solid #e5e5e5;} legend small{font-size:15px;color:#999999;} label, input, button, select, textarea{font-size:14px;font-weight:normal;line-height:20px;} input, button, select, textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;} label{width:30%;float:left;margin-bottom:0;padding:0;height:24px;padding-left:4px;line-height:24px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:bold;font-size:12px;letter-spacing:0px;display:block;text-transform:uppercase;} select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, textarea{width:70%;float:left;margin-bottom:0;padding:0;height:24px;line-height:24px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;display:block;font-size:14px;color:#555555;vertical-align:middle;} textarea{height:auto;} textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{background-color:transparent;border:none;} textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus{outline:0;} input[type="radio"], input[type="checkbox"]{margin:4px 0 0;*margin-top:0;margin-top:1px \9;line-height:normal;} input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"]{width:auto;background:transparent;} select, input[type="file"]{height:30px;*margin-top:4px;line-height:30px;} select{width:70%;border:none;background-color:transparent;position:relative;left:-8px;} select[multiple], select[size]{height:auto;} select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus{outline:none;} .form-header,.form-intro,.form-signup,.form-forgot,.form-agree,.form-notice{text-align:center;} .form-header{font-size:16px;font-family:'Sentinel A','Sentinel B',Georgia,'Times New Roman',serif;font-weight:700;font-style:bold;text-transform:none;margin-bottom:0;} .form-header + form{margin-top:10px;} .form-intro{font-style:italic;} .form-signup:first-child{margin-bottom:0;} .form-signup:last-child{margin-top:0;} .form-agree,.form-notice{margin-top:0;font-style:italic;} .fieldset,.field{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;} .fieldset{border:1px solid #000;background:#fff;margin-bottom:1.5em;float:left;width:100%;} .field{position:relative;border-bottom:1px solid #000;padding:16px;float:left;width:100%;-webkit-transition:all .2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} .field:last-child{border-bottom:none;} .active-formfield{-moz-box-shadow:0 0 0 2px #ae9e85;-webkit-box-shadow:0 0 0 2px #ae9e85;box-shadow:0 0 0 2px #ae9e85;border-bottom-color:transparent;} .btn{display:inline-block;padding:4px 12px;margin-bottom:0;font-size:12px;line-height:20px;color:#ffffff;text-align:center;vertical-align:middle;cursor:pointer;background-color:#000000;text-transform:uppercase;font-weight:bold;margin-left:0;border:none;height:36px;width:100%;letter-spacing: .5px;} .btn + p,.actions-bar-inner + p,.actions-bar + .field-nonmember{margin-top:14px;} .btn-link, .btn-link:link, .btn-link:visited{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#ffffff;padding:8px 12px;} .actions-single-btn .btn{margin-bottom:30px;} /* ---------------------------------------------------------------- STASH STYLES ---------------------------------------------------------------- */ .stash-title h1{display:inline-block;} .stash-title .sign-out{display:inline-block;margin:-2px 0 0 10px;padding:0;font-size:14px;font-weight:400;text-transform:none;line-height:35px;font-family:'Sentinel A','Sentinel B',Georgia,'Times New Roman',serif;font-weight:500;font-style:italic;} /* ---------------------------------------------------------------- SITE METER STYLES ---------------------------------------------------------------- */ #idSiteMeterHREF,.pixel,iframe[src*="specificclick"],iframe[src*="imrworldwide"],img[src*="lijit"],img[src*="mathtag"],img[src*="adnxs"],img[src*="doubleclick"]{display:none;} /*! Font Awesome 4.2.0 by @davegandy - fontawesome.io - fontawesome -License - fontawesome.io/license (Font:SIL OFL 1.1,CSS:MIT License) */ @font-face{font-family:'FontAwesome';src:url('https://uncrate.com/css/fonts/fontawesome-webfont.eot?v=4.2.0');src:url('https://uncrate.com/css/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('https://uncrate.com/css/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('https://uncrate.com/css/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('https://uncrate.com/css/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;} .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%} .fa-2x{font-size:2em} .fa-3x{font-size:3em} .fa-4x{font-size:4em} .fa-5x{font-size:5em} .fa-fw{width:1.28571429em;text-align:center} .fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none} .fa-ul>li{position:relative} .fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center} .fa-li.fa-lg{left:-1.85714286em} .fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em} .pull-right{float:right} .pull-left{float:left} .fa.pull-left{margin-right:.3em} .fa.pull-right{margin-left:.3em} .fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear} @-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}} @keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}} .fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} .fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} .fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)} .fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)} .fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)} :root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none} .fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle} .fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center} .fa-stack-1x{line-height:inherit} .fa-stack-2x{font-size:2em} .fa-inverse{color:#fff} .fa-glass:before{content:"\f000"} .fa-music:before{content:"\f001"} .fa-search:before{content:"\f002"} .fa-envelope-o:before{content:"\f003"} .fa-heart:before{content:"\f004"} .fa-star:before{content:"\f005"} .fa-star-o:before{content:"\f006"} .fa-user:before{content:"\f007"} .fa-film:before{content:"\f008"} .fa-th-large:before{content:"\f009"} .fa-th:before{content:"\f00a"} .fa-th-list:before{content:"\f00b"} .fa-check:before{content:"\f00c"} .fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"} .fa-search-plus:before{content:"\f00e"} .fa-search-minus:before{content:"\f010"} .fa-power-off:before{content:"\f011"} .fa-signal:before{content:"\f012"} .fa-gear:before,.fa-cog:before{content:"\f013"} .fa-trash-o:before{content:"\f014"} .fa-home:before{content:"\f015"} .fa-file-o:before{content:"\f016"} .fa-clock-o:before{content:"\f017"} .fa-road:before{content:"\f018"} .fa-download:before{content:"\f019"} .fa-arrow-circle-o-down:before{content:"\f01a"} .fa-arrow-circle-o-up:before{content:"\f01b"} .fa-inbox:before{content:"\f01c"} .fa-play-circle-o:before{content:"\f01d"} .fa-rotate-right:before,.fa-repeat:before{content:"\f01e"} .fa-refresh:before{content:"\f021"} .fa-list-alt:before{content:"\f022"} .fa-lock:before{content:"\f023"} .fa-flag:before{content:"\f024"} .fa-headphones:before{content:"\f025"} .fa-volume-off:before{content:"\f026"} .fa-volume-down:before{content:"\f027"} .fa-volume-up:before{content:"\f028"} .fa-qrcode:before{content:"\f029"} .fa-barcode:before{content:"\f02a"} .fa-tag:before{content:"\f02b"} .fa-tags:before{content:"\f02c"} .fa-book:before{content:"\f02d"} .fa-bookmark:before{content:"\f02e"} .fa-print:before{content:"\f02f"} .fa-camera:before{content:"\f030"} .fa-font:before{content:"\f031"} .fa-bold:before{content:"\f032"} .fa-italic:before{content:"\f033"} .fa-text-height:before{content:"\f034"} .fa-text-width:before{content:"\f035"} .fa-align-left:before{content:"\f036"} .fa-align-center:before{content:"\f037"} .fa-align-right:before{content:"\f038"} .fa-align-justify:before{content:"\f039"} .fa-list:before{content:"\f03a"} .fa-dedent:before,.fa-outdent:before{content:"\f03b"} .fa-indent:before{content:"\f03c"} .fa-video-camera:before{content:"\f03d"} .fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"} .fa-pencil:before{content:"\f040"} .fa-map-marker:before{content:"\f041"} .fa-adjust:before{content:"\f042"} .fa-tint:before{content:"\f043"} .fa-edit:before,.fa-pencil-square-o:before{content:"\f044"} .fa-share-square-o:before{content:"\f045"} .fa-check-square-o:before{content:"\f046"} .fa-arrows:before{content:"\f047"} .fa-step-backward:before{content:"\f048"} .fa-fast-backward:before{content:"\f049"} .fa-backward:before{content:"\f04a"} .fa-play:before{content:"\f04b"} .fa-pause:before{content:"\f04c"} .fa-stop:before{content:"\f04d"} .fa-forward:before{content:"\f04e"} .fa-fast-forward:before{content:"\f050"} .fa-step-forward:before{content:"\f051"} .fa-eject:before{content:"\f052"} .fa-chevron-left:before{content:"\f053"} .fa-chevron-right:before{content:"\f054"} .fa-plus-circle:before{content:"\f055"} .fa-minus-circle:before{content:"\f056"} .fa-times-circle:before{content:"\f057"} .fa-check-circle:before{content:"\f058"} .fa-question-circle:before{content:"\f059"} .fa-info-circle:before{content:"\f05a"} .fa-crosshairs:before{content:"\f05b"} .fa-times-circle-o:before{content:"\f05c"} .fa-check-circle-o:before{content:"\f05d"} .fa-ban:before{content:"\f05e"} .fa-arrow-left:before{content:"\f060"} .fa-arrow-right:before{content:"\f061"} .fa-arrow-up:before{content:"\f062"} .fa-arrow-down:before{content:"\f063"} .fa-mail-forward:before,.fa-share:before{content:"\f064"} .fa-expand:before{content:"\f065"} .fa-compress:before{content:"\f066"} .fa-plus:before{content:"\f067"} .fa-minus:before{content:"\f068"} .fa-asterisk:before{content:"\f069"} .fa-exclamation-circle:before{content:"\f06a"} .fa-gift:before{content:"\f06b"} .fa-leaf:before{content:"\f06c"} .fa-fire:before{content:"\f06d"} .fa-eye:before{content:"\f06e"} .fa-eye-slash:before{content:"\f070"} .fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"} .fa-plane:before{content:"\f072"} .fa-calendar:before{content:"\f073"} .fa-random:before{content:"\f074"} .fa-comment:before{content:"\f075"} .fa-magnet:before{content:"\f076"} .fa-chevron-up:before{content:"\f077"} .fa-chevron-down:before{content:"\f078"} .fa-retweet:before{content:"\f079"} .fa-shopping-cart:before{content:"\f07a"} .fa-folder:before{content:"\f07b"} .fa-folder-open:before{content:"\f07c"} .fa-arrows-v:before{content:"\f07d"} .fa-arrows-h:before{content:"\f07e"} .fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"} .fa-twitter-square:before{content:"\f081"} .fa-facebook-square:before{content:"\f082"} .fa-camera-retro:before{content:"\f083"} .fa-key:before{content:"\f084"} .fa-gears:before,.fa-cogs:before{content:"\f085"} .fa-comments:before{content:"\f086"} .fa-thumbs-o-up:before{content:"\f087"} .fa-thumbs-o-down:before{content:"\f088"} .fa-star-half:before{content:"\f089"} .fa-heart-o:before{content:"\f08a"} .fa-sign-out:before{content:"\f08b"} .fa-linkedin-square:before{content:"\f08c"} .fa-thumb-tack:before{content:"\f08d"} .fa-external-link:before{content:"\f08e"} .fa-sign-in:before{content:"\f090"} .fa-trophy:before{content:"\f091"} .fa-github-square:before{content:"\f092"} .fa-upload:before{content:"\f093"} .fa-lemon-o:before{content:"\f094"} .fa-phone:before{content:"\f095"} .fa-square-o:before{content:"\f096"} .fa-bookmark-o:before{content:"\f097"} .fa-phone-square:before{content:"\f098"} .fa-twitter:before{content:"\f099"} .fa-facebook:before{content:"\f09a"} .fa-github:before{content:"\f09b"} .fa-unlock:before{content:"\f09c"} .fa-credit-card:before{content:"\f09d"} .fa-rss:before{content:"\f09e"} .fa-hdd-o:before{content:"\f0a0"} .fa-bullhorn:before{content:"\f0a1"} .fa-bell:before{content:"\f0f3"} .fa-certificate:before{content:"\f0a3"} .fa-hand-o-right:before{content:"\f0a4"} .fa-hand-o-left:before{content:"\f0a5"} .fa-hand-o-up:before{content:"\f0a6"} .fa-hand-o-down:before{content:"\f0a7"} .fa-arrow-circle-left:before{content:"\f0a8"} .fa-arrow-circle-right:before{content:"\f0a9"} .fa-arrow-circle-up:before{content:"\f0aa"} .fa-arrow-circle-down:before{content:"\f0ab"} .fa-globe:before{content:"\f0ac"} .fa-wrench:before{content:"\f0ad"} .fa-tasks:before{content:"\f0ae"} .fa-filter:before{content:"\f0b0"} .fa-briefcase:before{content:"\f0b1"} .fa-arrows-alt:before{content:"\f0b2"} .fa-group:before,.fa-users:before{content:"\f0c0"} .fa-chain:before,.fa-link:before{content:"\f0c1"} .fa-cloud:before{content:"\f0c2"} .fa-flask:before{content:"\f0c3"} .fa-cut:before,.fa-scissors:before{content:"\f0c4"} .fa-copy:before,.fa-files-o:before{content:"\f0c5"} .fa-paperclip:before{content:"\f0c6"} .fa-save:before,.fa-floppy-o:before{content:"\f0c7"} .fa-square:before{content:"\f0c8"} .fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"} .fa-list-ul:before{content:"\f0ca"} .fa-list-ol:before{content:"\f0cb"} .fa-strikethrough:before{content:"\f0cc"} .fa-underline:before{content:"\f0cd"} .fa-table:before{content:"\f0ce"} .fa-magic:before{content:"\f0d0"} .fa-truck:before{content:"\f0d1"} .fa-pinterest:before{content:"\f0d2"} .fa-pinterest-square:before{content:"\f0d3"} .fa-google-plus-square:before{content:"\f0d4"} .fa-google-plus:before{content:"\f0d5"} .fa-money:before{content:"\f0d6"} .fa-caret-down:before{content:"\f0d7"} .fa-caret-up:before{content:"\f0d8"} .fa-caret-left:before{content:"\f0d9"} .fa-caret-right:before{content:"\f0da"} .fa-columns:before{content:"\f0db"} .fa-unsorted:before,.fa-sort:before{content:"\f0dc"} .fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"} .fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"} .fa-envelope:before{content:"\f0e0"} .fa-linkedin:before{content:"\f0e1"} .fa-rotate-left:before,.fa-undo:before{content:"\f0e2"} .fa-legal:before,.fa-gavel:before{content:"\f0e3"} .fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"} .fa-comment-o:before{content:"\f0e5"} .fa-comments-o:before{content:"\f0e6"} .fa-flash:before,.fa-bolt:before{content:"\f0e7"} .fa-sitemap:before{content:"\f0e8"} .fa-umbrella:before{content:"\f0e9"} .fa-paste:before,.fa-clipboard:before{content:"\f0ea"} .fa-lightbulb-o:before{content:"\f0eb"} .fa-exchange:before{content:"\f0ec"} .fa-cloud-download:before{content:"\f0ed"} .fa-cloud-upload:before{content:"\f0ee"} .fa-user-md:before{content:"\f0f0"} .fa-stethoscope:before{content:"\f0f1"} .fa-suitcase:before{content:"\f0f2"} .fa-bell-o:before{content:"\f0a2"} .fa-coffee:before{content:"\f0f4"} .fa-cutlery:before{content:"\f0f5"} .fa-file-text-o:before{content:"\f0f6"} .fa-building-o:before{content:"\f0f7"} .fa-hospital-o:before{content:"\f0f8"} .fa-ambulance:before{content:"\f0f9"} .fa-medkit:before{content:"\f0fa"} .fa-fighter-jet:before{content:"\f0fb"} .fa-beer:before{content:"\f0fc"} .fa-h-square:before{content:"\f0fd"} .fa-plus-square:before{content:"\f0fe"} .fa-angle-double-left:before{content:"\f100"} .fa-angle-double-right:before{content:"\f101"} .fa-angle-double-up:before{content:"\f102"} .fa-angle-double-down:before{content:"\f103"} .fa-angle-left:before{content:"\f104"} .fa-angle-right:before{content:"\f105"} .fa-angle-up:before{content:"\f106"} .fa-angle-down:before{content:"\f107"} .fa-desktop:before{content:"\f108"} .fa-laptop:before{content:"\f109"} .fa-tablet:before{content:"\f10a"} .fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"} .fa-circle-o:before{content:"\f10c"} .fa-quote-left:before{content:"\f10d"} .fa-quote-right:before{content:"\f10e"} .fa-spinner:before{content:"\f110"} .fa-circle:before{content:"\f111"} .fa-mail-reply:before,.fa-reply:before{content:"\f112"} .fa-github-alt:before{content:"\f113"} .fa-folder-o:before{content:"\f114"} .fa-folder-open-o:before{content:"\f115"} .fa-smile-o:before{content:"\f118"} .fa-frown-o:before{content:"\f119"} .fa-meh-o:before{content:"\f11a"} .fa-gamepad:before{content:"\f11b"} .fa-keyboard-o:before{content:"\f11c"} .fa-flag-o:before{content:"\f11d"} .fa-flag-checkered:before{content:"\f11e"} .fa-terminal:before{content:"\f120"} .fa-code:before{content:"\f121"} .fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"} .fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"} .fa-location-arrow:before{content:"\f124"} .fa-crop:before{content:"\f125"} .fa-code-fork:before{content:"\f126"} .fa-unlink:before,.fa-chain-broken:before{content:"\f127"} .fa-question:before{content:"\f128"} .fa-info:before{content:"\f129"} .fa-exclamation:before{content:"\f12a"} .fa-superscript:before{content:"\f12b"} .fa-subscript:before{content:"\f12c"} .fa-eraser:before{content:"\f12d"} .fa-puzzle-piece:before{content:"\f12e"} .fa-microphone:before{content:"\f130"} .fa-microphone-slash:before{content:"\f131"} .fa-shield:before{content:"\f132"} .fa-calendar-o:before{content:"\f133"} .fa-fire-extinguisher:before{content:"\f134"} .fa-rocket:before{content:"\f135"} .fa-maxcdn:before{content:"\f136"} .fa-chevron-circle-left:before{content:"\f137"} .fa-chevron-circle-right:before{content:"\f138"} .fa-chevron-circle-up:before{content:"\f139"} .fa-chevron-circle-down:before{content:"\f13a"} .fa-html5:before{content:"\f13b"} .fa-css3:before{content:"\f13c"} .fa-anchor:before{content:"\f13d"} .fa-unlock-alt:before{content:"\f13e"} .fa-bullseye:before{content:"\f140"} .fa-ellipsis-h:before{content:"\f141"} .fa-ellipsis-v:before{content:"\f142"} .fa-rss-square:before{content:"\f143"} .fa-play-circle:before{content:"\f144"} .fa-ticket:before{content:"\f145"} .fa-minus-square:before{content:"\f146"} .fa-minus-square-o:before{content:"\f147"} .fa-level-up:before{content:"\f148"} .fa-level-down:before{content:"\f149"} .fa-check-square:before{content:"\f14a"} .fa-pencil-square:before{content:"\f14b"} .fa-external-link-square:before{content:"\f14c"} .fa-share-square:before{content:"\f14d"} .fa-compass:before{content:"\f14e"} .fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"} .fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"} .fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"} .fa-euro:before,.fa-eur:before{content:"\f153"} .fa-gbp:before{content:"\f154"} .fa-dollar:before,.fa-usd:before{content:"\f155"} .fa-rupee:before,.fa-inr:before{content:"\f156"} .fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"} .fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"} .fa-won:before,.fa-krw:before{content:"\f159"} .fa-bitcoin:before,.fa-btc:before{content:"\f15a"} .fa-file:before{content:"\f15b"} .fa-file-text:before{content:"\f15c"} .fa-sort-alpha-asc:before{content:"\f15d"} .fa-sort-alpha-desc:before{content:"\f15e"} .fa-sort-amount-asc:before{content:"\f160"} .fa-sort-amount-desc:before{content:"\f161"} .fa-sort-numeric-asc:before{content:"\f162"} .fa-sort-numeric-desc:before{content:"\f163"} .fa-thumbs-up:before{content:"\f164"} .fa-thumbs-down:before{content:"\f165"} .fa-youtube-square:before{content:"\f166"} .fa-youtube:before{content:"\f167"} .fa-xing:before{content:"\f168"} .fa-xing-square:before{content:"\f169"} .fa-youtube-play:before{content:"\f16a"} .fa-dropbox:before{content:"\f16b"} .fa-stack-overflow:before{content:"\f16c"} .fa-instagram:before{content:"\f16d"} .fa-flickr:before{content:"\f16e"} .fa-adn:before{content:"\f170"} .fa-bitbucket:before{content:"\f171"} .fa-bitbucket-square:before{content:"\f172"} .fa-tumblr:before{content:"\f173"} .fa-tumblr-square:before{content:"\f174"} .fa-long-arrow-down:before{content:"\f175"} .fa-long-arrow-up:before{content:"\f176"} .fa-long-arrow-left:before{content:"\f177"} .fa-long-arrow-right:before{content:"\f178"} .fa-apple:before{content:"\f179"} .fa-windows:before{content:"\f17a"} .fa-android:before{content:"\f17b"} .fa-linux:before{content:"\f17c"} .fa-dribbble:before{content:"\f17d"} .fa-skype:before{content:"\f17e"} .fa-foursquare:before{content:"\f180"} .fa-trello:before{content:"\f181"} .fa-female:before{content:"\f182"} .fa-male:before{content:"\f183"} .fa-gittip:before{content:"\f184"} .fa-sun-o:before{content:"\f185"} .fa-moon-o:before{content:"\f186"} .fa-archive:before{content:"\f187"} .fa-bug:before{content:"\f188"} .fa-vk:before{content:"\f189"} .fa-weibo:before{content:"\f18a"} .fa-renren:before{content:"\f18b"} .fa-pagelines:before{content:"\f18c"} .fa-stack-exchange:before{content:"\f18d"} .fa-arrow-circle-o-right:before{content:"\f18e"} .fa-arrow-circle-o-left:before{content:"\f190"} .fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"} .fa-dot-circle-o:before{content:"\f192"} .fa-wheelchair:before{content:"\f193"} .fa-vimeo-square:before{content:"\f194"} .fa-turkish-lira:before,.fa-try:before{content:"\f195"} .fa-plus-square-o:before{content:"\f196"} .fa-space-shuttle:before{content:"\f197"} .fa-slack:before{content:"\f198"} .fa-envelope-square:before{content:"\f199"} .fa-wordpress:before{content:"\f19a"} .fa-openid:before{content:"\f19b"} .fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"} .fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"} .fa-yahoo:before{content:"\f19e"} .fa-google:before{content:"\f1a0"} .fa-reddit:before{content:"\f1a1"} .fa-reddit-square:before{content:"\f1a2"} .fa-stumbleupon-circle:before{content:"\f1a3"} .fa-stumbleupon:before{content:"\f1a4"} .fa-delicious:before{content:"\f1a5"} .fa-digg:before{content:"\f1a6"} .fa-pied-piper:before{content:"\f1a7"} .fa-pied-piper-alt:before{content:"\f1a8"} .fa-drupal:before{content:"\f1a9"} .fa-joomla:before{content:"\f1aa"} .fa-language:before{content:"\f1ab"} .fa-fax:before{content:"\f1ac"} .fa-building:before{content:"\f1ad"} .fa-child:before{content:"\f1ae"} .fa-paw:before{content:"\f1b0"} .fa-spoon:before{content:"\f1b1"} .fa-cube:before{content:"\f1b2"} .fa-cubes:before{content:"\f1b3"} .fa-behance:before{content:"\f1b4"} .fa-behance-square:before{content:"\f1b5"} .fa-steam:before{content:"\f1b6"} .fa-steam-square:before{content:"\f1b7"} .fa-recycle:before{content:"\f1b8"} .fa-automobile:before,.fa-car:before{content:"\f1b9"} .fa-cab:before,.fa-taxi:before{content:"\f1ba"} .fa-tree:before{content:"\f1bb"} .fa-spotify:before{content:"\f1bc"} .fa-deviantart:before{content:"\f1bd"} .fa-soundcloud:before{content:"\f1be"} .fa-database:before{content:"\f1c0"} .fa-file-pdf-o:before{content:"\f1c1"} .fa-file-word-o:before{content:"\f1c2"} .fa-file-excel-o:before{content:"\f1c3"} .fa-file-powerpoint-o:before{content:"\f1c4"} .fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"} .fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"} .fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"} .fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"} .fa-file-code-o:before{content:"\f1c9"} .fa-vine:before{content:"\f1ca"} .fa-codepen:before{content:"\f1cb"} .fa-jsfiddle:before{content:"\f1cc"} .fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"} .fa-circle-o-notch:before{content:"\f1ce"} .fa-ra:before,.fa-rebel:before{content:"\f1d0"} .fa-ge:before,.fa-empire:before{content:"\f1d1"} .fa-git-square:before{content:"\f1d2"} .fa-git:before{content:"\f1d3"} .fa-hacker-news:before{content:"\f1d4"} .fa-tencent-weibo:before{content:"\f1d5"} .fa-qq:before{content:"\f1d6"} .fa-wechat:before,.fa-weixin:before{content:"\f1d7"} .fa-send:before,.fa-paper-plane:before{content:"\f1d8"} .fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"} .fa-history:before{content:"\f1da"} .fa-circle-thin:before{content:"\f1db"} .fa-header:before{content:"\f1dc"} .fa-paragraph:before{content:"\f1dd"} .fa-sliders:before{content:"\f1de"} .fa-share-alt:before{content:"\f1e0"} .fa-share-alt-square:before{content:"\f1e1"} .fa-bomb:before{content:"\f1e2"} .fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"} .fa-tty:before{content:"\f1e4"} .fa-binoculars:before{content:"\f1e5"} .fa-plug:before{content:"\f1e6"} .fa-slideshare:before{content:"\f1e7"} .fa-twitch:before{content:"\f1e8"} .fa-yelp:before{content:"\f1e9"} .fa-newspaper-o:before{content:"\f1ea"} .fa-wifi:before{content:"\f1eb"} .fa-calculator:before{content:"\f1ec"} .fa-paypal:before{content:"\f1ed"} .fa-google-wallet:before{content:"\f1ee"} .fa-cc-visa:before{content:"\f1f0"} .fa-cc-mastercard:before{content:"\f1f1"} .fa-cc-discover:before{content:"\f1f2"} .fa-cc-amex:before{content:"\f1f3"} .fa-cc-paypal:before{content:"\f1f4"} .fa-cc-stripe:before{content:"\f1f5"} .fa-bell-slash:before{content:"\f1f6"} .fa-bell-slash-o:before{content:"\f1f7"} .fa-trash:before{content:"\f1f8"} .fa-copyright:before{content:"\f1f9"} .fa-at:before{content:"\f1fa"} .fa-eyedropper:before{content:"\f1fb"} .fa-paint-brush:before{content:"\f1fc"} .fa-birthday-cake:before{content:"\f1fd"} .fa-area-chart:before{content:"\f1fe"} .fa-pie-chart:before{content:"\f200"} .fa-line-chart:before{content:"\f201"} .fa-lastfm:before{content:"\f202"} .fa-lastfm-square:before{content:"\f203"} .fa-toggle-off:before{content:"\f204"} .fa-toggle-on:before{content:"\f205"} .fa-bicycle:before{content:"\f206"} .fa-bus:before{content:"\f207"} .fa-ioxhost:before{content:"\f208"} .fa-angellist:before{content:"\f209"} .fa-cc:before{content:"\f20a"} .fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"} .fa-meanpath:before{content:"\f20c"} /* Swiper 3.0.7 * Most modern mobile touch slider and framework with hardware accelerated transitions* * http://www.idangero.us/swiper/* * Copyright 2015,Vladimir Kharlampidi* The iDangero.us* http://www.idangero.us/* * Licensed under MIT* * Released on:March 1,2015*/ .swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1} .swiper-container-no-flexbox .swiper-slide{float:left} .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-fles-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap} .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto} .swiper-slide{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative} .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000} .swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y} .swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x} .swiper-button-next,.swiper-button-prev{background-color:rgba(0,0,0,0.4);position:absolute;top:50%;width:30px;height:40px;margin-top:-20px;z-index:10;cursor:pointer;background-size:14px 20px;background-position:center;background-repeat:no-repeat;text-shadow:1px 0 0 rgba(0,0,0,0.5);} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE1cHgiIGhlaWdodD0iMjVweCIgdmlld0JveD0iMCAwIDE1IDI1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjguMyAoMjk4MDIpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPjE0NjU4NTkwMzBfaWNfa2V5Ym9hcmRfYXJyb3dfbGVmdF80OHB4PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjE0NjU4NTkwMzBfaWNfa2V5Ym9hcmRfYXJyb3dfbGVmdF80OHB4IiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlNoYXBlIiBwb2ludHM9IjE0LjgzIDIxLjY3IDUuNjYgMTIuNSAxNC44MyAzLjMzIDEyIDAuNSAwIDEyLjUgMTIgMjQuNSI+PC9wb2x5Z29uPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);left:1px;right:auto} .swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE1cHgiIGhlaWdodD0iMjVweCIgdmlld0JveD0iMCAwIDE1IDI1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjguMyAoMjk4MDIpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPlNoYXBlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjE0NjU4NTkwMzBfaWNfa2V5Ym9hcmRfYXJyb3dfbGVmdF80OHB4IiBmaWxsPSIjMDAwMDAwIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlNoYXBlIiBwb2ludHM9IjE0LjgzIDIxLjY3IDUuNjYgMTIuNSAxNC44MyAzLjMzIDEyIDAuNSAwIDEyLjUgMTIgMjQuNSI+PC9wb2x5Z29uPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+")} .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE1cHgiIGhlaWdodD0iMjVweCIgdmlld0JveD0iMCAwIDE1IDI1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjguMyAoMjk4MDIpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPjE0NjU4NTkwMzBfaWNfa2V5Ym9hcmRfYXJyb3dfbGVmdF80OHB4PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjE0NjU4NTkwMzBfaWNfa2V5Ym9hcmRfYXJyb3dfbGVmdF80OHB4IiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlNoYXBlIiBwb2ludHM9IjE0LjgzIDIxLjY3IDUuNjYgMTIuNSAxNC44MyAzLjMzIDEyIDAuNSAwIDEyLjUgMTIgMjQuNSI+PC9wb2x5Z29uPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+)} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE1cHgiIGhlaWdodD0iMjVweCIgdmlld0JveD0iMCAwIDE1IDI1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjguMyAoMjk4MDIpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPlNoYXBlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjE0NjU4NTkwMjNfaWNfa2V5Ym9hcmRfYXJyb3dfcmlnaHRfNDhweCIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgcG9pbnRzPSIwLjE3IDIxLjkyIDkuMzQgMTIuNzUgMC4xNyAzLjU4IDMgMC43NSAxNSAxMi43NSAzIDI0Ljc1Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);right:1px;left:auto} .swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE1cHgiIGhlaWdodD0iMjVweCIgdmlld0JveD0iMCAwIDE1IDI1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjguMyAoMjk4MDIpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPjE0NjU4NTkwMjNfaWNfa2V5Ym9hcmRfYXJyb3dfcmlnaHRfNDhweDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIxNDY1ODU5MDIzX2ljX2tleWJvYXJkX2Fycm93X3JpZ2h0XzQ4cHgiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIHBvaW50cz0iMC4xNyAyMS45MiA5LjM0IDEyLjc1IDAuMTcgMy41OCAzIDAuNzUgMTUgMTIuNzUgMyAyNC43NSI+PC9wb2x5Z29uPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+")} .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE1cHgiIGhlaWdodD0iMjVweCIgdmlld0JveD0iMCAwIDE1IDI1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjguMyAoMjk4MDIpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPlNoYXBlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjE0NjU4NTkwMjNfaWNfa2V5Ym9hcmRfYXJyb3dfcmlnaHRfNDhweCIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgcG9pbnRzPSIwLjE3IDIxLjkyIDkuMzQgMTIuNzUgMC4xNyAzLjU4IDMgMC43NSAxNSAxMi43NSAzIDI0Ljc1Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)} .swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10} .swiper-pagination.swiper-pagination-hidden{opacity:0} .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2} .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer} .swiper-pagination-white .swiper-pagination-bullet{background:#fff} .swiper-pagination-bullet-active{opacity:1;background:#007aff} .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff} .swiper-pagination-black .swiper-pagination-bullet-active{background:#000} .swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)} .swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block} .swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%} .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px} .swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px} .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d} .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10} .swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} .swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{pointer-events:none} .swiper-container-fade .swiper-slide-active{pointer-events:auto} .swiper-container-cube{overflow:visible} .swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%} .swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible} .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px)} .swiper-container-cube.swiper-container-vertical .swiper-cube-shadow{z-index:0} .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)} .swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%} .swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%} .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0} .swiper-scrollbar-cursor-drag{cursor:move} .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end)infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end)infinite;animation:swiper-preloader-spin 1s steps(12,end)infinite} .swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat} .swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")} @-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)} } @keyframes swiper-preloader-spin{100%{transform:rotate(360deg)} } /* Animate.css - daneden.me/animate - Licensed under the MIT license - opensource.org/licenses/MIT - Copyright (c) 2014 Daniel Eden*/ .animated{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} @-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}100%{opacity:1;-webkit-transform:none;transform:none;}} @keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}100%{opacity:1;-webkit-transform:none;transform:none;}} .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;} @-webkit-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}} @-o-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}} @-moz-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}} @keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}} .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;} .article-single .category {margin-top: 5px;} .article-single .copy-wrapper {max-height: 168px;} .article-single .multiple-actions .copy-wrapper {max-height: 166px;} .article-single .copy-wrapper.reveal {max-height: none !important;} .article-single .indie .copy-wrapper {max-height: none !important;} .article-single .copy-wrapper {min-height:168px; margin-bottom: 10px;} @media (max-width:42em){ .article-single .multiple-actions .copy-wrapper, .article-single .copy-wrapper {max-height: none; margin-bottom: 0px;} } @media (max-width:59em){ .article-single .copy-wrapper {min-height: 0 !important;} } /* ---------------------------------------------------------------- Fixed Header ---------------------------------------------------------------- */ #fixed-header{background:#000;width:100%;height:60px;text-align:center;position:fixed;top:0;left:0;z-index:7001;display:none;margin-top:-60px;} .magazine #fixed-header{border-bottom:1px solid #222;} #fixed-header.fixed-header-shown{display:block;margin:0;} #fixed-header-logo{width:200px;height:auto;display:block;position:relative;float:left;margin-top:10px;} #fixed-header-logo img{width:100%;height:auto;} #fixed-header .grid{height:100%;position:relative;} #fixed-header .search{position:absolute;top:22px;right:0;z-index:8000;display:block;text-indent:-9999px;background:url(http://uncrate.com/img/search.gif) no-repeat left bottom;height:16px;background-size:100%;width:16px;} #fixed-nav{float:right;height:40px;margin:18px 20px 0 0;position:relative;font-family:'Knockout 49 A','Knockout 49 B',"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;font-size:26px;line-height:26px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:uppercase;letter-spacing:1px;} #fixed-nav li{margin-right:20px;} #fixed-nav li:nth-child(7) a{margin-right:0;} #fixed-nav a:link, #fixed-nav a:visited, #fixed-nav a:active, #fixed-nav a:hover{color:#FFFFFF;} #fixed-nav .external a:link, #fixed-nav .external a:visited, #fixed-nav .external a:active, #fixed-nav .external a:hover{color:#888888;} #mobile-nav-toggle{display:none;color:#fff;position:absolute;top:48%;left:0;z-index:9000;width:26px;height:26px;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} #mobile-nav-toggle span{margin:0 auto;position:relative;top:13px;} #mobile-nav-toggle span:before, #mobile-nav-toggle span:after{position:absolute;content:'';} #mobile-nav-toggle span, #mobile-nav-toggle span:before, #mobile-nav-toggle span:after{width:24px;height:2px;background-color:#fff;display:block;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;} #mobile-nav-toggle span:before{top:-8px;} #mobile-nav-toggle span:after{top:8px;} #mobile-nav-toggle.opened span{background:transparent;-moz-transform:scale3d(0.8,0.8,0.8);-webkit-transform:scale3d(0.8,0.8,0.8);-o-transform:scale3d(0.8,0.8,0.8);-ms-transform:scale3d(0.8,0.8,0.8);transform:scale3d(0.8,0.8,0.8);} #mobile-nav-toggle.opened span:before{top:0;-moz-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-moz-transform:rotate3d(0,0,1,45deg);-webkit-transform:rotate3d(0,0,1,45deg);-o-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);} #mobile-nav-toggle.opened span:after{top:0;-moz-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-moz-transform:rotate3d(0,0,1,-45deg);-webkit-transform:rotate3d(0,0,1,-45deg);-o-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);} /* ---------------------------------------------------------------- Badges ---------------------------------------------------------------- */ .badge { display: none; background: #e74e3c; border-radius: 10px; color: #fff; text-align: center; height: 15px; width: 15px; line-height: 15px; position: absolute; right: -7px; top: -8px; font-size: 10px; -webkit-transition:all .2s ease-out; -moz-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out; letter-spacing: 0px; } .badge[data-count="10"], .badge[data-count="11"], .badge[data-count="12"], .badge[data-count="13"], .badge[data-count="14"], .badge[data-count="15"], .badge[data-count="16"], .badge[data-count="17"], .badge[data-count="18"], .badge[data-count="19"], .badge[data-count="20"] { width: 19px; right: -11px; letter-spacing: 0px; } .dropdown { position: relative; } .dropdown-toggle { cursor: pointer; line-height: 12px; } .dropdown-menu { display: none; padding: 25px 10px 10px 38px; list-style: none; text-align: left; line-height: 1.6; position: absolute; } .dropdown-menu a { display: block; padding: 0 20px; background: black; } .dd-arrow { font-size: 16px; } .badge-mobile { right: -6px; top: -4px; width: 15px; display: none !important; } #mobile-nav-toggle.opened .badge-mobile { display: none !important; } #mobile-nav li a { position: relative; } #mobile-nav .badge { font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold; line-height: 15px; /* padding: 2px 2px 0 3px; */ right: -5px; top: 0px; display: none !important; } #mobile-nav .badge[data-count="10"] { letter-spacing: normal; right: -10px; } #mobile-nav-toggle { top: 50%; } #mobile-nav-toggle span, #mobile-nav-toggle span:before, #mobile-nav-toggle span:after { width: 17px; } #mobile-nav-toggle span:before { top: -6px; } #mobile-nav-toggle span:after { top: 6px; } #mobile-header .grid #mobile-nav-toggle { left: 15px; } body.mobile-nav-opened { overflow-y: hidden; } #mobile-nav-wrapper { overflow-y: scroll; } /* ---------------------------------------------------------------- Magazine ---------------------------------------------------------------- */ #magazine-swiper-wrapper{background:#000;text-align:center;width:100%;padding:80px 0 0;overflow:hidden;} #magazine-swiper-container, .magazine-swiper-container {max-width:960px;margin:0 auto 20px;overflow:visible !important;opacity:0;} #magazine-swiper{padding-bottom:40px;min-height:600px;} #magazine-swiper .swiper-slide{z-index:5000;max-width:960px;height:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center} #magazine-swiper .swiper-slide img{opacity:0;width:auto;max-width:100%;height:auto;max-height:80vh;display:block;margin:0 auto;opacity:.0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;} #magazine-swiper .swiper-preoload img{opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;} #magazine-swiper .swiper-preoload img.preloaded{opacity:1;} #magazine-swiper .swiper-slide-prev img, #magazine-swiper .swiper-slide-next img{opacity:0.7;} #magazine-swiper .swiper-slide-active img{opacity:1;} #magazine-swiper-wrapper .swiper-container .swiper-button-prev{background-color:rgba(0,0,0,0) !important;left:-40px !important;z-index:7000;} #magazine-swiper-wrapper .swiper-container .swiper-button-next{background-color:rgba(0,0,0,0) !important;right:-40px !important;z-index:7000;} #magazine-swiper-wrapper .swiper-pagination{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;} #magazine-swiper-wrapper .swiper-lazy-preloader{margin-top:30%;} .article .swiper-pagination{bottom:12px !important;} /* Issues Listing */ #issues-listing{width:100%;text-align:center;padding:40px 0;margin-bottom:20px;border-bottom:1px solid #000;} .issues-row{text-align:center;} .issue{width:27%;display:inline-block;margin:0 3%;text-align:center;vertical-align: top;} .issue a {display:block;text-align: center;} .issue img{width:100%;height:auto;display:block;margin:0 0 6px -7px;} .issue h3, .issue h4 {color:#000;margin-bottom:4px;font-family:'HelveticaNeue','Helvetica Neue',Helvetica,sans-serif;letter-spacing:.5px;font-size:12px;font-weight:bold;text-transform:uppercase;color:#000;} .buy-single a, .buy-single a:link, .buy-single a:visited {display:block;color:#fff !important;background:#000;width:128px;margin:15px auto 0;height:36px;line-height:36px;text-align:center;padding:0 10px;font-family:'HelveticaNeue','Helvetica Neue',Helvetica,sans-serif;font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:.5;} .sold-out-issue span {display:block;color:#fb0005 !important;background:0;width:128px;margin:0 auto;height:26px;line-height:26px;text-align:center;padding:0 10px;font-family:'HelveticaNeue','Helvetica Neue',Helvetica,sans-serif;font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:.5;} .mag-sep {margin:0 0 0 6px;} #intro-copy h1, .intro-copy h1 { max-width:700px;margin:0 auto 3px;color:#fff;letter-spacing:.5;} #intro-copy p, .intro-copy p {max-width:700px;margin:0 auto 35px;color:#fff;font-family:'Sentinel A','Sentinel B',Georgia,'Times New Roman',serif;font-weight:300;letter-spacing:.005em;} #intro-copy p a, .intro-copy p a { color: #fff; text-transform: uppercase;letter-spacing: 0;} #subscribe-now {height:36px;line-height:36px;display:inline-block;width:auto;padding:0 20px;margin:0 5px 40px;background:#ae9e85;color:#fff;text-align:center;font-family:'HelveticaNeue','Helvetica Neue',Helvetica,sans-serif;letter-spacing:0;font-weight:bold;white-space:nowrap;} #magazine-stockists{padding:0;text-align:center;} #magazine-stockists h2{font-size:28px;margin-bottom:0px;text-transform:uppercase;} #magazine-stockists p{max-width:420px;margin:0 auto 35px;font-family:'Sentinel A','Sentinel B',Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:.005em;line-height:1.12;} .magazine-stockists-list{display:block;float:left;width:100%;margin:20px 0 0;text-align:center;} .magazine-stockists-list li{display:inline-block;vertical-align:top;width:24%;margin-bottom:20px;font-size:12px;} .magazine-stockists-list li h3{color:#000;font-size:12px;text-transform:uppercase;margin-bottom:4px;font-family:'HelveticaNeue','Helvetica Neue',Helvetica,sans-serif;letter-spacing:0;font-weight:bold;} .magazine-stockists-list li ul{width:100%;margin-bottom:13px;} .magazine-stockists-list li ul li{float:none;width:100%;height:auto;margin-bottom:5px;font-family:'HelveticaNeue','Helvetica Neue',Helvetica,sans-serif;font-weight:bold;text-transform:uppercase;} #stockists-inquiry{font-size:14px;font-family:'Sentinel A','Sentinel B',Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:.005em;line-height:1.12;text-align:center;margin:20px 0;} /* Dark Footer */ .dark-footer{background:#000;border:0;color:#fff !important;} .dark-footer .footer{color:#fff;padding:40px 0;border:0;height:auto;} .dark-footer .footer-nav{margin:0;border:0;padding:0;color:#fff !important;} .dark-footer .footer li, .dark-footer .footer a:link, .dark-footer .footer a:visited, .dark-footer .footer a:hover, .dark-footer .footer a:active{color:#fff;} /* Mobile Nav */ body.mobile-nav-opened{ overflow-y: hidden; } #mobile-nav-wrapper {background-color:rgba(0,0,0,0.9);opacity:0;display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:7000;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;overflow: scroll;} #mobile-nav-wrapper.fadeIn{display:block;} #mobile-nav{display:block;text-align:center;position:relative;padding:80px 0 40px;width:100%;height:100%;overflow: scroll;-webkit-overflow-scrolling: touch;} #mobile-nav li{display:block;width:100%;margin-bottom:4px;font-family:'Knockout 49 A','Knockout 49 B',"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;font-size:26px;line-height:26px;text-transform:uppercase;letter-spacing: .75px;color: #fff;} #mobile-nav li.spacer-li{height:30px;} #mobile-nav li a{color:#fff;} .issue .btn { width: 94%; } .issues-row { margin-bottom: 40px; } @media screen and (min-width: 45em) { .issues-row { text-align: left; } } #magazine-swiper-wrapper[data-slider-number="05"] .swiper-pagination, #magazine-swiper-wrapper[data-slider-number="04"] .swiper-pagination { display: none !important; } #magazine-swiper-wrapper[data-slider-number="05"], #magazine-swiper-wrapper[data-slider-number="04"] { background: #fff; } #magazine-swiper-wrapper[data-slider-number="05"] .intro-copy p, #magazine-swiper-wrapper[data-slider-number="05"] .intro-copy h1, #magazine-swiper-wrapper[data-slider-number="04"] .intro-copy p, #magazine-swiper-wrapper[data-slider-number="04"] .intro-copy h1 { color: #000 !important; } #magazine-swiper-wrapper[data-slider-number="05"] #magazine-swiper-container, #magazine-swiper-wrapper[data-slider-number="05"] .magazine-swiper-container, #magazine-swiper-wrapper[data-slider-number="04"] #magazine-swiper-container, #magazine-swiper-wrapper[data-slider-number="04"] .magazine-swiper-container { margin-bottom: -20px; } #magazine-swiper-wrapper[data-slider-number="05"] .swiper-button-prev.swiper-button-white, #magazine-swiper-wrapper[data-slider-number="04"] .swiper-button-prev.swiper-button-white { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE1cHgiIGhlaWdodD0iMjVweCIgdmlld0JveD0iMCAwIDE1IDI1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjguMyAoMjk4MDIpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPlNoYXBlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjE0NjU4NTkwMzBfaWNfa2V5Ym9hcmRfYXJyb3dfbGVmdF80OHB4IiBmaWxsPSIjMDAwMDAwIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlNoYXBlIiBwb2ludHM9IjE0LjgzIDIxLjY3IDUuNjYgMTIuNSAxNC44MyAzLjMzIDEyIDAuNSAwIDEyLjUgMTIgMjQuNSI+PC9wb2x5Z29uPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); } #magazine-swiper-wrapper[data-slider-number="05"] .swiper-button-next.swiper-button-white, #magazine-swiper-wrapper[data-slider-number="04"] .swiper-button-next.swiper-button-white { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE1cHgiIGhlaWdodD0iMjVweCIgdmlld0JveD0iMCAwIDE1IDI1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjguMyAoMjk4MDIpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPjE0NjU4NTkwMjNfaWNfa2V5Ym9hcmRfYXJyb3dfcmlnaHRfNDhweDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIxNDY1ODU5MDIzX2ljX2tleWJvYXJkX2Fycm93X3JpZ2h0XzQ4cHgiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIHBvaW50cz0iMC4xNyAyMS45MiA5LjM0IDEyLjc1IDAuMTcgMy41OCAzIDAuNzUgMTUgMTIuNzUgMyAyNC43NSI+PC9wb2x5Z29uPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); } @keyframes spinner { to {transform: rotate(360deg);} } .smooth-spinner:before { content: ''; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; border-radius: 50%; border: 2px solid #ccc; border-top-color: #333; animation: spinner .6s linear infinite; } /* ---------------------------------------------------------------- AD STYLES ---------------------------------------------------------------- */ .ad-wrapper-970 {margin:0 auto 20px !important;width:100% !important;max-width: 960px !important;overflow: hidden !important; position: relative;background: #F3F3F3; } .ad-wrapper-970 ins {height:250px !important;} .ad-wrapper-970 ins iframe {left: -5px !important;} /* Post 970px change */ /* .ad-wrapper-970 div {max-width: 960px !important; margin:0 -5px;} */ .ad-wrapper-970 div {max-width: 960px !important; margin:0 auto;} .ad-wrapper-970:before { display: block; content: ""; background: #c7c7c7; width: 100%; height: 1px; position: absolute; top: 0; } .ad-wrapper-970:after { display: block; content: ""; background: #c7c7c7; width: 1px; height: 100%; position: absolute; left: 0; top: 0; } .ad-wrapper-970 div:after { display: block; content: ""; background: #c7c7c7; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; right: 0; } .ad-wrapper-970 div:before { display: block; content: ""; background: #c7c7c7; width: 1px; height: 100%; position: absolute; right: 0; top: 0; } @media (max-width:980px){ .ad-wrapper-970 { width: auto !important; margin-left: 20px !important; margin-right: 20px !important; max-width: 960px; padding-top: 20px; padding-bottom: 20px; } /* .ad-wrapper-970 div { padding-top: 10px; padding-bottom: 10px; } */ } @media (min-width:981px){ .ad-wrapper-970 div {max-width: 960px !important; margin-left: 0px; } } .ad-wrapper-970 div img {width: 100% !important;height:auto;margin:0 auto;} li.article.high-impact-banner.one-half {margin-bottom: 0;padding-bottom: 0px;} /* .banner-ad {max-width:728px;} */ .banner-ad {max-width:960px;} .banner-ad-big {max-width:960px;} .fg-image-only {border:0;padding:0;} .fg-image-only img {border:0;} /* ---------------------------------------------------------------- VIDEO STYLES ---------------------------------------------------------------- */ .article-video-wrapper .inner-wrapper {background: rgba(255,255,255,.4); border: none;} .article-video-wrapper .content-wrapper { max-width: 638px; width: 66.5970772%; padding: 0 20px 0 20px; float: left;} .article-video-wrapper .copy-wrapper { text-align: left; margin-bottom: 0;} .article-video-wrapper .article-title {text-align: left;} .article-video-wrapper .copy-wrapper p { font-size:17px;line-height: 25px; max-width: 680px; } .article-video-wrapper .copy-wrapper p a { color: #fff; border-bottom: 1px solid white; } .article-video-wrapper .social { width: 100%; max-width: 500px; } .article-video-wrapper .category-group { border-bottom: 1px solid #000; color: #000; } .article-video-wrapper .category-group a { color: #000; } .article-video-wrapper .article-single .ui-wrapper .social { float: left; } .uncrate-tv .video-body-wrapper { background-color: #202020; background-repeat: no-repeat; background-position: center center; background-size: cover; margin-bottom: 20px; padding: 0 0 20px; } .video-wrapper { position: relative; overflow: hidden; } .video-aspect-ratio { padding-top: 56.25%; /* 16:9 Aspect Ratio */ padding-top: calc(56.25% - 1px); position: relative; /* If you want text inside of it */ width: 100%; } .article-video-wrapper-fv .video-aspect-ratio { padding-top: calc(66.66% - 1px); /* 960x640 Aspect Ratio for Grid Embeds such as FV */ position: relative; /* If you want text inside of it */ width: 100%; } .video-poster-overlay { position: absolute; background-color: black; background-size: cover; background-position: center center; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; cursor: pointer; } .article-video-wrapper-fv .video-poster-overlay { border: 0; } .uncrate-tv-embed { display: none; } .video-wrapper { border: 1px solid #c7c7c7; } .video-poster-overlay .video-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 80px; transition: all 0.25s ease-in-out; } .video-poster-overlay .video-play img { width: 100%; height: auto; } .video-body-wrapper .article-single-wrapper, .video-body-wrapper .pagination-wrapper{ margin-bottom: 0px; } .uncrate-tv .header-wrapper { background: transparent; } .uncrate-tv .main-nav a:link, .uncrate-tv .main-nav a:visited, .uncrate-tv .main-nav a:active, .uncrate-tv .main-nav a:hover { color: #fff; } .uncrate-tv .main-nav { border-bottom: 3px solid #fff; } .uncrate-tv .sub-nav { border-top: 1px solid #fff; border-bottom: 1px solid #fff; } .uncrate-tv .sub-nav a:link, .uncrate-tv .sub-nav a:visited, .uncrate-tv .sub-nav a:hover, .uncrate-tv .sub-nav a:active { color: #fff; } .uncrate-tv .logo { height: 80px; } .uncrate-tv .search-nav { display: none; } /* Ad free videos */ .article-video-wrapper.clean .article-single .ui-wrapper .social { float: none; } .article-video-wrapper.clean {text-align: center;} .article-video-wrapper.clean .category-group-wrapper {width:100%;text-align: center;} .article-video-wrapper.clean .copy-wrapper { text-align: center; } .article-video-wrapper.clean .copy-wrapper p { margin-left: auto; margin-right: auto; font-size: 18px; line-height: 1.4;} .article-video-wrapper.clean .article-title { text-align: center; margin-bottom:10px; } .article-video-wrapper.clean .social { width: 50.1672241%; } /* Reverse video background */ .article-video-wrapper.reverse-bg .inner-wrapper { background: rgba(00,00,00,.4); color: #fff; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; margin-bottom: 0px; position: relative; } .article-video-wrapper.reverse-bg h1 a:link, .article-video-wrapper.reverse-bg h1 a:visited, .article-video-wrapper.reverse-bg h1 a:hover, .article-video-wrapper.reverse-bg h1 a:active { color: #fff; } .article-video-wrapper.reverse-bg .category-group { border-bottom: 1px solid #fff; color: #fff; } .article-video-wrapper.reverse-bg .category-group a { color: #fff; } .article-video-wrapper.reverse-bg .video-wrapper { background: #000; border: 1px solid #000; } /* Uncrate TV Breakpoint styles */ @media screen and (max-width:45em) { body.uncrate-tv { padding-top:60px; } .article-video-wrapper { padding-top: 20px; } } /* Test Video Styles */ @media screen and (min-width: 767px) { .article-video-wrapper .inner-wrapper .ui-wrapper { position: absolute; left: 20px; right: 20px; bottom: 20px; } } .article-video-wrapper .inner-wrapper .content-wrapper { max-width: 638px; width: 64%; } .article-video-wrapper .inner-wrapper .buy.no { height: auto; margin: 0; } .article-video-wrapper .inner-wrapper .buy.no a { height: 36px; margin-bottom: 20px; } .article-video-wrapper .inner-wrapper .buy.no a:not([href]) { display: none; } .article-video-wrapper .inner-wrapper .ad-wrapper { width: 320px; margin: 0; padding: 20px 0 0 0; position: relative; float: right; } @media (max-width: 960px) { .article-video-wrapper.clean .social { width: 100%; } .article-video-wrapper .content-wrapper .copy-wrapper { text-align: center; } .article-video-wrapper .article-title { text-align: center; } .article-video-wrapper .social { max-width: none; } .article-video-wrapper .inner-wrapper .content-wrapper { width: 55%; text-align: center; padding-bottom: 35px; } .article-video-wrapper .inner-wrapper .ui-wrapper { max-width: 50%; } } @media (max-width: 767px) { .article-video-wrapper .inner-wrapper .content-wrapper { width: 100%; max-width: none; padding-bottom: 0px; } .article-video-wrapper .inner-wrapper .ui-wrapper { max-width: none; left: 20px; right: 20px; } .article-video-wrapper .content-wrapper { width: 100%; max-width: none; } } @media screen and (min-width: 960px) { .article-video-wrapper .inner-wrapper .ad-wrapper { margin-bottom: 0px; float: right; position: relative; } .article-video-wrapper .inner-wrapper .copy-wrapper { margin-bottom: 36px; } } /* ---------------------------------------------------------------- BRAND STYLES ---------------------------------------------------------------- */ .brand-desc { margin: 0 auto 20px; text-align: center; } .brand-desc p { font-size:17px; line-height: 25px; max-width: 680px; margin: 0 auto; padding-bottom: 15px; } @media screen and (max-width: 550px) { .brand-desc p { font-size: 17px; line-height: 26px; } } .brand-desc:after { content: ""; height: 1px; width: 100%; border-bottom: 1px solid #000; display: block; } .brand-desc.brand-lead:after { display: none; } .brand-desc .article-title { font-family:'Sentinel A','Sentinel B',Georgia,'Times New Roman',serif; font-weight:500; font-style:normal; font-size: 28px; letter-spacing: normal; text-transform: none; line-height: 1; margin-top: -4px; } a.black:link, a.black:visited, a.black:hover, a.black:active, a.black { color: #000; } /* ---------------------------------------------------------------- PRODUCT STYLES ---------------------------------------------------------------- */ #cart-icon-link-fixed {display:none;position: absolute;top:19px;right:36px;cursor: pointer;} .show-cart #cart-icon-link-fixed {display:block;} #cart-icon-link {display:none;position: absolute;bottom:10px;right:36px;cursor: pointer;} .show-cart #cart-icon-link {display:block;} .show-cart #fixed-nav {margin-right:60px;} .article-product-wrapper {text-align: center;} .article-product-wrapper .category-group-wrapper {width:100%;text-align: center;} .article-product-wrapper .content-wrapper {width:100%;max-width:none;} .article-product-wrapper .copy-wrapper {text-align: center;} .article-product-wrapper .article-title {text-align: center;margin-bottom:0px;} .article-product-wrapper .copy-wrapper p {font-size:18px; line-height: 28px; max-width: 720px; margin-left: auto; margin-right: auto;text-align: justify;} .article-product-wrapper .copy-wrapper p.sponsor {text-align: center;} .article-product-wrapper .social {float:none;margin:0 auto;width: 100%;max-width: 500px;} #product-purchase {width:100%;max-width: 500px;margin:0 auto 10px;text-align: justify;font-size:0.1px;} #product-purchase::after {content:'';display:inline-block;width:100%;} #product-select-wrapper {position:relative;display:block;padding:0;vertical-align:top;display:inline-block;width: calc(50% - 10px);text-transform:uppercase;font-weight:bold;font-size:12px;height:36px;line-height:36px;} #product-select-wrapper label {display: none;} #product-select-wrapper select{width:100%;margin:0;background:#fff;border:1px solid #000;background:#fff;color:#000;border:1px solid #000;left:0 !important;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;appearance:none;-webkit-appearance:none;font-size:1em;padding:.6em 1.9em .5em .8em;line-height:1.3;height: 36px;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;font-weight: bold;text-transform: uppercase;color: #000;} #product-select-wrapper::after{font-family:'FontAwesome';content:"\f0d7";color:#000;font-size:12px;position:absolute;top:1px;right:15px;z-index:2;pointer-events:none;} #product-select-wrapper select:focus{outline:0 #fff !important;box-shadow:0 3px 0 3px #fff !important;background-color:transparent;} #product-select-wrapper option{font-weight:normal;} #product-select-wrapper .add-to-cart-slash {font-weight: normal;} .variant-selectors {display: none;} @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){ #product-select-wrapper select::-ms-expand{display:none;} #product-select-wrapper select:focus::-ms-value{background:transparent;color:#222;} } @-moz-document url-prefix(){ #product-select-wrapper::after {display:none;} #product-select-wrapper{overflow:hidden;} #product-select-wrapper select{width:120%;width:-moz-calc(100% + 3em);width:calc(100% + em);} } #product-select-wrapper select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000;} #product-select {left:0;float:none;} #add-to-cart {cursor:pointer;vertical-align:top;display:inline-block;width: calc(50% - 10px);background:#000;border:0;padding:0;text-transform:uppercase;font-weight:bold;font-size:12px;color:#fff;outline:0;height:36px;line-height:36px;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;} #product-purchase.no-options #add-to-cart {display:block;margin:0 auto 10px;} @media screen and (max-width: 550px) { #product-purchase:after {display:none;} #product-select-wrapper {width:100%;margin:0 0 10px;} #product-select-wrapper #product-select {text-align: center !important;} #add-to-cart {width:100%;margin:0;} .article-product-wrapper .copy-wrapper p {font-size:17px;line-height: 26px;} } @media screen and (max-height:700px){ /* Magazine */ #magazine-swiper-wrapper .swiper-container .swiper-button-prev{left:0px !important;} #magazine-swiper-wrapper .swiper-container .swiper-button-next{right:0px !important;} } @media screen and (max-width:63em){ /* Header */ #fixed-nav {font-size:24px;} /* Magazine */ #magazine-swiper .swiper-slide img{width:auto;max-width:90%;} #magazine-swiper-wrapper .swiper-container .swiper-button-prev{left:0px !important;} #magazine-swiper-wrapper .swiper-container .swiper-button-next{right:0px !important;} } @media screen and (max-width:60.5em){ /* Header */ #fixed-nav {font-size:22px;} /* Magazine */ #magazine-swiper{min-height:0;} } @media screen and (max-width:56em){ /* Header */ #fixed-header-logo{margin-top:14px;width:160px;} #fixed-nav {font-size:20px;} .main-nav {font-size: 32px;} } @media screen and (max-width:50em){ /* Header */ #fixed-nav li {margin-right:14px;} .main-nav {font-size: 30px;} } @media screen and (max-width:45em){ /* Header */ body{padding-top:80px;} body.magazine{padding-top:0px;} #cart-icon-link-fixed {right:28px;display:none;} #fixed-nav{display:none;} #fixed-header-logo{float:none;margin:14px auto 0;width:160px;} #mobile-nav-toggle{display:inline-block;} #fixed-header{background:#000;width:100%;height:60px;text-align:center;position:fixed;top:0;left:0;z-index:7001;display:block;margin-top:0;} body.magazine #fixed-header{margin-top:-70px;} body.magazine #fixed-header.fixed-header-shown{margin-top:0;} .header-wrapper, .navigation-wrapper{display:none;} /* Magazine */ #magazine-swiper-wrapper{padding-top:70px;} #magazine-swiper .swiper-slide img{width:auto;max-width:96%;} #magazine-swiper-wrapper .swiper-container .swiper-button-prev, #magazine-swiper-wrapper .swiper-container .swiper-button-next{display:none;} #magazine-swiper-wrapper:before, #magazine-swiper-wrapper:after{display:block;} .issue{width:50%;margin: 3%; /* width:46%; margin: 0 1.5%; */} .magazine-stockists-list li{width:47%;margin-bottom:10px;} .magazine-stockists-list li ul{margin-bottom:10px;} } @media screen and (max-width:32em){} @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){ #magazine-swiper .swiper-slide img{max-height:600px;margin:0;} } /* ---------------------------------------------------------------- IE STYLES ---------------------------------------------------------------- */ .lt-ie9 .grid .one-half{width:470px;margin:0 5px 20px;} .lt-ie9 .article-single .content-wrapper{width:620px;float:left;} .lt-ie9 .article-single .buy a{float:left;width:260px;} .lt-ie9 .article-single .social{float:right;clear:right;width:300px;} .lt-ie9 .main-nav li a{margin-right:15px;} .lt-ie9 .search-nav{background:none;} .lt-ie8 .category-group .category, .lt-ie8 .category-group .subcategory, .lt-ie8 .category-group .sep{display:inline;} .lt-ie8 .nav li{display:block;width:auto;float:left;} .lt-ie8 .social-nav .nav{float:right;} .ie9 #magazine-swiper{padding-bottom:80px !important;} .ie9 #magazine-swiper-container, .ie9 .magazine-swiper-container{opacity:1 !important;} /* Magnific Popup CSS */ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80);} .mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden;} .mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;} .mfp-align-top .mfp-container:before{display:none;} .mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;background:#fff;width:90%;max-width:600px;padding:20px 10px 10px;} .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto;} .mfp-ajax-cur{cursor:progress;} .mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;} .mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;} .mfp-auto-cursor .mfp-content{cursor:auto;} .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;} .mfp-loading.mfp-figure{display:none;} .mfp-hide{display:none !important;} .mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044;} .mfp-preloader a{color:#CCC;} .mfp-preloader a:hover{color:#FFF;} .mfp-s-ready .mfp-preloader{display:none;} .mfp-s-error .mfp-content{display:none;} button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none;} button::-moz-focus-inner{padding:0;border:0;} .mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace;} .mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100);} .mfp-close:active{top:1px;} .mfp-close-btn-in .mfp-close{color:#333;} .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%;} .mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap;} .mfp-arrow{position:absolute;opacity:0.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0);} .mfp-arrow:active{margin-top:-54px;} .mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100);} .mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;} .mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px;} .mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:0.7;} .mfp-arrow-left{left:0;} .mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px;} .mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F;} .mfp-arrow-right{right:0;} .mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px;} .mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F;} .mfp-iframe-holder{padding-top:40px;padding-bottom:40px;} .mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px;} .mfp-iframe-holder .mfp-close{top:-40px;} .mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;} .mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000;} /* Main image in popup */ img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto;} /* The shadow behind the image */ .mfp-figure{line-height:0;} .mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444;} .mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px;} .mfp-figure figure{margin:0;} .mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;} .mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px;} .mfp-image-holder .mfp-content{max-width:100%;} .mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;} @media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){ .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;} .mfp-img-mobile img.mfp-img{padding:0;} .mfp-img-mobile .mfp-figure:after{top:0;bottom:0;} .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;} .mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .mfp-img-mobile .mfp-bottom-bar:empty{padding:0;} .mfp-img-mobile .mfp-counter{right:5px;top:3px;} .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0;} } @media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75);} .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;} .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;} .mfp-container{padding-left:6px;padding-right:6px;} } .mfp-ie7 .mfp-img{padding:0;} .mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px;} .mfp-ie7 .mfp-container{padding:0;} .mfp-ie7 .mfp-content{padding-top:44px;} .mfp-ie7 .mfp-close{top:0;right:0;padding-top:0;} /* SPECIAL STYLES FOR UNCRATE 10 OVERLAY */ #uncrate-10 { background: #000000; position: absolute; top: 0; left: 0; width: 100%; width: 100vw; z-index: 1000; font-family: 'Sentinel A','Sentinel B',Georgia,'Times New Roman',serif; } #uncrate-10 .uncrate-top { width: 630px; padding: 60px 20px 40px; max-width: 100%; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #uncrate-10 .uncrate-top .uncrate-10-logo { margin: 0 auto 50px; display: block; max-width: 100%; } #uncrate-10 .uncrate-top p { color: #fff; text-align: center; font-size: 19px; line-height: 24px; } #uncrate-10 .uncrate-top .instructions, #uncrate-10 .uncrate-top .instructions a { color: #666666; text-transform: uppercase; font-family: Helvetica, SANS-SERIF; font-size: 12px; line-height: 2.4em; font-weight: bold; } #uncrate-10 .uncrate-top .instructions a { text-decoration: none; border-bottom: solid 1px #666666; } #uncrate-10 .uncrate-top .hr { display: block; margin: 0 auto; padding: 20px 0; width: 55px; height: auto; } #uncrate-10 .uncrate-bottom { width: 100%; padding: 0 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } @media screen and (min-width: 600px) { #uncrate-10 .uncrate-bottom { width: 80%; margin: 0 auto; } } #uncrate-10 .uncrate-year { width: 100%; float: left; padding: 0 20px 60px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #uncrate-10 .uncrate-year .uncrate-year-title { color: #7c6c49; font-size: 32px; font-weight: bold; text-align: center; margin: 0 0 20px; font-family: 'Sentinel A','Sentinel B',Georgia,'Times New Roman',serif; letter-spacing: normal;} #uncrate-10 .uncrate-year img { max-width: 100%; display: block; border: solid 1px #353535; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } @media screen and (min-width: 600px) { #uncrate-10 .uncrate-year { width: 33.3333%; } #uncrate-10 .uncrate-year:nth-of-type(3n+1) { 36px: both; } } #uncrate-10 .image-viewer { display: none; position: absolute; padding: 5%; background: #000; top: 0; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #uncrate-10 .image-viewer img { max-width: 100%; display: block; margin: 0 auto; border: solid 1px #353535; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #uncrate-10 .image-viewer a { background: #fff; display: block; height: 30px; width: 30px; text-align: center; line-height: 30px; border-radius: 50%; text-decoration: none; color: #353535; font-weight: bold; font-family: Arial, Helvetica, Sans-serif; position: absolute; top: 50px; right: calc(5% - 15px); z-index: 1002; } #uncrate-10 .uncrate-footer { margin-bottom: 60px; } #uncrate-10 .uncrate-footer img { width: 215px; max-width: 100%; margin: 0 auto; display: block; margin-bottom: 20px; } #uncrate-10 .uncrate-footer p { color: #666; font-family: Helvetica, Sans-serif; text-transform: uppercase; font-size: 12px; text-align: center; font-weight: bold; margin-bottom: 20px; line-height: 2.4em; } .play-button { background-image: url('https://uncrate.com/img/play.png'); background-size: 70px 70px; background-repeat: no-repeat; background-position: center center; position: absolute; height: 100%; width:100%; top: 0; left:0; opacity: 1.0; } .play-button-big { background-image: url('https://uncrate.com/img/play-big.png'); background-size: 80px 80px; background-repeat: no-repeat; background-position: center center; position: absolute; height: 100%; width:100%; top: 0; left:0; opacity: 1.0; } .article-list .play-button, .article-single .lead .play-button, .article.full .play-button { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; background-size: 50px 50px; display: block; position: absolute; background-image: url("https://uncrate.com/img/play-2.png"); } /* .article-single .lead .play-button { bottom: 18px; } */ .hidden { display: none; } .clearfix::after { display: block; content: ""; clear: both; } /* Shared Footer Styles */ /* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */ #mc_embed_signup form {display:block; position:relative; text-align:left; /* padding:10px 0 10px 3% */ } #mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;} #mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} #mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;} #mc_embed_signup input[type=radio]{-webkit-appearance:radio;} #mc_embed_signup input:focus {border-color:#333;} #mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;} #mc_embed_signup .button:hover {background-color:#777;} #mc_embed_signup .small-meta {font-size: 11px;} #mc_embed_signup .nowrap {white-space:nowrap;} #mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;} #mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;} * html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */} #mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;} #mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;} #mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;} #mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;} #mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;} #mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;} #mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;} #mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;} #mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;} #mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;} #mc_embed_signup .clear {clear:both;} #mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;} #mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;} #mc_embed_signup .mc-field-group.input-group label {display:inline;} #mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;} #mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;} #mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;} #mc_embed_signup #mce-error-response {display:none;} #mc_embed_signup #mce-success-response {color:#000; display:none;} #mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;} #mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;} #mc_embed_signup #num-subscribers {font-size:1.1em;} #mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;} #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;} #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;} .main-footer-wrapper img { max-width: 100%; } .main-footer-wrapper input:focus, .main-footer-wrapper textarea:focus { outline: none; } .main-footer-wrapper input[type="email"], .main-footer-wrapper input[type="number"], .main-footer-wrapper input[type="password"], .main-footer-wrapper input[type="search"], .main-footer-wrapper input[type="tel"], .main-footer-wrapper input[type="telephone"], .main-footer-wrapper input[type="text"], .main-footer-wrapper textarea { font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-style: normal; font-weight: bold; -webkit-appearance: none; -moz-appearance: none; border: 1px solid #000; background: #fff; color: #000; display: block; padding: 14px; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.5; letter-spacing: .5px;} .main-footer-wrapper input[type="email"]::-webkit-input-placeholder, .main-footer-wrapper input[type="number"]::-webkit-input-placeholder, .main-footer-wrapper input[type="password"]::-webkit-input-placeholder, .main-footer-wrapper input[type="search"]::-webkit-input-placeholder, .main-footer-wrapper input[type="tel"]::-webkit-input-placeholder, .main-footer-wrapper input[type="telephone"]::-webkit-input-placeholder, .main-footer-wrapper input[type="text"]::-webkit-input-placeholder, .main-footer-wrapper textarea::-webkit-input-placeholder { color: #666; } .main-footer-wrapper input[type="email"]::-moz-placeholder, .main-footer-wrapper input[type="number"]::-moz-placeholder, .main-footer-wrapper input[type="password"]::-moz-placeholder, .main-footer-wrapper input[type="search"]::-moz-placeholder, .main-footer-wrapper input[type="tel"]::-moz-placeholder, .main-footer-wrapper input[type="telephone"]::-moz-placeholder, .main-footer-wrapper input[type="text"]::-moz-placeholder, .main-footer-wrapper textarea::-moz-placeholder { color: #666; } .main-footer-wrapper input[type="email"]:-moz-placeholder, .main-footer-wrapper input[type="number"]:-moz-placeholder, .main-footer-wrapper input[type="password"]:-moz-placeholder, .main-footer-wrapper input[type="search"]:-moz-placeholder, .main-footer-wrapper input[type="tel"]:-moz-placeholder, .main-footer-wrapper input[type="telephone"]:-moz-placeholder, .main-footer-wrapper input[type="text"]:-moz-placeholder, .main-footer-wrapper textarea:-moz-placeholder { color: #666; } .main-footer-wrapper input[type="email"]:-ms-input-placeholder, .main-footer-wrapper input[type="number"]:-ms-input-placeholder, .main-footer-wrapper input[type="password"]:-ms-input-placeholder, .main-footer-wrapper input[type="search"]:-ms-input-placeholder, .main-footer-wrapper input[type="tel"]:-ms-input-placeholder, .main-footer-wrapper input[type="telephone"]:-ms-input-placeholder, .main-footer-wrapper input[type="text"]:-ms-input-placeholder, .main-footer-wrapper textarea:-ms-input-placeholder { color: #666; } .main-footer-wrapper .error input[type="email"], .main-footer-wrapper .error input[type="number"], .main-footer-wrapper .error input[type="password"], .main-footer-wrapper .error input[type="search"], .main-footer-wrapper .error input[type="tel"], .main-footer-wrapper .error input[type="telephone"], .main-footer-wrapper .error input[type="text"], .main-footer-wrapper .error textarea, .main-footer-wrapper input[type="email"].error, .main-footer-wrapper input[type="number"].error, .main-footer-wrapper input[type="password"].error, .main-footer-wrapper input[type="search"].error, .main-footer-wrapper input[type="tel"].error, .main-footer-wrapper input[type="telephone"].error, .main-footer-wrapper input[type="text"].error, .main-footer-wrapper textarea.error { color: #d60000; border: 1px solid #d60000; } .main-footer-wrapper .error input[type="email"]::-webkit-input-placeholder, .main-footer-wrapper .error input[type="number"]::-webkit-input-placeholder, .main-footer-wrapper .error input[type="password"]::-webkit-input-placeholder, .main-footer-wrapper .error input[type="search"]::-webkit-input-placeholder, .main-footer-wrapper .error input[type="tel"]::-webkit-input-placeholder, .main-footer-wrapper .error input[type="telephone"]::-webkit-input-placeholder, .main-footer-wrapper .error input[type="text"]::-webkit-input-placeholder, .main-footer-wrapper .error textarea::-webkit-input-placeholder, .main-footer-wrapper input[type="email"].error::-webkit-input-placeholder, .main-footer-wrapper input[type="number"].error::-webkit-input-placeholder, .main-footer-wrapper input[type="password"].error::-webkit-input-placeholder, .main-footer-wrapper input[type="search"].error::-webkit-input-placeholder, .main-footer-wrapper input[type="tel"].error::-webkit-input-placeholder, .main-footer-wrapper input[type="telephone"].error::-webkit-input-placeholder, .main-footer-wrapper input[type="text"].error::-webkit-input-placeholder, .main-footer-wrapper textarea.error::-webkit-input-placeholder { color: #ff7070; } .main-footer-wrapper .error input[type="email"]::-moz-placeholder, .main-footer-wrapper .error input[type="number"]::-moz-placeholder, .main-footer-wrapper .error input[type="password"]::-moz-placeholder, .main-footer-wrapper .error input[type="search"]::-moz-placeholder, .main-footer-wrapper .error input[type="tel"]::-moz-placeholder, .main-footer-wrapper .error input[type="telephone"]::-moz-placeholder, .main-footer-wrapper .error input[type="text"]::-moz-placeholder, .main-footer-wrapper .error textarea::-moz-placeholder, .main-footer-wrapper input[type="email"].error::-moz-placeholder, .main-footer-wrapper input[type="number"].error::-moz-placeholder, .main-footer-wrapper input[type="password"].error::-moz-placeholder, .main-footer-wrapper input[type="search"].error::-moz-placeholder, .main-footer-wrapper input[type="tel"].error::-moz-placeholder, .main-footer-wrapper input[type="telephone"].error::-moz-placeholder, .main-footer-wrapper input[type="text"].error::-moz-placeholder, .main-footer-wrapper textarea.error::-moz-placeholder { color: #ff7070; } .main-footer-wrapper .error input[type="email"]:-moz-placeholder, .main-footer-wrapper .error input[type="number"]:-moz-placeholder, .main-footer-wrapper .error input[type="password"]:-moz-placeholder, .main-footer-wrapper .error input[type="search"]:-moz-placeholder, .main-footer-wrapper .error input[type="tel"]:-moz-placeholder, .main-footer-wrapper .error input[type="telephone"]:-moz-placeholder, .main-footer-wrapper .error input[type="text"]:-moz-placeholder, .main-footer-wrapper .error textarea:-moz-placeholder, .main-footer-wrapper input[type="email"].error:-moz-placeholder, .main-footer-wrapper input[type="number"].error:-moz-placeholder, .main-footer-wrapper input[type="password"].error:-moz-placeholder, .main-footer-wrapper input[type="search"].error:-moz-placeholder, .main-footer-wrapper input[type="tel"].error:-moz-placeholder, .main-footer-wrapper input[type="telephone"].error:-moz-placeholder, .main-footer-wrapper input[type="text"].error:-moz-placeholder, .main-footer-wrapper textarea.error:-moz-placeholder { color: #ff7070; } .main-footer-wrapper .error input[type="email"]:-ms-input-placeholder, .main-footer-wrapper .error input[type="number"]:-ms-input-placeholder, .main-footer-wrapper .error input[type="password"]:-ms-input-placeholder, .main-footer-wrapper .error input[type="search"]:-ms-input-placeholder, .main-footer-wrapper .error input[type="tel"]:-ms-input-placeholder, .main-footer-wrapper .error input[type="telephone"]:-ms-input-placeholder, .main-footer-wrapper .error input[type="text"]:-ms-input-placeholder, .main-footer-wrapper .error textarea:-ms-input-placeholder, .main-footer-wrapper input[type="email"].error:-ms-input-placeholder, .main-footer-wrapper input[type="number"].error:-ms-input-placeholder, .main-footer-wrapper input[type="password"].error:-ms-input-placeholder, .main-footer-wrapper input[type="search"].error:-ms-input-placeholder, .main-footer-wrapper input[type="tel"].error:-ms-input-placeholder, .main-footer-wrapper input[type="telephone"].error:-ms-input-placeholder, .main-footer-wrapper input[type="text"].error:-ms-input-placeholder, .main-footer-wrapper textarea.error:-ms-input-placeholder { color: #ff7070; } @media (max-width: 540px) { .main-footer-wrapper input[type="email"], .main-footer-wrapper input[type="number"], .main-footer-wrapper input[type="password"], .main-footer-wrapper input[type="search"], .main-footer-wrapper input[type="tel"], .main-footer-wrapper input[type="telephone"], .main-footer-wrapper input[type="text"], .main-footer-wrapper textarea { font-size: 12px; } } .main-footer-wrapper { margin: 0; clear: both; background-color: #fff; } .footer-app-button { border: 1px solid #666; } @media (max-width: 1020px) { .main-footer-wrapper { background-size: contain; } } .main-footer { max-width: 960px; margin: 0 auto; padding: 0 0 20px; font-size: 0; color: #fff; } @media (min-width: 1020px) { .main-footer { /* padding-top: 80px; */ padding-top: 70px; /* padding-bottom: 10px; */ } } /* @media (max-width: 540px) { .main-footer { padding: 0 0 20px; } } */ .footer-modules { position: relative; font-size: 0; display: none; } .footer-module { display: inline-block; vertical-align: top; font-size: 14px; width: 960px; padding: 0; } .footer-module.footer-connect { height: 210px; } @media (max-width: 1020px) { .footer-module { width: 100% !important; display: block; text-align: center; margin-top: 35px; padding: 0; float: none; height: auto; } .footer-module:first-child { margin-top: 0; } } .copyright { font-family: Helvetica Neue, Helvetica, Arial; font-style: normal; font-weight: bold; font-size: 12px; letter-spacing: 0.5px; line-height: 18px; margin-top: 20px; padding-top: 20px; /* padding-bottom: 20px; */ color: #000; text-transform: uppercase; text-align: center; border-top: 1px solid #666; } .copyright a { color: #000; } .copyright .footer-logo { width: 100px; float: none; margin: 0 auto 0; } .newsletter-subscription h4, .newsletter-subscription p { color: #fff !important; } @media (max-width: 1020px) { .copyright .footer-logo { width: 100px; float: none; margin: 0 auto 0; padding-right: 0; border: none; } } .copyright [role="contentinfo"] { margin: 0; font-size: 12px; letter-spacing: 0.5px; line-height: 1.5; } .copyright [role="contentinfo"]:nth-of-type(2) { margin-top: 20px; } .copyright .payment-options, .copyright [role="contentinfo"] { width: 89%; display: inline-block; vertical-align: top; letter-spacing: .5px; } @media (max-width: 1020px) { .copyright .payment-options, .copyright [role="contentinfo"] { width: 100%; max-width: 500px; } } @media (max-width: 1020px) { .copyright { width: 90%; display: block; text-align: center; margin: 0 auto; } } .footer-module .newsletter-subscription { width: 34%; float: right; text-align: center; } .footer-module .newsletter-subscription h4 { font-family: "Sentinel A", "Sentinel B"; font-style: normal; font-weight: 500; text-transform: none; font-size: 28px; letter-spacing: 0px; margin-bottom: 0; color: #000; line-height: 25px; margin: 0; } .footer-module .newsletter-subscription p { font-family: Helvetica Neue, Helvetica, Arial; font-style: normal; font-weight: bold; font-size: 12px; letter-spacing: 0.5px; line-height: 18px; color: #000; text-transform: uppercase; margin: 10px 10px 20px; } @media (min-width: 1021px) { .footer-module .newsletter-subscription { margin-top: 90px; } } @media (max-width: 1020px) { .footer-module .newsletter-subscription { display: none; } } .footer-text-box { color: #ae9e85; clear: both; margin-top: 93px; overflow: hidden; } @media (max-width: 1020px) { .footer-text-box { /* margin-top: 40px; */ padding-top: 13px; border-top: 1px solid #666; max-width: 90%; margin: 0 auto; margin-top: 0px; } } @media (max-width: 720px) { .footer-text-box { margin-top: 0; } } .footer-text-box h3 { font-weight: normal; color: #ae9e85; font-size: 28px; } @media (max-width: 1020px) { .footer-text-box h3 { font-weight: normal; color: #ae9e85; font-size: 24px; } } .footer-text-box p { font-family: Helvetica Neue, Helvetica, Arial; font-style: normal; font-weight: bold; font-size: 12px; margin: 8px 0; text-transform: uppercase; letter-spacing: .5px; } .footer-text-box .footer-quote { width: 65%; float: left; padding-right: 40px; margin: 30px 0 23px; } @media (max-width: 1020px) { .footer-text-box .footer-quote { max-width: 680px; width: 90%; float: none; padding: 0 20px; margin: 0 auto 14px; } } /* @media (max-width: 720px) { .footer-text-box .footer-quote { display: none; } } */ .footer-text-box .footer-quote .rte h3 { font-family: "Sentinel A", "Sentinel B"; font-style: normal; font-weight: normal; letter-spacing: 0; line-height: 1.2; } .footer-quote p { line-height: 22px; } .footer-text-box .footer-app-links { width: 35%; float: right; overflow: hidden; margin: 20px 0; } @media (max-width: 1020px) { .footer-text-box .footer-app-links { max-width: 600px; width: 100%; float: none; padding: 0 65px; margin: 17px auto 20px; } } .footer-text-box .footer-app-links .footer-app-devices { width: 47%; float: left; margin-left: 10px; } @media (max-width: 540px) { .footer-text-box .footer-app-links .footer-app-devices { margin-left: 0; } } .footer-text-box .footer-app-links .footer-app-buttons { width: 50%; float: right; padding-left: 20px; } .footer-app-buttons img, .footer-app-devices img { display: block; } .footer-text-box .footer-app-links .footer-app-buttons .footer-app-link-image-1 { padding-bottom: 20px; } .footer-link-lists { border-top: 1px solid #666; padding-top: 20px; font-size: 0; clear: both; } .footer-link-list ul.top-footer-link-list { margin-bottom: 18px; } @media (max-width: 1020px) { .footer-link-lists { display: none; } } .mobile-footer-link-list { font-family: Helvetica Neue, Helvetica, Arial; font-style: normal; font-weight: bold; font-size: 12px; text-transform: uppercase; letter-spacing: .5px; } .mobile-footer-link-list:first-child { margin-bottom: 10px; } .mobile-footer-link-list:last-child { margin-top: 0; } .mobile-footer-link-lists { border-top: 1px solid #666; display: none; } .mobile-footer-link-lists ul { padding: 0; margin: 0 0 20px; } .mobile-footer-link-lists li { display: inline-block; } .mobile-footer-link-lists li:last-child a:after { content: ''; } .mobile-footer-link-lists li a { color: #fff; } .mobile-footer-link-lists li a:after { content: '|'; display: inline-block; padding: 0 5px; } @media (max-width: 1020px) { .mobile-footer-link-lists { display: block; width: 90% !important; margin: 0 auto; padding: 20px 0 0; } } .footer-link-list { display: inline-block; vertical-align: top; width: 16.66%; font-size: 14px; } .footer-link-list ul { list-style: none; } .footer-link-list h4 { font-family: Helvetica Neue, Helvetica, Arial; font-style: normal; font-weight: bold; font-size: 12px; letter-spacing: 0.5px; line-height: 18px; color: #666; margin-bottom: 0; text-align: center; text-transform: uppercase; margin: 0; } @media (max-width: 720px) { .footer-link-list { display: block; width: 33.33%; padding-right: 0; margin-top: 20px; } .footer-promos + .footer-modules .footer-link-list:first-child { margin-top: 0; } } @media (max-width: 540px) { .footer-link-list { width: 50%; display: inline-block; } } .footer-link-list ul { margin: 0; padding: 0; } .footer-link-list li { font-family: Helvetica Neue, Helvetica, Arial; font-style: normal; font-weight: bold; font-size: 12px; letter-spacing: 0.5px; line-height: 18px; margin: 0; text-align: center; text-transform: uppercase; } .footer-link-list a { color: #fff; } .footer-tweet .user a { display: block; } .footer-tweet .user img { max-width: 48px; height: auto; float: left; } @media (max-width: 720px) { .footer-tweet .user img { float: none; } } .footer-tweet .user a > span { display: block; margin-left: 58px; } @media (max-width: 720px) { .footer-tweet .user a > span { margin-left: 0; } } .footer-tweet .user span:first-child { display: block; padding-top: 5px; font-family: "Source Sans Pro", sans-serif; font-weight: 700; color: #000; font-size: 18px; line-height: 22px; } .footer-tweet .tweet { color: #000; white-space: pre-wrap; } .footer-tweet .tweet a { word-break: break-word; } .footer-tweet .tweet img { height: 17px; } .footer-instagram-photos { font-size: 0; margin: 0 -7px; } @media (max-width: 720px) { .footer-instagram-photos { margin: 0; } } .footer-instagram-photos .error { font-size: 14px; color: #d60000; } .footer-instagram-photo { display: inline-block; width: 33.3%; padding: 0 7px 14px; } @media (max-width: 720px) { .footer-instagram-photo { display: block; width: 100%; padding: 0; margin: 0 0 30px; } .footer-instagram-photo:last-child { margin-bottom: 0; } } @media (max-width: 720px) { .footer-instagram-6-images .footer-instagram-photo { display: inline-block; width: 50%; padding-left: 15px; padding-right: 15px; } } @media (max-width: 540px) { .footer-instagram-6-images .footer-instagram-photo { margin: 0 0 14px; padding-left: 7px; padding-right: 7px; } } .footer-instagram-photo img { height: auto; } .newsletter-subscription form { margin-top: 4px; position: relative; background: #fff; border: 1px solid #000; } .newsletter-subscription .active-formfield { border: 0; margin: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } @media (max-width: 720px) { .newsletter-subscription form { max-width: 480px; margin-left: auto; margin-right: auto; } } h4 + .newsletter-subscription form { margin-top: 25px; } @media (max-width: 720px) { .newsletter-subscription { padding-top: 35px; } } .main-footer-wrapper input.newsletter-email { font-family: Helvetica Neue, Helvetica, Arial; font-style: normal; font-weight: bold; font-size: 12px; letter-spacing: 0.5px; line-height: 1.5; height: auto; width: 100%; border: 1px solid #000; text-align: center; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-appearance: none; -webkit-appearance: none; border-radius: 0px; height: 36px; } input.newsletter-submit { font-family: Helvetica Neue, Helvetica, Arial; font-weight: bold; text-transform: uppercase; font-size: 12px; letter-spacing: 0.5px; line-height: 1.5; background: #000000; color: #fff; border: 1px solid #000; margin-top: 20px; border-radius: 0; width: 100%; padding: 0 14px; -moz-appearance: none; -webkit-appearance: none; height: 36px; } .newsletter-subscription + .social-networks { margin-top: 35px; } @media (max-width: 720px) { .newsletter-subscription + .social-networks { border-top: 1px solid #000; padding-top: 35px; } } .social-networks ul { padding: 0; margin: 20px 0 0; } .social-link { display: inline-block; line-height: 1; } .social-link a { color: #fff; padding-right: 15px; } @media (max-width: 720px) { .social-link a { padding: 0 7px; } } .social-link a:before { font-size: 30px; font-family: 'Social Icons'; -webkit-font-smoothing: antialiased; } .social-link.facebook a:before { content: '\E003'; } .social-link.twitter a:before { content: '\E036'; } .social-link.google-plus a:before { content: '\E03F'; } .social-link.pinterest a:before { content: '\E296'; } .social-link.rss a:before { content: '\E046'; } .social-link.email a:before { content: '\E050'; } .social-link.instagram a:before { content: '\E226'; } .social-link.kickstarter a:before { content: '\E24F'; } .social-link.vimeo a:before { content: '\E366'; } .social-link.youtube-logo a:before { content: '\E426'; } .social-link.tumblr a:before { content: '\E35F'; } .main-footer-wrapper * { transition: 0.2s all ease-in-out; } input.newsletter-submit { margin-top: 0; } .mobile-footer-link-lists li { line-height: 1.5; } .mobile-footer-link-lists li a:after { content: '/'; display: inline-block; padding: 0 2px 0 4px; opacity: 0.5; } .mobile-footer-link-lists .social-icons li a { margin: 0 20px; } .mobile-footer-link-lists .social-icons li a:after { content: none; } .mobile-footer-link-lists li a:hover { text-decoration: underline; } .cf:after { content: " "; display: block; clear: both; } .footer-app-text { display: none; } .footer-app-text h3 { font-family: "Sentinel A", "Sentinel B"; font-style: normal; font-weight: normal; text-align: left; } @media (min-width: 1021px) { .newsletter-subscription form { border: 0; background: transparent; } input.newsletter-email { border: 1px solid #000; margin-bottom: 1rem; } .footer-app-buttons .footer-app-button { display: block; } .footer-app-buttons .footer-app-button:first-child { margin-bottom: 1rem; } } @media (max-width: 1020px) { .footer-module .newsletter-subscription { display: inline-block; width: 100%; padding-top: 30%; } .footer-module .newsletter-subscription h4 { color: #ffffff; color: white; } .footer-module .newsletter-subscription p { color: #666; padding: 10px 20px 20px; margin: 0; } .footer-module .newsletter-subscription h4 { padding: 0 5%; font-size: 24px; line-height: 20px; font-weight: 400; } .newsletter-subscription-group { display: flex; } .newsletter-subscription form { background: none; /* width: 90%; */ width: 100%; padding: 0 20px; max-width: 480px; margin: 0 auto 20px; border: 0px; } .newsletter-subscription form input.newsletter-email { text-align: left; float: left; width: 100%; height: 44px; margin-right: 1px; flex: 1 1 auto; } .newsletter-subscription form input.newsletter-email:focus { background: #fff; color: #000; } .newsletter-subscription form input.newsletter-submit, .main-footer-wrapper #mc-embedded-subscribe { margin-top: 0; width: auto; height: 44px; background: #666; float: right; flex: 1 0 auto; } /* .footer-quote { display: none; } */ .footer-text-box .footer-app-links { max-width: 100%; width: 90%; float: none; padding: 0; margin: 0 auto 20px auto; display: flex; justify-content: space-between; align-items: center; } .footer-text-box .footer-app-links .footer-app-text { display: block; float: left; width: 45%; margin: 0 1rem 0.5rem 0; flex: 1 1 45%; } .footer-text-box .footer-app-links .footer-app-text h3 { float: left; margin: 0; line-height: 1.1; font-size: 24px; } .footer-text-box .footer-app-links .footer-app-buttons { /* width: 40%; padding: 0; flex: 1 1 40%; */ width: 40%; padding: 0; flex: 1 1 40%; max-width: 440px; margin: 0 auto; } .footer-text-box .footer-app-links .footer-app-devices { display: none; } .footer-text-box .footer-app-links .footer-app-button { width: 48%; float: left; } .footer-text-box .footer-app-links .footer-app-button:first-child { margin-right: 4%; } .footer-text-box .footer-app-links .footer-app-devices { margin-left: 20px; } .sub-links { margin-bottom: 12px; } .sub-links li { margin: 8px 0; } .sub-links li a { color: #ae9e85; } } @media (max-width: 480px) { .footer-text-box .footer-app-links .footer-app-buttons { padding: 0px; } } @media (max-width: 800px) { .footer-app-links .footer-app-text h3 { font-size: 21px; } } @media (max-width: 640px) { .footer-module .newsletter-subscription { border-top: 0; margin-top: 0; padding-top: 20px; } .footer-text-box .footer-app-links .footer-app-text { display: none; float: none; width: 100%; } .footer-text-box .footer-app-links .footer-app-text h3 { float: none; font-size: 24px; text-align: center; margin-top: 0; } /* .footer-text-box .footer-app-links .footer-app-buttons { width: 100%; padding: 0; } */ } @media (max-width: 540px) { .newsletter-subscription form input.newsletter-email { float: none; width: auto; } .newsletter-subscription form input.newsletter-submit { margin-top: 0; width: auto; float: none; } .mobile-footer-link-lists .social-icons li a { margin: 0 14px; } } @media (max-width: 320px) { .footer-text-box .footer-app-links .footer-app-text h3 { font-size: 22px; } /* .footer-text-box .footer-app-links .footer-app-buttons, .footer-text-box .footer-app-links .footer-app-devices { width: 100%; padding: 20px 26px; } */ } .footer-modules { display: block; } .main-footer-wrapper { background-color: #000; background-repeat: no-repeat; background-position: center top; } @media (max-width: 540px) { .footer-text-box .footer-app-links { margin-left: 0; margin-right: 0; width: 100%; } } @media (min-width: 640px) { .main-footer-wrapper { background-image: url("https://uncrate.com/img/utah1.jpg"); } } @media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 640px), (min-resolution: 120dpi) and (min-width: 640px) { .main-footer-wrapper { background-image: url("https://uncrate.com/img/utah1@2x.jpg"); } } @media (min-width: 1021px) { .main-footer-wrapper { background-image: url("https://uncrate.com/img/utah1@2x.jpg"); background-size: 2100px 800px; } } @media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1021px), (min-resolution: 120dpi) and (min-width: 1020px) { .main-footer-wrapper { background-image: url("https://uncrate.com/img/utah1@2x.jpg"); background-size: 2100px 800px; } } .copyright { color: #666; } .copyright a { color: inherit; } .copyright a:focus, .copyright a:hover { border-bottom: 1px solid #666; } /*Mailchimp Overrides*/ .main-footer-wrapper #mc_embed_signup .mc-field-group { width: 100%; padding-bottom: 0; min-height: 0; margin-bottom: 20px; float: left; } .main-footer-wrapper #mc_embed_signup input { border: 0; border-radius: 0; } .main-footer-wrapper #mc_embed_signup input.newsletter-email { font-family: Helvetica Neue, Helvetica, Arial; font-style: normal; font-weight: bold; font-size: 12px; letter-spacing: 0.5px; line-height: 1.5; height: auto; width: 100%; border: 1px solid #000; text-align: center; padding: 0 15px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-appearance: none; -webkit-appearance: none; border-radius: 0px; height: 36px; } .main-footer-wrapper #mc-embedded-subscribe { margin: 20px 0 0 0; width: 100%; display: block; height: 36px; padding-left: 18px; font-family: Helvetica Neue, Helvetica, Arial; font-weight: bold; text-transform: uppercase; font-size: 12px; letter-spacing: 0.5px; line-height: 1.5; background: #000000; color: #fff; border: 1px solid #000; border-radius: 0; padding: 0 14px; -moz-appearance: none; -webkit-appearance: none; } .main-footer-wrapper #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error { margin: 0; width: 100%; display: block; background: #e85c41; color: #fff; clear: both; float: left; border-radius: 0; font-family: "Helvetica Neue", Helvetica, Arial; text-transform: uppercase; font-size: 12px; padding: 6px 15px; text-align: center; line-height: 1.2; font-weight: bold; } .main-footer-wrapper #mc_embed_signup div#mce-responses { padding: 0; margin: -16px 0 0; top: 0; width: 100%; } .main-footer-wrapper #mc_embed_signup div.response { font-family: "Helvetica Neue", Helvetica, Arial; text-transform: uppercase; font-size: 12px; padding: 6px 15px; text-align: center; line-height: 1.2; margin: 0 0 16px; width: 100%; } .main-footer-wrapper #mc_embed_signup div.response a { color: #fff; } .main-footer-wrapper #mc_embed_signup #mce-error-response { background: #000; } .main-footer-wrapper #mc_embed_signup #mce-success-response { background: #000; color: #fff; } @media (max-width: 1020px) { .newsletter-subscription form input.newsletter-submit, .main-footer-wrapper #mc-embedded-subscribe { margin-top: 0; width: 100%; background: #666; } } .pointer { cursor: pointer; } .acsb-trigger.acsb-bg-lead { position: relative !important; z-index: 1000 !important; margin-top: -30px !important; } @media (max-width: 700px) { .acsb-trigger.acsb-bg-lead { position: fixed !important; } } /* @media (max-width: 700px) { .acsb-trigger.acsb-bg-lead { margin-top: -40px !important; } } */ /* GUIDE HEADER -- Copied from /guide/best-bourbon/index2.php by @mark on June 25, 2018 */ .brand-lead { background-size: cover; color: #fff; background-position: center center; padding: 40px 20px 17px 20px; position: relative; margin-bottom: 20px; overflow: visible; border: 1px solid #000; } .brand-lead h1 { color: #fff; } .brand-lead.brand-lead:after { bottom: -20px; width: 100%; max-width: 960px; position: absolute; left: 0; } .brand-desc p.last-updated { font-size: 13px; color: #ae9e85; font-weight: bold; font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 1; letter-spacing: .5px; } .header-wrapper { margin-bottom: 0; } .logo { width: 441px; /* Prev 425px */ /* height: 69px; */ margin-bottom: -1px; } .logo.family-logo { margin-top: 35px; } .uncrate-family-wrapper { border-bottom-color: #fff; } .header .date-nav, .header .family-nav { color: #fff; } .header, .header a:link, .header a:visited, .header a:active, .header a:hover { color: #fff; } .header .family-nav .nav a:hover span { color: #fff; } .navigation { /* font-family:"Knockout 49 A", "Knockout 49 B",Helvetica,Arial,sans-serif; */ } .main-nav.full { font-size: 28px; line-height: 50px; height: 54px; padding: 0; } .main-nav li a { margin: 0 6px; } @media (min-width: 784px) { .main-nav li a { margin: 0 9px; } } .main-nav a.nav-magazine:link, .main-nav a.nav-magazine:visited, .main-nav a.nav-magazine:active, .main-nav a.nav-magazine:hover { color: #4f4f4f; } .main-nav a.nav-stash:link, .main-nav a.nav-stash:visited, .main-nav a.nav-stash:active, .main-nav a.nav-stash:hover { color: #797979; } .main-nav a.nav-app:link, .main-nav a.nav-app:visited, .main-nav a.nav-app:active, .main-nav a.nav-app:hover { color: #999999; } .sub-nav { line-height: 2; padding: 0; height: 49px !important; } .sub-nav .nav { height: 49px; } .sub-nav li a { font-size: 12px; font-weight: bold; font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; color: #000; line-height: 38px; letter-spacing: .5px; } .trending { background: url(https://uncrate.com/img/trending.png) left center no-repeat; background-size: 16px 12px; padding-left: 26px; } @media (max-width: 767px) { .sub-nav .nav { display: block; } } .sub-nav li a { margin: 0 3px; } @media (max-width: 767px) { .sub-nav { border-bottom: 1px solid #000; } } @media (min-width: 810px) { .sub-nav li a { margin: 0 10px; } } .updated-grid.grid { position: relative; overflow: visible; } .updated-date { position: absolute; text-align: right; width: 360px; left: -203px; top: 175px; color: #ABABAB; font-size: 13px; font-weight: bold; font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; /* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg); /* IE */ -ms-transform: rotate(-90deg); /* Opera */ -o-transform: rotate(-90deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); letter-spacing: .5px; } @media (max-width: 920px) { .updated-date { display: none; } } .updated-grid { position: relative; overflow: visible; } .updated-date a { color: #ABABAB; } /* GUIDE HEADER -- Copied from /supply/index2.php by @mark on June 26, 2018 */ .supply-filter-nav .supply-logo.mobile-supply-logo { margin: 0 auto 11px; font-size: 32px; line-height: 31px; max-width: 230px; } h1.mobile-supply-logo.supply-logo sup { font-size: 22px; top: -3px; right: 2px; } @media screen and (min-width: 45em) { .supply-filter-nav .mobile-supply-logo { display: none; } } @media screen and (max-width: 45em) { #fixed-header-logo { margin-top: 18px; width: 150px; } .fixed-header-logo img { width: 100%; } } /* STOVEROVER TEMPLATE -- Copied from /test/stopover.php by @tate on Oct 19, 2018 */ .article-stopover-wrapper .content-wrapper { width: 100%; max-width: none; padding: 0; margin-bottom: 0px; } .stopover-title { text-align: center; border-bottom: 1px solid #000; padding-bottom: 20px; margin-bottom: 20px; } .stopover-title p { margin-bottom: 0; line-height: 22px; } .stopover-title .category-group { margin-top: 0; } .stopover-title h1.article-title { margin-bottom: 4px; } .article-stopover-wrapper .stopover-copy-wrapper .stopover-copy p:last-of-type { margin-bottom: 0px; } .article-stopover-wrapper .stopover-copy-wrapper .ui-wrapper { margin: 20px 0; } .article-stopover-wrapper .stopover-mobile-preview img, .article-stopover-wrapper .stopover-img-wrapper img { max-width: 100%; height: auto; margin-bottom: 20px; display: block; } .article-stopover-wrapper .stopover-img-wrapper div:last-of-type img { margin-bottom: 0px; } .article-stopover-wrapper .stopover-img-wrapper div { float: left; } .stopover-mobile-preview { display: none; } .article-stopover-wrapper .stopover-first-img { display: block; } @media (min-width: 672px) { .article-single .stopover-title h1 { text-align: center; } .stopover-title p { line-height: 25px; } .article-stopover-wrapper .stopover-copy-wrapper { width: 33.33333333%; float: left; padding-right: 20px; margin-bottom: 0; } .article-stopover-wrapper .stopover-img-wrapper { width: 66.66666667%; float: left; } .stopover-full-img { width: 100%; } .stopover-half-img { width: 50%; } .stopover-half-img.first-half { padding-right: 10px; } .stopover-half-img.second-half { padding-left: 10px; } } @media (max-width:900px) { .stopover-mobile-preview { display: block; } .article-stopover-wrapper .stopover-first-img { display: none; } .article-stopover-wrapper .stopover-copy-wrapper .stopover-copy { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .article-stopover-wrapper .stopover-copy-wrapper { width: 100%; float: none; padding-right: 0px; } .article-stopover-wrapper .stopover-img-wrapper { width: 100%; float: none; } } @media (max-width: 540px) { .article-stopover-wrapper .stopover-copy-wrapper .stopover-copy { -webkit-columns: 1; -moz-columns: 1; columns: 1; } } /* /tv/ index page */ .tv-home.tv-home-dark { background: #000 url(https://uncrate.com/img/video-bg.jpg) center top no-repeat; background-size: 2400px; } .tv-home.tv-home-dark .slim-family-wrapper, .tv-home.tv-home-dark .header-wrapper { background: transparent; } .tv-home.tv-home-dark .tv-header h1 a { color: #fff; } .tv-home.tv-home-dark .tv-header .supply-tagline { color: #fff; } .tv-home.tv-home-dark h1.tv-logo { font-size: 40px; max-width: 177px; text-align: center; margin: 0px auto 4px; display: block; position: relative; overflow: visible; } .tv-home.tv-home-dark h1.tv-logo span.tv { padding-left: 5px; } .tv-home.tv-home-dark .supply-navigation-wrapper .main-nav { border-color: #fff; } .tv-home.tv-home-dark .supply-navigation-wrapper .main-nav li a { color: #fff; } .tv-home.tv-home-dark .supply-header .supply-icons #cart-icon-link { background: transparent url(https://uncrate.com/img/supply-crate-w.png) no-repeat center center; background-size: 16px 16px; } .tv-home.tv-home-dark #search-toggle { background: transparent url(https://uncrate.com/img/search-w.png) no-repeat center center; background-size: 16px 16px; } .tv-home.tv-home-dark .article { background: white; } .tv-home.tv-home-dark .video-feature { position: relative; background: transparent; border: 0px; padding-bottom: 0px; } .tv-home.tv-home-dark .video-feature .gradient-overlay { bottom: 0; top: auto; height: 80%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */ } .tv-home.tv-home-dark .video-feature .image-wrapper img { border-bottom: 0px; display: block; } .video-feature .content-wrapper { position: absolute; bottom: 50px; z-index: 101; text-align: center; width: 100%; } .video-feature .content-wrapper .copy-wrapper { max-height: none; min-height: 0px; max-width: 600px; margin: 0 auto; } .video-feature .content-wrapper .copy-wrapper h1.article-title { display: inline-block; } .video-feature .content-wrapper .copy-wrapper h1.article-title a { padding-left: 35px; background-image: url(https://uncrate.com/img/play-2.png); background-size: 25px 25px; background-position: left center; background-repeat: no-repeat; line-height: 1.1; } .video-feature .content-wrapper .copy-wrapper h1.article-title a, .video-feature .content-wrapper .copy-wrapper p { color: #fff; } .tv-home-dark h1, .tv-home-dark h2, .tv-home-dark h3 { letter-spacing: .75px; font-family: "Knockout 49 A", "Knockout 49 B",Helvetica,Arial,sans-serif; font-weight: 400; } @media screen and (max-width: 767px) { .video-feature .content-wrapper .copy-wrapper p { display: none; } .tv-home.tv-home-dark .video-feature .gradient-overlay { display: block; } .video-feature .content-wrapper { bottom: 40px; } } @media screen and (max-width: 45em) { .tv-header-wrapper { display: block; } .tv-header-wrapper .uncrate-family-wrapper { display: none; } .tv-header-wrapper .supply-icons { display: none; } .tv-header { padding-top: 0px; } .video-feature h1.article-title { font-size: 21px; } .video-feature .content-wrapper .copy-wrapper h1.article-title a { padding-left: 28px; background-image: url(https://uncrate.com/img/play-2.png); background-size: 20px 20px; background-position: left center; background-repeat: no-repeat; line-height: 1.1; } } /* added by Mark on 6/17/2022 as temp fix for hidden pw reset fields on shopify */ input[name*="customer"] { border: 1px solid black !important; }