@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;}

#rayban-ferrari *{box-sizing: border-box; -moz-box-sizing: border-box;}
#rayban-ferrari{max-width: 1440px; margin: 0 auto; background: #fff; font-family: "brandon_regular"; color: #222; overflow: hidden; position: relative; z-index: 3;}

#rayban-ferrari .hero img{display: block !important; width: 100%; height: auto;}
#rayban-ferrari .hero img.mobile{display: none !important;}

#rayban-ferrari .subtitle{max-width: 823px; margin: 0 auto; padding: 32px 0 48px;}
#rayban-ferrari .subtitle h2{font-size: 18px; line-height: 26px; text-align: center; font-family: "brandon_regular"; text-transform: none; letter-spacing: normal;}

#rayban-ferrari .product-list{font-size: 0; padding: 0 20px;}
#rayban-ferrari .product-list ul{margin: 0; padding: 0; list-style: none; text-align: center;}
#rayban-ferrari .product-list li{display: inline-block; vertical-align: middle; width: 45%; text-align: center; margin-top: 50px;}
#rayban-ferrari .product-list .image{height: 265px;}
#rayban-ferrari .product-list .image img{width: 100%; height: auto; display: block !important;}
#rayban-ferrari .product-list .image .side{display: none;}
#rayban-ferrari .product-list a{display: block; color: #000; text-decoration: none; margin: 0 50px;}

#rayban-ferrari .product-list a:hover .image .front{display: none;}
#rayban-ferrari .product-list a:hover .image .side{display: block;}
#rayban-ferrari .product-list .name{font-size: 20px; font-family: "brandon_bold"; text-transform: uppercase; letter-spacing: normal;}
#rayban-ferrari .product-list .collection{font-size: 16px; text-transform: uppercase; padding-top: 10px; padding: 10px 0 0 0 !important; color: #222 !important; background: transparent !important; letter-spacing: normal;}
#rayban-ferrari .product-list .desc{font-size: 16px; line-height: 1.25em; padding: 12px 0 0; text-transform: none; letter-spacing: normal;}
#rayban-ferrari .product-list .price{font-size: 20px; padding-top: 16px; letter-spacing: normal;}
#rayban-ferrari .product-list .cta{margin-top: 20px; letter-spacing: normal;}
#rayban-ferrari .product-list .cta span{display: inline-block; background: #000; color: #fff; border: 1px solid #000; text-transform: uppercase; font-size: 16px; font-family: "brandon_bold"; width: 185px; height: 45px; line-height: 45px; text-align: center; border-radius: 2px; transition: all ease .2s;}

#rayban-ferrari .product-list.iconic li{width: 33.3%; padding: 0 20px; margin-top: 0;}
#rayban-ferrari .product-list.iconic .image{height: 230px; padding: 0;}
#rayban-ferrari .product-list.iconic a{margin: 0;}
#rayban-ferrari .product-list.iconic .name{font-size: 16px;}
#rayban-ferrari .product-list.iconic .price{font-size: 16px; padding-top: 10px;}
#rayban-ferrari .product-list.iconic .cta{visibility: hidden; margin-bottom: 40px;}
#rayban-ferrari .product-list.iconic a:hover .cta{visibility:visible;}

#rayban-ferrari .action{text-align: center; padding: 40px 0 60px;}
#rayban-ferrari .action a{display: inline-block; width: 180px; height: 45px; line-height: 45px; text-align: center; text-transform: uppercase; font-size: 16px; font-family: "brandon_bold"; color: #222; text-decoration: none; border: 2px solid #000; border-radius: 2px;}
#rayban-ferrari .action a img{width: 14px !important; height: auto !important; margin-left: 6px; display: inline-block !important;}

