@font-face {
    font-family: "brandon_bold";
    src: url("../fonts/brandon_bld-webfont.eot");
    src: url("../fonts/brandon_bld-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_bld-webfont.woff") format("woff"), url("../fonts/brandon_bld-webfont.ttf") format("truetype"), url("../fonts/brandon_bld-webfont.svg#brandon_grotesquebold") format("svg");
    font-weight: bold;
    font-style: normal
}
@font-face {
    font-family: "brandon_medium";
    src: url("../fonts/brandon_med-webfont.eot");
    src: url("../fonts/brandon_med-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_med-webfont.woff") format("woff"), url("../fonts/brandon_med-webfont.ttf") format("truetype"), url("../fonts/brandon_med-webfont.svg#brandon_grotesquemedium") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: "brandon_regular";
    src: url("../fonts/brandon_reg-webfont.eot");
    src: url("../fonts/brandon_reg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_reg-webfont.woff") format("woff"), url("../fonts/brandon_reg-webfont.ttf") format("truetype"), url("../fonts/brandon_reg-webfont.svg#brandon_grotesque_regularRg") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: "brandon_thin";
    src: url("../fonts/brandon_thin-webfont.eot");
    src: url("../fonts/brandon_thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_thin-webfont.woff") format("woff"), url("../fonts/brandon_thin-webfont.ttf") format("truetype"), url("../fonts/brandon_thin-webfont.svg#brandon_grotesquethin") format("svg");
    font-weight: normal;
    font-style: normal
}

.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

#trends .espot-1{padding: 0 !important;}

#oliver-peoples{margin: 0 auto; background: #fff; font-family: "brandon_regular";}
#oliver-peoples *{box-sizing: border-box; -moz-box-sizing: border-box;}

#oliver-peoples h1{font-family: "brandon_bold"; font-size: 30px; color: #fff; text-transform: uppercase; margin: 0; padding-bottom: 26px;}
#oliver-peoples h2{font-family: "brandon_regular"; font-weight: normal; font-size: 24px; color: #fff; text-transform: none; margin: 0;}
#oliver-peoples h3{font-family: "brandon_bold"; font-size: 32px; color: #222; text-transform: uppercase;  margin: 0; padding: 10px 0 30px;}
#oliver-peoples h4{font-family: "brandon_bold"; font-size: 24px; color: #fff; letter-spacing: 2px; text-transform: uppercase;  margin: 0; padding-bottom: 30px;}
#oliver-peoples p{font-family: "brandon_regular"; font-size: 16px; line-height: 1.38; color: #222;  margin: 0; text-transform: none;}

#oliver-peoples .cta-container{padding: 0 0 80px;}
#oliver-peoples .btn-collection{display: block; font-family: "brandon_bold"; font-size: 13px; letter-spacing: 2px; text-transform: uppercase;  border: solid 1px #222; width: 182px; height: 35px; line-height: 35px; text-align: center; margin: 0 auto; color: #222; text-decoration: none;}
#oliver-peoples .container{position: absolute; top: 50%; transform: translateY(-50%);}


#oliver-peoples .hero-banner{position: relative; font-size: 0;}
#oliver-peoples .hero-banner img{display: block; width: 100%; height: auto;}
#oliver-peoples .hero-banner .container{margin-left: 170px; max-width: 460px;}
#oliver-peoples .hero-banner .container p{color: #fff;}
#oliver-peoples .hero-banner .container .cta{display: inline-block; width: 200px; height: 35px; line-height: 35px; text-align: center; text-transform: uppercase; background: #fff; font-family: "brandon_bold"; font-size: 13px; letter-spacing: 2px; color: #242424; text-decoration: none; margin-top: 30px;}
#oliver-peoples .hero-banner .full-cta{position: absolute; top: 0; left: 0; right: 0; bottom: 0;}

#oliver-peoples .intro{max-width: 760px; text-align: center; margin: 0 auto; padding: 30px 0 50px;}
#oliver-peoples .skus-launch{padding-bottom: 80px;}
#oliver-peoples .skus-launch ul{margin: 0; padding: 0 70px 50px; list-style: none; font-size: 0;}
#oliver-peoples .skus-launch li{display: inline-block; vertical-align: middle; width: 25%;}
#oliver-peoples .skus-launch .sku .sku-image img{width: 100%; height: auto;}

#oliver-peoples .sku{text-align: center;}
#oliver-peoples .sku a{display: block; text-decoration: none; color: #222;}
#oliver-peoples .sku .sku-brand{font-family: "brandon_bold"; font-size: 18px; color: #222; text-transform: uppercase; margin-top: -20px;}
#oliver-peoples .skus-launch .sku-brand{margin-top: 0;}
#oliver-peoples .sku .sku-name{font-family: "brandon_bold"; font-size: 14px; color: #222; text-transform: uppercase; padding-top: 12px;}

#oliver-peoples .sku-presentation{font-size: 0; margin: 80px 70px; position: relative;}
#oliver-peoples .sku-presentation > div{display: inline-block; vertical-align: top;}

#oliver-peoples .sku-presentation .sku-image img{max-width: 100% !important; height: auto !important; width: auto !important; display: inline-block !important;}

#oliver-peoples .sku-presentation.two-col > div{width: 49%; margin-right: 1%; position: relative;}
#oliver-peoples .sku-presentation.two-col > div:last-child{margin-right: 0; margin-left: 1%;}
#oliver-peoples .sku-presentation.two-col .desc{position: absolute; top: 0; left: 0; right: 0; height: 49%; text-align: center;}
#oliver-peoples .sku-presentation.two-col div.desc .container{padding: 0 22%;}
#oliver-peoples .sku-presentation.two-col .desc + div{margin-top: 48%;}

#oliver-peoples .sku-presentation.three-col{margin: -50px 70px 80px;}
#oliver-peoples .sku-presentation.three-col > div{width: 23.3%;}
#oliver-peoples .sku-presentation.three-col > div:nth-child(1){position: absolute; top: 0; left: 0; bottom: 0;}
#oliver-peoples .sku-presentation.three-col > div:nth-child(2){width: 48.2%; margin: 0 2% 0 25.3%;}
#oliver-peoples .sku-presentation.three-col div.desc .container{padding: 0 26px;}

#oliver-peoples .sku-presentation div.desc{height: 100%; border: solid 1px #ccc; text-align: center;}
#oliver-peoples .sku-presentation div.desc img{max-width: 120px; height: auto; display: inline-block !important;}
#oliver-peoples .sku-presentation div.desc p{margin: 20px auto 0;}
#oliver-peoples .sku-presentation img.visual{width: 100%; height: auto;}