/*------------------------------------------------------------------ [Table of contents] 1/ General __1.1/Import css and font __1.2/Css3 Keyframes and animation __1.3/Basic Class 2/ Header 3/ Nav menu 4/ Block __4.1/ Block Muliply Column .block-multi-col __4.2/ Block Body .block-body __4.3/ Block Title .block-title __4.4/ Other 5/ Step __5.1/ Step arc text .step-arc-link __5.2/ Step slider .step-slider,.step-wrapper __5.3/ Step control .step-controls-process, .step-control-angle 6/ Item __6.1/ Product with thumb .product-with-thumb __6.2/ Person card .person-card __6.3/ Blog Item .blog-item __6.4/ Numeral Item .numberal-item __6.5/ Contact Item .contact-item __6.6/ Category Item .category-item __6.7/ Product Item .product-item __6.8/ Feature Item .feature-item __6.9/ Darker Item .darker-item __6.10/ Popular Post Item .popular-post-item __6.11/ Lookbook Item .lookbook-item 7/ List 8/ Form __8.1/ Form subscrible .frm-subscrible, .frm-controls __8.2/ Form Contact .frm-contact 9/ Woocommerce __9.1/ Breadcrumb .woocommerce-breadcrumb __9.2/ Product .product __9.3/ Tabs .woocommerce-tabs 10/ Sidebar 11/ Content __11.1/ Text Content .text-content __11.2/ Comments 12/ Elements __12.1/ Button .btn-element __12.2/ Tab .tab-element __12.3/ Accordion .accordion-element __12.4/ Alert boxes .message-box __12.5/ Dropdown .nav-element,.dropdown-element 13/ Misc __13.1/ Quote Scroll .quote-scroll-content __13.2/ Preloader .preloader __13.3/ Filter .filter-select __13.4/ Other 14/ Footer ------------------------------------------------------------------*/ /*------------------------------------------------------------------ 1/ General */ /*------------------------------------------------------------------ __1.1/Import css and font */ @import "https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic"; @import "https://fonts.googleapis.com/css?family=Great+Vibes"; @import "../fonts/FontAwesome/awesome.css"; @import "../fonts/Geogrotesque/font.css"; @import "../fonts/BirdsofParadise/font.css"; @import "../styles/reset.css"; @import "../styles/bootstrap.min.css"; @import "../styles/jquery.mCustomScrollbar.min.css"; @import "../styles/masterslider/style/masterslider.min.css"; @import "../styles/masterslider/skins/light-2/style.min.css"; /*------------------------------------------------------------------ __1.2/Css3 Keyframes and animation */ @-webkit-keyframes ani-step-next { 0%{background-position:88px 0} 50%{background-position:98px 0} 100%{background-position:88px 0} } @-moz-keyframes ani-step-next { 0%{background-position:88px 0} 50%{background-position:98px 0} 100%{background-position:88px 0} } @keyframes ani-step-next { 0%{background-position:88px 0} 50%{background-position:98px 0} 100%{background-position:88px 0} } @-webkit-keyframes ani-step-prev { 0%{background-position:10px 0} 50%{background-position:0 0} 100%{background-position:10px 0} } @-moz-keyframes ani-step-prev { 0%{background-position:10px 0} 50%{background-position:0 0} 100%{background-position:10px 0} } @keyframes ani-step-prev { 0%{background-position:10px 0} 50%{background-position:0 0} 100%{background-position:10px 0} } @-webkit-keyframes ani-rotate-appear { 0%{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-moz-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-o-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-ms-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} 100%{transform:rotateX(0deg) rotateY(360deg) rotateZ(0deg);-moz-transform:rotateX(0deg) rotateY(360deg) rotateZ(0deg);-webkit-transform:rotateX(0deg) rotateY(360deg) rotateZ(0deg);-o-transform:rotateX(0deg) rotateY(360deg) rotateZ(0deg);-ms-transform:rotateX(0deg) rotateY(360deg) rotateZ(0deg);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} } @-moz-keyframes ani-rotate-appear { 0%{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-moz-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-o-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-ms-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} 100%{transform:rotateX(0deg) rotateY(360deg) rotateZ(0deg);-moz-transform:rotateX(0deg) rotateY(360deg) rotateZ(0deg);-webkit-transform:rotateX(0deg) rotateY(360deg) rotateZ(0deg);-o-transform:rotateX(0deg) rotateY(360deg) rotateZ(0deg);-ms-transform:rotateX(0deg) rotateY(360deg) rotateZ(0deg);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} } @keyframes ani-rotate-appear { 0%{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-moz-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-o-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-ms-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} 100%{transform:rotateX(0deg) rotateY(360deg) rotateZ(0deg);-moz-transform:rotateX(0deg) rotateY(360deg) rotateZ(0deg);-webkit-transform:rotateX(0deg) rotateY(360deg) rotateZ(0deg);-o-transform:rotateX(0deg) rotateY(360deg) rotateZ(0deg);-ms-transform:rotateX(0deg) rotateY(360deg) rotateZ(0deg);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} } @-webkit-keyframes ani-left-appear { 0%{transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-o-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} 100%{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} } @-moz-keyframes ani-left-appear { 0%{transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-o-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} 100%{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} } @keyframes ani-left-appear { 0%{transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-o-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} 100%{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} } @-webkit-keyframes ani-right-appear { 0%{transform:translate(50%,0);-webkit-transform:translate(50%,0);-moz-transform:translate(50%,0);-o-transform:translate(50%,0);-ms-transform:translate(50%,0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} 100%{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} } @-moz-keyframes ani-right-appear { 0%{transform:translate(50%,0);-webkit-transform:translate(50%,0);-moz-transform:translate(50%,0);-o-transform:translate(50%,0);-ms-transform:translate(50%,0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} 100%{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} } @keyframes ani-right-appear { 0%{transform:translate(50%,0);-webkit-transform:translate(50%,0);-moz-transform:translate(50%,0);-o-transform:translate(50%,0);-ms-transform:translate(50%,0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} 100%{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} } @-webkit-keyframes ani-top-appear { 0%{transform:translate(0,50%);-webkit-transform:translate(0,50%);-moz-transform:translate(0,50%);-o-transform:translate(0,50%);-ms-transform:translate(0,50%);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} 100%{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} } @-moz-keyframes ani-top-appear { 0%{transform:translate(0,50%);-webkit-transform:translate(0,50%);-moz-transform:translate(0,50%);-o-transform:translate(0,50%);-ms-transform:translate(0,50%);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} 100%{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} } @keyframes ani-top-appear { 0%{transform:translate(0,50%);-webkit-transform:translate(0,50%);-moz-transform:translate(0,50%);-o-transform:translate(0,50%);-ms-transform:translate(0,50%);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} 100%{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} } @-webkit-keyframes ani-bottom-appear { 0%{transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} 100%{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} } @-moz-keyframes ani-bottom-appear { 0%{transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} 100%{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} } @keyframes ani-bottom-appear { 0%{transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} 100%{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} } @-webkit-keyframes ani-appear { 0%{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} 100%{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} } @-moz-keyframes ani-appear { 0%{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} 100%{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} } @keyframes ani-appear { 0%{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} 100%{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} } @-webkit-keyframes ani-scale-appear { 0%{transform:scale(0,0);-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} 100%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} } @-moz-keyframes ani-scale-appear { 0%{transform:scale(0,0);-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} 100%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} } @keyframes ani-scale-appear { 0%{transform:scale(0,0);-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} 100%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} } .cssanimations .animation-item.ani-rotate-appear{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-moz-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-o-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-ms-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} .cssanimations .animation-item.ani-left-appear{transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-o-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} .cssanimations .animation-item.ani-right-appear{transform:translate(50%,0);-webkit-transform:translate(50%,0);-moz-transform:translate(50%,0);-o-transform:translate(50%,0);-ms-transform:translate(50%,0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} .cssanimations .animation-item.ani-top-appear{transform:translate(0,50%);-webkit-transform:translate(0,50%);-moz-transform:translate(0,50%);-o-transform:translate(0,50%);-ms-transform:translate(0,50%);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} .cssanimations .animation-item.ani-bottom-appear{transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} .cssanimations .animation-item.ani-appear{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} .cssanimations .animation-item.ani-scale-appear{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(0,0);-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0)} .play-animation .animation-item.ani-rotate-appear{-webkit-animation:ani-rotate-appear 1.2s 1 forwards;-moz-animation:ani-rotate-appear 1.2s 1 forwards;-o-animation:ani-rotate-appear 1.2s 1 forwards;-ms-animation:ani-rotate-appear 1.2s 1 forwards;animation:ani-rotate-appear 1.2s 1 forwards;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;-ms-animation-timing-function:ease;-o-animation-timing-function:ease;animation-timing-function:ease} .play-animation .animation-item.ani-left-appear{-webkit-animation:ani-left-appear 1.2s 1 forwards;-moz-animation:ani-left-appear 1.2s 1 forwards;-o-animation:ani-left-appear 1.2s 1 forwards;-ms-animation:ani-left-appear 1.2s 1 forwards;animation:ani-left-appear 1.2s 1 forwards;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;-ms-animation-timing-function:ease;-o-animation-timing-function:ease;animation-timing-function:ease} .play-animation .animation-item.ani-right-appear{-webkit-animation:ani-right-appear 1.2s 1 forwards;-moz-animation:ani-right-appear 1.2s 1 forwards;-o-animation:ani-right-appear 1.2s 1 forwards;-ms-animation:ani-right-appear 1.2s 1 forwards;animation:ani-right-appear 1.2s 1 forwards;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;-ms-animation-timing-function:ease;-o-animation-timing-function:ease;animation-timing-function:ease} .play-animation .animation-item.ani-top-appear{-webkit-animation:ani-top-appear 1.2s 1 forwards;-moz-animation:ani-top-appear 1.2s 1 forwards;-o-animation:ani-top-appear 1.2s 1 forwards;-ms-animation:ani-top-appear 1.2s 1 forwards;animation:ani-top-appear 1.2s 1 forwards;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;-ms-animation-timing-function:ease;-o-animation-timing-function:ease;animation-timing-function:ease} .play-animation .animation-item.ani-bottom-appear{-webkit-animation:ani-bottom-appear 1.2s 1 forwards;-moz-animation:ani-bottom-appear 1.2s 1 forwards;-o-animation:ani-bottom-appear 1.2s 1 forwards;-ms-animation:ani-bottom-appear 1.2s 1 forwards;animation:ani-bottom-appear 1.2s 1 forwards;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;-ms-animation-timing-function:ease;-o-animation-timing-function:ease;animation-timing-function:ease} .play-animation .animation-item.ani-appear{-webkit-animation:ani-appear 1.2s 1 forwards;-moz-animation:ani-appear 1.2s 1 forwards;-o-animation:ani-appear 1.2s 1 forwards;-ms-animation:ani-appear 1.2s 1 forwards;animation:ani-appear 1.2s 1 forwards;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;-ms-animation-timing-function:ease;-o-animation-timing-function:ease;animation-timing-function:ease} .play-animation .animation-item.ani-scale-appear{-webkit-animation:ani-scale-appear 1.2s 1 forwards;-moz-animation:ani-scale-appear 1.2s 1 forwards;-o-animation:ani-scale-appear 1.2s 1 forwards;-ms-animation:ani-scale-appear 1.2s 1 forwards;animation:ani-scale-appear 1.2s 1 forwards;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;-ms-animation-timing-function:ease;-o-animation-timing-function:ease;animation-timing-function:ease} /*------------------------------------------------------------------ __1.3/Basic Class */ .hover{position:relative} .hover:before{font-size:0;line-height:0;z-index:20;position:absolute;top:50%;left:50%;text-align:center;width:0;height:0;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;color:#000} .hover:after{z-index:10;width:100%;height:100%;position:absolute;top:0;left:0;background:none;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;content:""} .wp-caption{margin-bottom:1.5em;text-align:center;padding-top:5px} .wp-caption img{border:none;padding:0;margin:0} .wp-caption p.wp-caption-text{line-height:1.5;font-size:10px;margin:0} .wp-smiley{margin:0!important;max-height:1em} .relative{position:relative} .absolute{position:absolute} .block{display:block} .inline-block{display:inline-block} .clear{clear:both;width:100%;height:0;font-size:0;line-height:0;overflow:hidden} .animation,a,button,input{transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease} .animation-all,.animation-all *{transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease} .alignleft{float:left;margin-right:10px} .alignright{float:right;margin-left:10px} .aligncenter{margin:10px auto;float:none;display:block} .hidden{display:none!important} .fl{float:left} .fr{float:right} .vh{visibility:hidden} .vv{visibility:visible} img,.res-img{max-width:100%;height:auto} .after-clear:after{content:"";display:block;clear:both;width:0;height:0;overflow:hidden} .normal-text{font-weight:400} body{font-family:'Roboto',sans-serif;font-size:14px;line-height:20px} #wrapper{overflow:hidden;width:100%;position:relative;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;visibility:visible;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} h1,.h1,h2,.h2,h3,.h3,h4,.h4,.h5,h5,p,ul,ol{margin:0} a:hover,a:active{text-decoration:none} .bg-dotted{background:url(../images/bg-dotted.jpg) top center repeat;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb} .bg-brown{background:#e9e6e1} .bg-gray{background:#f7f7f7} @media (max-width:599px) { .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{width:100%} } /* sticky footer */ /* html, body { height: 100%; } body { display: table; table-layout: fixed; height: 100%; width: 100%; } #wrapper { height: auto; display: table-row; } footer { height: 1px; display: table-row; } /* end of sticky footer */ /*------------------------------------------------------------------ 2/ Header */ header{position:relative;width:100%} header .header-right a,header .header-left a{color:#fff;font-size:13px;line-height:21px;text-transform:uppercase;position:relative;z-index:10} header .header-left a:hover{color:#fff;} header .header-left a:hover:after{position:absolute;top:0;left:0;width:100%;height:100%;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} header .header-left{position:absolute;top:34px;left:30px} header .header-left a{display:inline-block;padding:4px 10px;border-top:1px solid rgba(255,255,255,0.44);border-bottom:1px solid rgba(255,255,255,0.44)} header .logo{ -webkit-filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(5px 5px 5px #222); position:absolute;top:30px;left:50%;width:400px;margin-left:-200px } header .header-right{position:absolute;top:34px;right:30px;text-align:right} header .header-right .menu{display:inline-block} header .header-right .menu > li{display:inline-block;margin-right:20px} header .header-right .menu > li > a{display:block;padding:5px 10px} header .header-right .top-cart{display:inline-block;position:relative;} header .header-right .top-cart img{vertical-align:middle;margin-right:6px} header .header-right .top-cart a{display:block;padding:5px 10px 5px 31px} header .header-right .top-cart:before{content:"";background:url(../images/icon-bag.png) 0 0 no-repeat;width:16px;height:20px;position:absolute;top:5px;left:10px} header.header-small{margin-bottom:30px;} header.header-small .logo{width:300px;} .header-top{position: relative;z-index: 10} .menu-collection .sub-menu{visibility:hidden;position: absolute;padding: 10px 0;text-align: left;opacity: 0;background: #C5AC91;min-width: 190px;transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; -webkit-transition: all .4s ease;top: 100%;margin-top: 10px;} .menu-collection .sub-menu:before{content: '';position:absolute;width: 100%;height: 10px;top:-10px;left: 0} .menu-collection .sub-menu:after{content: '';position: absolute;width: 10px;height: 10px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #C4AB90;left: 18px;top: -10px;} .menu-collection .sub-menu li a{display: block;padding: 5px 10px;text-transform: none;} .menu-collection .sub-menu li a:hover{background: #AA855C;} .menu-collection .sub-menu li{width: 100%;text-align: left;} .menu-collection li{position: relative} .menu-collection li:hover .sub-menu{opacity: 1;visibility:visible} .menu-collection li{} @media (min-width:400px){ header .header-left a:after{content:"";position:absolute;top:50%;left:50%;z-index:-1;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;width:0;height:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;background:#aa855c} header .header-right .menu > li > a:before,header .header-right .menu > li > a:after{content: '';position:absolute;width: 0;height: 1px;background: #fff;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;opacity: 0;} header .header-right .menu > li > a:hover:before,header .header-right .menu > li > a:hover:after{width: 100%;opacity: 1;} header .header-right .menu > li > a:hover:before,header .header-right .menu > li > a:hover:after{width: 100%;opacity: 1;} header .header-right .menu > li > a:before{left: 0;top: 0;} header .header-right .menu > li > a:after{right: 0;bottom: 0} } @media (min-width:992px) { header.header-small{ position:relative; width:100%; height:84px; background:#000; background-image: url("../images/felt512.png"); background-repeat: repeat-x; z-index:80 } header.header-small .header-left{top:26px} header.header-small .logo{margin-left:-150px;top:6px} header.header-small .header-right{top:26px} } @media (max-width:1024px) { header .logo{width:160px;margin-left:-80px} .menu-collection.menu li .sub-menu{visibility:hidden;opacity: 0} .menu-collection.menu li .sub-menu.active{visibility:visible;opacity: 1} } @media (max-width:991px) { header .header-top{ padding:10px 0; background:#000; background-image: url("../images/felt512.png"); background-repeat: repeat-x; position:relative; text-align:center } header .header-top:before,header .header-top:after{content:"";position:absolute;left:0;z-index:10;background:#33281c;width:100%;height:1px} header .header-top:before{top:7px} header .header-top:after{bottom:7px} header .logo{position:relative;top:0;left:0;width:230px;display:block;margin:15px auto 25px;float:none} header .header-left{display:inline;position:relative;top:0;left:0;margin-right:20px} header .header-left a{border:1px solid transparent;margin-bottom:15px} header .header-right{position:relative;top:0;right:0;display:inline;text-align:center;z-index: 9999;} header .header-right .menu > li{margin-bottom:15px} } @media (max-width:768px) { header .logo{width:180px} } @media (max-width:399px) { header .header-left{display:block;width:100%} header .header-left a{border-bottom:1px solid rgba(255,255,255,0.44);margin-bottom:0;display:block} header .header-left a:before{content:'\f105';font-family:'FA';position:absolute;top:0;left:15px;font-size:14px;line-height:29px} header .logo{width:100%;max-width:140px} header .header-right{display:block;width:100%} header .header-right .menu{display:block} header .header-right .menu li{display:block;margin:0} header .header-right .menu > li > a:before{content:'\f105';font-family:'FA';position:absolute;top:0;left:15px;font-size:14px;line-height:29px} header .header-right a{border-bottom:1px solid rgba(255,255,255,0.44);margin-bottom:0;display:block} header .header-right .top-cart{display:block} header .header-right .top-cart a{border-bottom:none;padding-right:31px} .menu-collection.menu li .sub-menu{position:relative;height: 0;border-left: 0;border-radius: 0;margin: 0;padding: 0;background: #000;} .menu-collection.menu li .sub-menu.active{height:auto;visibility:visible;opacity: 1} .menu-collection .sub-menu:before{display:none} .menu-collection .sub-menu:after{display:none} } /*------------------------------------------------------------------ 3/ Nav menu */ .menu-mobile-toggle{border:1px solid #33281c;background:#000;padding:8px;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;display:block;margin:0 auto;float:none} .menu-mobile-toggle .icon-bar{background:#fff;display:block;width:22px;height:1px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease} .menu-mobile-toggle .icon-bar+.icon-bar{margin-top:4px} .menu-mobile-toggle:hover{background:#aa855c;border:1px solid #aa855c} .menu-mobile-toggle:hover .icon-bar{background:#fff} @media (min-width:769px) { .menu-mobile-toggle{display:none} } .nav-wrapper{margin:0;width:100%;height:48px;min-height:0;padding:12px 0;border:none;position:relative;background:#000;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} .nav-wrapper:before,.nav-wrapper:after{content:"";position:absolute;left:0;background:#33281c;width:100%;height:1px} .nav-wrapper:before{top:4px} .nav-wrapper:after{bottom:4px} nav.navbar.fixed{position:fixed;top:0;left:0;z-index:80;background:#000;width:100%;height: 48px;padding: 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;padding: 13px 0;} nav.navbar.fixed:before,nav.navbar.fixed:after{content:"";position:absolute;left:0;background:#33281c;width:100%;height:1px} nav.navbar.fixed:before{top:4px} nav.navbar.fixed:after{bottom:4px} nav.navbar .navbar-fixed{display: none} nav.navbar.fixed .navbar-fixed{display: block;width: 100%;position: relative;text-transform: uppercase;font-size: 13px;padding-top: 10px;margin-bottom: 5px;} nav.navbar.fixed .navbar-fixed .left{position: absolute;left: 50%;margin-left: -48px;top: 16px;} nav.navbar.fixed .navbar-fixed .left a{display:inline-block;padding:4px 10px;color: #fff;} nav.navbar.fixed .navbar-fixed .logo{float: left;display: block;width: 70px;} nav.navbar.fixed .navbar-fixed .right{float: right;margin-top: 5px;top: 5px;} nav.navbar.fixed .navbar-fixed .right a{color: #fff} nav.navbar.fixed .navbar-fixed .right .menu{display:inline-block} nav.navbar.fixed .navbar-fixed .right .menu li{display:inline-block;margin-right:20px} nav.navbar.fixed .navbar-fixed .right .menu a{display:block;padding:5px 10px} nav.navbar.fixed .navbar-fixed .right .top-cart{display:inline-block} nav.navbar.fixed .navbar-fixed .right .top-cart img{vertical-align:middle;margin-right:6px} nav.navbar.fixed .navbar-fixed .right .top-cart a{display:block;padding:5px 10px 5px 31px;position: relative;} nav.navbar.fixed .navbar-fixed .right .top-cart a:before{content:"";background:url(../images/icon-bag.png) 0 0 no-repeat;width:16px;height:20px;position:absolute;top:5px;left:10px} @media (max-width:768px) { nav.navbar.fixed,.nav-wrapper{height:54px} .navbar-main{right:-70%;top:0;position:fixed;width:70%;height:100%;background:#222;z-index:9999;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease} .navbar-main.active{right:0} .navbar-main #navbar{padding:0} .navbar-main #navbar .arrow{display:none} .navbar-main #navbar ul li{display:block;margin:0} .navbar-main #navbar ul li a{color:#fff;text-align:left;display:block;margin:0;text-decoration:none} .navbar-main #navbar ul li a:hover{color:#38a19e;background:#3b3b3b} .navbar-main #navbar ul li:hover>.sub-menu>li>a{font-size:14px;line-height:18px;padding:8px 15px 8px 0} .navbar-main #navbar .menu{line-height:18px} .navbar-main #navbar .menu>li>a{font-size:14px;padding:8px 15px} .navbar-main #navbar .menu>li .ico{font-size:16px;display:inline-block;width:25px} .navbar-main #navbar .sub-menu{padding-left:40px} .navbar-main #navbar .sub-menu a{font-size:0;line-height:0;padding:0 15px 0 0} .navbar-main .close-btn{text-align:center;color:#38a19e;font-size:16px;cursor:pointer;padding:8px 0;background:#323232} } @media (min-width:769px) { .navbar-main .close-btn{display:none} #navbar .ico{display:none} #navbar .menu{font-size:0;text-align:center;width:100%} #navbar .menu li{display:inline-block;padding:0 5px 0 10px;position:relative} #navbar .menu li:before{content:"";width:5px;height:3px;border-top:3px solid #535353;border-left:3px solid #000;border-right:3px solid #000;position:absolute;top:50%;margin-top:-2px;left:0} #navbar .menu li:first-child:before{display:none} #navbar .menu a{display:block;color:#fff;font-family:'Geogrotesque',sans-serif;font-size:14px;line-height:24px;padding:0 10px;text-transform:uppercase;background:none} #navbar .menu a:hover{color:#aa855c;background:none;color:#aa855c} #navbar .menu .active a{background:none;color:#aa855c} } @media (min-width:890px) { #navbar .menu li{padding:0 10px 0 15px} } @media (min-width:992px) { #navbar .menu li{padding:0 15px 0 20px} } /*------------------------------------------------------------------ 4/ Block */ /*------------------------------------------------------------------ __4.1/ Block Muliply Column .block-multi-col */ .block-multi-col{font-size:0} .block-multi-col:after{content:"";display:block;width:0;height:0;clear:both;overflow:hidden} .block-multi-col .block-col{display:inline-block;font-size:14px} .block-multi-col .block-col-1{width:calc(100% / 12)} .block-multi-col .block-col-2{width:calc(200% / 12)} .block-multi-col .block-col-3{width:calc(300% / 12)} .block-multi-col .block-col-4{width:calc(400% / 12)} .block-multi-col .block-col-5{width:calc(500% / 12)} .block-multi-col .block-col-6{width:calc(600% / 12)} .block-multi-col .block-col-7{width:calc(700% / 12)} .block-multi-col .block-col-8{width:calc(800% / 12)} .block-multi-col .block-col-9{width:calc(900% / 12)} .block-multi-col .block-col-10{width:calc(1000% / 12)} .block-multi-col .block-col-11{width:calc(1100% / 12)} .block-multi-col .block-col-12{width:calc(1200% / 12)} @media (max-width:991px) { .block-multi-col .block-col{width:100%} .block-multi-col .div-table{display:block} .block-multi-col .div-table .div-cell{display:block} } /*------------------------------------------------------------------ __4.2/ Block Body .block-body */ .block-body{padding:95px 0 75px} .block-body.bg-dotted{color:#444} .block-body.block-light{color:#fefefe} .block-body.block-light .block-title{color:#fefefe} .block-body.block-gray{color:#aaa} .block-body.block-col{padding:50px 30px} .block-body.block-small{padding:10px 0 30px} .block-body p{font-size:20px;line-height:36px;font-weight:300;margin-bottom:15px} .block-body small{font-size:14px;line-height:34px} .block-body .note{font-size:14px;line-height:26px;max-width:400px;display:block;margin:0 auto 15px;float:none} .block-body .div-table{width:100%;height:100%} .block-body .div-cell{vertical-align:middle} @media (max-width:599px) { .block-body{padding:65px 0 45px} .block-body p{font-size:16px;line-height:28px} .block-body.block-col{padding:50px 0} } /*------------------------------------------------------------------ __4.3/ Block Title .block-title */ .block-title{font-size:34px;line-height:38px;font-family:'Geogrotesque',sans-serif;margin-bottom:10px;color:#000} .block-title strong{text-transform:uppercase;font-weight:600} .block-title span{font-size:38px;line-height:45px;font-family:'Great Vibes',cursive;font-weight:400;display:inline-block;vertical-align:top} .block-title .line-ico{margin-top:8px} .block-title.two-line{margin-bottom:30px} .block-title.two-line span{line-height:38px} .block-title.two-line strong{display:block} .block-title i{font-size:16px;line-height:30px;font-style:italic;display:block;font-weight:300;font-family:'Roboto',sans-serif;margin-bottom:25px} @media (max-width:991px) { .block-title{text-align:center} } @media (max-width:399px) { .block-title{font-size:26px;line-height:30px} .block-title span{font-size:24px;line-height:35px} .block-title i{font-size:12px;line-height:22px} } /*------------------------------------------------------------------ __4.4/ Other */ .block-small-title{font-size:28px;line-height:33px;text-transform:uppercase;text-align:center;font-family:'Geogrotesque',sans-serif;color:#fff;padding-top:30px;margin-bottom:20px} .block-small-title span{color:#b49470;font-weight:500;font-size:14px} .block-small-title strong{font-weight:600;display:block} .blocks-parallax{position:relative} .blocks-parallax .container{position:relative;z-index:20} .with-parallax{background-position:center center;background-repeat:repeat;background-attachment:fixed} .with-parallax.overlay{position:absolute;top:0;z-index:10} /*------------------------------------------------------------------ 5/ Step */ /*------------------------------------------------------------------ __5.1/ Step arc text .step-arc-link */ .step-arc-link{width:357px;height:104px;background:url(../images/steps-curve.png) 0 0 no-repeat;position:relative;display:block;margin:0 auto;float:none;text-transform:uppercase;font-weight:700;font-size:15px;line-height:30px;color:#b89064;margin-top:64px} .step-arc-link:before{width:1px;height:73px;position:absolute;top:-56px;left:50%;background:#aa855c;content:""} .step-arc-link .arc-text{position:absolute;top:44px;left:31px;-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);transform:rotate(4deg);color:#b89064} .step-arc-link .arc-text *{color:#b89064;transition:all .4s ease!important;-moz-transition:all .4s ease!important;-o-transition:all .4s ease!important;-ms-transition:all .4s ease!important;-webkit-transition:all .4s ease!important} .step-arc-link:hover{background-image:url(../images/steps-curve-hover.png)} .step-arc-link:hover .arc-text{color:#fefefe;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease} .step-arc-link:hover .arc-text *{color:#fefefe} @media (max-width:429px) { .step-arc-link{background:none;text-align:center;width:100%;max-width:300px;height:auto;border:2px solid #aa855c;margin-top:90px;padding:10px;font-size:4.2vw} .step-arc-link:before{top:-86px} .step-arc-link .arc-text{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;position:relative;top:0;left:0;display:inline-block} .step-arc-link .arc-text *{transform:none!important} .step-arc-link:hover{background:none;background-color:#aa855c} } /*------------------------------------------------------------------ __5.2/ Step slider .step-slider,.step-wrapper */ .step-slider{padding:0 30px} .step-slider ul{position:relative;z-index:20;perspective:1000px;-webkit-perspective:1000px;-moz-perspective:1000px;perspective-origin:50% 50%;-webkit-perspective-origin:50% 50%;overflow:hidden;height:100%} .step-slider .step-controls{z-index:10} .step-wrapper{position:relative;overflow:hidden;perspective:800px;-webkit-perspective:800px;-moz-perspective:800px;perspective-origin:50% 50%;-webkit-perspective-origin:50% 50%} .step-wrapper .step-content{position:absolute;top:0;left:110%;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;width:100%;transition:all .8s ease;-moz-transition:all .8s ease;-o-transition:all .8s ease;-ms-transition:all .8s ease;-webkit-transition:all .8s ease;transform:rotateX(0deg) rotateY(30deg) rotateZ(0deg);-moz-transform:rotateX(0deg) rotateY(30deg) rotateZ(0deg);-webkit-transform:rotateX(0deg) rotateY(30deg) rotateZ(0deg);-o-transform:rotateX(0deg) rotateY(30deg) rotateZ(0deg);-ms-transform:rotateX(0deg) rotateY(30deg) rotateZ(0deg)} .step-wrapper .step-content.active{left:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-moz-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-o-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-ms-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)} .step-wrapper .step-content.prev{left:-110%;transform:rotateX(0deg) rotateY(-30deg) rotateZ(0deg);-moz-transform:rotateX(0deg) rotateY(-30deg) rotateZ(0deg);-webkit-transform:rotateX(0deg) rotateY(-30deg) rotateZ(0deg);-o-transform:rotateX(0deg) rotateY(-30deg) rotateZ(0deg);-ms-transform:rotateX(0deg) rotateY(-30deg) rotateZ(0deg)} /*------------------------------------------------------------------ __5.3/ Step control .step-controls-process, .step-control-angle */ .step-controls-process{text-align:center} .step-controls-process .step-control{display:inline-block;cursor:pointer;overflow:hidden;width:176px;height:112px;font-size:13px;line-height:112px;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;color:#aa855c;padding:0 10px} .step-controls-process .step-control.deactive{width:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;padding:0;margin:0} .step-controls-process .step-control.step-next{background:url(../images/icon-triangle.png) 88px 0 no-repeat} .step-controls-process .step-control.step-next:hover{-webkit-animation:ani-step-next 1.2s infinite linear;-moz-animation:ani-step-next 1.2s infinite linear;-o-animation:ani-step-next 1.2s infinite linear;animation:ani-step-next 1.2s infinite linear} .step-controls-process .step-control.step-prev{background:url(../images/icon-triangle-rev.png) 10px 0 no-repeat} .step-controls-process .step-control.step-prev:hover{-webkit-animation:ani-step-prev 1.2s infinite linear;-moz-animation:ani-step-prev 1.2s infinite linear;-o-animation:ani-step-prev 1.2s infinite linear;animation:ani-step-prev 1.2s infinite linear} .step-controls-process .step-control span{display:block;width:156px} @media (max-width:449px) { .step-controls-process .step-control{width:108px;height:32px;background:none!important;line-height:32px;margin:0 5px;position:relative} .step-controls-process .step-control span{width:88px} .step-controls-process .step-control:after{content:"";position:absolute;top:50%;left:50%;z-index:-1;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;width:0;height:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;background:#aa855c} .step-controls-process .step-control:hover{color:#fff} .step-controls-process .step-control:hover:after{position:absolute;top:0;left:0;width:100%;height:100%;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} .step-controls-process .step-next span:after{content:"\f105";font-family:'FA';font-size:18px;line-height:30px;display:inline-block;vertical-align:top;margin-left:8px;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease} .step-controls-process .step-prev span:before{content:"\f104";font-family:'FA';font-size:18px;line-height:30px;display:inline-block;vertical-align:top;margin-right:8px;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease} } .step-controls-angle{position:absolute;top:50%;left:0;width:100%;height:60px;margin-top:-30px} .step-controls-angle:after{content:"";display:block;width:0;height:0;clear:both;overflow:hidden} .step-controls-angle .ico{font-size:60px;line-height:60px;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;color:#999} .step-controls-angle .ico:hover{color:#aa855c} .step-controls-angle .step-control{transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;cursor:pointer} .step-controls-angle .step-control.deactive .ico{color:#999!important} .step-controls-angle .step-next{float:right} .step-controls-angle .step-prev{float:left} @media (max-width:320px) { .step-controls-angle .ico{font-size:40px} } .step-product-wrapper .bx-wrapper{margin: 0px 30px} .step-product-wrapper .bx-has-controls-direction{ position:absolute; top:50%; left:0; width:100%; height:60px; margin-top:-30px; padding: 0; } .step-product-wrapper .bx-has-controls-direction:after{content:"";display:block;width:0;height:0;clear:both;overflow:hidden} .step-product-wrapper .bx-has-controls-direction a{ border: none; margin: 0; width: auto; height: auto; } .step-product-wrapper .bx-has-controls-direction a:hover{ background: none; } .step-product-wrapper .bx-has-controls-direction .ico{font-size:60px;line-height:60px;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;color:#999} .step-product-wrapper .bx-has-controls-direction .ico:hover{color:#aa855c} .step-product-wrapper .bx-controls-direction{transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;cursor:pointer} .step-product-wrapper .bx-next{float:right} .step-product-wrapper .bx-prev{float:left} @media (max-width:320px) { .step-product-wrapper .ico{font-size:40px} } /*------------------------------------------------------------------ 6/ Item */ /*------------------------------------------------------------------ __6.1/ Product with thumb .product-with-thumb */ .product-with-thumb{display:block} .product-with-thumb img{width:100%; display:block; margin: auto} .product-with-thumb .title{font-family:'Geogrotesque',sans-serif;font-size:20px;line-height:27px;font-weight:500;color:#444;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease} .product-with-thumb:hover .title{color:#aa855c} /*------------------------------------------------------------------ __6.2/ Person card .person-card */ .person-card{max-width:570px;border:1px solid #aa855c;background:#fff;display:block;margin:0 auto;float:none} .person-card:after{content:"";display:block;width:0;height:0;clear:both;overflow:hidden} .person-card .avatar{padding:6px;width:50%;float:left;border-right:1px solid #aa855c;position:relative} .person-card .avatar.hover-double-images .back{padding: 6px} .person-card .avatar:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border:6px solid #fff;z-index:10} .person-card .info{float:right;width:50%;text-align:center;padding-top:25px;overflow:hidden} .person-card .name{font-size:60px;line-height:56px;font-weight:600;color:#000;text-transform:uppercase;font-family:'Geogrotesque',sans-serif;padding:46px 15px 25px;background:url(../images/icon-shining.png) center top no-repeat} .person-card .position{text-transform:uppercase;font-size:13px;line-height:21px;display:inline-block;background:#fff;position:relative;z-index:10} .person-card .position span{background:#fff;z-index:10;position:relative;padding:0 8px} .person-card .position:before{content:"";background:#aa855c;width:500px;height:7px;position:absolute;top:50%;left:-200px;margin-top:-4px} .person-card .social{margin-top:5px} .person-card .social li{display:inline-block;margin:0 5px} .person-card .social .fa{color:#aa855c;font-size:24px;line-height:32px;width:32px;display:block;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;background:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} .person-card .social .fa:hover{font-size:20px;color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%} .person-card .social .fa-facebook:hover{background:#3b5998} .person-card .social .fa-twitter:hover{background:#00aced} .person-card .social .fa-instagram:hover{background:#125688} .person-card .social .fa-google-plus:hover{background:#dd4b39} @media (min-width:992px) and (max-width:1199px) { .person-card .name{font-size:40px;line-height:36px;padding:40px 15px 20px} } @media (max-width:599px) { .person-card{max-width:285px} .person-card .avatar{width:100%;border-right:none;border-bottom:1px solid #aa855c} .person-card .info{width:100%;padding-bottom:10px} } /*------------------------------------------------------------------ __6.3/ Blog Item .blog-item */ .blog-item{background:#fff;border:1px solid #fff;max-width:370px;display:block;margin:0 auto 20px;float:none} .blog-item .thumb{display:block} .blog-item .info{padding:14px 28px} .blog-item .info-meta{font-size:11px;line-height:16px;text-transform:uppercase;color:#999;font-weight:400;margin-bottom:3px;padding:7px 0} .blog-item .title{font-size:26px;line-height:30px;font-weight:600;padding-bottom:20px;position:relative;margin-bottom:17px;font-family:'Geogrotesque',sans-serif} .blog-item .title a{color:#333} .blog-item .title a:hover{color:#aa855c} .blog-item .title:after{content:"";width:60px;height:2px;background:#333;position:absolute;bottom:0;left:0} .blog-item p{font-size:14px;line-height:22px;color:#666;margin-bottom:0} .blog-item .more{text-transform:uppercase;font-size:11px;color:#aa855c;text-decoration:underline} @media (max-width:320px) { .blog-item .title{font-size:18px;line-height:24px;font-weight:500} .blog-item .info{padding:14px 15px} } /*------------------------------------------------------------------ __6.4/ Numeral Item .numberal-item */ .numberal-item{text-align:center;color:#bb9d7d;margin-bottom:30px} .numberal-item .ico{ display:inline-block; width:50px; height:50px; color:#bb9d7d; border:1px solid #bb9d7d; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; font-size:30px; line-height:48px; margin-bottom:10px} .numberal-item .ico span{line-height:48px} .numberal-item .ico:hover{background:#bb9d7d;color:#fff} .numberal-item .etsy { display: block; width:48px; height:48px; background: url(../images/etsy-logo.png); background-size: 24px; background-repeat: no-repeat; background-position: center; } .numberal-item .etsy:hover { background: url(../images/etsy-logo-hover.png); background-size: 24px; background-repeat: no-repeat; background-position: center; } .numberal-item .num{font-size:46px;line-height:44px} .numberal-item .text{text-transform:uppercase;font-size:14px;line-height:22px} /*------------------------------------------------------------------ __6.5/ Contact Item .contact-item */ .contact-item{padding-left:120px;position:relative;font-size:14px;line-height:26px;margin-top:16px} .contact-item .left{position:absolute;top:0;left:0;color:#333;font-family:'Geogrotesque',sans-serif;max-width:120px;text-transform:uppercase} .contact-item .content{font-style:italic;color:#555} .contact-item a{color:#555} .contact-item a:hover{color:#aa855c} @media (max-width:319px) { .contact-item{padding-left:0} .contact-item .left{position:relative} } /*------------------------------------------------------------------ __6.6/ Category Item .category-item */ .category-item{display:block;position:relative;color:#fff;text-transform:uppercase} .category-item:hover{color:#fff} .category-item .text-wrapper{width:100%;height:100%;position:absolute;top:0;left:0} .category-item .div-table{width:100%;height:100%;text-align:center} .category-item .div-table .div-cell{vertical-align:middle} .category-item h2{display:inline-block;font-size:34px;line-height:20px;font-weight:600} .category-item h3{display:inline-block;font-size:26px;line-height:20px;font-weight:600} .category-item span{font-weight:300;font-size:14px;line-height:20px;display:inline-block} .category-item strong{display:inline-block} .category-item img{width:100%} /*------------------------------------------------------------------ __6.7/ Product Item .product-item */ .product-item{width:100%;display:inline-block;padding:2px 2px 10px;position:relative} .product-item .div-table{display:block;width:100%;height:235px;text-align:center} .product-item .div-table .div-cell{ vertical-align:middle; height: 235px; display: block; overflow: hidden; } .product-item img.wp-post-image{ position: relative; width: 100%; left: 100%; margin-left: -200%; top: 50%; transform: translateY(-50%); transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease } .product-item h3{ font-size:14px; line-height:16px; color:#444; font-weight:400; margin:0; margin-top:8px; height: 32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; } .product-item .price{display:inline-block;font-size:12px;line-height:16px} .product-item .price del{color:#9d9d9d;margin-right:5px} .product-item .price ins{color:#aa855c;text-decoration:none} .product-item .onsale{background:#aa855c;position:absolute;top:10px;right:10px;color:#fff;text-transform:uppercase;font-size:12px;line-height:21px;padding:0 5px} /*------------------------------------------------------------------ __6.8/ Feature Post .feature-item */ .feature-post{position:relative;width:100%;height:440px;overflow:hidden} .feature-post .left{position:absolute;left:20px;bottom:12px;text-transform:uppercase;width:340px;z-index:20} .feature-post .meta{font-size:11px;line-height:16px;color:#aaa;margin-bottom:6px} .feature-post .title{text-transform:uppercase;font-family:'Geogrotesque',sans-serif;color:#fff;font-weight:600} .feature-post .btn-readmore{position:absolute;bottom:17px;right:15px;z-index:20} @media (max-width:768px) { .feature-post .left{position:relative;left:0;bottom:0;width:100%;max-width:340px;display:block;margin:0 auto 20px;float:none} .feature-post .btn-readmore{display:inline-block;position:relative;bottom:0;right:0} .feature-post .div-table{width:100%;height:440px;position:relative} .feature-post .div-table .div-cell{vertical-align:middle;text-align:center} } /*------------------------------------------------------------------ __6.9/ Darker Post .darker-item */ .darker-post{position:relative;width:100%;height:440px;overflow:hidden;z-index:20} .darker-post:before{content:"";width:100%;height:100%;background:rgba(0,0,0,0.7);position:absolute;z-index:10} .darker-post .meta{font-size:11px;line-height:16px;color:#aaa;margin-bottom:17px} .darker-post h3.title{font-size:26px;line-height:30px;font-family:'Geogrotesque',sans-serif;font-weight:600;margin-bottom:27px;color:#fff;padding:0 20px} .darker-post .btn-readmore{display:inline-block} .darker-post .div-table{width:100%;height:440px;position:relative;z-index:20} .darker-post .div-table .div-cell{vertical-align:middle;text-align:center} .popular-post-item{width:100%;height:98px;position:relative;overflow:hidden;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;z-index:20} /*------------------------------------------------------------------ __6.10/ Popular Post Item .popular-post-item */ .popular-post-item .div-table{width:100%;height:100%;position:relative;z-index:10} .popular-post-item .item{color:#333;font-family:'Geogrotesque',sans-serif;font-weight:500;font-size:16px;line-height:24px;padding-left:45px;position:relative;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease} .popular-post-item .item .counter{font-size:22px;line-height:24px;font-style:italic;color:#aa855c;position:absolute;top:0;left:8px;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease} .popular-post-item .item a{color:#333;display:block;max-height:67px;overflow:hidden} .popular-post-item img{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;position:absolute;top:0;left:-10%;max-width:1000px} .popular-post-item:hover{background:#000} .popular-post-item:hover .item{color:#fff} .popular-post-item:hover .item .counter{color:#fff} .popular-post-item:hover img{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;left:0} .popular-post-item:hover a{color:#fff} /*------------------------------------------------------------------ __6.11/ Lookbook Item .lookbook-item */ .lookbook-item{border:1px solid #f2f2f2;margin-bottom:25px} .lookbook-item .thumb{display:block;position:relative} .lookbook-item .thumb:before{content:"";position:absolute;z-index:10} .lookbook-item .info{padding:24px 30px 30px} .lookbook-item .date{width:100px;border-top:1px solid #333;font-size:22px;line-height:26px;font-weight:500;font-family:'Geogrotesque',sans-serif;color:#b8b9be;padding-top:9px;text-transform:uppercase} .lookbook-item .title{line-height:30px;color:#333;text-transform:uppercase;margin:0 0 16px} .lookbook-item .title a{color:#333} .lookbook-item .title a:hover{color:#aa855c} .lookbook-item .desc p{font-weight:300;font-size:14px;line-height:25px;margin-bottom:18px} .lookbook-item.horizontal-item .thumb:before{width:34px;height:17px;border-left:17px solid transparent;border-right:17px solid transparent;border-bottom:17px solid #fff;left:60px;bottom:0} .lookbook-item.horizontal-item .info .bottom{padding-left:115px;position:relative} .lookbook-item.horizontal-item .date{position:absolute;top:8px;left:0} .lookbook-item.vertical-item{position:relative;padding-right:400px} .lookbook-item.vertical-item .thumb{width:100%;height:370px} .lookbook-item.vertical-item .thumb:before{width:17px;height:34px;border-top:17px solid transparent;border-bottom:17px solid transparent;border-right:17px solid #fff;right:0;top:60px} .lookbook-item.vertical-item .thumb img{max-width:10000px} .lookbook-item.vertical-item .desc{max-height:100px;overflow:hidden} .lookbook-item.vertical-item .info{width:400px;height:100%;position:absolute;top:0;right:0} @media (max-width:991px) { .lookbook-item.horizontal-item .info .bottom{padding:0} .lookbook-item.horizontal-item .date{position:relative;top:0;display:inline-block;width:auto} } @media (max-width:679px) { .lookbook-item.vertical-item{padding-right:0} .lookbook-item.vertical-item .thumb{width:100%;height:auto} .lookbook-item.vertical-item .thumb:before{width:34px;height:17px;border-left:17px solid transparent;border-right:17px solid transparent;border-bottom:17px solid #fff;left:60px;bottom:0;top:auto;right:auto} .lookbook-item.vertical-item .thumb img{max-width:100%} .lookbook-item.vertical-item .desc{max-height:10000px;overflow:hidden} .lookbook-item.vertical-item .info{width:100%;height:auto;position:relative;top:0} } @media (max-width:619px) { .lookbook-item .info{padding:15px} } /*------------------------------------------------------------------ 7/ List */ .products-packery>li{position:relative} .products-packery>li:hover img.wp-post-image{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4} .products-packery>li:hover .add_to_cart_button{transform:rotateX(0deg) rotateY(360deg) rotateZ(0deg);-moz-transform:rotateX(0deg) rotateY(360deg) rotateZ(0deg);-webkit-transform:rotateX(0deg) rotateY(360deg) rotateZ(0deg);-o-transform:rotateX(0deg) rotateY(360deg) rotateZ(0deg);-ms-transform:rotateX(0deg) rotateY(360deg) rotateZ(0deg);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} .products-packery>li:hover .swatch-list{bottom:22px;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} .products-packery .add_to_cart_button{z-index:20;position:absolute;top:50%;left:50%;width:130px;font-size:11px;line-height:24px;border:1px solid #000;margin-left:-65px;margin-top:-38px;text-align:center;text-transform:uppercase;font-weight:300;color:#000;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} .products-packery .add_to_cart_button:hover{color:#fff;background:#aa855c;border-color:#aa855c} .products-packery .swatch-list{position:absolute;bottom:10px;right:20px;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;padding-left:18px;font-size:0;background:url(../images/icon-swatch.png) 0 0 no-repeat;height:15px} .products-packery .swatch-list li{display:inline-block;width:12px;height:12px;margin-left:2px;margin-top:3px} @media (max-width:768px) { .products-packery .element-item{width:100%} } @media (max-width:991px) { .contact-list{margin-bottom:30px} } .row-no-padding{margin:0} .row-no-padding>li,.row-no-padding>*{padding:0} .blog-mansory{margin:30px -15px 0} .blog-mansory .blog-item{border:1px solid #f2f2f2} .blog-mansory .blog-item .info{padding:10px 15px} .blog-mansory .blog-item .info-meta{padding:4px 0;margin-bottom:0} @media (min-width:992px) { .blog-mansory{margin:30px 0 0} .blog-mansory>li,.blog-mansory>*{padding:0 30px 0 0} } /*------------------------------------------------------------------ 8/ Form */ /*------------------------------------------------------------------ __8.1/ Form subscrible .frm-subscrible, .frm-controls */ .frm-subscrible label{font-weight:300;color:#000;font-size:20px;line-height:24px;margin-bottom:15px;display:block} .frm-controls{width:100%;max-width:352px;display:block;margin:0 auto;float:none;position:relative} .frm-controls .inp-text{border:2px solid #fff;font-size:14px;width:100%;height:48px;padding-right:50px;padding-left:13px;color:#fff;outline:none;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;background:none} .frm-controls .inp-text::-webkit-input-placeholder{color:#fff} .frm-controls .inp-text:-moz-placeholder{color:#fff} .frm-controls .inp-text::-moz-placeholder{color:#fff} .frm-controls .inp-text:-ms-input-placeholder{color:#fff} .frm-controls .inp-text:focus{border:2px solid #000} .frm-controls .btn-submit{border:none;width:50px;height:50px;position:absolute;right:0;top:0;background:none} .frm-controls .btn-submit .ico{color:#fff;text-align:center;font-size:26px;line-height:50px} /*------------------------------------------------------------------ __8.2/ Form Contact .frm-contact */ .frm-contact .controls{width:100%} .frm-contact .inp-text{width:100%;height:33px;color:#333;font-weight:300;font-family:'Roboto',sans-serif;padding:0 10px;border:none;border-bottom:1px solid #303030;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;outline:none;margin-bottom:33px;font-size:14px;line-height:32px} .frm-contact .inp-text::-webkit-input-placeholder{color:#aa855c} .frm-contact .inp-text:-moz-placeholder{color:#aa855c} .frm-contact .inp-text::-moz-placeholder{color:#aa855c} .frm-contact .inp-text:-ms-input-placeholder{color:#aa855c} .frm-contact .inp-text:focus{border-bottom-color:#aa855c} .frm-contact .inp-textarea{min-height:99px;max-height:99px;overflow:hidden;font-size:14px;line-height:33px} .frm-contact .inp-submit{background:#000;width:100%;max-width:180px;height:44px;border:none;font-family:'Geogrotesque',sans-serif;color:#fff;font-size:18px;font-weight:600} .frm-contact .inp-submit:hover{background:#aa855c} .frm-contact .control-textarea{position:relative;height:99px} .frm-contact .control-textarea textarea{position:relative;z-index:10} .frm-contact .control-textarea:before{content:"";width:100%;height:35px;position:absolute;left:0;bottom:0;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6} @media (max-width:768px) { .frm-contact .inp-textarea{max-height:9999px} .frm-contact .control-textarea{height:auto;padding-bottom:33px;margin-bottom:20px} } .frm-contact .contact-form-message { } .frm-contact .error { color: #f00; } .frm-contact .contact-loader { } /*------------------------------------------------------------------ 9/ Woocommerce */ /*------------------------------------------------------------------ __9.1/ Breadcrumb .woocommerce-breadcrumb */ .woocommerce-breadcrumb{font-size:11px;line-height:16px;margin-bottom:45px;text-transform:uppercase;color:#666} .woocommerce-breadcrumb a{color:#666} .woocommerce-breadcrumb a:hover{color:#aa855c} .woocommerce-breadcrumb .fa{margin:0 10px;display:inline-block;font-size:12px;line-height:16px} /*------------------------------------------------------------------ __9.2/ Product .product */ .product:after{content:"";display:block;width:0;height:0;clear:both;overflow:hidden} .product .images{width:640px;float:left} .product .images img{transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease} .product .images .woocommerce-main-image{margin-bottom:15px;position:relative;display:block} .product .images .woocommerce-main-image:before{font-size:0;line-height:0;z-index:20;position:absolute;top:50%;left:50%;text-align:center;width:0;height:0;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;color:#000} .product .images .woocommerce-main-image:after{z-index:10;width:100%;height:100%;position:absolute;top:0;left:0;background:none;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;content:""} .product .images .woocommerce-main-image:before{content:'\f065';font-family:'FA'} .product .images .woocommerce-main-image:hover:after{background:none} .product .images .woocommerce-main-image:hover:before{margin-top:-50px;margin-left:-50px;line-height:100px;width:100px;height:100px;font-size:60px} .product .images .woocommerce-main-image:hover img{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4} .product .images .thumbnails{width:100%;text-align:center;font-size:0} .product .images .thumbnails .zoom{display:inline-block;margin:0 10px 10px;position:relative} .product .images .thumbnails .zoom:before{font-size:0;line-height:0;z-index:20;position:absolute;top:50%;left:50%;text-align:center;width:0;height:0;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;color:#000} .product .images .thumbnails .zoom:after{z-index:10;width:100%;height:100%;position:absolute;top:0;left:0;background:none;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;content:""} .product .images .thumbnails .zoom:before{content:'\f00e';font-family:'FA'} .product .images .thumbnails .zoom:hover:after{background:none} .product .images .thumbnails .zoom:hover:before{margin-top:-16px;margin-left:-16px;line-height:32px;width:32px;height:32px;font-size:18px} .product .images .thumbnails .zoom:hover img{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4} .product .summary{width:440px;float:right} .product .summary .product_title{font-size:20px;line-height:36px;font-weight:600;color:#444;font-family:'Geogrotesque',sans-serif;margin:0} .product .summary .price{font-family:'Geogrotesque',sans-serif;font-size:34px;line-height:44px;color:#aa855c;margin-bottom:25px} @media (max-width:1199px) { .product .images{width:520px} .product .summary{width:400px} } @media (max-width:991px) { .product .images{width:100%} .product .summary{width:100%} } /*------------------------------------------------------------------ __9.3/ Tabs .woocommerce-tabs */ .woocommerce-tabs .tabs{font-size:0;border-bottom:1px solid #ececec;margin-bottom:13px} .woocommerce-tabs .tabs li{display:inline-block;text-transform:uppercase;margin-right:30px;position:relative} .woocommerce-tabs .tabs a{font-size:13px;line-height:21px;font-weight:300;position:relative;color:#444} .woocommerce-tabs .tabs .active{font-weight:500} .woocommerce-tabs .tabs .active a{font-weight:500} .woocommerce-tabs .tabs .active:before{content:"";width:100%;height:1px;bottom:-1px;right:0;background:#444;position:absolute} .woocommerce-tabs .entry-content{font-size:14px;line-height:26px;font-weight:300;color:#888;padding-bottom:25px} .woocommerce-tabs .entry-content p{margin-bottom:13px} .woocommerce-tabs .cart:after{content:"";display:block;width:0;height:0;clear:both;overflow:hidden} .woocommerce-tabs .options-caption{font-weight:500;font-size:13px;line-height:21px;text-transform:uppercase;color:#333;margin-bottom:12px} .woocommerce-tabs .options-caption label{font-weight:500;margin:0} .woocommerce-tabs .variations{float:left;margin-right:60px;margin-bottom:20px} .woocommerce-tabs .variations .swatch-list{font-size:0} .woocommerce-tabs .variations .swatch-list li{width:26px;height:26px;display:inline-block;} .woocommerce-tabs .variations .swatch-list label{width:26px;height:26px;margin: 0;position:relative;} .woocommerce-tabs .variations .swatch-list input{display: none} .woocommerce-tabs .variations .swatch-list .swatch-color-preview{width:26px;height:26px;border:1px solid #fff;position:relative;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;cursor: pointer;position: absolute;top: 0;left: 0;} .woocommerce-tabs .variations .swatch-list .swatch-color-preview:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #fff} .woocommerce-tabs .variations .swatch-list input:checked + .swatch-color-preview{border-color:#000} .woocommerce-tabs .quantity{width:73px;float:left;position:relative;margin-bottom:33px} .woocommerce-tabs .quantity .qty{width:100%;height:28px;border:1px solid #ddd;text-align:center;color:#666;font-size:13px;outline:none} .woocommerce-tabs .quantity .qty:focus{border-color:#000} .woocommerce-tabs .quantity button{width:20px;height:14px;color:#fff;background:#333;border:none;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;position:absolute;right:0;z-index:10;font-size:13px;line-height:14px;outline:none} .woocommerce-tabs .quantity button:hover{background:#aa855c} .woocommerce-tabs .quantity .minus-btn{bottom:0} .woocommerce-tabs .quantity .plus-btn{bottom:14px} .woocommerce-tabs .single_add_to_cart_button{width:100%;max-width:240px;height:38px;outline:none;border:2px solid #333;text-align:center;font-size:14px;font-weight:500;font-family:'Geogrotesque',sans-serif;background:#fff;text-transform:uppercase;margin-right:30px} .woocommerce-tabs .single_add_to_cart_button:hover{background:#aa855c;color:#fff;border-color:#aa855c} .woocommerce-tabs .add_to_wishlist{display:inline-block;margin-top:11px;text-transform:uppercase;color:#aa855c;font-weight:300} .woocommerce-tabs .add_to_wishlist .fa{line-height:18px;margin-right:5px} .woocommerce-tabs .add_to_wishlist:hover{color:#00aced} .upsells.products{margin-top:85px} .upsells.products h2{font-size:20px;line-height:34px;font-family:'Geogrotesque',sans-serif;font-weight:600;text-transform:uppercase;color:#000;margin-bottom:10px} /*------------------------------------------------------------------ 10/ Sidebar */ .sidebar{padding:50px 35px;background:#f2f2f2;position:relative;margin-bottom:50px} .sidebar .sidebar-bg{width:100%;position:absolute;top:-30px;left:0;background:#f2f2f2} .sidebar .widget{position:relative;z-index:10;margin-bottom:40px} @media (max-width:991px) { .sidebar .sidebar-bg{display:none} } @media (max-width:399px) { .sidebar{padding:50px 15px} } .widget_popular_post ul li{border-bottom:1px solid #d7d7d7} .widget_recent_entries ul li{padding-bottom:18px;border-bottom:1px solid #e7e7e7;margin-bottom:10px} .widget_recent_entries ul li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0} .widget_recent_entries ul a{display:block;font-weight:500;font-family:'Geogrotesque',sans-serif;color:#333;font-size:16px;line-height:20px} .widget_recent_entries ul a:hover{color:#aa855c} .widget_recent_entries ul span{color:#999;font-size:13px;line-height:20px} .tagcloud{font-size:0} .tagcloud a{display:inline-block;font-size:14px;line-height:21px;padding:4px 9px;font-weight:300;background:#fff;color:#333;border:1px solid #d9d9d9;margin-right:7px;margin-bottom:6px} .tagcloud a:hover{border-color:#aa855c;background:#aa855c;color:#fff} .flickr-list{margin:0 -5px;font-size:0;text-align:center} .flickr-list li{display:inline-block;margin:0 5px 10px} .flickr-list a{display:inline-block} /*------------------------------------------------------------------ 11/ Content */ .content{padding-right:30px;margin-bottom:50px} .content .post-date{color:#999;font-size:11px;line-height:16px;text-transform:uppercase} .content .post-title{font-family:'Geogrotesque',sans-serif;color:#333;font-size:30px;line-height:40px;margin-bottom:22px} .content .post-title a{color:#333} .content .post-title a:hover{color:#aa855c} @media (max-width:991px) { .content{padding-right:0} } /*------------------------------------------------------------------ __11.1/ Text Content .text-content */ .text-content{color:#333;font-size:14px;line-height:22px;font-weight:300} .text-content *{max-width:100%} .text-content h1,.text-content h2,.text-content h3,.text-content h4,.text-content h5,.text-content h6{margin-bottom:10px;margin-top:22px;line-height:1.3em;font-family:'Geogrotesque',sans-serif} .text-content h2{font-size:36px} .text-content h3{font-size:24px} .text-content h4{font-size:18px} .text-content h5{font-size:14px} .text-content h6{font-size:12px} .text-content table{border:1px solid #485a6f} .text-content table td{padding:5px;border:1px solid #485a6f} .text-content table th{font-weight:600;padding:5px;border:1px solid #485a6f} .text-content ul{margin-left:1em;list-style:disc inside} .text-content ul ul{list-style:circle inside} .text-content ul ul ul{list-style:square inside} .text-content ol{list-style:decimal inside;margin-left:1em} .text-content li{margin-bottom:.3em} .text-content p{margin-bottom:22px;font-size:14px;line-height:22px} .text-content q{font-weight:500;font-style:italic} .text-content .wp-caption-text{text-align:center;padding:5px} .text-content .alignleft{margin-right:1em;float:left} .text-content .alignright{margin-left:1em;float:right} .text-content .aligncenter{display:block;margin:0 auto 22px;float:none} .text-content .alignnone{float:none;margin-bottom:22px} .text-content a{color:#aa855c} .text-content a:hover{color:#00aced} .text-content blockquote{width:100%;border:4px solid #f2f2f2;padding:20px 30px;position:relative;margin-bottom:20px} .text-content blockquote:before{content:'\f10d';font-family:'FA';color:#f2f2f2;font-size:24px;line-height:30px;width:50px;height:30px;background:#fff;position:absolute;top:-17px;left:50%;margin-left:-25px;text-align:center} .text-content blockquote p{font-size:20px;line-height:30px;font-style:italic;text-align:center} /*------------------------------------------------------------------ __11.2/ Comments */ .comments>h2{font-size:20px;line-height:26px;text-transform:uppercase;color:#333} .comment-list{margin-bottom:50px} .comment-list .comment{padding-left:100px;border-top:1px solid #f2f2f2;position:relative;padding-top:20px;min-height:120px} .comment-list>.comment:first-child{border-top:none} @media (max-width:439px) { .comment-list .comment{padding-left:0;padding-top:120px} .comment-list .comment .comment{margin-left:20px} } @media (max-width:319px) { .comment-list .comment .comment{margin-left:0} } .comment-body{position:relative;padding-bottom:1px} .comment-body .comment-author{display:inline-block} .comment-body .comment-author a{font-size:14px;line-height:20px;color:#222;font-weight:500} .comment-body .comment-author a:hover{color:#aa855c} .comment-body .comment-metadata{display:inline-block;font-weight:300} .comment-body .comment-metadata:before{content:'|';margin:0 5px;color:#999;font-size:12px;line-height:20px;display:inline-block} .comment-body .comment-metadata a{display:inline-block;font-size:12px;line-height:20px;color:#999} .comment-body .comment-metadata a:hover{color:#aa855c} .comment-body .avatar{width:80px;height:80px;position:absolute;top:0;left:-100px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%} .comment-body .comment-meta{margin-bottom:10px;padding-right:70px} .comment-body .comment-reply-link{color:#b7b7b7;font-weight:300;font-size:13px;line-height:20px;position:absolute;top:0;right:0} .comment-body .comment-reply-link:hover{color:#aa855c} .comment-body .comment-reply-link:before{content:'\f112';font-family:'FA';margin-right:6px} @media (max-width:439px) { .comment-body .avatar{top:-100px;left:50%;margin-left:-40px} } /*------------------------------------------------------------------ 12/ Elements */ /*------------------------------------------------------------------ __12.1/ Button .btn-element */ .btn-element{display:inline-block;/* width:100%; */outline:none;cursor:pointer;margin:0 10px 30px;text-transform:uppercase;text-align:center;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;border-style:solid} .btn-element.btn-large{font-size:18px;line-height:22px;padding:9px;max-width:224px;font-weight:600;border-width:2px} .btn-element.btn-medium{font-size:14px;line-height:16px;padding:9px;max-width:222px;font-weight:500;border-width:2px} .btn-element.btn-small{font-size:11px;line-height:16px;padding:6px 15px;/* max-width:127px; */font-weight:400;border-width:1px;display: inline-block;} .btn-element.black-style{background:#000;color:#fff;border-color:#000} .btn-element.black-style:hover{background:transparent;color:#000} .btn-element.black-style-rev{background:#fff;color:#000;border-color:#000} .btn-element.black-style-rev:hover{background:#000;color:#fff} .btn-element.white-style{background:transparent;color: #fff;border-color: #fff} .btn-element.white-style:hover{background:#fff;color: #000;border-color: #fff} .btn-element.color-style{background:#aa855c;color:#fff;border-color:#aa855c} .btn-element.color-style:hover{background:transparent;color:#aa855c} .btn-element.color-style-rev{background:transparent;color:#aa855c;border-color:#aa855c} .btn-element.color-style-rev:hover{background:#aa855c;color:#fff} /*------------------------------------------------------------------ __12.2/ Tab .tab-element */ .tab-element{margin-bottom:22px} .tab-element .toggle-control{display:inline-block;position:relative;text-transform:uppercase;text-align:center;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;cursor:pointer} .tab-element .toggle-contents{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:opacity .4s ease;-moz-transition:opacity .4s ease;-o-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-webkit-transition:opacity .4s ease;visibility:hidden;height:0} .tab-element .toggle-contents.active{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;visibility:visible;height:auto} .tab-element.tab-style-panel .controls{background:#dbdbdb;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2} .tab-element.tab-style-panel .toggle-control{font-size:16px;line-height:20px;padding:10px;min-width:96px;background:#dbdbdb;font-family:'Geogrotesque',sans-serif} .tab-element.tab-style-panel .toggle-control:before,.tab-element.tab-style-panel .toggle-control:after{position:absolute;left:0;width:100%;height:1px;background:#f6f6f6;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;content:"";transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease} .tab-element.tab-style-panel .toggle-control:before{top:-1px} .tab-element.tab-style-panel .toggle-control:after{bottom:-1px} .tab-element.tab-style-panel .toggle-control.active{font-weight:600;background:#f6f6f6} .tab-element.tab-style-panel .toggle-control.active:before,.tab-element.tab-style-panel .toggle-control.active:after{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} .tab-element.tab-style-panel .toggle-contents{padding:0 20px;background:#f6f6f6} .tab-element.tab-style-panel .toggle-contents.active{padding:15px 20px 1px} .tab-element.tab-style-simple .controls{border-bottom:1px solid #dbdbdb;margin-bottom:20px} .tab-element.tab-style-simple .toggle-control{font-size:13px;line-height:17px;padding:6px 0;margin-right:45px;position:relative} .tab-element.tab-style-simple .toggle-control:before{position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:#444;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;content:"";transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease} .tab-element.tab-style-simple .toggle-control.active{font-weight:500} .tab-element.tab-style-simple .toggle-control.active:before{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} .tab-element.tab-style-simple p:last-of-type{margin-bottom:0} /*------------------------------------------------------------------ __12.3/ Accordion .accordion-element */ .accordion-element{margin-bottom:22px;border-top:1px solid #dbdbdb} .accordion-element .toggle-control{font-family:'Geogrotesque',sans-serif;font-weight:600;font-size:16px;line-height:21px;padding:11px 0;position:relative;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;color:#333;padding-right:24px;cursor:pointer} .accordion-element .toggle-control:hover{color:#aa855c} .accordion-element .toggle-control:before{content:"\f107";font-family:'FA';font-size:20px;line-height:43px;position:absolute;top:0;right:0;text-align:center;width:24px;color:#aa855c} .accordion-element .toggle-control.active:before{content:"\f106"} .accordion-element .toggle-contents{display:none} .accordion-element .toggle-contents.active{display:block} .accordion-element .accordion-wrap{border-bottom:1px solid #dbdbdb} .accordion-element.with-number .toggle-control{padding-left:26px} .accordion-element.with-number .toggle-control span{color:#aa855c;font-size:18px;line-height:43px;position:absolute;top:0;left:5px;font-weight:500;font-style:italic} .accordion-element.with-number .toggle-contents{padding-left:26px} /*------------------------------------------------------------------ __12.4/ Alert boxes .message-box */ .message-box{padding:15px;margin-bottom:22px} .message-box h5{text-transform:uppercase;font-weight:500;margin-top:0} .message-box p:last-of-type{margin-bottom:0} .message-box.attention-message{background:#f7eed8;border:1px solid #f0e2c1} .message-box.attention-message h5{color:#be7c0b} .message-box.error-message{background:#fff2ea;border:1px solid #f2dcdd} .message-box.error-message h5{color:#c7170f} .message-box.success-message{background:#eefff3;border:1px solid #d7f2df} .message-box.success-message h5{color:#25ab4b} .message-box.general-message{background:#fff;border:1px solid #d3d3d3} .message-box.general-message h5{color:#333} /*------------------------------------------------------------------ __12.5/ Dropdown .nav-element,.dropdown-element */ .nav-element{list-style:none} .nav-element ul,.nav-element li{list-style:none;margin:0} .nav-element .row{margin:0 -5px} .nav-element .menu>li{position:relative;text-align:center} .nav-element .menu>li>a{font-size:14px;line-height:21px;padding:10px 0;text-align:center;display:inline-block} .nav-element .menu>li>a .ico{font-size:11px;line-height:21px} .nav-element.black-style{background:#000} .nav-element.black-style .menu>li>a{color:#fff} .nav-element.black-style .menu>li>a:hover{color:#aa855c} .nav-element.white-style{border-bottom:1px solid #dbdbdb} .nav-element.white-style .menu>li>a{color:#000} .nav-element.white-style .menu>li>a:hover{color:#aa855c} .dropdown-element{position:relative} .dropdown-element .element-dropdown-menu{visibility:hidden;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;z-index:9999;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;position:absolute;top:100%;left:50%;width:210px;max-width:210px;margin-left:-105px;text-align:left} .dropdown-element .element-dropdown-menu.white-style{margin-top:23px;border:1px solid #333;padding:0 15px;background:#fff} .dropdown-element .element-dropdown-menu.white-style:before{content:"";background:url(../images/icon-arrow-top.png) 0 0 no-repeat;width:21px;height:13px;position:absolute;top:-13px;left:50%;margin-left:-10px} .dropdown-element .element-dropdown-menu.white-style li{padding-left:20px;width:100%;position:relative} .dropdown-element .element-dropdown-menu.white-style li:before{content:'\f0da';font-family:'FA';font-size:12px;line-height:49px;color:#666;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;position:absolute;top:0;left:0} .dropdown-element .element-dropdown-menu.white-style li:first-child a{border-top:none} .dropdown-element .element-dropdown-menu.white-style li a{border-top:1px solid #eaeaea;color:#333;text-transform:uppercase;font-size:14px;line-height:21px;padding:14px 0;font-family:'Geogrotesque',sans-serif;display:block} .dropdown-element .element-dropdown-menu.white-style li:hover:before{color:#000} .dropdown-element .element-dropdown-menu.white-style li:hover a{color:#000} .dropdown-element .element-dropdown-menu.gray-style{border-top:1px solid #000} .dropdown-element .element-dropdown-menu.gray-style li{width:100%} .dropdown-element .element-dropdown-menu.gray-style li:first-child a{border-top:none} .dropdown-element .element-dropdown-menu.gray-style li a{border-top:1px solid #e7e7e7;color:#333;text-transform:uppercase;font-size:14px;line-height:21px;padding:14px;font-family:'Geogrotesque',sans-serif;display:block;background:#f6f6f6} .dropdown-element .element-dropdown-menu.gray-style li a:before{content:'\f0da';font-family:'FA';font-size:12px;line-height:21px;color:#666;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;display:inline-block;margin-right:15px} .dropdown-element .element-dropdown-menu.gray-style li a:hover{color:#000;background:#dbdbdb} .dropdown-element .element-dropdown-menu.gray-style li a:hover:before{color:#000} .dropdown-element.open .element-dropdown-menu{visibility:visible;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} .dropdown-element.open .toggle-dropdown .ico{color:#aa855c} /* pagination */ .pagination .page-numbers { padding: 5px 8px; color: #333; background-color: #f6f6f6; transition: all 0.3s; } .pagination .page-numbers:hover, .pagination .page-numbers:focus { color: #000; background-color: #dbdbdb; text-decoration: none; } .pagination .current { color: #fff; background-color: #282828; } /*------------------------------------------------------------------ 13/ Misc */ /*------------------------------------------------------------------ __13.1/ Quote Scroll .quote-scroll-content */ .quote-scroll-content{max-height:440px;padding-left:170px;position:relative;overflow:hidden;padding-bottom:50px} .quote-scroll-content:before{content:"\f10d";font-family:'FA';color:#c5ac91;font-size:160px;line-height:160px;position:absolute;top:0;left:0} .quote-scroll-content .scroll-container{overflow:auto;max-height:360px;position:relative} .quote-scroll-content .scroll-container .mCSB_scrollTools_vertical{visibility:hidden} .quote-scroll-content .scroll-container .mCSB_inside>.mCSB_container{margin:0} .quote-scroll-content .scroll-container:after{content:"";position:absolute;width:100%;height:10px;bottom:0;left:0;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);background:-moz-linear-gradient(top,rgba(255,255,255,0.4) 0,rgba(255,255,255,0.8) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.4) 0,rgba(255,255,255,0.8) 100%);background:-o-linear-gradient(top,rgba(255,255,255,0.4) 0,rgba(255,255,255,0.8) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,0.4) 0,rgba(255,255,255,0.8) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0.4) 0,rgba(255,255,255,0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ffffff',endColorstr='#ccffffff',GradientType=0)} .quote-scroll-content .scroll-note{width:100%;max-width:180px;color:#aa855c;text-align:center;font-size:14px;line-height:29px;padding-bottom:8px;background:url(../images/icon-scroll-triangle.png) center bottom no-repeat;position:absolute;bottom:0;right:50%;margin-right:-180px;transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; -webkit-transition: all .4s ease;} .quote-scroll-content .scroll-note.scrolling{opacity: 0.4;} .quote-scroll-content .scroll-note.end-scroll{opacity: 0.4;color: #dbdbdb} @media (max-width:539px) { .quote-scroll-content{padding-left:100px} .quote-scroll-content:before{font-size:90px;line-height:90px} .quote-scroll-content .scroll-note{margin-right:-145px} } @media (max-width:399px) { .quote-scroll-content{padding-left:0} .quote-scroll-content:before{display:none} .quote-scroll-content .scroll-note{position:relative;bottom:0;right:0;display:block;margin:0 auto;float:none} } /*------------------------------------------------------------------ __13.2/ Preloader .preloader */ .preloader{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:#aa855c;text-align:center;transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;-webkit-transition:all 1s ease;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;overflow: hidden;} .preloader .div-table{width:100%;height:100%} .preloader .div-cell{height:100%;vertical-align:middle} .preloader svg{width:100px;height:100px;display:block;margin:0 auto;float:none;position:relative;left:23px} .preloader.deactive{top:-110%;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} .preloader_4{position:relative;width:100px;margin:40px auto 0;text-align:center} .preloader_4 span{position:absolute;width:20px;height:20px;background:#D7DB34;opacity:.5;border-radius:20px;animation:preloader_4 1s infinite ease-in-out;-moz-animation:preloader_4 1s infinite ease-in-out;-webkit-animation:preloader_4 1s infinite ease-in-out;-o-animation:preloader_4 1s infinite ease-in-out;-ms-animation:preloader_4 1s infinite ease-in-out;left:0} .preloader_4 span:nth-child(2){left:20px;animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-delay:.2s;-o-animation-delay:.2s;-ms-animation-delay:.2s} .preloader_4 span:nth-child(3){left:40px;animation-delay:.4s;-moz-animation-delay:.4s;-webkit-animation-delay:.4s;-o-animation-delay:.4s;-ms-animation-delay:.4s} .preloader_4 span:nth-child(4){left:60px;animation-delay:.6s;-moz-animation-delay:.6s;-webkit-animation-delay:.6s;-o-animation-delay:.6s;-ms-animation-delay:.6s} .preloader_4 span:nth-child(5){left:80px;animation-delay:.8s;-moz-animation-delay:.8s;-webkit-animation-delay:.8s;-o-animation-delay:.8s;-ms-animation-delay:.8s} @keyframes preloader_4 { 0% {opacity: 0.3; transform:translateY(0px); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);} 50% {opacity: 1; transform: translateY(-10px); background:#f1c40f; box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05);} 100% {opacity: 0.3; transform:translateY(0px); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);} } @-moz-keyframes preloader_4 { 0% {opacity: 0.3; -moz-transform:translateY(0px); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);} 50% {opacity: 1; -moz-transform: translateY(-10px); background:#f1c40f; -moz-box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05);} 100% {opacity: 0.3; -moz-transform:translateY(0px); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);} } @-webkit-keyframes preloader_4 { 0% {opacity: 0.3; -webkit-transform:translateY(0px); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);} 50% {opacity: 1; -webkit-transform: translateY(-10px); background:#f1c40f; -webkit-box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05);} 100% {opacity: 0.3; -webkit-transform:translateY(0px); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);} } @-ms-keyframes preloader_4 { 0% {opacity: 0.3; -ms-transform:translateY(0px); -ms-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);} 50% {opacity: 1; -ms-transform: translateY(-10px); background:#f1c40f; -ms-box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05);} 100% {opacity: 0.3; -ms-transform:translateY(0px); -ms-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);} } @-o-keyframes preloader_4 { 0% {opacity: 0.3; -o-transform:translateY(0px); -o-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);} 50% {opacity: 1; -o-transform: translateY(-10px); background:#f1c40f; -o-box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05);} 100% {opacity: 0.3; -o-transform:translateY(0px); -o-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);} } /*------------------------------------------------------------------ __13.3/ Filter .filter-select */ .filter-select{display:inline-block;padding-left:134px;border:1px solid #282828;position:relative;margin-bottom:30px;z-index:40} .filter-select a{color: inherit} .filter-select .left{position:absolute;top:0;left:0;background:#282828;width:128px;height:100%;text-align:center;text-transform:uppercase;color:#fff;font-size:12px;line-height:21px;padding:17px 10px} .filter-select .left:before{content:"";width:6px;height:12px;position:absolute;top:50%;right:-6px;border-left:6px solid #282828;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-top:-6px} .filter-select .filter-list{text-transform:uppercase} .filter-select .filter-list>li{float: left;position:relative;padding:17px 32px 17px 11px;min-width:165px} .filter-select .filter-list>li:before{content:'\f0dd';font-family:'FA';font-size:16px;line-height:43px;width:32px;text-align:center;position:absolute;top:0;right:0} .filter-select .filter-list>li:hover>.children{visibility:visible;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)} .filter-select .filter-list span{text-align:left;display:block} .filter-select .filter-list>li>.children{z-index:999;position:absolute;top:100%;left:-6px;visibility:hidden;transform:scale(1,0);-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);-ms-transform:scale(1,0);text-align:left;min-width:100%;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-o-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0} .filter-select .children li{border-bottom:1px solid #e7e7e7;white-space:nowrap;width:100%} .filter-select .children li a{display:block;background:#f6f6f6;color:#333;padding: 14px 7px 14px 32px;position:relative;font-size:14px;line-height:21px} .filter-select .children li a:before{content:' ';font-family:'FA';font-size:14px;line-height:49px;color:#666;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;position:absolute;top:0;left:17px} .filter-select .children li.current-menu-item a,.filter-select .children li:hover>a{color:#000;background:#dbdbdb} .filter-select .children li.current-menu-item a:before,.filter-select .children li:hover a:before{color:#000} .filter-select .filter-list>li>.children>li>a:before{content:'\f0da';font-family:'FA';font-size:14px;line-height:49px;color:#666;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;position:absolute;top:0;left:17px} @media (max-width:399px) { .filter-select{padding-left:0;padding-top:41px;width:100%} .filter-select .left{width:100%;height:41px;padding:10px} .filter-select .left:before{border-top:6px solid #282828;border-left:6px solid transparent;border-right:6px solid transparent;width:12px;height:6px;top:100%;margin-top:0;margin-right:-6px;right:50%} .filter-select .filter-list>li{padding:15px 32px 10px 11px} .filter-select .filter-list>li>.children{left:0} } /*------------------------------------------------------------------ __13.4/ Other */ .btn-lookbook{padding:4px 10px;text-transform:uppercase;position:relative;display:inline-block;font-size:13px;line-height:22px;font-weight:700;color:#aa855c;z-index:10;background:#282828} .btn-lookbook .ico{font-size:11px;line-height:22px;font-weight:400;margin-left:4px} .btn-lookbook:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;z-index:-1;background:#aa855c;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0} .btn-lookbook:hover{color:#fff} .btn-lookbook:hover:before{top:0;left:0;width:100%;height:100%;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} .page-title{text-transform:uppercase;font-family:'Geogrotesque',sans-serif;margin-bottom:50px;font-weight:600;margin-top:20px} .img-wrap{width:1000px;height:100%;position:absolute;top:0;left:50%;margin-left:-500px;text-align:center} .btn-readmore{text-transform:uppercase;font-size:11px;line-height:16px;padding:6px 15px} .btn-readmore .ico{font-size:13px;line-height:16px;margin-right:5px} .btn-readmore.white-style{color:#fff;border:1px solid #fff} .btn-readmore.white-style:hover{border-color:#aa855c;background:#aa855c} .view_all_link{font-size:13px;line-height:34px;color:#fff;text-transform:uppercase;position:relative;margin-bottom:30px;display:inline-block;z-index:10;padding:0 5px} .view_all_link:before{z-index:-1;position:absolute;top:0;left:0;width:100%;height:1px;background:#fff;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;content:""} .view_all_link:hover{color:#000} .view_all_link:hover:before{height:100%} .hover-rotate-scale{overflow:hidden} .hover-rotate-scale img{transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;-webkit-transition:all 1s ease;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} .hover-rotate-scale:hover img{transform:scale3d(1.1, 1.1, 1);-webkit-transform:scale3d(1.1, 1.1, 1);-moz-transform:scale3d(1.1, 1.1, 1);-o-transform:scale3d(1.1, 1.1, 1);-ms-transform:scale3d(1.1, 1.1, 1);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9} .hover-double-images{position: relative;} .hover-double-images img{transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;} .hover-double-images .front{opacity: 1;} .hover-double-images .back{opacity: 0;position: absolute;top:0;left: 0;z-index: 1;} .hover-double-images:hover .front{opacity: 0;} .hover-double-images:hover .back{opacity: 1;} .div-table{display:table} .div-table .div-cell{display:table-cell} .div-table.table-middle .div-cell{vertical-align:middle} .line-ico{padding:0 5px;display:inline-block;position:relative} .line-ico:before,.line-ico:after{content:"";background-repeat:repeat-x;position:absolute;top:0;height:100%} .line-ico:before{right:100%;background-position:right center} .line-ico:after{left:100%;background-position:left center} .line-ico-x-bg-style:before,.line-ico-x-bg-style:after{background-image:url(../images/icon-x.png);width:84px} .line-ico-line-bg-style:before,.line-ico-line-bg-style:after{background-image:url(../images/icon-line.png);width:114px} .line-ico-double-colon-bg-style:before,.line-ico-double-colon-bg-style:after{background-image:url(../images/icon-double-colon.png);width:108px} .time-line-list li{border-top:1px solid #aa855c} .time-line-list li:first-child{border-top:none} .time-line-list .div-table{width:100%} .time-line-list .div-table .div-cell{padding:22px 0} .time-line-list .div-table strong{width:150px;vertical-align:top;font-size:28px;line-height:36px;font-weight:500} .time-line-list .div-table span{font-weight:300} .time-line-list .div-table span.div-cell{color:#a9a9a9;font-size:14px;line-height:18px;vertical-align:middle} @media (max-width:991px) { .time-line-list .div-table{padding:22px 0} .time-line-list .div-table .div-cell{padding:0} } .bx-has-controls-direction{padding-top:38px;text-align:center} .bx-has-controls-direction a{display:inline-block;margin:0 5px;font-size:18px;line-height:34px;border:1px solid #c7ab7b;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center;width:36px;height:36px} .bx-has-controls-direction a .fa{line-height:34px;color:#c7ab7b;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease} .bx-has-controls-direction a:hover{background:#c7ab7b;color:#fff} .bx-has-controls-direction a:hover .fa{color:#fff} .tweet-note{text-align:center;font-style:italic;margin-bottom:45px} .tweet-note p{font-size:14px;line-height:23px;margin-bottom:7px} .tweet-note .bottom{display:inline-block;font-size:14px;line-height:28px;color:#aa855c;border-bottom:1px solid #cdcdcd} .tweet-note .bottom a{color:#aa855c} .tweet-note .bottom a:hover{color:#00aced} .tweet-note .bottom .ico{font-size:24px;margin-right:5px} .collection-mansory{margin:0 -5px 20px} .collection-mansory>li{padding:0 5px 10px} .image-preload{display: none;} .social-bottom{font-style:italic;font-weight:300;font-size:14px;line-height:20px;padding:11px 0;border-top:1px solid #000;border-bottom:1px solid #000;margin-bottom:50px} .social-bottom .ico{font-size:18px;line-height:20px;color:#c7ab7c;margin-left:18px;transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;-webkit-transition:all .4s ease} .social-bottom .ico.fa-facebook:hover{color:#3b5998} .social-bottom .ico.fa-twitter:hover{color:#00aced} .social-bottom .ico.fa-instagram:hover{color:#125688} .social-bottom .ico.fa-google-plus:hover{color:#dd4b39} .images-always-fit{position:relative;overflow: hidden;} .images-always-fit img{position: absolute;max-width: 10000px;max-height: 10000px;left: 50%;} .parallax-background{max-width: 10000px;visibility: hidden;opacity: 0;position: fixed;z-index: -10000;left: -10000px;top: -10000px;} .hero{bottom:0;left:0;position:absolute;right:0;text-align:center;top:0} .hero .middle{display:table;width:100%;height:100%;padding-top: 120px;} .hero .middle>div{display:table-cell;vertical-align:middle} .hero img{margin-bottom: 20px} .hero h4{color:#fff;font-size:38px;margin-bottom:0;font-family:'Great Vibes',cursive,sans-serif; -webkit-filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(5px 5px 5px #222); } .hero h3{color:#fff;font-size:55px;margin:15px 0;font-family:'Great Vibes',cursive; -webkit-filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(5px 5px 5px #222); } .hero h5{color: #fff;font-size: 18px;font-weight: 200;text-transform: uppercase;padding-bottom: 21px;font-family: "Geogrotesque";letter-spacing: 4px;} .hero p{color: #fff;font-size: 16px;line-height: 24px;text-align: center;max-width: 550px;margin: 0 auto} @media(max-width: 991px){.hero .middle{padding-top: 0}} @media(max-width: 768px){ .hero .middle{padding: 0 15px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .hero h4{font-size: 25px} .hero h3{font-size: 40px} } @media(max-width: 699px){ .ms-skin-light-2 .ms-nav-next{top: 100%;margin-top: -70px;} .ms-skin-light-2 .ms-nav-prev{top: 100%;margin-top: -70px;} } /*------------------------------------------------------------------ 14/ Footer */ footer{ background:#000; background-image: url("../images/felt512.png"); background-repeat: repeat-x; margin-top:100px; position:relative; z-index:20 } footer .footer-logo{float:left;width:100%;max-width:175px;height:63px;position:relative} footer .footer-logo img{position:absolute;top:-85px;left:0} footer .menu{float:left;padding-top:36px;margin-left:30px;font-size:0} footer .menu a{color:#fff;text-transform:uppercase;display:inline-block} footer .menu a:hover{color:#aa855c} footer .menu li{display:inline-block;font-size:13px;line-height:21px;color:#fff} footer .menu li:before{content:'|';display:inline-block;margin:0 10px} footer .menu li:first-child:before{display:none} footer .copyright{float:right;font-size:13px;line-height:21px;padding:36px 0;color:#afafaf;font-weight:300} @media (max-width:1199px) { footer .footer-logo{display:block;margin:0 auto;float:none} footer .menu{width:100%;text-align:center;margin-left:0} footer .copyright{width:100%;text-align:center} }