#rayban-ferrari .powerful-details{background-image: url(../img/powerful-bg.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 1390px; color: #fff;}
#rayban-ferrari .powerful-details h3.powerful-title{padding: 40px 0 70px; text-align: center;}
#rayban-ferrari .powerful-details h3.powerful-title span{display: inline-block; font-size: 50px; line-height: 50px; font-family: "brandon_bold"; text-transform: uppercase; position:relative;}
#rayban-ferrari .powerful-details h3.powerful-title span:after{content: ""; display: inline-block; height: 2px; width: 25px; display: inline-block; vertical-align: middle; background: #cc0000; margin-left: 12px; margin-top: -8px;}
#rayban-ferrari .powerful-details h3.powerful-title span:before{content: ""; display: inline-block; height: 2px; width: 25px; display: inline-block; vertical-align: middle; background: #cc0000; margin-right: 12px; margin-top: -8px;}
#rayban-ferrari .powerful-details .section{max-width: 810px; margin: 0 auto; position: relative; margin-bottom: 110px;}
#rayban-ferrari .powerful-details .section:last-child{margin-bottom: 0;}
#rayban-ferrari .powerful-details .section h4{font-size: 35px; line-height: 1.43em; font-family: "brandon_bold"; text-align: left; position: relative;}
#rayban-ferrari .powerful-details .section p{margin-left: 100px; font-size: 20px; line-height: 1.35em; display: block; text-transform: none; letter-spacing: normal;}
#rayban-ferrari .powerful-details .section p:before{display: none;}
#rayban-ferrari .powerful-details .section img{position: absolute; max-width: 100%; width: auto !important; height: auto !important;}
#rayban-ferrari .powerful-details .section:nth-child(even) img{top: 0; right: 0;}
#rayban-ferrari .powerful-details .section:nth-child(odd) img{top: 0; left: 0;}

#rayban-ferrari .powerful-details .section:nth-of-type(1):before{content: ""; display: block; width: 1px; height: 100px; background: #fce903; position: absolute; right: -80px; bottom: -80px;}
#rayban-ferrari .powerful-details .section:nth-of-type(1) h4{padding-bottom: 48px;}
#rayban-ferrari .powerful-details .section:nth-of-type(1) h4:after{content:""; height: 2px; width: 210px; background: #cc0000; position: absolute; left: 0; bottom: 20px;}
#rayban-ferrari .powerful-details .section:nth-of-type(1) p{max-width: 396px;}

#rayban-ferrari .powerful-details .section:nth-of-type(2):before{content: ""; display: block; width: 1px; height: 100px; background: #fce903; position: absolute; left: -79px; bottom: -80px;}
#rayban-ferrari .powerful-details .section:nth-of-type(2){padding-left: 320px;}
#rayban-ferrari .powerful-details .section:nth-of-type(2) h4{padding-bottom: 38px;}
#rayban-ferrari .powerful-details .section:nth-of-type(2) h4:after{content:""; height: 2px; width: 180px; background: #cc0000; position: absolute; right: -75px; bottom: 20px;}
#rayban-ferrari .powerful-details .section:nth-of-type(2) p{max-width: 396px;}

#rayban-ferrari .powerful-details .section:nth-of-type(3):before{content: ""; display: block; width: 1px; height: 120px; background: #fce903; position: absolute; right: -80px; bottom: -90px;}
#rayban-ferrari .powerful-details .section:nth-of-type(3):after{content:""; height: 2px; width: 180px; background: #cc0000; position: absolute; left: -75px; bottom: -85px;}
#rayban-ferrari .powerful-details .section:nth-of-type(3) h4{padding-bottom: 18px;}
#rayban-ferrari .powerful-details .section:nth-of-type(3) p{max-width: 500px; margin-left: 0;}

#rayban-ferrari .video-container{font-size: 0; margin-top: 70px; padding: 150px 0; background: url(../img/video-bg.jpg) no-repeat 50% 50%; background-size:cover;}
#rayban-ferrari .video-container .video-constraint{max-width: 946px;  margin: 0 auto;}
#rayban-ferrari .video-container .video-content{max-width: 100%; margin: 0 auto; position: relative; padding-bottom: 56.25%;  height: 0;  overflow: hidden; z-index: 2;}
#rayban-ferrari .video-container .video-content iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#rayban-ferrari .mobile-carousel{position: relative;}

#rayban-ferrari .slick-dots{text-align: center; padding: 20px 0 0 0 !important;}
#rayban-ferrari .slick-dots li{display: inline-block; vertical-align: middle; margin: 0 5px !important; width: 14px !important;  height: 14px !important; border-radius: 50%; border: 1px solid #000; padding: 0 !important;}
#rayban-ferrari .slick-dots li.slick-active{background: #000;}
#rayban-ferrari .slick-dots li button{border: 0;  background: transparent !important; width: 100%!important; border-radius: 50%; overflow: hidden; text-indent: -999px;}

