/* CSS Document */ * { outline:none; padding:0; margin:0; } html{ height:auto; min-height:100%; padding:0; margin:0; } body{ height:100%; overflow-x:hidden; background-color:#FFF; font-family:'OpenSans'; font-size:clamp(14px, 2vw, 16px); color:#666; text-decoration:none; font-weight:normal; font-style:normal; line-height:120%; padding:0; margin:0; } /* ALL */ .clear{height:0; display:block; clear:left; font-size:0; line-height:0;} .clean{height:0; display:block; clear:right; font-size:0; line-height:0;} .cleall{height:0; display:block; clear:both; font-size:0; line-height:0;} img{max-width:100%; height:auto; border:none;} hr{height:4px; background-color:#CCC; border:none; color:#CCC; margin:clamp(30px, 6vw, 60px) 0;} a, .link{color:#dea211; text-decoration:none; cursor:pointer;} a:hover, .link:hover{color:#dea211; text-decoration:underline;} ul, ol{display:block; padding:0; margin:clamp(10px, 1vw, 16px) 0 clamp(10px, 1vw, 16px) clamp(15px, 1.5vw, 24px);} ul li{padding:0; margin:0;} noscript img{display:none;} picture{display:block; padding:0; margin:0;} picture img{width:100%; max-width:100%; display:block; padding:0; margin:0;} .hide{display:none;} .count{width:95vw; max-width:1920px; display:block; position:relative; padding:0 2.5vw; margin:0 auto;} .cookies{font-size:12px; line-height:140%;} /* BUTTON */ .button{display:inline-block; position:relative; background-color:#dea211; font-family:'OpenSans'; font-size:clamp(14px, 1vw, 18px); color:#FFF; text-decoration:none; text-transform:uppercase; font-weight:normal; font-style:normal; text-align:center; line-height:clamp(30px, 3vw, 50px); padding:0 clamp(20px, 2.25vw, 40px); margin:0; cursor:pointer; -webkit-border-radius:clamp(15px, 1.5vw, 25px); -moz-border-radius:clamp(15px, 1.5vw, 25px); border-radius:clamp(15px, 1.5vw, 25px); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .button.small{font-size:clamp(12px, 1vw, 16px); text-transform:lowercase; line-height:clamp(18px, 2vw, 24px); padding:0 clamp(10px, 1vw, 15px) 2px clamp(10px, 1vw, 15px); -webkit-border-radius:clamp(9px, 1vw, 12px); -moz-border-radius:clamp(9px, 1vw, 12px); border-radius:clamp(9px, 1vw, 12px);} .button:hover{background-color:#141414; color:#FFF; text-decoration:none;} /* STATUS */ small{display:none; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:11px; text-decoration:none; padding:0; margin:clamp(10px, 1vw, 16px) 0;} small.error{display:block; color:#881b1b;} small.success{display:block; color:#409805;} small.loading{display:block; color:#666;} small img, small svg{vertical-align:text-bottom; padding:0; margin:0 clamp(5px, 0.5vw, 8px) 0 0;} /* INPUT */ input{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); height:50px; display:block; position:relative; background-color:#F1F1F1; border:none; font-family:'OpenSansLight'; font-size:clamp(12px, 1vw, 15px); color:#666; text-decoration:none; font-weight:normal; font-style:normal; text-transform:none; line-height:50px; padding:0 15px; margin:0 0 15px 0;} input.error{background-color:#FCD0C7; color:#901B1B; text-decoration:none;} input:disabled{color:#999;} /* TEXTAREA */ textarea{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); height:215px; display:block; position:relative; background-color:#F1F1F1; border:none; font-family:'OpenSansLight'; font-size:clamp(12px, 1vw, 15px); color:#666; text-decoration:none; font-weight:normal; font-style:normal; text-transform:none; line-height:16px; padding:15px; margin:0 0 15px 0;} textarea.big{height:280px;} textarea.error{background-color:#FCD0C7; color:#901B1B; text-decoration:none;} /* SELECT */ .slct{width:100%; height:50px; display:inline-block; overflow:hidden; background-color:#F1F1F1; background-image:url(../Images/Icons/select.svg); background-position:calc(100% - 10px) 50%; background-repeat:no-repeat; background-size:auto 25%; border:none; vertical-align:middle; padding:0; margin:0 0 15px 0;} .slct.hide{display:none;} .slct select{width:-moz-calc(100% + 24px); width:-webkit-calc(100% + 24px); width:-o-calc(100% + 24px); width:calc(100% + 24px); background:transparent; border:0; line-height:1; font-size:clamp(12px, 1vw, 15px); color:#666; text-decoration:none; font-weight:normal; font-style:normal; padding:16px 10px; margin:0; border-radius:0; -webkit-appearance:none;} .slct select option{color:#666; padding:0 10px;} .slct select:disabled, .slct select:disabled option{color:#CCC;} .slct.error{background-color:#FCD0C7;} .slct.error select, .slct.error select option{color:#901B1B; text-decoration:none;} /* --- DINAMIC --- */ .select2-container{width:100% !important;} .select2-container--default .select2-selection--single{height:50px !important; display:block !important; position:relative !important; background-color:#f1f1f1 !important; border:none !important; border-radius:0 !important; font-family:'OpenSansLight' !important; font-size:14px !important; color:#000 !important; text-decoration:none !important; font-weight:normal !important; font-style:normal !important; line-height:50px !important; padding:10px !important; margin:0 !important;} .select2-container--default .select2-selection--single .select2-selection__arrow{top:12px !important; right:12px !important;} .select2-dropdown{border:1px solid #f1f1f1 !important; border-radius:0 !important;} .select2-container--default .select2-search--dropdown .select2-search__field{border:none !important; background-color:#f1f1f1 !important; padding:0 10px !important; margin:0 !important;} .select2-search--dropdown{padding:10px !important;} .select2-results__option{padding:0 10px 10px 10px !important;} /* LABEL */ label{cursor:pointer;} label.txt{width:-moz-calc(100% - 50px); width:-webkit-calc(100% - 50px); width:-o-calc(100% - 50px); width:calc(100% - 50px); display:block; float:left; line-height:24px; margin:0 0 15px 0;} label.label{display:inline-block; line-height:32px; vertical-align:middle; margin:5px clamp(15px, 2vw, 30px) 0 0;} /* RADIO */ div.radio{width:32px; height:32px; display:inline-block; position:relative; overflow:hidden; vertical-align:middle; padding:0; margin:5px 15px 0 0; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} div.radio label{width:32px; height:32px; position:absolute; left:0; top:0; background-color:#F1F1F1; border:none; padding:0; cursor:pointer;} div.radio label:after{width:16px; height:16px; position:absolute; top:8px; left:8px; background-color:#333; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; content:''; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} div.radio label:hover::after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:0.5;} div.radio input[type=radio]:checked + label:after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1;} div.radio.error label{background-color:#FCD0C7;} /* CHECKBOX */ div.checkbox{width:32px; height:32px; position:relative; float:left; clear:both; padding:0; margin:0 15px 2px 0;} div.checkbox label{width:32px; height:32px; position:absolute; left:0; top:0; background-color:#F1F1F1; border:none; padding:0; cursor:pointer;} div.checkbox label:after{width:14px; height:10px; position:absolute; top:6px; left:6px; background:transparent; border:4px solid #333; border-top:none; border-right:none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0); opacity:0; content:''; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);} div.checkbox label:hover::after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:0.5;} div.checkbox input[type=checkbox]:checked + label:after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1;} div.checkbox.error label{background-color:#FCD0C7;} /* HEADLINES */ h1{display:block; position:relative; font-family:'OpenSansBold'; font-size:clamp(32px, 3vw, 48px); color:#141414; text-decoration:none; font-weight:normal; font-style:normal; line-height:120%; padding:0; margin:0;} h2{display:block; position:relative; font-family:'OpenSansBold'; font-size:clamp(24px, 3vw, 32px); color:#141414; text-decoration:none; font-weight:normal; font-style:normal; line-height:120%; padding:0; margin:0 0 clamp(15px, 2vw, 24px) 0;} h3{display:block; position:relative; font-size:clamp(16px, 2vw, 24px); color:#141414; text-decoration:none; font-weight:normal; font-style:normal; line-height:120%; padding:0; margin:0 0 clamp(15px, 2vw, 20px) 0;} h4{display:block; position:relative; font-size:clamp(16px, 1vw, 18px); color:#141414; text-decoration:none; font-weight:normal; font-style:normal; line-height:120%; padding:0; margin:0 0 clamp(10px, 1vw, 18px) 0;} h5{display:block; position:relative; font-family:'OpenSansLight'; font-size:clamp(15px, 1vw, 18px); color:#141414; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:120%; padding:0; margin:0 0 clamp(10px, 1vw, 15px) 0;} h6{display:block; position:relative; font-family:'OpenSansLight'; font-size:clamp(12px, 1vw, 14px); color:#141414; text-decoration:none; font-weight:normal; font-style:normal; line-height:120%; padding:0; margin:0 0 clamp(10px, 1vw, 15px) 0;} /* TOOLTIP */ .tooltip{display:inline-block; position:relative; vertical-align:middle;} .tooltip .tooltiptext{width:170px; position:absolute; visibility:hidden; bottom:120%; left:50%; background-color:#dea211; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size:clamp(10px, 1vw, 12px); color:#fff; text-align:center; line-height:120%; padding:15px; margin:0 0 0 -100px; opacity:0; z-index:99999; transition:opacity 1s;} .tooltip .tooltiptext::after{position:absolute; top:100%; left:50%; content:""; border-width:5px; border-style:solid; border-color:#dea211 transparent transparent transparent; margin-left:-5px;} .tooltip.bottom .tooltiptext{top:150%; bottom:auto;} .tooltip.bottom .tooltiptext::after{top:auto; bottom:100%; border-color:transparent transparent #dea211 transparent;} .tooltip:hover .tooltiptext{visibility:visible; opacity:1;} /* SHOPPINGCART */ section.shopingcart{display:none; position:relative; background-color:#f1f1f1; color:#333; text-decoration:none; padding:clamp(16px, 2vw, 32px) 0; margin:0;} section.shopingcart img.loading{display:block; margin:0 auto;} /* --- EMPTY --- */ section.shopingcart div.empty{position:relative; line-height:clamp(30px, 3vw, 50px); padding:0; margin:0;} section.shopingcart div.empty p{display:inline-block; vertical-align:middle; padding:0; margin:0;} section.shopingcart div.empty svg{display:inline-block; fill:#333; vertical-align:middle; padding:0; margin:0 clamp(10px, 2vw, 20px) 0 0;} section.shopingcart div.empty a.button{float:right;} section.shopingcart div.empty a.button:hover{background-color:#333; color:#FFF;} /* --- CART --- */ section.shopingcart div.cart{width:80%; float:left; padding:0; margin:0;} /* === COLUMNS === */ section.shopingcart div.cart .row1{width:-moz-calc(100% - 550px); width:-webkit-calc(100% - 550px); width:-o-calc(100% - 550px); width:calc(100% - 550px); float:left; padding:clamp(15px, 2vw, 20px) 0; margin:0;} section.shopingcart div.cart .row2{width:150px; float:left; text-align:center; padding:clamp(15px, 2vw, 20px) 0; margin:0;} section.shopingcart div.cart .row3{width:150px; float:left; text-align:center; padding:clamp(15px, 2vw, 20px) 0; margin:0;} section.shopingcart div.cart .row4{width:150px; float:left; text-align:center; padding:clamp(15px, 2vw, 20px) 0; margin:0;} section.shopingcart div.cart .row5{width:100px; float:left; text-align:center; padding:clamp(15px, 2vw, 20px) 0; margin:0;} /* === HEADLINE === */ section.shopingcart div.cart .top{background-color:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; text-decoration:none; font-weight:bold; text-transform:uppercase; padding:0; margin:0;} section.shopingcart div.cart .top .row1{width:-moz-calc(100% - 580px); width:-webkit-calc(100% - 580px); width:-o-calc(100% - 580px); width:calc(100% - 580px); padding:clamp(5px, 1vw, 10px) 15px;} section.shopingcart div.cart .top .row2{width:120px; padding:clamp(5px, 1vw, 10px) 15px;} section.shopingcart div.cart .top .row3{width:120px; padding:clamp(5px, 1vw, 10px) 15px;} section.shopingcart div.cart .top .row4{width:120px; padding:clamp(5px, 1vw, 10px) 15px;} section.shopingcart div.cart .top .row5{width:70px; padding:clamp(5px, 1vw, 10px) 15px;} /* === ITEMS === */ section.shopingcart div.cart .middle{position:relative; color:#000; text-decoration:none; line-height:140%; padding:0; margin:0;} /* +++ ITEM +++ */ section.shopingcart div.cart .middle a.row1{min-height:90px; display:block; position:relative; color:#666; text-decoration:none;} section.shopingcart div.cart .middle a.row1 picture{width:120px; float:left; margin:0 clamp(15px, 2vw, 30px) 0 0;} section.shopingcart div.cart .middle a.row1 .info{width:-moz-calc(100% - 150px); width:-webkit-calc(100% - 150px); width:-o-calc(100% - 150px); width:calc(100% - 150px); min-height:120px; display:-webkit-flex; display:flex; padding:0; margin:0; -webkit-align-items:center; align-items:center;} section.shopingcart div.cart .middle a.row1 .info h3{display:inline-block; color:#000; text-transform:uppercase; vertical-align:middle; margin:0 0 clamp(5px, 1vw, 10px) 0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} section.shopingcart div.cart .middle a.row1 .info strong{color:#000;} section.shopingcart div.cart .middle a.row1 .info .label{display:inline-block; font-size:12px; vertical-align:middle; padding:2px 10px; margin:0 0 clamp(5px, 1vw, 10px) clamp(5px, 1vw, 10px); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} section.shopingcart div.cart .middle a.row1 .info .label strong{color:inherit;} section.shopingcart div.cart .middle a.row1:hover{text-decoration:none;} section.shopingcart div.cart .middle a.row1:hover .info h3{color:#dea211; text-decoration:none;} /* +++ PRICE +++ */ section.shopingcart div.cart .middle .row2{min-height:120px; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center;} section.shopingcart div.cart .middle .row2 div{font-size:clamp(14px, 2vw, 18px); line-height:140%; padding:0; margin:0 auto;} section.shopingcart div.cart .middle .row2 div s{display:block; font-size:clamp(12px, 1vw, 14px); color:#999;} /* +++ CONTROLS +++ */ section.shopingcart div.cart .middle .row3{min-height:120px; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center;} section.shopingcart div.cart .middle .row3 div{font-size:clamp(14px, 2vw, 18px); line-height:140%; padding:0; margin:0 auto;} section.shopingcart div.cart .middle .row3 input{width:42px; height:36px; display:block; float:left; background-color:transparent; border:none; color:#000; text-align:center; line-height:33px; vertical-align:middle; padding:0; margin:0;} section.shopingcart div.cart .middle .row3 div .controls{width:36px; height:36px; display:block; float:left; background-color:#000; font-size:clamp(16px, 2vw, 24px); color:#FFF; text-decoration:none; font-weight:bold; text-align:center; line-height:36px; vertical-align:middle; padding:0; margin:0; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} section.shopingcart div.cart .middle .row3 div .controls:hover{background-color:#dea211; color:#FFF; text-decoration:none;} /* +++ TOTAL +++ */ section.shopingcart div.cart .middle .row4{min-height:120px; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center;} section.shopingcart div.cart .middle .row4 div{font-size:clamp(14px, 2vw, 18px); line-height:140%; padding:0; margin:0 auto;} /* +++ DELETE +++ */ section.shopingcart div.cart .middle .row5{min-height:120px; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center;} section.shopingcart div.cart .middle .row5 svg{display:block; fill:#000; padding:0; margin:0 auto; cursor:pointer; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} section.shopingcart div.cart .middle .row5 svg:hover{fill:#dea211;} /* === TOTAl === */ section.shopingcart div.bottom{text-align:right; padding:clamp(15px, 2vw, 20px) 0 0 0; margin:0;} /* +++ BOX +++ */ section.shopingcart div.bottom span{display:inline-block; border-left:1px solid #FFF; color:#666; text-align:center; vertical-align:middle; padding:5px clamp(15px, 2vw, 30px); margin:0;} section.shopingcart div.bottom span:first-of-type{border-left:none;} section.shopingcart div.bottom span:last-of-type strong{color:#000;} section.shopingcart div.bottom span.info{text-align:right;} section.shopingcart div.bottom span.info strong{text-transform:uppercase; margin:0;} section.shopingcart div.bottom span p{display:inline-block; vertical-align:middle;} section.shopingcart div.bottom span em{display:inline-block; font-style:normal; vertical-align:middle;} section.shopingcart div.bottom span strong{display:block; color:#000; padding:0; margin:2px 0 0 0;} section.shopingcart div.bottom a.button{float:left; background-color:#000; color:#FFF;} section.shopingcart div.bottom a.button:hover{background-color:#dea211; color:#FFF;} /* --- DISCOUNT --- */ section.shopingcart div.discount{width:-moz-calc(20% - 90px); width:-webkit-calc(20% - 90px); width:-o-calc(20% - 90px); width:calc(20% - 90px); float:left; background-color:#000; color:#CCC; padding:30px; margin:0 0 0 30px;} section.shopingcart div.discount p{display:block; padding:0; margin:0;} section.shopingcart div.discount h2{display:inline-block; font-size:clamp(15px, 2vw, 27px); color:#dea211; font-style:normal; vertical-align:middle;} section.shopingcart div.discount svg{display:inline-block; fill:#dea211; vertical-align:middle; margin:0 clamp(8px, 1vw, 12px) clamp(12px, 1vw, 24px) 0;} section.shopingcart div.discount input{max-width:400px; display:block; background-color:#f1f1f1; text-align:center; margin:clamp(10px, 1vw, 15px) 0 0 0;} section.shopingcart div.discount strong{display:block; color:#FFF; text-transform:uppercase;} /* === RESULTS === */ section.shopingcart div.discount small{margin:clamp(10px, 1vw, 16px) 0 0 0;} section.shopingcart div.discount small svg{margin:0 clamp(5px, 0.5vw, 8px) 0 0;} /* === BUTTON === */ section.shopingcart div.discount .button{background-color:#dea211; color:#FFF; margin:clamp(10px, 1vw, 15px) 0 0 0;} section.shopingcart div.discount .button:hover{background-color:#5AADAC;} /* HEADER */ header{display:block; position:-webkit-sticky; position:sticky; top:-1px; background-color:#FFF; padding:15px 0 0 0; margin:0; z-index:9999;} /* --- LOGO --- */ header svg.logo{display:block; float:left; padding:0; margin:0; cursor:pointer; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} header svg.logo:hover{opacity:0.5;} /* --- SEARCH --- */ header .search{width:100%; max-width:340px; position:relative; float:left; padding:0; margin:17px 0 0 clamp(15px, 5vw, 50px);} /* === FILED === */ header .search input{height:48px; position:relative; background-color:#EEE; color:#000; line-height:48px; margin:0; z-index:1; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} header .search input.error{border:none; background-color:#F2D1D2; color:#B13234;} /* === BUTTON === */ header .search svg{position:absolute; top:12px; right:12px; cursor:pointer; z-index:99;} header .search svg:hover{fill:#dea211;} /* --- PHONE --- */ header .phone{display:block; position:relative; float:left; font-family:'OpenSans'; font-size:14px; color:#000; text-decoration:none; padding:0; margin:30px 0 0 clamp(15px, 5vw, 50px); cursor:pointer;} header .phone svg{display:inline-block; fill:#000; vertical-align:middle; padding:0; margin:1px 10px 1px 0;} header .phone:hover{color:#dea211;} header .phone:hover svg{fill:#dea211;} /* --- DELIVERY --- */ header .delivery{display:block; float:left; font-family:'OpenSans'; font-size:12px; color:#000; text-transform:uppercase; padding:0; margin:30px 0 0 clamp(15px, 5vw, 50px);} header .delivery svg{display:inline-block; fill:#000; vertical-align:middle; padding:0; margin:0 10px 0 0;} /* --- CONTROL --- */ header div.control{display:block; position:relative; float:right; padding:0; margin:22px 0 0 0;} header div.control svg{display:block; fill:#404040; padding:0; margin:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} header div.control a{display:inline-block; vertical-align:middle; margin:0 20px 0 0; cursor:pointer;} header div.control a.menu{display:none;} header div.control .bag{display:inline-block; vertical-align:middle; margin:0; cursor:pointer;} header div.control .bag p{width:6px; height:6px; position:absolute; top:-3px; right:-3px; background-color:#dea211; padding:0; margin:0; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} header div.control a:hover svg, header div.control .bag:hover svg{fill:#dea211;} /* --- NAVIGATION --- */ header nav{display:block; background-color:#000; padding:0; margin:clamp(15px, 3vw, 30px) 0 0 0;} header nav ul{display:block; position:relative; list-style:none; padding:0; margin:0;} header nav ul li{display:block; float:left; position:relative; list-style:none; padding:0; margin:0;} header nav ul li a{display:block; font-family:'OpenSansLight'; font-size:clamp(14px, 1vw, 18px); color:#FFF; text-decoration:none; font-weight:normal; text-transform:uppercase; line-height:50px; padding:0 15px; margin:0;} header nav ul li a:hover{color:#000; text-decoration:none;} /* === SUBMENU === */ header nav ul li div{width:100vw; display:none; position:absolute; background-color:#efefef; padding:clamp(10px, 1vw, 15px); margin:0; box-shadow:0px 2px 2px 0px rgba(0,0,0,0.2);} header nav ul li div ul{display:block; float:left; position:relative; list-style:none; padding:0; margin:0;} header nav ul li div ul li{width:100%; display:block; position:relative; border-top:1px solid #DDD; list-style:none; padding:0; margin:0;} header nav ul li div ul li:first-child{border-top:none;} header nav ul li div ul li a{font-size:15px; line-height:38px; padding:0; margin:0;} /* +++ BANNER +++ */ header nav ul li div .banner{width:auto; max-width:250px; position:relative; float:left; padding:0; margin:0 0 0 clamp(15px, 2.25vw, 40px); cursor:pointer;} header nav ul li div .banner picture{width:100%; position:relative; z-index:1;} header nav ul li div .banner .info{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); position:absolute; bottom:0; left:0; line-height:120%; background-color:rgba(0,0,0,0.5); padding:10px 15px; margin:0; z-index:99; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;} header nav ul li div .banner .info p{font-size:12px; color:#FFF; display:inline-block; text-transform:uppercase; vertical-align:middle;} header nav ul li div .banner .info strong{font-family:'OpenSansBold'; font-size:clamp(16px, 2vw, 24px); color:#e87070; display:inline-block; font-weight:normal; vertical-align:middle; margin:0 10px 0 0;} /* +++ TYPE +++ */ header nav ul li div.big{max-width:550px;} header nav ul li div.big ul{width:-moz-calc(100% - 290px); width:-webkit-calc(100% - 290px); width:-o-calc(100% - 290px); width:calc(100% - 290px);} header nav ul li div.medium{max-width:250px;} header nav ul li div.medium ul{width:100%;} header nav ul li div.small{max-width:300px;} header nav ul li div.small .banner{margin:0;} /* === ACTIVE === */ header nav ul li.active a{color:#dea211;} /* === HOVER === */ header nav ul li:hover{text-decoration:none;} header nav ul li:hover a{background-color:#efefef; color:#000;} header nav ul li:hover div{display:block;} header nav ul li:hover div ul li a{color:#666;} header nav ul li div ul li a:hover, header nav ul li:hover div ul li a:hover{color:#141414;} header nav ul li div ul li a.active, header nav ul li:hover div ul li a.active{color:#dea211;} /* --- PINNED --- */ header.pinned{background-color:#f1f1f1; padding:0;} header.pinned nav{margin:0;} header.pinned svg.logo, header.pinned .search, header.pinned .phone, header.pinned .delivery, header.pinned div.control{display:none;} /* HEADLINE */ section.headline{display:block; position:relative; background-color:#ebebeb; text-align:right; padding:15px 0; margin:0 0 clamp(50px, 6vw, 100px) 0;} section.headline h1{float:left; font-family:'BebasNeueBold'; margin:0;} section.headline big{display:block; position:relative; float:left; font-family:'BebasNeueBold'; font-size:clamp(32px, 3vw, 48px); color:#141414; text-decoration:none; font-weight:normal; font-style:normal; line-height:120%; padding:0; margin:0;} /* --- MASK --- */ section.headline div.mask{width:auto; max-width:50%; height:100%; display:block; position:relative; float:right; overflow:hidden; padding:0; margin:16px 0 0 0; z-index:1;} section.headline div.mask:before{width:20px; position:absolute; top:0; right:0; bottom:0; content:""; z-index:3;} /* --- BREADCRUMB --- */ section.headline ul{width:auto; height:100%; display:block; white-space:nowrap; list-style:none; padding:0; margin:0;} section.headline ul li{display:inline; float:left; font-size:clamp(14px, 2vw, 18px); color:#141414; list-style:none; padding:0; margin:0;} section.headline ul li:last-child{color:#141414;} section.headline ul li+li::before{display:inline-block; content:"/\00a0"; color:#141414; padding:0 8px 0 10px;} section.headline ul li a{display:inline-block; font-size:clamp(14px, 2vw, 18px); color:#141414; padding:0; margin:0;} section.headline ul li a:hover{color:#dea211; text-decoration:none;} /* WELCOME */ section.welcome{display:block; position:relative; padding:0; margin:30px 0;} section.welcome p{display:block; font-family:'OpenSansLight'; font-size:clamp(15px, 1vw, 18px); color:#dea211; text-decoration:none; text-transform:uppercase; line-height:120%; padding:0; margin:0;} section.welcome strong{display:block; font-family:'BebasNeueBold'; font-size:clamp(36px, 4vw, 72px); color:#FFF; text-decoration:none; text-transform:uppercase; font-weight:normal; line-height:120%; padding:0; margin:0; text-shadow:0 0 5px rgba(0,0,0,0.1);} section.welcome picture{width:100%; max-width:100%; position:relative; z-index:1;} /* --- SLIDER --- */ section.welcome div.slider{width:50%; max-width:960px; display:block; float:left; padding:0; margin:0;} /* === SLIDE === */ section.welcome div.slider .slick-list{z-index:1;} section.welcome div.slider .slide{position:relative; padding:0; margin:0; z-index:1;} section.welcome div.slider .slide picture{width:100%; max-width:960px; margin:0 auto; z-index:1;} /* +++ INFO +++ */ section.welcome div.slider .slide .info{width:calc(100% - 50px); max-width:360px; height:100%; display:flex; position:absolute; left:50px; top:0; z-index:99; -webkit-align-items:center; align-items:center;} section.welcome div.slider .slide .info .button{margin:20px 0 0 0;} section.welcome div.slider .slide .info .button:hover{background-color:#FFF; color:#141414;} /* === CONTROLS === */ section.welcome div.slider .slick-dots{margin:-65px 0 0 0; z-index:99;} section.welcome div.slider ul{width:100%; position:relative; list-style:none; padding:0 0 0 45px; margin:0;} section.welcome div.slider ul li{display:inline-block; list-style:none; padding:0; margin:0 5px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} section.welcome div.slider ul li button{width:10px; height:10px; display:block; position:relative; overflow:hidden; background-color:#FFF; border:none; text-indent:-9999px; padding:0; margin:0; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} section.welcome div.slider ul li button:hover{background-color:#dea211;} section.welcome div.slider ul li.slick-active button{background-color:#000;} /* --- SMALL --- */ section.welcome div.banners{width:calc(17% - 30px); max-width:300px; display:block; float:left; padding:0; margin:0 0 0 30px;} /* === SMALL === */ section.welcome div.banners .small{width:100%; max-width:300px; display:block; position:relative;padding:0; margin:0;} section.welcome div.banners .small:first-of-type{margin:0 0 30px 0;} section.welcome div.banners .small strong{position:absolute; bottom:30px; left:30px; font-size:clamp(24px, 2.5vw, 48px); font-weight:normal; z-index:99;} /* --- BIG --- */ section.welcome .big{width:-moz-calc(33% - 30px); width:-webkit-calc(33% - 30px); width:-o-calc(33% - 30px); width:calc(33% - 30px); max-width:600px; display:block; position:relative; float:left; padding:0; margin:0 0 0 30px;} section.welcome .big .info{position:absolute; bottom:40px; left:40px; font-weight:normal; padding:0; margin:0; z-index:99;} /* POINTS */ section.points{display:block; padding:0; margin:clamp(15px, 2vw, 30px) auto;} section.points div.box{width:20%; float:left; background-color:#EEE; text-align:center; padding:clamp(10px, 1vw, 20px) 0; margin:0;} section.points div.box p{display:inline-block; font-size:clamp(12px, 1vw, 16px); color:#828282; text-align:left; vertical-align:middle; padding:0; margin:0 0 0 clamp(10px, 1.25vw, 20px);} section.points div.box svg{display:inline-block; fill:#000; vertical-align:middle; padding:0; margin:0;} section.points div.box strong{display:block; font-size:clamp(15px, 1vw, 18px); color:#000; text-transform:uppercase; line-height:120%; padding:0; margin:0;} /* PRODUCTS */ section.products{display:block; padding:0; margin:clamp(10px, 3.75vw, 60px) auto;} section.products h1{display:block; font-family:'BebasNeueBold'; font-size:clamp(24px, 3.5vw, 60px); color:#000; text-decoration:none; font-weight:normal; font-style:normal; text-align:center; line-height:120%; padding:0 clamp(5px, 1vw, 15px); margin:0 auto clamp(25px, 4.5vw, 75px) auto;} /* ITEM */ a.item{width:-moz-calc(25% - 15px); width:-webkit-calc(25% - 15px); width:-o-calc(25% - 15px); width:calc(25% - 15px); display:block; position:relative; float:left; padding:0; margin:0 0 40px 20px;} a.item:nth-of-type(4n + 1){clear:left; margin:0 0 40px 0;} a.item p{display:block; font-family:'OpenSansLight'; font-size:clamp(12px, 1vw, 14px); color:#333; text-decoration:none; font-weight:normal; font-style:normal; line-height:120%; padding:0; margin:5px 0 10px 0;} a.item h3{display:block; font-family:'OpenSansBold'; font-size:clamp(14px, 1vw, 18px); color:#333; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:120%; padding:0; margin:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} a.item picture{width:100%; max-width:100%; margin:0 auto clamp(15px, 1.75vw, 30px) auto;} /* --- INFO --- */ a.item div.info{display:block; padding:0; margin:0;} a.item div.info .content{width:100%; padding:0; margin:0;} /* --- PRICE --- */ a.item div.price{margin:0 0 10px 0;} a.item div.price s{display:inline-block; font-family:'OpenSansLight'; font-size:clamp(14px, 1vw, 18px); color:#333; text-decoration:line-through; font-weight:normal; font-style:normal; line-height:120%; padding:0; margin:0;} a.item div.price strong{display:inline-block; font-family:'OpenSansLight'; font-size:clamp(14px, 1vw, 18px); color:#dea211; text-decoration:none; font-weight:normal; font-style:normal; line-height:120%; padding:0; margin:0 10px 0 0;} /* --- LABELS --- */ a.item div.labels{position:absolute; top:15px; right:20px; padding:0; margin:0; z-index:999; transform:rotate(270deg); transform-origin:right top;} a.item div.labels .label{display:inline-block; font-size:12px; color:#FFF; text-transform:uppercase; line-height:21px; padding:0 8px 2px 8px; margin:0 10px 0 0;} /* --- OPTIONS --- */ a.item div.options{display:block; position:relative; padding:0; margin:0;} a.item div.options em{width:12px; height:12px; display:inline-block; position:relative; overflow:hidden; text-indent:-9999px; vertical-align:middle; padding:0; margin:0 5px 5px 0; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; box-shadow:0 0 2px 1px rgba(0,0,0,0.25);} a.item div.options big{display:inline-block; position:relative; background-color:#e5e5e5; font-family:'OpenSansLight'; font-size:11px; color:#666; text-decoration:none; font-weight:normal; font-style:normal; line-height:24px; vertical-align:middle; padding:0 10px; margin:5px 5px 0 0; opacity:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} /* --- SMALL --- */ a.item.small{width:-moz-calc(50% - 15px); width:-webkit-calc(50% - 15px); width:-o-calc(50% - 15px); width:calc(50% - 15px); display:block; position:relative; float:left; padding:0; margin:0 0 15px 20px;} a.item.small:nth-of-type(2n + 1){clear:left; margin:0 0 15px 0;} a.item.small picture{width:135px; max-width:200px; float:left; margin:0 15px 0 0;} a.item.small div.info{width:-moz-calc(100% - 150px); width:-webkit-calc(100% - 150px); width:-o-calc(100% - 150px); width:calc(100% - 150px); float:left;} a.item.small div.labels{display:none;} /* --- HOVER --- */ a.item:hover{text-decoration:none;} a.item:hover h3{color:#dea211;} a.item:hover div.options big{opacity:1;} /* CATEGORY */ section.category{display:block; position:relative; background-color:#edeeee; padding:clamp(30px, 2.5vw, 45px) 0; margin:0;} /* --- MENU --- */ section.category aside{width:-moz-calc(30% - 30px); width:-webkit-calc(30% - 30px); width:-o-calc(30% - 30px); width:calc(30% - 30px); max-width:280px; display:block; position:relative; float:left; padding:0; margin:0 30px 0 0;} section.category aside h2{display:block; font-family:'BebasNeueBold'; font-size:clamp(30px, 3.5vw, 60px); color:#000; text-decoration:none; font-weight:normal; font-style:normal; padding:0; margin:clamp(10px, 1vw, 15px) 0 clamp(15px, 1.5vw, 30px) 0;} /* === MENU === */ section.category aside ul{display:block; list-style:none; padding:0; margin:0;} section.category aside ul li{display:block; list-style:none; border-top:1px solid #cfcdc3; padding:0; margin:0;} section.category aside ul li:first-child{border-top:none;} section.category aside ul li a{display:block; font-family:'OpenSansLight'; font-size:clamp(14px, 1vw, 18px); color:#232323; text-decoration:none; font-weight:normal; font-style:normal; line-height:140%; padding:clamp(10px, 1vw, 15px) 0; margin:0;} section.category aside ul li a:hover{color:#dea211; text-decoration:none;} /* --- SLIDER --- */ section.category article{width:-moz-calc(70% - 60px); width:-webkit-calc(70% - 60px); width:-o-calc(70% - 60px); width:calc(70% - 60px); display:block; position:relative; float:left; overflow:hidden; background-color:#FFF; padding:30px; margin:0;} section.category article.null{width:70%; padding:0;} section.category article img{max-width:100%; display:block; position:relative;} section.category article a.item{width:-moz-calc(100% - 10px) !important; width:-webkit-calc(100% - 10px) !important; width:-o-calc(100% - 10px) !important; width:calc(100% - 10px) !important; margin:0 auto;} /* === PAGER === */ section.category article ul{width:100%; display:block; position:relative; text-align:center; list-style:none; padding:0; margin:0;} section.category article ul li{display:inline-block; list-style:none; padding:0; margin:0 5px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} section.category article ul li button{width:14px; height:14px; display:block; position:relative; overflow:hidden; background-color:#cbcbcb; border:none; text-indent:-9999px; padding:0; margin:0; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} section.category article ul li button:hover{background-color:#666;} section.category article ul li.slick-active button{background-color:#dea211;} /* MOST */ section.page div.home{width:-moz-calc(50% - 8px); width:-webkit-calc(50% - 8px); width:-o-calc(50% - 8px); width:calc(50% - 8px); display:block; float:left; padding:clamp(30px, 3.5vw, 60px) 0 0 0; margin:0 0 0 16px;} section.page div.home:first-of-type{margin:0;} section.page div.home a.item{width:-moz-calc(100% - 10px) !important; width:-webkit-calc(100% - 10px) !important; width:-o-calc(100% - 10px) !important; width:calc(100% - 10px) !important; margin:0 auto;} section.page div.home a.item.small{width:-moz-calc(50% - 15px) !important; width:-webkit-calc(50% - 15px) !important; width:-o-calc(50% - 15px) !important; width:calc(50% - 15px) !important; margin:0 0 15px 0;} /* --- TITLE --- */ section.page div.home h4{display:block; position:relative; float:left; font-family:'BebasNeueBold'; font-size:clamp(24px, 2.5vw, 48px); color:#000; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:39px; padding:0 0 clamp(10px, 1vw, 20px) 0; margin:0 0 clamp(15px, 1.5vw, 30px) 0;} section.page div.home h4 strong{font-family:'BebasNeueBold'; font-weight:normal;} section.page div.home h4 strong.red{color:#ff6262;} section.page div.home h4 strong.green{color:#63be7b;} /* === CONTROLS === */ section.page div.home ul.slick-dots{display:block; text-align:center; list-style:none; padding:0; margin:0;} section.page div.home ul.slick-dots li{display:inline-block; list-style:none; vertical-align:middle; padding:0; margin:0 5px;} section.page div.home ul.slick-dots li button{width:12px; height:12px; display:block; position:relative; background-color:#cbcbcb; border:0; text-indent:-9999px; padding:0; margin:0; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} section.page div.home ul.slick-dots li:hover button{background-color:#dea211;} section.page div.home ul.slick-dots li.slick-active button{background-color:#000;} /* PAGE */ section.page{display:block; position:relative; line-height:160%; padding:0; margin:0 auto clamp(30px, 6vw, 100px) auto;} section.page strong{font-family:'OpenSansBold'; color:#333; font-weight:normal;} /* section.page iframe{max-width:50%; height:auto; display:block; float:right; padding:0; margin:0 0 25px 50px; aspect-ratio:16 / 9;} */ section.page div.back{display:none; float:left; margin:clamp(15px, 2vw, 30px) 0 0 0;} /* --- TABS --- */ section.page div.tabs{display:block; border-bottom:1px solid #d4d4d4; padding:0; margin:clamp(15px, 4vw, 60px) 0 0 0;} section.page div.tabs a{display:block; float:left; font-size:clamp(14px, 1.5vw, 18px); color:#222; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; padding:15px 30px; margin:0 0 -1px 0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} section.page div.tabs a p{display:block; float:left; font-style:normal; padding:0;} section.page div.tabs a svg{display:block; float:left; fill:#141414; padding:0; margin:5px 15px 5px 0;} section.page div.tabs a:hover{color:#dea211;} section.page div.tabs a.select{background-color:#FFF; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; border-top:1px solid #d4d4d4;} /* === CONTENT === */ section.page div.contents{display:none; position:relative; border:1px solid #d4d4d4; border-top:none; padding:45px; margin:0;} /* --- LOGIN --- */ section.page div.login{width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); position:relative; float:left; font-size:14px; text-align:left; padding:0; margin:0;} section.page div.login p{display:block; padding:0; margin:0 0 15px 0;} section.page div.login .password{display:none; margin:clamp(15px, 4vw, 60px) 0 0 0;} /* +++ FORGOT +++ */ section.page div.login a.forgot{display:block; float:right; font-family:'OpenSansLight'; font-size:14px; color:#666; text-decoration:none; font-style:normal; font-weight:normal; text-transform:uppercase; line-height:14px; margin:18px 0 0 0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} section.page div.login a.forgot:hover{color:#dea211; text-decoration:none;} /* --- SIGIN --- */ section.page div.sigin{width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); position:relative; float:left; font-size:14px; text-align:left; padding:0; margin:0 0 0 40px;} section.page div.sigin p{display:block; padding:0; margin:0 0 15px 0;} section.page div.sigin strong{display:block; padding:0; margin:0 0 5px 0;} /* +++ REGISTRATION +++ */ section.page div.sigin .registration{display:none; margin:clamp(15px, 4vw, 60px) 0 clamp(10px, 1vw, 15px) 0;} section.page div.sigin .registration iframe{max-width:none; float:none; padding:0; margin:0; aspect-ratio:none;} section.page div.sigin .registration label.txt{line-height:120%;} /* --- PROFILE --- */ section.page div.profile{display:flex; margin:0 0 clamp(30px, 8vw, 120px) 0;} section.page div.profile h3{font-size:clamp(24px, 3vw, 32px); margin:0 0 clamp(15px, 2vw, 24px) 0;} /* === BOX === */ section.page div.profile .box{position:relative; flex:1; font-size:14px; text-align:left; background-color:#f1f1f1; padding:clamp(15px, 2vw, 35px); margin:0 0 0 clamp(15px, 2vw, 30px);} section.page div.profile .box:nth-child(1){margin:0;} section.page div.profile .box p{display:block; margin:0 0 clamp(10px, 1vw, 15px) 0;} section.page div.profile .box .info{max-height:-moz-calc(100% - 175px); max-height:-webkit-calc(100% - 175px); max-height:-o-calc(100% - 175px); max-height:calc(100% - 175px); overflow:auto; line-height:120%; margin:0 0 clamp(15px, 2vw, 30px) 0;} section.page div.profile .box a.logout{margin:0 0 0 clamp(10px, 1vw, 15px);} section.page div.profile .box input{background-color:#FFF;} section.page div.profile .box input.error{background-color:#FCD0C7; color:#901B1B; text-decoration:none;} /* --- OPTION --- */ section.page div.option{position:relative; flex:1; font-size:14px; text-align:left; padding:0; margin:0;} section.page div.option p{max-width:calc(100% - 230px); display:block;} section.page div.option a.button{float:right; margin:-60px 0 0 0;} /* --- ADDRESS --- */ section.page div.address{width:-moz-calc(50% - 15px); width:-webkit-calc(50% - 15px); width:-o-calc(50% - 15px); width:calc(50% - 15px); float:left; text-transform:none; padding:0; margin:clamp(45px, 6vw, 90px) 0 0 30px;} section.page div.address:nth-of-type(2n + 1){clear:left; margin:clamp(45px, 6vw, 90px) 0 0 0;} section.page div.address.empty{margin:0 0 0 30px;} section.page div.address.empty:nth-of-type(2n + 1){margin:0;} section.page div.address hr{height:2px;} section.page div.address hr:first-of-type{height:4px; margin:clamp(15px, 2vw, 30px) 0;} section.page div.address .remove{display:inline-block; color:#881b1b; text-decoration:none; vertical-align:middle; margin:0 0 0 clamp(10px, 1.5vw, 20px); cursor:pointer;} section.page div.address .remove:hover{color:#333;} section.page div.address .info{background-color:#f1f1f1; padding:clamp(15px, 2vw, 30px); margin:clamp(15px, 2vw, 30px) 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;} section.page div.address .info h3{border-bottom:1px solid #CCC; padding:0 0 clamp(15px, 2vw, 30px) 0;} section.page div.address h4{color:#dea211; margin:0;} section.page div.address h5{border-bottom:1px solid #CCC; padding:0 0 clamp(10px, 1vw, 15px) 0; marign:0 0 clamp(10px, 1vw, 15px) 0;} /* --- CONTROLS --- */ section.page div.controls{float:right; padding:0; margin:0 0 0 clamp(10px, 1vw, 15px);} section.page div.controls svg{display:inline-block; vertical-align:middle; padding:0; margin:0 clamp(10px, 1vw, 15px) 0 0; cursor:pointer; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} section.page div.controls svg:hover{opacity:0.5;} /* --- TOTAL --- */ section.page div.total{float:right; padding:0; margin:clamp(15px, 2vw, 30px) 0 0 0;} section.page div.total p{min-width:125px; display:inline-block; vertical-align:middle; text-align:right;} section.page div.total strong{width:200px; display:inline-block; vertical-align:middle;} /* --- NO RESULTS --- */ section.page div.noresults{position:relative; text-align:center; padding:clamp(15px, 4vw, 60px); margin:clamp(15px, 4vw, 60px) 0 0 0;} section.page div.noresults p{display:block;} section.page div.noresults big{display:block; font-family:'OpenSansBold'; font-size:240px; color:#dea211; text-decoration:none; font-weight:normal; font-style:normal; line-height:100%; padding:0; margin:0 0 clamp(15px, 2vw, 30px) 0;} section.page div.noresults img{display:block; margin:0 auto clamp(15px, 2vw, 30px) auto;} section.page div.noresults strong{display:block; text-transform:uppercase;} section.page div.noresults a.button{margin:clamp(15px, 4vw, 60px) 0 0 0;} /* --- FILTERS --- */ section.page div.button#filters{width:auto; display:none; margin:0 0 clamp(15px, 2vw, 30px) 0;} /* --- SIDEBAR --- */ section.page aside{width:450px; display:block; position:relative; float:left; padding:0; margin:0 30px 0 0;} section.page aside em{height:34px; display:inline-block; font-style:normal; vertical-align:middle; line-height:34px; margin:0 5px 15px 5px;} section.page aside input{width:140px; display:inline-block; vertical-align:middle; text-align:center;} section.page aside svg{display:inline-block; fill:#141414; vertical-align:middle; margin:0 10px 10px 0; cursor:pointer; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} section.page aside svg:hover{fill:#dea211;} section.page aside .title{display:block; position:relative; font-family:'OpenSansBold'; font-size:clamp(24px, 3vw, 32px); color:#141414; text-decoration:none; font-weight:normal; font-style:normal; line-height:120%; padding:0; margin:0 0 clamp(15px, 2vw, 24px) 0;} section.page aside .button{vertical-align:middle; margin:clamp(15px, 2vw, 30px) 0 0 0;} /* === CHECKBOX === */ section.page aside .checkbox{margin:0 clamp(10px, 1vw, 15px) 0 0;} section.page aside .checkbox input{width:auto; height:auto; padding:0; margin:0;} /* === MORE === */ section.page aside div.more{display:block; font-size:14px; color:#dea211; text-decoration:none; font-weight:normal; font-style:normal; padding:0; margin:-25px 0 clamp(15px, 2vw, 30px) 0; cursor:pointer;} section.page aside div.more p{width:20px; height:20px; display:inline-block; background-color:#dea211; font-size:16px; color:#FFF; text-align:center; line-height:20px; font-weight:bold; vertical-align:baseline; padding:0; margin:0 clamp(8px, 1vw, 8px) 0 0; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} /* === MENU === */ section.page aside ul{display:block; position:relative; list-style:none; padding:0; margin:0 0 clamp(15px, 2vw, 30px) 0;} section.page aside ul li{display:block; border-top:1px dotted #CCC; list-style:none; padding:clamp(5px, 1vw, 10px) 0; margin:0;} section.page aside ul li:first-of-type{border-top:none;} section.page aside ul li p{display:inline-block; font-size:12px; vertical-align:middle; padding:0; margin:0 0 0 7px;} section.page aside ul li a{display:block; font-family:'OpenSansLight'; color:#232323; text-decoration:none; font-weight:normal; font-style:normal; line-height:clamp(14px, 2vw, 18px); text-transform:uppercase; padding:0; margin:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} section.page aside ul li a:hover, section.page aside ul li a.select{color:#dea211; text-decoration:none;} section.page aside ul li svg{display:inline-block; vertical-align:middle; padding:0; margin:0;} section.page aside ul li svg.full{fill:#ffac33;} section.page aside ul li svg.null{fill:#CCC;} section.page aside ul.cut{height:360px; overflow:hidden;} section.page aside ul.cut::after{width:100%; height:70px; position:absolute; bottom:0; left:0; content:""; background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1.00) 100%);} /* === LABEL === */ section.page aside label{line-height:32px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} section.page aside label:hover{color:#dea211;} /* === COLOR === */ section.page aside .color{width:30px; height:30px; display:inline-block; position:relative; text-indent:-9999px; vertical-align:middle; padding:0; margin:0 0 clamp(10px, 1vw, 15px) 0; opacity:0.5; cursor:pointer; box-shadow:0 0 5px 0 rgba(0,0,0,0.15); -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} section.page aside .color.select{opacity:1;} section.page aside .color:hover{opacity:0.75;} /* === RESET === */ section.page aside .reset{display:inline-block; color:#141414; vertical-align:middle; line-height:clamp(30px, 3vw, 50px); padding:0 clamp(10px, 1vw, 15px); margin:clamp(15px, 2vw, 30px) 0 0 clamp(10px, 1vw, 15px); cursor:pointer; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} section.page aside .reset:hover{color:#dea211; text-decoration:none;} /* --- CONTENT --- */ section.page article{width:-moz-calc(100% - 480px); width:-webkit-calc(100% - 480px); width:-o-calc(100% - 480px); width:calc(100% - 480px); position:relative; float:left; padding:0; margin:0;} /* === ITEMS === */ section.page article a.item{width:-moz-calc(25% - 7px); width:-webkit-calc(25% - 7px); width:-o-calc(25% - 7px); width:calc(25% - 7px); display:block; float:left; padding:0; margin:0 0 30px 9px;} section.page article a.item:nth-of-type(5n + 1){clear:none; margin:0 0 30px 9px;} section.page article a.item:nth-of-type(4n + 1){clear:left; margin:0 0 30px 0;} /* === FORM === */ section.page article .form{display:block; position:relative; line-height:120%; padding:clamp(30px, 9vw, 100px) 0; margin:0;} section.page article .form h3{text-transform:uppercase;} section.page article .form strong{display:block; color:#000; padding:0; margin:30px 0 15px 0;} section.page article .form .button{margin:30px 0 0 0;} section.page article .form div.checkbox{margin:3px 15px 0 0;} section.page article .box{width:-moz-calc(50% - 15px); width:-webkit-calc(50% - 15px); width:-o-calc(50% - 15px); width:calc(50% - 15px); display:block; float:left; padding:0; margin:30px 0 0 30px;} section.page article .box:nth-of-type(2n + 1){clear:left; margin:30px 0 0 0;} section.page article .box label.label{margin:5px 0 0 0;} /* --- DESCRIPTION --- */ section.page div.description{position:relative; padding:0; margin:clamp(30px, 4vw, 60px) 0 0 0;} section.page div.description.cut{height:360px; overflow:hidden;} section.page div.description.cut::after{width:100%; height:70px; position:absolute; bottom:0; left:0; content:""; background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1.00) 100%);} section.page .button#description{max-width:200px; display:block; text-align:center; margin:0 auto;} /* --- GALLERY --- */ section.page div.images{width:50%; position:relative; float:left; padding:0; margin:0 30px 0 0;} /* --- GALLERY --- */ section.page div.images .gallery{padding:0; margin:0;} section.page div.images .gallery .image{max-width:465px; max-height:700px; display:block; position:relative; padding:0; margin:0 15px 0 0; cursor:pointer; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} section.page div.images .gallery .image picture{position:relative; z-index:1;} section.page div.images .gallery .image .hover{width:50px; height:50px; display:-webkit-flex; display:flex; position:absolute; bottom:15px; right:15px; background-color:rgba(20,20,20,0.85); padding:0; margin:0; opacity:0; z-index:99; -webkit-align-items:center; align-items:center; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} section.page div.images .gallery .image .hover svg{width:25%; height:auto; display:block; fill:#FFF; margin:0 auto;} section.page div.images .gallery .image:hover .hover{opacity:1;} /* === CONTROLS === */ section.page div.images .gallery ul.slick-dots{display:block; text-align:center; list-style:none; padding:0; margin:15px 0 0 0;} section.page div.images .gallery ul.slick-dots li{display:inline-block; list-style:none; vertical-align:middle; padding:0; margin:0 5px;} section.page div.images .gallery ul.slick-dots li button{width:12px; height:12px; display:block; position:relative; background-color:#cbcbcb; border:0; text-indent:-9999px; padding:0; margin:0; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} section.page div.images .gallery ul.slick-dots li:hover button{background-color:#dea211;} section.page div.images .gallery ul.slick-dots li.slick-active button{background-color:#000;} /* === LABELS === */ section.page div.images .labels{position:absolute; top:15px; left:15px; padding:0; margin:0; z-index:999;} section.page div.images .labels .label{display:inline-block; color:#FFF; padding:5px 10px; margin:0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} section.page div.images .labels .label strong{color:#FFF;} /* --- DETAILS --- */ section.page div.details{width:-moz-calc(50% - 30px); width:-webkit-calc(50% - 30px); width:-o-calc(50% - 30px); width:calc(50% - 30px); float:left; padding:0; margin:0;} section.page div.details.full{width:auto; float:none; margin:0;} section.page div.details .code{display:block; position:relative; font-size:14px; color:#141414; text-decoration:none; font-weight:normal; font-style:normal; vertical-align:middle; line-height:120%; padding:0; margin:0 0 15px 0;} /* === STATUS === */ section.page div.details .status{max-height:22px; display:inline-block; vertical-align:middle; line-height:100%; padding:0; margin:0;} section.page div.details .status p{display:inline-block; font-family:'OpenSansLight'; vertical-align:middle; line-height:22px; padding:0; margin:0;} section.page div.details .status svg{display:inline-block; vertical-align:middle; padding:0; margin:0 5px 0 0;} /* === LIKE === */ section.page div.details svg.like{display:inline-block; vertical-align:middle; padding:0; margin:0 15px 0 0; cursor:pointer; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} section.page div.details svg.like.add{fill:#CCC;} section.page div.details svg.like.add:hover{fill:#000;} section.page div.details svg.like.delete{fill:#E77173;} section.page div.details svg.like.delete:hover{color:#CF2326;} /* === INFO === */ section.page div.details .info{padding:0; margin:0;} section.page div.details .info .box{display:inline-block; border-left:4px solid #CCC; vertical-align:middle; padding:0 0 0 clamp(15px, 1.5vw, 30px); margin:0 0 0 clamp(15px, 1.5vw, 30px);} section.page div.details .info .box:first-of-type{border-left:none; padding:0; margin:0;} section.page div.details .info .slct{background-color:#FFF; margin:5px 0 0 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} section.page div.details .info .price{position:relative; font-family:'OpenSansBold'; font-size:clamp(24px, 3vw, 36px); color:#141414; padding:0; margin:0;} section.page div.details .info .promo{position:relative; font-size:clamp(14px, 2vw, 18px); color:#141414; text-decoration:line-through; padding:0; margin:5px 0 0 0;} /* +++ COLOR +++ */ section.page div.details .info .color{width:30px; height:30px; display:inline-block; position:relative; text-indent:-9999px; vertical-align:middle; padding:0; margin:5px 5px 0 0; cursor:pointer; opacity:0.5; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} section.page div.details .info .color.active{opacity:1;} section.page div.details .info .color:hover{opacity:0.75;} /* +++ SIZE +++ */ section.page div.details .info .size{min-width:20px; height:30px; display:inline-block; position:relative; background-color:#e5e5e5; font-size:14px; color:#666; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; text-align:center; vertical-align:middle; line-height:30px; padding:0 5px; margin:5px 5px 0 0; cursor:pointer; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} section.page div.details .info .size:hover{background-color:#141414; color:#FFF; text-decoration:none;} section.page div.details .info .size.active{background-color:#dea211; color:#FFF; text-decoration:none;} /* +++ ACTION +++ */ section.page div.details .action{position:relative; padding:0; margin:30px 0 0 0;} section.page div.details .action .hide{display:none;} section.page div.details .action .button{padding:0 clamp(15px, 2vw, 30px);} section.page div.details .action .fast{background-color:#141414; margin:0 0 0 15px;} section.page div.details .action .fast:hover{background-color:#dea211;} section.page div.details .action .alert{background-color:#999;} section.page div.details .action .alert:hover{background-color:#141414;} /* === DESCRIPTION === */ section.page div.details .description{padding:0; margin:30px 0 0 0;} section.page div.details .description hr{height:2px; margin:clamp(15px, 1.5vw, 30px) 0;} /* +++ TEXT +++ */ section.page div.details .description .height{display:block; position:relative; padding:0; margin:0;} section.page div.details .description .height.cut{height:480px; overflow:hidden;} section.page div.details .description .height.cut::after{width:100%; height:25%; position:absolute; bottom:0; left:0; content:""; background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1.00) 100%);} /* +++ MORE +++ */ section.page div.details .description .more{display:block; position:relative; font-size:14px; color:#dea211; text-decoration:none; font-weight:normal; font-style:normal; padding:0; margin:-10px 0 clamp(10px, 1vw, 15px) 0; cursor:pointer; z-index:99; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} section.page div.details .description .more p{width:20px; height:20px; display:inline-block; background-color:#dea211; font-size:16px; color:#FFF; text-align:center; line-height:20px; font-weight:bold; vertical-align:baseline; padding:0; margin:0 clamp(8px, 1vw, 8px) 0 0; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} section.page div.details .description .more:hover{color:#dea211;} /* +++ INFORMATION +++ */ section.page div.details .description .information{display:-webkit-flex; display:flex; position:relative; padding:0; margin:0; -webkit-align-items:center; align-items:center;} section.page div.details .description .information .box{display:block; position:relative; flex:1; line-height:120%; padding:0; margin:0;} section.page div.details .description .information .box svg{display:block; float:left; padding:0; margin:2px clamp(10px, 1vw, 15px) 0 0;} section.page div.details .description .information .box strong{display:block; color:#111;} section.page div.details .description .information .box p{display:block;} section.page div.details .description .information .box p a{text-transform:lowercase;} /* --- DETAILS --- */ section.page div.checkout{width:-moz-calc(50% - 30px); width:-webkit-calc(50% - 30px); width:-o-calc(50% - 30px); width:calc(50% - 30px); float:left; padding:0; margin:0 0 clamp(45px, 6vw, 90px) 60px;} section.page div.checkout:nth-of-type(2n + 1){clear:left; margin:0 0 clamp(45px, 6vw, 90px) 0;} section.page div.checkout hr{margin:clamp(10px, 1vw, 15px) 0 clamp(15px, 2vw, 30px) 0;} section.page div.checkout .form, section.page div.checkout .invoice, section.page div.checkout .shipping{display:none;} section.page div.checkout .shipping.open{display:block;} /* === RADIO === */ section.page div.checkout .radio{display:inline-block; vertical-align:middle; padding:0; margin:0 0 clamp(10px, 1vw, 15px) 0;} section.page div.checkout .radio input{width:10px; height:10px; padding:0; margin:0;} /* === LABEL === */ section.page div.checkout label{display:inline-block; vertical-align:middle; padding:0; margin:0 0 clamp(10px, 1vw, 15px) 0;} section.page div.checkout label p{display:inline-block; vertical-align:middle; padding:0; margin:0 0 0 clamp(10px, 1vw, 15px);} section.page div.checkout label big{display:inline-block; color:#dea211; vertical-align:middle; padding:0; margin:0 0 0 clamp(10px, 1vw, 15px);} section.page div.checkout label strong{display:inline-block; vertical-align:middle; padding:0; margin:0 0 0 clamp(10px, 1vw, 15px);} /* === WALLET === */ section.page div.checkout .wallet{display:block; position:relative; padding:0; margin:0 0 clamp(15px, 2vw, 30px) 0;} section.page div.checkout .wallet p{display:inline-block; position:relative; vertical-align:middle; line-height:120%; padding:0; margin:0 0 0 clamp(10px, 1vw, 15px);} section.page div.checkout .wallet big{display:inline-block; font-family:'OpenSansBold'; font-size:clamp(24px, 3vw, 32px); color:#dea211; font-weight:normal; vertical-align:middle; padding:0; margin:0;} section.page div.checkout .wallet label{margin:0 0 0 clamp(10px, 1vw, 15px);} section.page div.checkout .wallet .checkbox{display:inline-block; float:none; vertical-align:middle; padding:0; margin:0 0 0 clamp(15px, 2vw, 30px);} section.page div.checkout .wallet .checkbox label, section.page div.checkout .wallet .checkbox input{padding:0; margin:0;} /* --- AUMONT --- */ section.page div.aumont{position:relative; background-color:#f1f1f1; font-size:14px; color:#666; line-height:120%; padding:clamp(15px, 2vw, 30px); margin:clamp(10px, 1vw, 15px) 0 0 0;} section.page div.aumont span{min-height:75px; display:-webkit-flex; display:flex; float:left; border-left:1px solid #CCC; color:#666; text-align:center; vertical-align:middle; padding:0 clamp(15px, 2vw, 30px); margin:0; -webkit-align-items:center; align-items:center;} section.page div.aumont span p{display:inline-block; vertical-align:middle;} section.page div.aumont span strong{display:block; font-size:24px; color:#141414; margin:clamp(5px, 1vw, 10px) 0 0 0;} section.page div.aumont span:first-of-type{border-left:none; text-align:left; padding:0 clamp(15px, 2vw, 30px) 0 0;} section.page div.aumont span:first-of-type p{min-width:100px; text-align:right;} section.page div.aumont span:first-of-type svg{fill:#141414;} section.page div.aumont span:first-of-type strong{min-width:160px; display:inline-block; font-size:14px; color:#141414; font-weight:normal; margin:0;} section.page div.aumont span:last-of-type{float:right; border-left:none; padding:0; margin:0;} /* THANK YOU */ section.page div.thanks{max-width:860px; text-align:center; margin:0 auto;} section.page div.thanks svg{display:block; padding:0; margin:0 auto clamp(15px, 2vw, 30px) auto; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} section.page div.thanks a.button{margin:0 10px;} /* --- INFO --- */ section.page div.thanks .info{position:relative; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; text-align:left; padding:clamp(15px, 2vw, 30px) 0; margin:clamp(15px, 2vw, 30px) auto;} section.page div.thanks .info img{display:inline-block; vertical-align:middle; padding:0; margin:0 clamp(10px, 1vw, 15px) 0 0;} section.page div.thanks .info span{display:inline-block; vertical-align:middle; padding:0; margin:0;} /* MISSION */ section.mission{display:block; position:relative; background-color:#dea211; color:#FFF; line-height:160%; padding:clamp(30px, 9vw, 100px) 0; margin:0;} /* --- INFO --- */ section.mission .info{float:left;} section.mission .info h2{color:#FFF; line-height:120%;} section.mission .info p{display:block; padding:0; margin:0;} section.mission .info p em{color:#999;} section.mission .info p strong{font-family:'OpenSansBold'; font-weight:normal;} /* --- SOCIAL --- */ section.mission div.social{float:right; padding:0; margin:0;} section.mission div.social svg{width:48px; height:auto; display:inline-block; fill:#FFF; vertical-align:middle; padding:0; margin:20px 0 0 15px; cursor:pointer; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} section.mission div.social svg:hover{fill:#B7B3C3;} /* ABOUT */ section.about{display:block; position:relative; line-height:160%; padding:clamp(30px, 9vw, 100px) 0; margin:0;} /* --- BOX --- */ section.about div.box{width:-moz-calc(33.334% - 41px); width:-webkit-calc(33.334% - 41px); width:-o-calc(33.334% - 41px); width:calc(33.334% - 41px); display:block; float:left; padding:0;margin:0 0 0 60px;} section.about div.box:nth-of-type(3n + 1){margin:0;} section.about div.box img{display:block; padding:0; margin:0 0 60px 0;} /* CONTACTS */ section.contacts{display:block; position:relative; line-height:160%; padding:0; margin:0 0 clamp(30px, 9vw, 100px) 0;} /* --- BOX --- */ section.contacts div.box{width:-moz-calc(25% - 45px); width:-webkit-calc(25% - 45px); width:-o-calc(25% - 45px); width:calc(25% - 45px); display:block; float:left; padding:0;margin:0 0 0 60px;} section.contacts div.box:nth-of-type(4n + 1){margin:0;} section.contacts div.box em{font-size:12px; color:#999; text-decoration:none;} section.contacts div.box svg{height:auto; display:block; fill:#dea211; padding:0; margin:0 0 30px 0;} section.contacts div.box strong{display:block; font-family:'OpenSansBold'; color:#000; text-decoration:none; font-weight:normal; line-height:normal; text-transform:uppercase; padding:0; margin:0 0 15px 0;} section.contacts div.box .button{margin:15px 0 0 0; cursor:pointer;} /* QUESTION */ div.question{display:block; clear:left; background-color:#141414; font-size:clamp(16px, 2vw, 24px); color:#FFF; text-decoration:none; line-height:clamp(16px, 2vw, 24px); font-weight:normal; font-style:normal; text-transform:uppercase; padding:15px; margin:0 0 30px 0; cursor:pointer; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} div.question em{width:0; height:0; display:block; float:right; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #FFFFFF; padding:0; margin:7px 0 0 0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;} div.question:hover{background-color:#666;} div.question.active{background-color:#dea211; margin:0;} div.question.active em{border-top:10px solid #FFF; -ms-transform:rotate(180deg); transform:rotate(180deg);} /* ANSWER */ span.answer{width:100%; display:none; overflow:auto; float:left; padding:0 0 20px 0; margin:0 0 1px 0;} span.answer.faq{padding:15px 0 30px 0;} /* SHOP */ section.shop{display:block; position:relative; line-height:160%; padding:0; margin:0 0 clamp(30px, 9vw, 100px) 0;} section.shop h4{font-family:'OpenSansBold'; color:#dea211; text-transform:uppercase;} section.shop strong{display:block; color:#000; padding:0; margin:30px 0 15px 0;} section.shop .button{margin:30px 0 0 0;} section.shop .navigation{width:-moz-calc(50% - 270px); width:-webkit-calc(50% - 270px); width:-o-calc(50% - 270px); width:calc(50% - 270px); min-height:360px; display:block; float:left; padding:0; margin:0 0 30px 30px;} section.shop div.half{width:-moz-calc(25% - 20px); width:-webkit-calc(25% - 20px); width:-o-calc(25% - 20px); width:calc(25% - 20px); display:block; float:left; padding:0; margin:0 30px 30px 0;} section.shop div.full{width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); display:block; float:left; padding:0; margin:0 0 30px 0;} section.shop div.checkbox{margin:3px 15px 0 0;} /* --- IMAGE --- */ section.shop picture{float:left; padding:0; margin:0 0 30px 0;} section.shop picture img{display:block; padding:0; margin:0;} /* --- INFO --- */ section.shop .info{width:-moz-calc(50% - 270px); width:-webkit-calc(50% - 270px); width:-o-calc(50% - 270px); width:calc(50% - 270px); min-height:360px; display:block; float:left; padding:0; margin:0 0 30px 30px;} section.shop .info strong{font-size:12px; color:#333; text-transform:uppercase; padding:0; margin:0;} section.shop .info .box{border-top:1px dotted #999; padding:15px 0; margin:0;} section.shop .info .box:first-of-type{border-top:none;} /* INFO */ section.info{display:block; position:relative; line-height:160%; padding:0; margin:0 auto clamp(30px, 6vw, 100px) auto;} /* --- BOX --- */ section.info a.box{width:-moz-calc(33.3334% - 61px); width:-webkit-calc(33.3334% - 61px); width:-o-calc(33.3334% - 61px); width:calc(33.3334% - 61px); display:block; float:left; border-left:1px solid #DDD; text-align:center; padding:30px; margin:0 0 60px 0;} section.info a.box:nth-of-type(3n + 1){claer:left; border-left:none;} section.info a.box p{display:block; font-size:clamp(12px, 1vw, 14px); color:#666; text-decoration:none; line-height:140%; padding:0; margin:0 auto 30px auto;} section.info a.box h2{display:block; font-family:'OpenSansLight'; font-size:24px; color:#2e2e2e; text-decoration:none; font-weight:normal; font-style:300; text-transform:uppercase; line-height:24px; padding:0; margin:0 0 10px 0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} section.info a.box em{display:inline-block; position:relative; background-color:#dea211; font-family:'OpenSans'; font-size:clamp(14px, 1vw, 16px); color:#FFF; text-decoration:none; text-transform:uppercase; font-weight:normal; font-style:normal; line-height:clamp(20px, 2vw, 40px); padding:0 clamp(10px, 1vw, 20px); margin:0; -webkit-border-radius:clamp(10px, 1vw, 20px); -moz-border-radius:clamp(10px, 1vw, 20px); border-radius:clamp(10px, 1vw, 20px); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} section.info a.box svg{display:block; fill:#141414; padding:0; margin:0 auto 30px auto; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} section.info a.box:hover{text-decoration:none;} section.info a.box:hover h2{color:#dea211; text-decoration:none;} section.info a.box:hover em{background-color:#141414;} section.info a.box:hover svg{fill:#dea211} /* DELIVERIES */ section.deliveries{display:block; position:relative; background-color:#666; color:#FFF; line-height:160%; padding:clamp(30px, 9vw, 100px) 0; margin:0;} section.deliveries h2{color:#FFF;} section.deliveries h5{color:#CCC;} section.deliveries .button{margin:30px 0 0 0;} section.deliveries strong{display:block; color:#FFF; text-transform:uppercase; padding:0; margin:30px 0 15px 0;} section.deliveries table strong{display:inline-block; color:#141414; margin:0;} /* --- BOX --- */ section.deliveries div.box{width:-moz-calc(25% - 22.5px); width:-webkit-calc(25% - 22.5px); width:-o-calc(25% - 22.5px); width:calc(25% - 22.5px); display:block; float:left; padding:0; margin:0 0 30px 30px;} section.deliveries div.box:nth-of-type(4n + 1){clear:left; margin:0 0 30px 0;} section.deliveries div.box label.label{margin:5px 0 0 0;} /* POST */ section.post{display:block; position:relative; text-align:center; padding:0; margin:0 0 clamp(50px, 6vw, 100px) 0;} section.post h1{margin:0 0 15px 0;} section.post div.text{max-width:1024px; display:block; text-align:justify; line-height:160%; padding:0; margin:0 auto clamp(25px, 2.5vw, 50px) auto;} /* --- TIME --- */ section.post time{display:inline-block; background-color:#dea211; padding:5px 10px 7px 15px; margin:0 0 clamp(20px, 2vw, 40px) 0; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px;} section.post time p{display:inline-block; color:#FFF; vertical-align:middle; padding:0; margin:0;} section.post time svg{display:inline-block; fill:#FFF; vertical-align:middle; padding:0; margin:0 5px 0 0;} /* --- IMAGE --- */ section.post picture{width:1024px; max-width:100%; display:block; padding:0; margin:0 auto clamp(15px, 2vw, 30px) auto;} section.post picture img{width:100%; max-width:100%; display:block; padding:0; margin:0;} /* --- BACK --- */ section.post a.back{margin:0 30px 0 0;} section.post a.back p{display:inline-block; vertical-align:middle; padding:0; margin:0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;} section.post a.back svg{display:inline-block; fill:#dea211; vertical-align:middle; padding:0; margin:0 4px 0 3px; -ms-transform:rotate(180deg); transform:rotate(180deg); -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;} section.post a.back:hover{text-decoration:none;} section.post a.back:hover p{color:#141414;} section.post a.back:hover svg{margin:0 7px 0 0;} /* FOOTER */ footer{display:block; position:relative; text-align:center; padding:0; margin:0 auto;} /* --- NAVIGATION --- */ footer div.navigation{position:relative; background-color:#ebebeb; text-align:left; padding:clamp(15px, 4.25vw, 70px) 0; margin:0;} footer div.navigation .box{width:-moz-calc(20% - 25px); width:-webkit-calc(20% - 25px); width:-o-calc(20% - 25px); width:calc(20% - 25px); display:block; float:left; padding:0; margin:0 0 0 30px;} footer div.navigation .box:nth-of-type(5n + 1){clear:left; margin:0;} footer div.navigation .box strong{display:block; position:relative; font-family:'OpenSansBold'; font-size:clamp(15px, 1.5vw, 24px); color:#141414; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:120%; padding:0; margin:0 0 clamp(15px, 2vw, 30px) 0;} /* === NAVIGATION === */ footer div.navigation .box ul{display:block; list-style:none; padding:0; margin:0;} footer div.navigation .box ul li{display:block; border-top:1px solid #cecece; list-style:none; padding:0; margin:0;} footer div.navigation .box ul li:first-child{border-top:none;} footer div.navigation .box ul li a, footer div.navigation .box ul li .link{display:block; font-size:clamp(12px, 1vw, 16px); color:#666; text-decoration:none; line-height:140%; padding:10px 0; margin:0; cursor:pointer;} footer div.navigation .box ul li a:hover, footer div.navigation .box ul li .link:hover, footer div.navigation .box ul li.active a, footer div.navigation .box ul li.active .link{color:#dea211;} /* --- DATA --- */ footer div.data{background-color:#2f2f2f; padding:20px 0; margin:0;} /* === ALLRIGHT === */ footer div.data p{display:block; float:left; font-size:12px; color:#666; text-decoration:none; font-weight:normal; font-style:normal; line-height:16px; padding:0; margin:0;} footer div.data p strong{color:#FFF; font-weight:normal;} /* === PAYMENTS === */ footer div.data .payments{display:inline-block; padding:0; margin:0;} footer div.data .payments svg{display:inline-block; vertical-align:middle; padding:0; margin:0 5px;} /* === CREATED === */ footer div.data div.created{float:right; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; font-size:11px; color:#666; text-decoration:none; font-weight:normal; font-style:normal; line-height:16px; padding:0; margin:0;} footer div.data div.created a{color:#f60; text-decoration:none;} footer div.data div.created a:hover{text-decoration:underline;} /* WARNING */ section.warning{position:relative; padding:0; margin:0 auto clamp(15px, 3vw, 50px) auto;} section.warning .count{width:100%; background-color:#dea211; padding:clamp(15px, 2vw, 30px) 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;} section.warning p{display:block; float:left; color:#CCC; padding:0; margin:0 0 0 clamp(15px, 2vw, 30px);} section.warning h2{display:block; float:left; color:#FFF; padding:0; margin:0 0 0 clamp(10px, 1vw, 15px);} section.warning svg{display:block; float:left; fill:#FFF; padding:0; margin:0 0 0 clamp(15px, 2vw, 30px);} /* FILTERS */ section.filters{position:relative; padding:0; margin:0 auto clamp(15px, 3vw, 50px) auto;} section.filters .count{width:100%; background-color:#f3f3f3; padding:0;} section.filters strong{display:inline-block; font-family:'OpenSansLight'; font-size:clamp(12px, 1vw, 14px); color:#111; text-decoration:none; font-weight:normal; font-style:normal; vertical-align:middle; padding:0; margin:0;} section.filters a.button{display:none; background-color:#141414; text-align:center;} section.filters a.button:hover{background-color:#dea211; color:#2e2e2e;} /* --- SHOW --- */ section.filters .show{position:relative; float:left; line-height:26px; padding:clamp(10px, 1vw, 15px); margin:0;} section.filters .show div.option{width:26px; height:26px; display:inline-block; background-color:#141414; font-family:'OpenSansLight'; font-size:clamp(12px, 1vw, 14px); color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; text-align:center; line-height:26px; vertical-align:middle; padding:0; margin:0 0 0 5px; cursor:pointer; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} section.filters .show div.option:hover{background-color:#999;} section.filters .show div.option.select{background-color:#dea211;} /* --- ORDER --- */ section.filters .order{min-width:270px; position:relative; float:right; line-height:26px; padding:clamp(10px, 1vw, 15px); margin:0;} section.filters .order span.slct{max-width:165px; height:26px; display:inline-block; vertical-align:middle; margin:0 0 0 5px; cursor:pointer;} section.filters .order span.slct select{padding:6px 3px; cursor:pointer;} /* PAGINATION */ section.pagination{display:block; position:relative; text-align:center; padding:0; margin:0 auto clamp(30px, 6vw, 100px) auto;} section.pagination hr{height:2px; background-color:#ebebeb; color:#ebebeb; margin:0;} section.pagination a{display:inline-block; position:relative; background-color:transparent; border-top:4px solid rgba(255,255,255,0); font-family:'OpenSans'; font-size:18px; color:#333; text-decoration:none; line-height:22px; font-weight:normal; font-style:normal; vertical-align:middle; padding:13px 10px 5px 10px; margin:-2px 3px 0 3px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} section.pagination a.page{padding:13px 10px 5px 10px; margin:-3px 3px 0 3px;} section.pagination a.page:hover{border-top:4px solid #141414; color:#141414; text-decoration:none;} section.pagination a.current{border-top:4px solid #dea211; color:#dea211; text-decoration:none; padding:13px 10px 5px 10px; margin:-3px 3px 0 3px;} section.pagination a.prev, section.pagination a.next{padding:13px 10px 5px 10px; border:none;} section.pagination a.prev:hover, section.pagination a.next:hover{color:#dea211;} /* TABLE */ div.table{position:relative; overflow-x:auto; overflow-y:hidden; padding:1px; margin:0;} table{border:none; border-right:1px solid #666; border-top:1px solid #666; border-collapse:collapse; padding:0; margin:0;} table tr{background-color:#FFF;} table tr th{background-color:#141414; border-collapse:collapse; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; color:#FFF; text-decoration:none; font-weight:normal; padding:5px 10px; margin:0; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;} table tr td{border:none; border-left:1px solid #666; border-bottom:1px solid #666; border-collapse:collapse; font-size:14px; color:#666; text-decoration:none; padding:5px 10px; margin:0;} table tr:hover{background-color:#ECD9D9;} table tr td a.hover{color:#dea211; text-decoration:none;} /* --- MORE --- */ table tr td a.more{text-decoration:none;} table tr td a.more em{display:inline-block; color:#141414; vertical-align:middle; padding:0; margin:0;} table tr td a.more svg{display:inline-block; fill:#141414; vertical-align:middle; padding:0; margin:0;} table tr td a.more:hover em{color:#dea211;} table tr td a.more:hover svg{fill:#dea211;} /* --- PRODUCT --- */ table tr td a.product, table tr td a.product:hover{display:block; position:relative; color:#666; text-decoration:none; line-height:140%;} table tr td a.product h5{font-family:'OpenSans'; color:#141414; font-weight:bold; margin:0;} table tr td a.product em{color:#dea211; font-style:normal;} table tr td a.product strong{font-family:'OpenSans'; color:#111; font-weight:normal;} table tr td a.product picture{max-width:120px; display:block; float:left; padding:0; margin:0 clamp(10px, 1vw, 15px) 0 0;} table tr td a.product div.tooltip{position:absolute; top:50%; right:clamp(10px, 1vw, 15px); margin:-16px 0 0 0; cursor:pointer; z-index:99; pointer-events:all;} table tr td a.product div.tooltip svg{fill:#999; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;} table tr td a.product div.tooltip svg:hover{fill:#333;} table tr td a.product div.tooltip svg.active{fill:#dea211;} /* SWEETALERT */ .swal2-styled.swal2-deny, .swal2-styled.swal2-cancel, .swal2-styled.swal2-confirm{-webkit-border-radius:clamp(10px, 2vw, 20px) !important; -moz-border-radius:clamp(10px, 2vw, 20px) !important; border-radius:clamp(10px, 2vw, 20px) !important;} .swal2-file, .swal2-input, .swal2-textarea{height:40px !important; border:2px solid #CCC !important; font-family:'OpenSans' !important; font-size:clamp(12px, 2vw, 16px) !important; color:#141414 !important; text-decoration:none !important; font-weight:normal !important; font-style:normal !important; text-transform:none !important; -webkit-border-radius:clamp(12px, 2.5vw, 24px) !important; -moz-border-radius:clamp(12px, 2.5vw, 24px) !important; border-radius:clamp(12px, 2.5vw, 24px) !important;} .swal2-container.swal2-bottom-end, .swal2-container.swal2-center-end, .swal2-container.swal2-top-end{padding:clamp(30px, 5vw, 60px) !important;} .swal2-container.swal2-bottom-end > .swal2-popup, .swal2-container.swal2-bottom-right > .swal2-popup{display:block !important; padding:0 !important;} .swal2-container.swal2-bottom-end .swal2-html-container, .swal2-container.swal2-center-end .swal2-html-container, .swal2-container.swal2-top-end .swal2-html-container{width:-moz-calc(100% - 364px) !important; width:-webkit-calc(100% - 364px) !important; width:-o-calc(100% - 364px) !important; width:calc(100% - 364px) !important; display:block !important; float:left !important; text-align:left !important; padding:15px !important; margin:0 !important;} .swal2-container.swal2-bottom-end .swal2-actions, .swal2-container.swal2-center-end .swal2-actions, .swal2-container.swal2-top-end .swal2-actions{width:326px !important; display:block !important; float:left !important; padding:17px 0 !important; margin:0 !important;} /* POPUP */ .fancybox-stage h3{color:#dea211; text-transform:uppercase; margin:0 0 clamp(10px, 1vw, 15px) 0;} .fancybox-stage input{width:100%;} .fancybox-stage strong{display:block; color:#000; margin:0 0 clamp(10px, 1vw, 15px) 0;} /* --- CHECKBOX --- */ .fancybox-stage .checkbox{margin:0 clamp(10px, 1vw, 15px) 0 0;} .fancybox-stage .checkbox input{width:auto; height:auto; padding:0; margin:0;} /* --- RETURN --- */ .popupreturn{width:80%; max-width:480px; display:none;} .popupreturn h5{font-size:clamp(16px, 2vw, 24px); color:#dea211;} .popupreturn strong{margin:clamp(10px, 1vw, 15px) 0 5px 0;} .popupreturn textarea{width:100%; margin:clamp(5px, 1vw, 10px) 0 0 0;} .popupreturn .bankinfo{margin:clamp(10px, 1vw, 15px) 0 0 clamp(30px, 3vw, 45px);} /* --- SIZE --- */ .popupsizes{width:80%; max-width:860px; display:none;} .popupsizes strong{display:inline;} /* --- SHARE --- */ .sharepopup{width:80%; max-width:480px; display:none; padding:0;} .sharepopup .form, .sharepopup .social{position:relative; padding:30px; margin:0;} .sharepopup .social svg{display:inline-block; fill:#999; vertical-align:middle; margin:0 10px 0 0; cursor:pointer; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .sharepopup .social svg:hover{fill:#dea211;} .sharepopup .copy{position:relative; background-color:#D5D2DC; padding:30px; margin:0;} .sharepopup .copy p{display:block; position:relative; background-color:rgba(255,255,255,0.5); vertical-align:middle; padding:10px 50px 10px 15px; margin:0; cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} .sharepopup .copy p svg{display:block; position:absolute; top:50%; right:15px; fill:#333; vertical-align:middle; margin:-12px 0 0 0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .sharepopup .copy p span{word-break:break-all;} .sharepopup .copy p:hover svg{fill:#dea211;} /* --- ALERT --- */ .alertpopup{width:80%; max-width:480px; display:none;} /* --- FAST --- */ .fastpopup{width:80%; max-width:480px; display:none;} .fastpopup p{display:block; margin:0 0 clamp(10px, 1vw, 15px) 0;} /* --- REVIEW --- */ .reviewpopup{width:80%; max-width:480px; display:none;} .reviewpopup p{display:block; margin:0 0 clamp(10px, 1vw, 15px) 0;} .reviewpopup textarea{width:100%;} .reviewpopup svg{display:inline-block; vertical-align:middle; padding:0; cursor:pointer; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .reviewpopup svg:hover{opacity:0.5;} .reviewpopup svg.full{fill:#ffac33; margin:0 0 clamp(10px, 1vw, 15px) 0;} .reviewpopup svg.null{fill:#CCC; margin:0 0 clamp(10px, 1vw, 15px) 0;} /* --- MESSAGE --- */ .msgpopup{max-wwidth:80%; max-height:80%; display:none; padding:0; margin:0;} .msgpopup a{display:block; color:#666; text-decoration:none; padding:0; margin:0;} .msgpopup p{display:block; padding:clamp(10px, 1vw, 15px); margin:0;} .msgpopup h2{display:block; padding:clamp(10px, 1vw, 15px); margin:0;} .msgpopup picture{display:block; padding:0; margin:0;} /* MOBILE */ @media only screen and (max-width: 2000px){ section.page article a.item{width:-moz-calc(33.3334% - 9px); width:-webkit-calc(33.3334% - 9px); width:-o-calc(33.3334% - 9px); width:calc(33.3334% - 9px); margin:0 0 30px 9px;} section.page article a.item:nth-of-type(4n+1){clear:none; margin:0 0 30px 9px;} section.page article a.item:nth-of-type(3n+1){clear:left; margin:0 0 30px 0;} } @media only screen and (max-width: 1950px){} @media only screen and (max-width: 1900px){ section.slider div.slide span.count .info{padding:0 0 5vw 0;} } @media only screen and (max-width: 1850px){ section.page div.images{width:-moz-calc(50% - 15px); width:-webkit-calc(50% - 15px); width:-o-calc(50% - 15px); width:calc(50% - 15px);} section.page div.details{width:-moz-calc(50% - 15px); width:-webkit-calc(50% - 15px); width:-o-calc(50% - 15px); width:calc(50% - 15px); margin:0;} section.page div.details .info{width:auto; float:none;} section.page div.details .description{width:auto; float:none; margin:clamp(15px, 2vw, 30px) 0 0 0;} } @media only screen and (max-width: 1800px){ section.page div.profile .box{padding:clamp(15px, 3vw, 45px); margin:0 0 0 clamp(15px, 2vw, 25px);} } @media only screen and (max-width: 1750px){} @media only screen and (max-width: 1700px){} @media only screen and (max-width: 1650px){ body{font-size:clamp(14px, 2vw, 15px);} section.page aside{width:320px; margin:0 15px 0 0;} section.page article{width:-moz-calc(100% - 335px); width:-webkit-calc(100% - 335px); width:-o-calc(100% - 335px); width:calc(100% - 335px);} } @media only screen and (max-width: 1600px){ section.banners .banner{width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width:-o-calc(50% - 5px); width:calc(50% - 5px); display:none; margin:0 0 10px 10px;} section.banners .banner:nth-child(-n+2){display:block;} section.about div.box{width:-moz-calc(33.334% - 20px); width:-webkit-calc(33.334% - 20px); width:-o-calc(33.334% - 20px); width:calc(33.334% - 20px); display:block; float:left; padding:0;margin:0 0 0 30px;} section.about div.box img{display:block; padding:0; margin:0 0 30px 0;} section.page div.profile .box{padding:clamp(15px, 2vw, 30px); margin:0 0 0 clamp(15px, 2vw, 20px);} } @media only screen and (max-width: 1550px){ section.shopingcart div.cart{width:75%;} section.shopingcart div.discount{width:-moz-calc(25% - 75px); width:-webkit-calc(25% - 75px); width:-o-calc(25% - 75px); width:calc(25% - 75px); margin:0 0 0 15px;} section.shopingcart div.discount h2{font-size:clamp(15px, 1.5vw, 27px);} section.shopingcart div.cart .middle a.row1 .info h3{display:block;} section.shopingcart div.cart .middle a.row1 .info .label{margin:0 clamp(5px, 1vw, 10px) clamp(5px, 1vw, 10px) 0;} } @media only screen and (max-width: 1500px){ header .phone{display:none;} } @media only screen and (max-width: 1450px){ section.points div.box p{text-align:center;} section.points div.box svg{display:block; max-height:40px; padding:0; margin:0 auto clamp(15px, 1.25vw, 20px) auto;} a.item{width:-moz-calc(33.3334% - 8px); width:-webkit-calc(33.3334% - 8px); width:-o-calc(33.3334% - 8px); width:calc(33.3334% - 8px); margin:0 0 36px 12px;} a.item:nth-of-type(5n + 1), a.item:nth-of-type(4n + 1){clear:none; margin:0 0 36px 12px;} a.item:nth-of-type(3n + 1){clear:left; margin:0 0 36px 0;} } @media only screen and (max-width: 1350px){ header div.controls .action.bag{padding:0 15px;} header div.controls .action.bag p{right:10px;} header div.controls .action.menu{display:block;} section.page div.profile .box{padding:clamp(15px, 2vw, 30px); margin:0 0 0 clamp(10px, 1vw, 15px);} section.page div.checkout{width:-moz-calc(50% - 15px); width:-webkit-calc(50% - 15px); width:-o-calc(50% - 15px); width:calc(50% - 15px); margin:0 0 clamp(45px, 6vw, 90px) 30px;} section.page div.checkout .wallet p{width:60%; display:block; float:left; margin:0 0 clamp(10px, 1vw, 15px) 0;} section.page div.checkout .wallet big{width:40%; display:block; float:left; line-height:120%; margin:0 0 clamp(10px, 1vw, 15px) 0;} section.page div.checkout .wallet .checkbox{clear:left; margin:0;} } @media only screen and (max-width: 1300px){ header .delivery{display:none;} section.welcome .big{width:-moz-calc(33% - 15px); width:-webkit-calc(33% - 15px); width:-o-calc(33% - 15px); width:calc(33% - 15px); margin:0 0 0 15px;} section.welcome div.banners{width:-moz-calc(17% - 15px); width:-webkit-calc(17% - 15px); width:-o-calc(17% - 15px); width:calc(17% - 15px); margin:0 0 0 15px;} div.question{font-size:clamp(16px, 1vw, 20px); line-height:clamp(16px, 1vw, 20px);} /* TO REMOVE */ section.shopingcart div.cart .row1{width:-moz-calc(100% - 400px); width:-webkit-calc(100% - 400px); width:-o-calc(100% - 400px); width:calc(100% - 400px); float:left; padding:clamp(15px, 2vw, 20px) 0; margin:0;} section.shopingcart div.cart .row2{display:none;} section.shopingcart div.cart .top .row1{width:-moz-calc(100% - 430px); width:-webkit-calc(100% - 430px); width:-o-calc(100% - 430px); width:calc(100% - 430px);} section.shopingcart div.cart .top .row2{display:none;} section.shopingcart div.cart .middle .row2{display:none;} } @media only screen and (max-width: 1250px){ footer div.navigation .box{width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); margin:0 0 30px 30px;} footer div.navigation .box:nth-of-type(3n){display:none;} footer div.navigation .box:nth-of-type(5n + 1), footer div.navigation .box:nth-of-type(4n){clear:left; margin:0 0 30px 0;} section.page div.profile{display:block;} section.page div.profile .box{flex:none; padding:clamp(15px, 2vw, 30px); margin:clamp(15px, 2vw, 30px) 0 0 0;} section.page div.profile .box:first-of-type{margin:0;} section.page div.profile .box .info{max-height:none;} /* TO REMOVE */ section.page div.tabs a{padding:10px 20px;} section.page div.tabs a svg{display:none;} section.page div.contents{padding:20px;} } @media only screen and (max-width: 1200px){ section.deliveries div.box{width:-moz-calc(50% - 15px); width:-webkit-calc(50% - 15px); width:-o-calc(50% - 15px); width:calc(50% - 15px); margin:0 0 30px 30px;} section.deliveries div.box:nth-of-type(2n + 1){clear:left; margin:0 0 30px 0;} section.info a.box{width:-moz-calc(50% - 61px); width:-webkit-calc(50% - 61px); width:-o-calc(50% - 61px); width:calc(50% - 61px);} section.info a.box:nth-of-type(3n + 1){clear:none; border-left:1px solid #DDD;} section.info a.box:nth-of-type(2n + 1){clear:left; border-left:none;} section.page div.button#filters{display:block;} section.page aside{width:100%; display:none; float:none;} section.page aside.contacts{display:block;} section.page article{width:100%; float:none; margin:30px 0 0 0;} section.page article a.item{width:-moz-calc(33.3334% - 9px); width:-webkit-calc(33.3334% - 9px); width:-o-calc(33.3334% - 9px); width:calc(33.3334% - 9px); margin:0 0 30px 9px;} section.page article a.item:nth-of-type(4n+1), section.page article a.item:nth-of-type(2n+1){clear:none; margin:0 0 30px 9px;} section.page article a.item:nth-of-type(3n+1){clear:left; margin:0 0 30px 0;} } @media only screen and (max-width: 1150px){ section.points div.box strong{max-width:150px;} section.page div.home{width:auto; float:none; padding:clamp(30px, 3.5vw, 60px) 0 0 0; margin:0;} section.page div.images{width:auto; max-width:none; float:none; clear:left; margin:0 0 clamp(15px, 2vw, 30px) 0;} section.page div.images .gallery{width:auto; float:none; margin:0 auto clamp(10px, 1vw, 15px) auto;} section.page div.images .gallery .image{max-width:calc(100% - 10px); margin:0 auto;} section.page div.details{width:auto; float:none; clear:left; margin:0;} } @media only screen and (max-width: 1050px){ section.points div.box{width:25%;} section.points div.box:nth-child(4){display:none;} /* TO REMOVE */ section.shopingcart div.cart{width:auto; float:none;} section.shopingcart div.discount{width:auto; float:none; margin:15px 0 0 0;} section.shopingcart div.discount input{max-width:none;} } @media only screen and (max-width: 1000px){ a.item{width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width:-o-calc(50% - 5px); width:calc(50% - 5px); margin:0 0 30px 10px;} a.item:nth-of-type(5n + 1), a.item:nth-of-type(4n + 1), a.item:nth-of-type(3n + 1){clear:none; margin:0 0 30px 10px;} a.item:nth-of-type(2n + 1){clear:left; margin:0 0 30px 0;} section.welcome div.slider{width:100%; float:none;} section.welcome .big{width:-moz-calc(66% - 15px); width:-webkit-calc(66% - 15px); width:-o-calc(66% - 15px); width:calc(66% - 15px); max-width:none; margin:75px 0 0 30px;} section.welcome div.banners{width:-moz-calc(34% - 15px); width:-webkit-calc(34% - 15px); width:-o-calc(34% - 15px); width:calc(34% - 15px); max-width:none; clear:left; margin:75px 0 0 0;} } @media only screen and (max-width: 950px){ header nav ul li a{padding:0 10px;} header nav ul li div{margin:0;} section.headline ul{width:100%; display:inline-flex; float:none; overflow-x:scroll;} section.headline h1, section.headline big{float:none !important; font-size:clamp(24px, 2vw, 32px); text-align:left;} section.headline div.mask{width:100%; max-width:100%; float:none; text-align:left; margin:clamp(10px, 1.5vw, 20px) 0 0 0;} section.headline div.mask::before{width:10%; background-image:linear-gradient(to right, rgba(235,235,235,0), #ebebeb);} footer div.data{text-align:center;} footer div.data .payments{margin:0 0 15px 0;} footer div.data p, footer div.data div.created{float:none;} section.about div.box{width:auto; float:none; margin:clamp(15px, 4vw, 60px) 0 0 0;} section.about div.box:first-of-type{margin:0;} section.shop picture{float:none; margin:0;} section.shop .navigation{width:auto; float:none; margin:0 0 clamp(15px, 2vw, 30px) 0;} } @media only screen and (max-width: 900px){ header svg.logo{float:none; margin:0 auto;} header .search{max-width:none; float:none; margin:20px 0 0 0;} header div.control{float:none; text-align:center; margin:30px 0;} header div.control a.menu{display:inline-block;} header nav{display:none; margin:0;} header nav .count{width:100%; padding:0; margin:0;} header nav ul, header nav ul li{float:none;} header nav ul li a{font-size:18px; line-height:38px; padding:0 15px; border-radius:0;} header nav ul li a:hover{background-color:#9dd8dc; color:#FFF;} header nav ul li a.sub{cursor:default; border-radius:0;} header nav ul li div{width:auto; position:relative; background-color:#FFF; padding:20px; margin:0; box-shadow:none;} header nav ul li div.big, header nav ul li div.small{max-width:none;} header nav ul li div.medium{max-width:100%;} header nav ul li div .banner{display:none;} header nav ul li div.big ul{width:100%;} header nav ul li div ul li a{background-color:transparent;} header nav ul li.active a, header nav ul li:hover a{background-color:#dea211; color:#FFF;} header nav ul li:hover div ul li a{background-color:transparent;} header.pinned nav{top:80px;} header.pinned nav ul li a{font-size:18px; line-height:38px; padding:0 15px;} section.page div.address{width:auto; float:none; margin:clamp(45px, 6vw, 90px) 0 0 0;} section.page div.address.empty{margin:0;} section.page article a.item{width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width:-o-calc(50% - 5px); width:calc(50% - 5px); margin:0 0 30px 10px;} section.page article a.item:nth-of-type(4n+1), section.page article a.item:nth-of-type(3n+1){clear:none; margin:0 0 30px 10px;} section.page article a.item:nth-of-type(2n+1){clear:left; margin:0 0 30px 0;} section.page div.checkout, section.page div.checkout:nth-of-type(2n + 1){width:auto; float:none; margin:0 0 clamp(45px, 6vw, 90px) 0;} section.page div.login{width:auto; float:none;} section.page div.sigin{width:auto; float:none; margin:30px 0 0 0;} .swal2-container.swal2-bottom-end .swal2-html-container, .swal2-container.swal2-center-end .swal2-html-container, .swal2-container.swal2-top-end .swal2-html-container{width:auto !important; display:block !important; float:none !important; text-align:left !important; padding:15px !important; margin:0 !important;} .swal2-container.swal2-bottom-end .swal2-actions, .swal2-container.swal2-center-end .swal2-actions, .swal2-container.swal2-top-end .swal2-actions{display:block !important; font-size:4vw !important; text-align:center !important; padding:0 0 5% 0 !important; margin:0 !important;} section.mission .info, section.mission div.social{float:none; text-align:center;} } @media only screen and (max-width: 850px){ section.category aside{width:auto; max-width:none; float:none; margin:0 0 30px 0;} section.category article{width:auto; float:none; padding:30px; margin:0;} .cell2{display:none !important;} section.page div.aumont span:last-of-type{float:none; clear:both;} } @media only screen and (max-width: 800px){ table tr td a.product picture{display:none;} } @media only screen and (max-width: 750px){ section.points div.box{width:50%;} section.shopingcart div.cart .middle a.row1 picture{display:none;} section.shopingcart div.cart .middle a.row1 .info{width:auto; float:none;} section.form div.box, section.deliveries div.box{width:auto; float:none; clear:left; margin:0 0 30px 0;} section.info a.box, section.info a.box:nth-of-type(3n + 1), section.info a.box:nth-of-type(2n + 1){width:auto; float:none; clear:left; border-left:none;} section.page div.details .description .information{display:block;} section.page div.details .description .information .box{margin:15px 0 0 0;} section.page div.details .description .information .box:first-of-type{margin:0;} } @media only screen and (max-width: 700px){ section.page article .box{width:auto; float:none; clear:left; margin:30px 0 0 0;} section.shopingcart div.cart .row1{width:-moz-calc(100% - 280px); width:-webkit-calc(100% - 280px); width:-o-calc(100% - 280px); width:calc(100% - 280px);} section.shopingcart div.cart .row4{display:none;} section.shopingcart div.cart .top .row1{width:-moz-calc(100% - 250px); width:-webkit-calc(100% - 250px); width:-o-calc(100% - 250px); width:calc(100% - 250px);} section.shopingcart div.cart .top .row4{display:none;} section.shopingcart div.cart .middle .row4{display:none;} section.page div.tabs a{padding:10px;} section.page div.tabs a p{display:none;} section.page div.tabs a svg{display:block; padding:0; margin:0;} } @media only screen and (max-width: 650px){ section.welcome div.slider .slide .info{left:15px;} section.welcome div.banners{width:100%; float:none; margin:25px 0 0 0;} section.welcome div.banners .small{width:-moz-calc(50% - 8px); width:-webkit-calc(50% - 8px); width:-o-calc(50% - 8px); width:calc(50% - 8px); float:left; margin:0 0 15px 15px;} section.welcome div.banners .small:first-of-type{margin:0 0 15px 0;} section.welcome .big{width:100%; float:none; clear:left; margin:0;} section.welcome div.slider .slick-dots{padding:0 0 0 15px; margin:-30px 0 0 0;} section.page div.home .controls svg{width:24px; height:24px;} a.item.small{width:auto; float:none; margin:0 0 15px 0;} section.filters strong{display:none;} } @media only screen and (max-width: 600px){} @media only screen and (max-width: 550px){ header div.bag{display:none;} header svg.logo{float:none; margin:15px auto;} header.pinned{padding:15px 0;} header.pinned svg.logo{margin:0 auto;} a.item h3, a.item div.info{width:auto; float:none; min-height:20px;} section.filters .order{min-width:170px;} } @media only screen and (max-width: 500px){ section.slider div.slide span.count{-webkit-align-items:center; align-items:center;} section.slider div.slide span.count .info{width:100%; text-align:center; padding:0;} section.slider div.slide span.count .info h2{font-size:clamp(18px, 3vw, 48px);} .cell4{display:none !important;} table tr td a.product div.tooltip{position:relative; top:0; right:0; margin:0;} section.page aside input{width:80px;} } @media only screen and (max-width: 450px){ section.shopingcart div.cart .row1{width:auto; min-height:36px !important; float:none; padding:15px 0 0 0;} section.shopingcart div.cart .row3{width:auto; min-height:36px !important;} section.shopingcart div.cart .row5{width:auto; min-height:36px !important; float:right;} section.shopingcart div.cart .top .row1{width:auto; float:none;} section.shopingcart div.cart .top .row3, section.shopingcart div.cart .top .row5{display:none;} section.filters .show{display:none;} } @media only screen and (max-width: 400px){ section.points{display:none;} a.item, a.item:nth-of-type(5n + 1), a.item:nth-of-type(4n + 1), a.item:nth-of-type(3n + 1), a.item:nth-of-type(2n + 1){width:auto; float:none; clear:left; margin:0 0 15 0;} footer div.navigation .box, footer div.navigation .box:nth-of-type(6n + 1), footer div.navigation .box:nth-of-type(3n + 1), footer div.navigation .box:nth-of-type(2n + 1){width:auto; float:none; clear:both; margin:30px 0 0 0;} footer div.navigation .box:first-of-type{margin:0;} section.page div.tabs a{padding:5px;} } @media only screen and (max-width: 350px){ footer div.data .payments{display:none;} }