LOOKBOOK

/* FLEX
*********************************/
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:none}
.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}
.flexslider{margin:0;padding:0}
.flexslider .slides > li{display:none;-webkit-backface-visibility:hidden}
.flexslider .slides img{height:90vh;display:block}
.flex-pauseplay span{text-transform:capitalize}
.slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .slides{display:block}
* html .slides{height:1%}
.no-js .slides > li:first-child{display:block}
.flexslider{margin:0 0 80px;position:relative;zoom:1}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.loading .flex-viewport{max-height:300px}
.flexslider .slides{zoom:1}
.carousel li{margin-right:5px}
.flex-direction-nav{height:0}
.flex-direction-nav a{display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,0.8);text-shadow:1px 1px 0 rgba(255,255,255,0.3);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.flex-direction-nav .flex-prev{left:-50px}
.flex-direction-nav .flex-next{right:-50px;text-align:right}
.flexslider:hover .flex-prev{opacity:1}
.flexslider:hover .flex-next{opacity:1}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default}
.flex-direction-nav a:before{font-size:40px;display:inline-block}
.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}
.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}
.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);box-shadow:inset 0 0 3px rgba(0,0,0,0.3)}
.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.8)}
.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,0.9);cursor:default}
.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}
.flex-control-thumbs li{width:25%;float:left;margin:0}
.flex-control-thumbs img{width:100%;display:block;opacity:.8;cursor:pointer}
.flex-control-thumbs img:hover{opacity:1}
.flex-control-thumbs .flex-active{opacity:1;cursor:default}
.flexslider{margin:0 auto 80px}
.flexslider .slides img{margin:0 auto;width:auto}
.flex-viewport{-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);transform-style:preserve-3d;-webkit-transform-style:preserve-3d}
.flexslider .slides > li{transform:translateZ(0px);-moz-transform:translateZ(0px);-webkit-transform:translateZ(0px)}
.flex-direction-nav li a{background-image:url({{ 'slideshow_arrows.png' | theme_image_url }});background-repeat:no-repeat;background-color:rgba(0,0,0,.7);background-size:65px auto;border:none;height:66px;margin:-33px 0 0;position:absolute;text-indent:9999px;width:33px;-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-ms-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in}
.flex-direction-nav li a:hover{background-color:rgba(0,0,0,1)}
.flex-direction-nav .flex-prev{background-position:6px 15px;left:0px}
.flex-direction-nav .flex-next{background-position:-38px 15px;right:0px}
.flex-control-paging li{border-radius:50%;height:11px;margin:6px;width:11px;-webkit-backface-visibility:hidden}
.flex-control-paging li a{background: {{ theme.text }} }
.flex-control-paging li a:hover{background:{{ theme.text }} }
.flex-control-paging li a.flex-active{background:{{ theme.text }} }
iframe {width:100%;height:619px;padding-bottom:20px;}
@media only screen and (-webkit-min-device-pixel-ratio: 3) and (max-device-width:1920px), (max-device-width: 900px) {
iframe{height:215px;}
}