#rayban-ferrari .slick-prev{margin: 0; padding: 0; border: 0; background: transparent; overflow: hidden; text-indent: -999px; width: 20px; height: 20px; line-height: 20px; background: url(../img/arrow-left.png) no-repeat 0 0; background-size: contain; position: absolute; top: 50%; margin-top: -10px; left: 20px; z-index: 2;}
#rayban-ferrari .slick-next{margin: 0; padding: 0; border: 0; background: transparent; overflow: hidden; text-indent: -999px; width: 20px; height: 20px; line-height: 20px; background: url(../img/arrow-right.png) no-repeat 0 0; background-size: contain; position: absolute; top: 50%; margin-top: -10px; right: 20px;}

@media screen and (max-width:1280px){

  #rayban-ferrari .product-list .image{height: 190px;}
  #rayban-ferrari .product-list.iconic .image{height: 185px;}

}

@media screen and (max-width:1120px){

  #rayban-ferrari .product-list .image{height: 170px;}
  #rayban-ferrari .product-list.iconic .image{height: 170px;}

}

@media screen and (max-width:1024px){

  #rayban-ferrari .product-list .image{height: 160px;}
  #rayban-ferrari .product-list.iconic .image{height: 160px;}

}

@media screen and (max-width:900px){

  #rayban-ferrari .hero img{display: none !important;}
  #rayban-ferrari .hero img.mobile{display: block !important;}
  #rayban-ferrari .subtitle{padding: 32px 20px 48px;}
  #rayban-ferrari .powerful-details{height: auto; background-attachment: initial; background-position: top left; background-size: 800px auto; background-repeat: repeat;}
  #rayban-ferrari .powerful-details .section{text-align: center; padding: 0 !important; margin-bottom: 0; position: relative;}
  #rayban-ferrari .powerful-details h3.powerful-title{font-size: 35px; line-height: 1.29em; padding: 40px 0;}
  #rayban-ferrari .powerful-details h3.powerful-title:after{content:""; display: inline-block; width: 75px; height: 2px; background: #cc0000; margin: 0 auto; position: relative !important; top: auto !important; left: auto !important; bottom: auto !important; margin: 30px 0 0;}
  #rayban-ferrari .powerful-details h3.powerful-title span:before, #rayban-ferrari .powerful-details h3.powerful-title span:after{display: none;}
  #rayban-ferrari .powerful-details .section h4{text-align: center; font-size: 25px; line-height: 1.4em;}
  #rayban-ferrari .powerful-details .section:before{content:""; display: block; width: 2px !important; height: 100px !important; background: #fce903 !important; position: absolute; top: 43% !important; right: 20px !important;}
  #rayban-ferrari .powerful-details .section:nth-of-type(2):before{left: 20px; right: auto; top: 45% !important;}
  #rayban-ferrari .powerful-details .section:nth-of-type(3):before{top: 0 !important;}
  #rayban-ferrari .powerful-details .section:nth-of-type(1) h4:after, #rayban-ferrari .powerful-details .section:nth-of-type(2) h4:after{display: none;}
  #rayban-ferrari .powerful-details .section:after{content:""; display: inline-block; width: 150px; height: 2px; background: #cc0000; margin: 0 auto; position: relative !important; top: auto !important; left: auto !important; bottom: auto !important; margin: 30px 0;}
  #rayban-ferrari .product-list a{margin: 0;}
  #rayban-ferrari .powerful-details .section p{max-width: 100% !important; padding: 0 20px; margin: 0 !important; font-size: 18px; line-height: 1.5em;}
  #rayban-ferrari .powerful-details .section img{position: relative; top: auto; left: auto; right:auto; bottom: auto; width: 80%; height: auto; max-width: 275px; margin: 0 auto 20px;}

  #rayban-ferrari .product-list li{width: 100%;}

  #rayban-ferrari .product-list.iconic .cta{visibility: visible; display: none;}
  #rayban-ferrari .product-list.iconic a:hover .cta{display:none;}

  #rayban-ferrari .video-container{padding: 70px 0;}
  #rayban-ferrari .video-container .video-constraint{margin: 0 20px;}

  #rayban-ferrari .slick-prev, #rayban-ferrari .slick-next{top:40%;}

  #rayban-ferrari .image .side{display: none;}
  #rayban-ferrari .product-list a:hover .image .front{display: block;}
  #rayban-ferrari .product-list a:hover .image .side{display: none;}

}