/* 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:#333; 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:#54A09E; text-decoration:none; cursor:pointer;} a:hover, .link:hover{color:#615972; 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:2400px; 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:#90dbe0; font-family:'OpenSans'; font-size:clamp(14px, 1vw, 18px); color:#534b5c; 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.pupore{background-color:#534b5c; color:#FFF;} .button:hover{background-color:#534b5c; color:#FFF; text-decoration:none;} .button.pupore:hover{background-color:#90dbe0; color:#534b5c;} /* 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:#333;} 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:#333; 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:#666;} /* 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:#333; 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:#333; text-decoration:none; font-weight:normal; font-style:normal; padding:16px 10px; margin:0; border-radius:0; -webkit-appearance:none;} .slct select option{color:#333; 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:0px !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:0px !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:0px !important;} .select2-container--default .select2-search--dropdown .select2-search__field{border:none !important; background-color:#f1f1f1 !important; padding:0px 10px !important; margin:0px !important;} .select2-search--dropdown{padding:10px !important;} .select2-results__option{padding:0px 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:#3d3d3d; 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:#3d3d3d; 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:#3d3d3d; 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:#3d3d3d; 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:#3d3d3d; 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:#3d3d3d; 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:#615972; 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:#615972 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 #615972 transparent;} .tooltip:hover .tooltiptext{visibility:visible; opacity:1;} /* TOP */ section.top{display:block; position:relative; background-color:#f2f2f2; padding:6px 0; margin:0;} /* --- LANGUAGES --- */ section.top svg.languages{display:block; float:left; padding:0; margin:0; cursor:pointer; box-shadow:0 0 2px 0 rgba(0,0,0,0.25); -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.top svg.languages:hover{opacity:0.5;} /* --- CURRENCY --- */ section.top div.currency{float:left; border-left:1px solid #999; padding:0 0 0 15px; margin:0 0 0 15px;} section.top div.currency svg{display:inline-block; fill:#c0c0c0; vertical-align:middle; padding:0; margin:0;} section.top div.currency em{display:inline-block; font-style:normal; font-size:15px; vertical-align:middle; padding:0; margin:0 0 0 5px; cursor:pointer;} section.top div.currency em:hover{color:#9cd8dc;} section.top div.currency em.select{font-family:'OpenSansBold'; color:#9cd8dc;} /* --- MENU --- */ section.top ul{display:block; float:left; list-style:none; padding:0; margin:0;} section.top ul li{display:inline-block; border-right:1px solid #999; vertical-align:middle; list-style:none; padding:0 15px 0 0; margin:0 15px 0 0;} section.top ul li a{font-size:clamp(12px, 1vw, 15px); color:#333; text-decoration:none;} section.top ul li a:hover{color:#887BA6; text-decoration:none;} section.top ul li.active a{color:#8EC7C6; text-decoration:none;} section.top ul.null li:last-of-type{border-right:none; padding:0; margin:0;} /* --- INFO --- */ section.top div.info{display:block; float:right; padding:0; margin:0;} section.top div.info p{display:inline-block; font-size:clamp(10px, 1vw, 12px); text-transform:uppercase; vertical-align:middle; padding:0; margin:0;} section.top div.info p strong{font-family:'OpenSansBold'; color:#000; font-weight:normal;} section.top div.info .tooltip{margin:0 clamp(5px, 0.75vw, 10px);} section.top div.info .tooltip svg{fill:#539ba0; cursor:help;} section.top div.info .tooltip .tooltiptext{width:360px; margin:0 0 0 -195px;} /* SHOPPINGCART */ section.shopingcart{display:none; position:relative; background-color:#615972; color:#FFF; 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:#FFF; 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:#FFF; color:#615972;} /* --- 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{border-top:1px dotted #FFF; border-bottom:1px dotted #FFF; 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(15px, 2vw, 20px) 15px;} section.shopingcart div.cart .top .row2{width:120px; padding:clamp(15px, 2vw, 20px) 15px;} section.shopingcart div.cart .top .row3{width:120px; padding:clamp(15px, 2vw, 20px) 15px;} section.shopingcart div.cart .top .row4{width:120px; padding:clamp(15px, 2vw, 20px) 15px;} section.shopingcart div.cart .top .row5{width:70px; padding:clamp(15px, 2vw, 20px) 15px;} /* === ITEMS === */ section.shopingcart div.cart .middle{position:relative; border-bottom:1px dotted #FFF; color:#fff; 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:#BBDDDD; text-decoration:none;} section.shopingcart div.cart .middle a.row1 picture{height: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:#FFF; 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:#FFF;} 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:#BBDDDD; 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:#938EA0;} /* +++ 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:#FFF; 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:#BBDDDD; font-size:clamp(16px, 2vw, 24px); color:#615972; 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:#8EC7C6; 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:#FFF; 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:#DDBBBC;} /* === 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:#CCC; text-align:center; vertical-align:middle; padding:5px clamp(15px, 2vw, 30px); margin:0px;} section.shopingcart div.bottom span:first-of-type{border-left:none;} section.shopingcart div.bottom span:last-of-type strong{color:#BBDDDD;} 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; color:#8CED69; font-style:normal; vertical-align:middle;} section.shopingcart div.bottom span strong{display:block; color:#FFF; padding:0; margin:2px 0 0 0;} section.shopingcart div.bottom a.button{float:left;} section.shopingcart div.bottom a.button:hover{background-color:#FFF; color:#534b5c;} /* --- 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:#D5D2DC; color:#333; 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:#615972; font-style:normal; vertical-align:middle;} section.shopingcart div.discount svg{display:inline-block; fill:#615972; 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:#000; 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:#615972; color:#FFF; margin:clamp(10px, 1vw, 15px) 0 0 0;} section.shopingcart div.discount .button:hover{background-color:#5AADAC;} /* SEARCH */ section.search{display:none; position:relative; background-color:#E7E3F0; padding:20px 0; margin:0;} section.search small{padding:0; margin:clamp(10px, 1vw, 16px) 0 0 0;} section.search input{width:-moz-calc(100% - 110px); width:-webkit-calc(100% - 110px); width:-o-calc(100% - 110px); width:calc(100% - 110px); height:38px; background-color:#FFF; line-height:38px; float:left; margin:0;} section.search input.error{border:none; color:#B13234;} section.search div.btn{float:left; background-color:#615972; color:#FFF; text-decoration:none; line-height:38px; padding: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.search div.btn:hover{background-color:#A094B8;} /* HEADER */ header{display:block; position:-webkit-sticky; position:sticky; top:-1px; background-color:#FFF; padding:0; margin:0; z-index:9999;} /* --- LOGO --- */ header svg.logo{display:block; float:left; padding:0; margin: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;} header svg.logo:hover{opacity:0.75;} /* --- NAVIGATION --- */ header nav{display:block; float:left; padding:0; margin:35px 0 0 clamp(15px, 2vw, 35px);} header nav ul{display:block; float:left; position:relative; background-color:#72CACE; 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:bold; text-transform:uppercase; line-height:50px; padding:0; margin:0 15px; -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;} /* border-bottom:4px solid #FFF; color:#333; line-height:116px; */ header nav ul li a:hover{color:#615972; text-decoration:none;} /* border-bottom:4px solid #9dd8dc; color:#9dd8dc; */ /* === SUBMENU === */ header nav ul li div{width:100vw; display:none; position:absolute; background-color:#efefef; padding:clamp(15px, 2.25vw, 40px); margin:0; box-shadow:0 3px 5px -3px rgba(0,0,0,0.5);} header nav ul li div ul{display:block; float:left; position:relative; background-color:transparent; 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{border-bottom:none; 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;} /* +++ TYPE +++ */ header nav ul li div.big{max-width:720px;} 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:430px;} header nav ul li div.medium ul{width:100%;} header nav ul li div.small{max-width:250px;} header nav ul li div.small .banner{margin:0;} /* === ACTIVE === */ header nav ul li.active a{color:#615972;} /* border-bottom:3px solid #BAB5C4; */ /* === HOVER === */ header nav ul li:hover{text-decoration:none; background-color:#efefef;} header nav ul li:hover a{color:#615972;} header nav ul li:hover div{display:block;} header nav ul li:hover div ul li{background-color:transparent;} header nav ul li:hover div ul li a{border-bottom:none; color:#333;} header nav ul li div ul li a:hover, header nav ul li:hover div ul li a:hover{border-bottom:none; color:#a18db8;} header nav ul li div ul li a.active, header nav ul li:hover div ul li a.active{border-bottom:none; color:#8EC7C6;} /* --- CONTROLS --- */ header div.controls{min-width:175px; display:block; float:right; padding:0; margin:50px 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.controls .action{display:block; position:relative; float:left; border-left:1px solid #CCC; padding:0 15px; margin:0; cursor:pointer;} header div.controls .action:first-child{border-left:none; padding:0 15px 0 0;} header div.controls .action.bag{padding:0 0 0 15px;} header div.controls .action.bag p{width:6px; height:6px; position:absolute; top:-3px; right:-3px; background-color:#615972; padding:0; margin:0; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} header div.controls .action svg{display:block; fill:#666; 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.controls .action:hover svg{fill:#8EC7C6;} header div.controls .action.menu{display:none;} /* --- PINNED --- */ header.pinned{box-shadow:0 3px 5px -3px rgba(0,0,0,0.15);} header.pinned svg.logo{max-height:50px; margin:13px 0;} header.pinned div.controls{margin:clamp(10px, 2vw, 28px) 0;} header.pinned nav{margin:0 0 0 clamp(15px, 2vw, 35px);} header.pinned nav ul li a{line-height:76px;} header.pinned nav ul li div ul li a{line-height:38px;} /* HEADLINE */ section.headline{display:block; position:relative; background-color:#654b7a /* #D5D2DC */; text-align:right; padding:15px 0; margin:0 0 clamp(50px, 6vw, 100px) 0;} section.headline h1{float:left; color:#FFF; margin:0;} section.headline big{display:block; position:relative; float:left; font-family:'OpenSansBold'; font-size:clamp(32px, 3vw, 48px); color:#FFF; 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;} /* --- 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:#FFF /* #615972 */; list-style:none; padding:0; margin:0;} section.headline ul li:last-child{color:#72CACE /* #FFF */;} section.headline ul li+li::before{display:inline-block; content:"/\00a0"; color:#FFF /* #615972 */; padding:0 8px 0 10px;} section.headline ul li a{display:inline-block; font-size:clamp(14px, 2vw, 18px); color:#FFF /* #615972 */; padding:0; margin:0;} section.headline ul li a:hover{color:#72CACE /* #FFF */; text-decoration:none;} /* SLIDER */ section.slider{display:block; position:relative; padding:0; margin:0;} /* --- SLIDE --- */ section.slider div.slide{position:relative; padding:0; margin:0;} section.slider div.slide picture{width:100%; max-width:2560px; margin:0 auto; z-index:1;} /* === INFO === */ section.slider div.slide span.count{height:100%; display:-webkit-flex; display:flex; position:absolute; left:0; right:0; z-index:99; -webkit-align-items:flex-end; align-items:flex-end;} section.slider div.slide span.count .info{padding:0 0 15vh 0; margin:0;} section.slider div.slide span.count .info p{display:block; font-family:'OpenSans'; font-size:clamp(18px, 2vw, 36px); color:#f2f2f2; text-decoration:none; font-weight:normal; font-style:normal; line-height:100%; padding:0; margin:0 0 clamp(20px, 2.25vw, 40px) 0;} section.slider div.slide span.count .info h2{display:block; font-family:'OpenSansBold'; font-size:clamp(36px, 6vw, 96px); color:#f2f2f2; text-decoration:none; font-weight:normal; font-style:normal; line-height:100%; padding:0; margin:0 0 clamp(10px, 1.25vw, 20px) 0;} /* POINTS */ section.points{max-width:2560px; display:block; border-bottom:4px solid #f2f2f2; padding:clamp(30px, 3vw, 50px) 0; margin:0 auto clamp(30px, 6vw, 100px) auto;} section.points div.box{width:-moz-calc(25% - 4px); width:-webkit-calc(25% - 4px); width:-o-calc(25% - 4px); width:calc(25% - 4px); float:left; border-left:4px solid #f2f2f2; text-align:center; padding:0; margin:0;} section.points div.box:first-of-type{border-left:none;} 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:#54A09E; vertical-align:middle; padding:0; margin:0;} section.points div.box strong{display:block; font-size:clamp(18px, 1.5vw, 30px); color:#655b71; font-weight:normal; line-height:120%; padding:0; margin:0;} section.points div.box:hover svg{fill:#655b71;} /* CATEGORIES */ section.categories{width:-moz-calc(100% - 10px); width:-webkit-calc(100% - 10px); width:-o-calc(100% - 10px); width:calc(100% - 10px); max-width:2400px; display:block; border:5px solid #72CACE; padding:clamp(30px, 6vw, 90px); margin:0 auto clamp(30px, 6vw, 100px) auto;} section.categories h3{max-width:2400px; display:block; font-family:'OpenSansBold'; font-size:clamp(36px, 6vw, 96px); color:#655b71; text-decoration:none; font-weight:normal; font-style:normal; line-height:120%; padding:0 clamp(5px, 2vw, 15px); margin:0 auto clamp(20px, 5vw, 50px) auto;} /* --- CONTROLS --- */ section.categories div.prev{width:64px; height:64px; display:block; position:absolute; left:15%; top:50%; background-color:#FFF; padding:0; margin:-32px 0 0 -32px; z-index:99; cursor:pointer; box-shadow:0 3px 5px -3px rgba(0,0,0,0.5); -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} section.categories div.prev svg{display:block; fill:#808184; padding:0; margin:16px 24px 16px 20px; rotate:180deg;} section.categories div.next{width:64px; height:64px; display:block; position:absolute; right:15%; top:50%; background-color:#FFF; padding:0; margin:-32px 0 0 -32px; z-index:99; cursor:pointer; box-shadow:0 3px 5px -3px rgba(0,0,0,0.5); -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} section.categories div.next svg{display:block; fill:#808184; padding:0; margin:16px 20px 16px 24px;} section.categories div.prev:hover, section.categories div.next:hover{background-color:#8EC7C6;} section.categories div.prev:hover svg, section.categories div.next:hover svg{fill:#FFF;} section.categories div.slick-hidden, section.categories div.slick-disabled{display:none !important;} /* --- SLIDER --- */ section.categories div.conteiner{display:block; position:relative; padding:0; margin:0;} section.categories div.conteiner .slick-slide{display:block; text-align:center; padding:0; margin:0;} section.categories div.conteiner .slick-slide a{width:96% !important; max-width:345px; display:block; position:relative; text-align:left; padding:0; margin:0 auto;} section.categories div.conteiner .slick-slide a p{display:block; font-size:clamp(12px, 1vw, 14px); color:#3b3b3b; text-decoration:none; line-height:175%; padding:0; margin:0;} section.categories div.conteiner .slick-slide a strong{display:block; font-family:'OpenSansBold'; font-size:clamp(16px, 1vw, 18px); color:#3b3b3b; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:120%; padding:0; margin:0 0 clamp(10px, 1.25vw, 20px) 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.categories div.conteiner .slick-slide a picture{width:100%; max-width:100%; margin:0 auto clamp(10px, 1.75vw, 30px) auto;} section.categories div.conteiner .slick-slide a:hover{text-decoration:none;} section.categories div.conteiner .slick-slide a:hover p{color:#8EC7C6;} section.categories div.conteiner .slick-slide a:hover strong{color:#615972;} /* BANNERS */ section.banners{display:block; padding:0; margin:0 auto clamp(30px, 6vw, 100px) auto;} section.banners .banner{width:-moz-calc(33.3334% - 5px); width:-webkit-calc(33.3334% - 5px); width:-o-calc(33.3334% - 5px); width:calc(33.3334% - 5px); display:block; float:left; padding:0; margin:0 0 0 7.5px;} section.banners .banner:first-child{margin:0;} /* PRODUCTS */ section.products{display:block; padding:0; margin:0 auto clamp(10px, 3.75vw, 60px) auto;} section.products h3{max-width:2400px; display:block; font-family:'OpenSansBold'; font-size:clamp(36px, 6vw, 96px); color:#655b71; 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(20% - 10px); width:-webkit-calc(20% - 10px); width:-o-calc(20% - 10px); width:calc(20% - 10px); display:block; position:relative; float:left; padding:0; margin:0 0 40px 12.5px;} a.item:nth-of-type(5n + 1){clear:left; margin:0 0 40px 0;} a.item h4{width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width:-o-calc(50% - 5px); width:calc(50% - 5px); display:block; float:left; font-family:'OpenSansBold'; font-size:clamp(14px, 1vw, 18px); color:#000; text-decoration:none; font-weight:normal; font-style:normal; line-height:120%; padding:0; margin:0 10px clamp(10px, 1vw, 15px) 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 svg.like{position:absolute; fill:#E77173; top:clamp(15px, 2vw, 30px); right:clamp(15px, 2vw, 30px); cursor:pointer; z-index:99; pointer-events:all;} a.item picture{width:100%; max-width:100%; margin:0 auto clamp(15px, 1.75vw, 30px) auto;} /* --- INFO --- */ a.item div.info{width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width:-o-calc(50% - 5px); width:calc(50% - 5px); min-height:100px; display:block; float:left; font-family:'OpenSansLight'; font-size:clamp(12px, 1vw, 14px); color:#000; text-decoration:none; font-weight:normal; font-style:normal; line-height:120%; padding:0; margin:0 0 15px 0;} a.item div.info p{display:block;} a.item div.info strong{font-family:'OpenSansBold'; color:inherit; font-weight:normal; text-transform:lowercase;} a.item div.info .label{display:inline-block; padding:5px 10px; margin:0 0 10px 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} /* --- PRICE --- */ a.item div.info .price{margin:0 0 10px 0;} a.item div.info .price s, a.item div.info .price strong{margin:0 0 0 4px;} /* --- OPTIONS --- */ a.item div.options{display:block; position:relative; padding:0; margin:0;} a.item div.options strong{display:block; float:left; border-right:1px solid #b2afac; font-family:'OpenSansBold'; font-size:14px; color:#655b71; text-decoration:none; font-weight:normal; font-style:normal; line-height:120%; padding:0 10px 0 0; margin:0 10px 0 0;} /* === REVIEWS === */ a.item div.options .reviews{display:block; float:left; padding:0; margin:0;} a.item div.options .reviews p{display:inline-block; font-family:'OpenSansLight'; font-size:11px; color:#333; text-decoration:none; font-weight:normal; font-style:normal; vertical-align:middle; padding:0; margin:0 0 0 5px;} a.item div.options .reviews svg{display:inline-block; vertical-align:middle; padding:0; margin:0;} a.item div.options .reviews svg.full{fill:#ffac33;} a.item div.options .reviews svg.null{fill:#CCC;} /* --- LIST --- */ a.item.list{width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); max-width:none; margin:0 0 40px 40px;} a.item.list:nth-of-type(2n + 1){clear:left; margin:0 0 40px 0;} a.item.list h4{width:-moz-calc(60% - 30px); width:-webkit-calc(60% - 30px); width:-o-calc(60% - 30px); width:calc(60% - 30px); font-size:clamp(18px, 3vw, 36px); margin:0 0 clamp(15px, 2vw, 30px) 0;} a.item.list svg.like{left:clamp(15px, 2vw, 30px); right:auto;} a.item.list picture{width:40%; max-width:470px; position:relative; float:left; padding:0; margin:0 clamp(15px, 2vw, 30px) 0 0;} a.item.list div.info{width:-moz-calc(60% - 30px); width:-webkit-calc(60% - 30px); width:-o-calc(60% - 30px); width:calc(60% - 30px); min-height:10px; font-size:clamp(14px, 1vw, 18px); margin:0 0 clamp(15px, 2vw, 30px) 0;} a.item.list div.info p{margin:clamp(10px, 2vw, 20px) 0 0 0;} a.item.list div.info .price{margin:0 0 clamp(10px, 2vw, 20px) 0;} a.item.list div.info .label{display:block; float:left; clear:left; font-size:clamp(12px, 1vw, 14px);} a.item.list div.options{clear:left} a.item.list div.options strong{font-size:clamp(14px, 2vw, 18px);} a.item.list div.options .reviews p{font-size:clamp(11px, 1vw, 13px); margin:0 0 0 10px;} /* --- HOVER --- */ a.item:hover{text-decoration:none;} a.item:hover h4{color:#72b7bc;} /* MOST */ section.most{display:block; padding:0; margin:0 auto clamp(30px, 6vw, 100px) auto;} /* --- TAB --- */ section.most ul{display:block; position:relative; padding:0; margin:0;} section.most ul li{width:50%; display:block; position:relative; float:left; padding:0; margin:0; cursor:pointer;} section.most ul li.select{background-color:#fbf4f0;} /* === BOX === */ section.most ul li div.box{width:100%; max-width:1200px; padding:0; margin:0;} section.most ul li div.box em{display:block; float:right; font-family:'OpenSansLight'; font-size:clamp(14px, 1vw, 18px); color:#333; text-decoration:none; font-style:normal; line-height:clamp(50px, 6vw, 100px); padding:0; margin:0 clamp(15px, 2.75vw, 30px) 0 0;} section.most ul li div.box strong{font-size:clamp(28px, 2vw, 36px); color:#655b71; text-decoration:none; font-weight:normal; line-height:clamp(50px, 6vw, 100px); padding:0; margin:0 0 0 clamp(15px, 2.75vw, 30px);} section.most ul li:first-child div.box{float:right;} section.most ul li:hover div.box strong{color:#8EC7C6;} /* --- CONTENT --- */ section.most div.tabcontent{display:none; position:relative; background-color:#fbf4f0; text-align:center; padding:clamp(30px, 6vw, 100px) 0; margin:0;} /* === CONTROLS === */ section.most div.tabcontent .prev{width:64px; height:64px; display:inline-block; border:2px solid #3b3b3b; vertical-align:middle; padding:0; margin:0 clamp(5px, 1vw, 10px) 0 0; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} section.most div.tabcontent .prev svg{display:block; fill:#3b3b3b; padding:0; margin:16px 24px 16px 20px; rotate:180deg; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} section.most div.tabcontent .next{width:64px; height:64px; display:inline-block; border:2px solid #3b3b3b; vertical-align:middle; padding:0; margin:0 0 0 clamp(5px, 1vw, 10px); cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} section.most div.tabcontent .next svg{display:block; fill:#3b3b3b; padding:0; margin:16px 20px 16px 24px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} section.most div.tabcontent .prev:hover, section.most div.tabcontent .next:hover{border:2px solid #8EC7C6;} section.most div.tabcontent .prev:hover svg, section.most div.tabcontent .next:hover svg{fill:#8EC7C6;} section.most div.tabcontent .slick-hidden, section.most div.tabcontent .slick-disabled{display:none !important;} /* === SLIDER === */ section.most div.tabcontent .container{max-width:2400px; display:inline-block; position:relative; vertical-align:middle; padding:0 5px; margin:0;} section.most div.tabcontent .container .slick-slide{max-width:480px; display:block; text-align:center; padding:0; margin:0;} section.most div.tabcontent .container .slick-slide a{width:auto !important; max-width:470px; display:block; position:relative; text-align:left; padding:0; margin:0 4px;} /* INFORMATIONS */ section.informations{height:100%; display:block; padding:0; margin:0 auto clamp(30px, 7.5vw, 120px) auto;} section.informations div.count{height:100%; display:flex;} /* --- HELP --- */ section.informations div.help{width:-moz-calc(33.3334% - 50px); width:-webkit-calc(33.3334% - 50px); width:-o-calc(33.3334% - 50px); width:calc(33.3334% - 50px); display:block; float:left; flex:1; padding:0; margin:0;} /* === BOX === */ section.informations div.help .box{height:-moz-calc(50% - 2px); height:-webkit-calc(50% - 2px); height:-o-calc(50% - 2px); height:calc(50% - 2px); display:-webkit-flex; display:flex; border-top:2px solid #f2f2f2; padding:0; margin:0; -webkit-align-items:center; align-items:center;} section.informations div.help .box:first-child{border-top:none; border-bottom:2px solid #f2f2f2;} /* +++ LINK +++ */ section.informations div.help .box a{display:block; position:relative; padding:0; margin:0;} section.informations div.help .box a p{display:block; font-family:'OpenSansLight'; font-size:clamp(16px, 1.5vw, 24px); color:#333; text-decoration:none; font-weight:normal; font-style:normal; line-height:150%; padding:0; margin:0 0 clamp(15px, 2vw, 30px) 0;} section.informations div.help .box a em{display:block; font-size:clamp(16px, 1.5vw, 24px); color:#9dd8dc; text-decoration:underline; font-style:normal; padding:0; margin:0;} section.informations div.help .box a strong{display:block; font-family:'OpenSansBold'; font-size:clamp(30px, 4vw, 60px); color:#655b71; text-decoration:none; font-weight:normal; font-style:normal; line-height:100%; padding:0; margin:0 0 clamp(15px, 2vw, 30px) 0;} section.informations div.help .box a:hover{text-decoration:none;} section.informations div.help .box a:hover em{text-decoration:none;} section.informations div.help .box a:hover strong{color:#8E7EA0;} /* --- STORES --- */ section.informations a.stores{width:-moz-calc(33.3334% - 50px); width:-webkit-calc(33.3334% - 50px); width:-o-calc(33.3334% - 50px); width:calc(33.3334% - 50px); height:100%; display:block; position:relative; float:left; flex:1; padding:0; margin:0 0 0 75px;} section.informations a.stores picture{width:100%; position:relative; z-index:1;} /* === INFO === */ section.informations a.stores div.info{width:-moz-calc(100% - 100px); width:-webkit-calc(100% - 100px); width:-o-calc(100% - 100px); width:calc(100% - 100px); height:-moz-calc(100% - 100px); height:-webkit-calc(100% - 100px); height:-o-calc(100% - 100px); height:calc(100% - 100px); display:-webkit-flex; display:flex; position:absolute; background-image:linear-gradient(rgba(142,199,198,0.15), rgba(142,199,198,0.75)); padding:50px; margin:0; z-index:99; -webkit-align-items:flex-end; align-items:flex-end; -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.informations a.stores div.info .box{width:100%;} section.informations a.stores div.info .box p{display:block; font-size:clamp(16px, 1.5vw, 24px); color:#FFF; text-transform:uppercase; line-height:120%; padding:0; margin:clamp(15px, 2vw, 30px) 0 0 0;} section.informations a.stores div.info .box h5{display:block; font-family:'OpenSansBold'; font-size:clamp(30px, 6vw, 96px); color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:100%; padding:0; margin:0;} section.informations a.stores:hover{text-decoration:none;} section.informations a.stores:hover div.info{background-image:linear-gradient(rgba(97,89,114,0.15), rgba(97,89,114,0.75));} /* --- GIFTS --- */ section.informations a.gifts{width:-moz-calc(33.3334% - 50px); width:-webkit-calc(33.3334% - 50px); width:-o-calc(33.3334% - 50px); width:calc(33.3334% - 50px); height:100%; display:block; float:left; flex:1; padding:0; margin:0 0 0 75px;} section.informations a.gifts p{width:-moz-calc(100% - 200px); width:-webkit-calc(100% - 200px); width:-o-calc(100% - 200px); width:calc(100% - 200px); display:block; float:left; font-family:'OpenSansLight'; font-size:clamp(12px, 1vw, 18px); color:#333; text-decoration:none; font-weight:normal; font-style:normal; line-height:140%; padding:0; margin:0 15px 0 0;} section.informations a.gifts h5{display:block; font-family:'OpenSansBold'; font-size:clamp(18px, 2vw, 36px); color:#000; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:100%; padding:0; margin:0 0 clamp(15px, 2vw, 30px) 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.informations a.gifts picture{margin:0 0 clamp(15px, 4vw, 60px) 0;} section.informations a.gifts div.button{float:left;} section.informations a.gifts:hover{text-decoration:none;} section.informations a.gifts:hover h5{color:#8EC7C6;} section.informations a.gifts:hover div.button{background-color:#615972; color:#FFF;} /* BLOG */ section.blog{display:block; position:relative; text-align:center; padding:0; margin:0 auto clamp(30px, 7.5vw, 120px) auto;} section.blog h3{display:block; font-family:'OpenSansBold'; font-size:clamp(24px, 4vw, 60px); color:#655b71; text-decoration:none; font-weight:normal; font-style:normal; text-align:left; line-height:100%; padding:0; margin:0 0 clamp(24px, 4vw, 60px) 0;} /* --- POST --- */ section.blog a.post{width:-moz-calc(50% - 25px); width:-webkit-calc(50% - 25px); width:-o-calc(50% - 25px); width:calc(50% - 25px); display:flex; position:relative; float:left; background-color:#FFF; text-align:left; padding:0; margin:0 0 50px 50px; box-shadow:0 0 75px 0 rgba(0,0,0,0.17);} section.blog a.post:nth-of-type(2n + 1){clear:left; padding:0; margin:0 0 50px 0;} section.blog a.post picture{width:50%; float:left; flex:1;} section.blog a.post div.info{width:-moz-calc(50% - 100px); width:-webkit-calc(50% - 100px); width:-o-calc(50% - 100px); width:calc(50% - 100px); position:relative; float:left; padding:50px; margin:0; flex: 1;} section.blog a.post div.info h4{display:block; font-family:'OpenSansBold'; font-size:clamp(18px, 2vw, 42px); color:#000; text-decoration:none; font-weight:normal; font-style:normal; line-height:100%; padding:0; margin:0 0 clamp(25px, 3vw, 50px) 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.blog a.post div.info em{display:block; position:absolute; font-size:clamp(16px, 1.5vw, 26px); bottom:50px; color:#90dbe0; text-decoration:underline; font-style:normal; 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;} section.blog a.post div.info time{display:block; font-size:clamp(14px, 1vw, 26px); color:#000; line-height:120%; padding:0; margin:0 0 clamp(15px, 1.5vw, 25px) 0;} section.blog a.post:hover{text-decoration:none;} section.blog a.post:hover div.info h4{color:#615972;} section.blog a.post:hover div.info em{text-decoration:none;} /* REVIEWS */ section.reviews{display:block; position:relative; padding:clamp(30px, 6vw, 100px) 0; margin:0 auto clamp(30px, 6vw, 100px) auto;} /* --- INFO --- */ section.reviews div.info{width:20%; float:left; padding:0; margin:0;} section.reviews div.info h5{display:block; font-size:clamp(16px, 1.5vw, 24px); color:#655b71; font-weight:normal; text-transform:uppercase; line-height:120%; padding:0; margin:0 0 clamp(25px, 3vw, 50px) 0;} section.reviews div.info big{display:block; font-family:'OpenSansBold'; font-size:clamp(30px, 6vw, 96px); color:#655b71; text-decoration:none; font-weight:normal; font-style:normal; line-height:100%; padding:0; margin:0;} /* --- INFO --- */ section.reviews div.container{width:80%; position:relative; float:right; padding:0; margin:0;} /* === CONTROLS === */ section.reviews div.container .prev{width:40px; height:40px; display:inline-block; position:relative; border:2px solid #808184; vertical-align:middle; padding:0; margin:0 40px 0 0; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} section.reviews div.container .prev svg{display:block; fill:#808184; padding:0; margin:12px 18px 12px 15px; rotate:180deg; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} section.reviews div.container .next{width:40px; height:40px; display:inline-block; position:relative; border:2px solid #808184; vertical-align:middle; padding:0; margin:0; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} section.reviews div.container .next svg{display:block; fill:#808184; padding:0; margin:12px 19px 12px 15px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} section.reviews div.container .prev:hover, section.reviews div.container .next:hover{border:2px solid #8C80A4;} section.reviews div.container .prev:hover svg, section.reviews div.container .next:hover svg{fill:#8C80A4;} section.reviews div.container .slick-hidden, section.reviews div.container .slick-disabled{display:none !important;} /* === CONTROLS === */ section.reviews div.container .list{width:-moz-calc(100% - 140px); width:-webkit-calc(100% - 140px); width:-o-calc(100% - 140px); width:calc(100% - 140px); display:inline-block; vertical-align:middle; padding:0; margin:0;} section.reviews div.container .list .slick-slide{display:block; padding:0; margin:0;} /* +++ LIST +++ */ section.reviews div.container .list .review{width:-moz-calc(100% - 140px) !important; width:-webkit-calc(100% - 140px) !important; width:-o-calc(100% - 140px) !important; width:calc(100% - 140px) !important; display:block; background-color:#F1F1F1; padding:50px; margin:0 auto; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;} section.reviews div.container .list .review p{display:block; font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"; font-size:clamp(16px, 1.5vw, 26px); color:#655b71; text-decoration:none; font-weight:bold; font-style:italic; line-height:120%; padding:0; margin:0 0 clamp(15px, 3vw, 25px) 0;} section.reviews div.container .list .review em{display:inline-block; font-size:clamp(12px, 1vw, 15px); color:#000; font-style:normal; vertical-align:middle; padding:0; margin:0 0 0 10px;} section.reviews div.container .list .review a{display:block; font-size:clamp(12px, 1vw, 15px); color:#333; text-decoration:none; font-weight:normal; text-transform:uppercase; padding:0; margin:0 0 clamp(15px, 1.5vw, 25px) 0;} section.reviews div.container .list .review a:hover{color:#8EC7C6;} section.reviews div.container .list .review svg{display:inline-block; vertical-align:middle; padding:0; margin:0;} section.reviews div.container .list .review svg.full{fill:#ffac33;} section.reviews div.container .list .review svg.null{fill:#CCC;} /* --- HOME --- */ section.reviews.index{background-color:#f9f3ed;} section.reviews.index div.container .list .review{background-color:#FFF;} /* 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:#000; 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:#8EC7C6; padding:0; margin:5px 15px 5px 0;} section.page div.tabs a:hover{background-color:#f1f1f1;} 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(38% - 40px); width:-webkit-calc(38% - 40px); width:-o-calc(38% - 40px); width:calc(38% - 40px); 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:#333; 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:#8EC7C6; text-decoration:none;} /* --- SOCIAL --- */ section.page div.social{width:-moz-calc(24% - 40px); width:-webkit-calc(24% - 40px); width:-o-calc(24% - 40px); width:calc(24% - 40px); position:relative; float:left; font-size:14px; text-align:left; padding:0; margin:0 clamp(15px, 4vw, 60px);} section.page div.social p{display:block; padding:0; margin:0;} /* === BUTTON === */ section.page div.social a{display:block; position:relative; font-family:'OpenSans'; font-size:14px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; line-height:18px; padding:15px; margin:15px 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.social a:hover{text-decoration:none;} section.page div.social a p{display:inline-block; vertical-align:middle;} section.page div.social a svg{display:inline-block; fill:#FFF; vertical-align:middle; padding:0; margin:0 5px 0 0;} /* +++ FACEBOOK +++ */ section.page div.social a.facebook{background-color:#426191;} section.page div.social a.facebook:hover{background-color:#244273;} /* --- SIGIN --- */ section.page div.sigin{width:-moz-calc(38% - 40px); width:-webkit-calc(38% - 40px); width:-o-calc(38% - 40px); width:calc(38% - 40px); position:relative; float:left; font-size:14px; text-align:left; padding:0; margin:0;} 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:#000;} 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:#8EC7C6; 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:#615972; 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 .title{display:block; position:relative; font-family:'OpenSansBold'; font-size:clamp(24px, 3vw, 32px); color:#3d3d3d; 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:#8EC7C6; 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:#8EC7C6; 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:0px;} 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:#8EC7C6; 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:0px; left:0px; 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:#8EC7C6;} /* === COLOR === */ section.page aside .color{width:30px; height:30px; display:inline-block; border:5px solid #FFF; position:relative; text-indent:-9999px; vertical-align:middle; padding:0; margin:0 0 clamp(10px, 1vw, 15px) 0; 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{border:5px solid #8EC7C6;} section.page aside .color:hover{border:5px solid #9891A9;} /* === REATING === */ section.page aside .reating{position:relative; 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;} section.page aside .reating:hover, section.page aside .reating.select{color:#8EC7C6;} /* === RESET === */ section.page aside .reset{display:inline-block; vertical-align:middle; line-height:clamp(30px, 3vw, 50px); margin:clamp(15px, 2vw, 30px) 0 0 clamp(10px, 1vw, 15px); cursor:pointer;} section.page aside .reset p{display:inline-block; vertical-align:middle; 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 .reset svg{display:inline-block; vertical-align:middle; padding:0; margin:0 0 0 clamp(10px, 1vw, 15px); -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{text-decoration:none;} section.page aside .reset:hover p{color:#89809C;} section.page aside .reset:hover svg{fill:#89809C;} /* --- 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;} /* +++ LIST +++ */ section.page article a.item.list{width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); max-width:none; margin:0 0 40px 40px;} section.page article a.item.list:nth-of-type(2n + 1){clear:left; margin:0 0 40px 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:0px; left:0px; 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:845px; float:left; padding:0; margin:0 30px 0 0;} /* --- THUMBS --- */ section.page div.images .thumbs{width:130px; float:left; padding:0; margin:0 15px 0 0;} /* === CONTROLS === */ section.page div.images .thumbs .slick-arrow{width:100%; height:30px; display:-webkit-flex; display:flex; background-color:#ebebeb; border:none; padding:0; cursor:pointer; -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;} section.page div.images .thumbs .slick-arrow svg{fill:#615972; margin:0 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;} /* +++ PREV +++ */ section.page div.images .thumbs .slick-arrow.prev{margin:0 0 5px 0;} section.page div.images .thumbs .slick-arrow.prev svg{rotate:270deg;} /* +++ NEXT +++ */ section.page div.images .thumbs .slick-arrow.next{margin:0;} section.page div.images .thumbs .slick-arrow.next svg{rotate:90deg;} /* +++ HOVER +++ */ section.page div.images .thumbs .slick-arrow:hover{background-color:#615972;} section.page div.images .thumbs .slick-arrow:hover svg{fill:#FFF;} /* === SLIDER === */ section.page div.images .thumbs .slick-list, section.page div.images .thumbs .slick-list .slick-track{display:block; position:relative; padding:0 !important; margin:0;} section.page div.images .thumbs .slick-list .slick-track .slick-slide{width:auto !important; max-width:130px; max-height:130px; display:block; position:relative; border:none !important; padding:0 !important; margin:0 0 5px 0;} section.page div.images .thumbs .slick-list .slick-track .slick-slide.slick-current div .image{border:5px solid #AAD4D4;} /* +++ IMAGE +++ */ section.page div.images .thumbs .image{max-width:120px; max-height:120px; display:block; position:relative; border:5px solid #FFF; 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;} section.page div.images .thumbs .image picture{position:relative; z-index:1;} section.page div.images .thumbs .image .video{width:100%; height:100%; display:-webkit-flex; display:flex; position:absolute; background-color:rgba(97,89,114,0.5); padding:0; margin:0; z-index:99; -webkit-align-items:center; align-items:center;} section.page div.images .thumbs .image .video svg{width:50%; height:50%; display:block; fill:#FFF; margin:0 auto;} /* --- GALLERY --- */ section.page div.images .gallery{width:-moz-calc(100% - 145px); width:-webkit-calc(100% - 145px); width:-o-calc(100% - 145px); width:calc(100% - 145px); max-width:700px; float:right; padding:0; margin:0;} section.page div.images .gallery .image{max-width:700px; max-height:700px; display:block; position:relative; 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;} section.page div.images .gallery .image picture{position:relative; z-index:1;} section.page div.images .gallery .image .hover{width:100%; height:100%; display:-webkit-flex; display:flex; position:absolute; background-color:rgba(97,89,114,0.5); 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;} 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;} /* --- DETAILS --- */ section.page div.details{width:-moz-calc(100% - 875px); width:-webkit-calc(100% - 875px); width:-o-calc(100% - 875px); width:calc(100% - 875px); float:left; padding:0; margin:0;} section.page div.details.full{width:auto; float:none; margin:0;} /* === LABELS === */ section.page div.details .labels{display:inline-block; vertical-align:middle; padding:0; margin:0 15px 0 0;} section.page div.details .labels .label{display:inline-block; padding:5px 10px; margin:0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} section.page div.details .labels .label strong{color:inherit;} /* === STATUS === */ section.page div.details .status{display:inline-block; vertical-align:middle; 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;} /* === CONTROLS === */ section.page div.details .controls{display:block; float:right; padding:4px 0; margin:0;} /* ++++ LIKE +++ */ section.page div.details .controls svg.like{display:inline-block; vertical-align:middle; 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;} section.page div.details .controls svg.like.add{fill:#CCC;} section.page div.details .controls svg.like.add:hover{fill:#000;} section.page div.details .controls svg.like.delete{fill:#E77173;} section.page div.details .controls svg.like.delete:hover{color:#CF2326;} /* ++++ SHARE +++ */ section.page div.details .controls svg.share{display:inline-block; fill:#CCC; vertical-align:middle; padding:0; margin:0 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.page div.details .controls svg.share:hover{fill:#000;} /* === CODE === */ section.page div.details .code{height:30px; display:inline-block; position:relative; background-color:#D5D2DC; font-size:14px; color:#615972; text-decoration:none; font-weight:normal; font-style:normal; text-align:center; vertical-align:middle; line-height:30px; padding:0 8px; margin:10px 15px 0 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} section.page div.details .code strong{color:inherit;} /* === REVIEWS === */ section.page div.details .reviews{display:inline-block; vertical-align:middle; padding:0; margin:10px 0 0 0; cursor:pointer;} section.page div.details .reviews p{display:inline-block; color:#666; vertical-align:middle; padding:0; margin:0 0 0 5px; -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 .reviews svg{display:inline-block; vertical-align:middle; padding:0; margin:0;} section.page div.details .reviews svg.full{fill:#ffac33;} section.page div.details .reviews svg.null{fill:#CCC;} section.page div.details .reviews:hover p{color:#8EC7C6;} /* === INFO === */ section.page div.details .info{width:40%; float:left; background-color:#f3f3f3; padding:30px; margin:0;} section.page div.details .info hr{margin:clamp(15px, 4vw, 45px) 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:#3d3d3d; padding:0; margin:0;} section.page div.details .info .promo{position:relative; font-size:clamp(14px, 2vw, 18px); color:#3d3d3d; 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; border:5px solid #f3f3f3; text-indent:-9999px; vertical-align:middle; padding:0; margin:5px 5px 0 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.details .info .color.active{border:5px solid #9891A9;} section.page div.details .info .color:hover{border:5px solid #8EC7C6;} /* +++ SIZE +++ */ section.page div.details .info .size{height:30px; display:inline-block; position:relative; border:2px solid #615972; font-size:14px; color:#615972; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; text-align:center; vertical-align:middle; line-height:30px; padding:0 8px; margin:5px 5px 0 0; cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -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:#8EC7C6; border:2px solid #8EC7C6; color:#FFF; text-decoration:none;} section.page div.details .info .size.active{background-color:#615972; border:2px solid #615972; color:#FFF; text-decoration:none;} /* +++ DISCOUNT +++ */ section.page div.details .info .discount{display:inline-block; background-color:#615972; color:#FFF; line-height:30px; padding:0 10px; margin:0 0 15px 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} section.page div.details .info .discount p, section.page div.details .info .discount strong{display:inline-block; color:inherit; vertical-align:middle; margin:0 5px 0 0;} section.page div.details .info .discount .tooltip{width:16px; height:26px;} section.page div.details .info .discount .tooltip svg{fill:#FFF;} section.page div.details .info .discount .tooltip .tooltiptext{background-color:#8EC7C6;} section.page div.details .info .discount .tooltip .tooltiptext::after{border-color:#8EC7C6 transparent transparent transparent;} /* +++ 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{background-color:#5EAFAD; color:#FFF; padding:0 clamp(15px, 2vw, 30px);} section.page div.details .action .button:hover{background-color:#8EC7C6;} section.page div.details .action .fast{background-color:transparent; border:3px solid #615972; color:#615972; line-height:clamp(24px, 3vw, 44px); margin:0 0 0 15px;} section.page div.details .action .fast:hover{background-color:#615972; border:3px solid #615972; color:#FFF;} section.page div.details .action .alert{background-color:#999;} section.page div.details .action .alert:hover{background-color:#333;} /* === DESCRIPTION === */ section.page div.details .description{width:-moz-calc(60% - 90px); width:-webkit-calc(60% - 90px); width:-o-calc(60% - 90px); width:calc(60% - 90px); float:left; padding:0; margin:0 0 0 30px;} section.page div.details .description hr{height:2px; margin:clamp(15px, 2vw, 25px) 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:0px; left:0px; 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:#8EC7C6; 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:#8EC7C6; 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:#615972;} /* +++ 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; fill:#54A09E; padding:0; margin:2px clamp(10px, 1vw, 15px) 0 0;} section.page div.details .description .information .box strong{display:block; color:#000;} 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;} /* === 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:#8EC7C6; 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:#615972; 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:#615972; font-size:14px; color:#FFF; 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 #FFF; color:#CCC; 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:#FFF; 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:#FFF;} section.page div.aumont span:first-of-type strong{min-width:160px; display:inline-block; font-size:14px; color:#FFF; font-weight:normal; margin:0;} section.page div.aumont span:last-of-type{float:right; border-left:none; padding:0; margin:0;} section.page div.aumont span:last-of-type .button:hover{background-color:#FFF; color:#534b5c;} /* 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:#615972; 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:#666;} 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:#666; text-decoration:none;} section.contacts div.box svg{height:auto; display:block; fill:#615972; 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;} /* FORM */ section.form{display:block; position:relative; line-height:120%; padding:clamp(30px, 9vw, 100px) 0; margin:0;} section.form h3{text-transform:uppercase;} section.form strong{display:block; color:#000; padding:0; margin:30px 0 15px 0;} section.form .button{margin:30px 0 0 0;} section.form div.checkbox{margin:3px 15px 0 0;} /* --- BOX --- */ section.form div.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.form div.box:nth-of-type(4n + 1), section.deliveries div.box:nth-of-type(4n + 1){clear:left; margin:0 0 30px 0;} section.form div.box label.label, section.deliveries div.box label.label{margin:5px 0 0 0;} /* STORES */ section.stores{display:block; position:relative; line-height:160%; padding:0; margin:0 0 clamp(30px, 9vw, 100px) 0;} section.stores div.map{width:100%; max-width:100%; height:clamp(100px, 50vh, 400px); position:relative; background-color:#DDD; padding:0; margin:0 0 30px 0;} /* QUESTION */ div.question{display:block; clear:left; background-color:#D9ECEC; font-size:clamp(16px, 2vw, 24px); color:#534b5c; 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 #534b5c; 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:#8EC7C6; color:#FFF; text-decoration:none;} div.question:hover em{border-top:10px solid #FFF;} div.question.active{background-color:#615972; color:#FFF; text-decoration:none; 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;} /* --- STORE --- */ span.answer div.store{display:block; position:relative; border-top:1px dotted #999; padding:30px 0; margin:0} span.answer div.store:first-of-type{border-top:none} span.answer div.store picture{float:left; cursor:pointer;} span.answer div.store picture img{display:block; padding:0; margin:0;} span.answer div.store .info{width:-moz-calc(100% - 510px); width:-webkit-calc(100% - 510px); width:-o-calc(100% - 510px); width:calc(100% - 510px); min-height:360px; display:-webkit-flex; display:flex; float:left; padding:0; margin:0 0 0 30px; -webkit-align-items:center; align-items:center;} span.answer div.store .info .button{cursor:pointer;} span.answer div.store .info .countent{width:100%; padding:0; margin:0;} span.answer div.store .info a{display:block; font-family:'OpenSansBold'; font-size:24px; color:#7A708F; text-decoration:none; font-weight:normal; font-style:normal; line-height:120%; padding:0; margin:0 0 30px 0;} span.answer div.store .info strong{display:block; font-size:12px; color:#000; text-transform:uppercase;} span.answer div.store .info .box{width:-moz-calc(33.3334% - 51px); width:-webkit-calc(33.3334% - 51px); width:-o-calc(33.3334% - 51px); width:calc(33.3334% - 51px); min-height:100px; display:-webkit-flex; display:flex; float:left; border-left:1px dotted #999; padding:0 30px; margin:0 0 30px 0; -webkit-align-items:center; align-items:center;} span.answer div.store .info .box:first-of-type{border-left:none; padding:0 30px 0 0;} span.answer div.store .info .box .pointer{padding:0; margin:0; cursor:pointer;} span.answer div.store .info .box .pointer p{display:inline-block; color:#615972; font-size:12px; line-height:16px; vertical-align:middle; padding:0; margin:0;} span.answer div.store .info .box .pointer svg{display:inline-block; fill:#615972; vertical-align:middle; padding:0; margin:0 5px 0 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:#615972; 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(100% - 510px); width:-webkit-calc(100% - 510px); width:-o-calc(100% - 510px); width:calc(100% - 510px); min-height:360px; display:block; float:left; padding:0; margin:0 0 30px 30px;} /* width:-moz-calc(50% - 270px); width:-webkit-calc(50% - 270px); width:-o-calc(50% - 270px); width:calc(50% - 270px); */ section.shop .info strong{font-size:12px; color:#000; 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:#333; 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:#90dbe0; font-family:'OpenSans'; font-size:clamp(14px, 1vw, 18px); color:#534b5c; text-decoration:none; text-transform:uppercase; font-weight:normal; font-style:normal; line-height:clamp(30px, 3vw, 50px); padding:0 clamp(20px, 2.25vw, 40px); margin:0; -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;} section.info a.box svg{display:block; fill:#615972; padding:0; margin:0 auto 30px auto;} section.info a.box:hover{text-decoration:none;} section.info a.box:hover h2{color:#615972; text-decoration:none;} section.info a.box:hover em{background-color:#534b5c; color:#FFF; text-decoration:none;} section.info a.box:hover svg{opacity:0.5;} /* DELIVERIES */ section.deliveries{display:block; position:relative; background-color:#BCB7C7; color:#FFF; line-height:160%; padding:clamp(30px, 9vw, 100px) 0; margin:0;} section.deliveries .button{margin:30px 0 0 0;} section.deliveries strong{display:block; color:#333; text-transform:uppercase; padding:0; margin:30px 0 15px 0;} section.deliveries table strong{display:inline-block; margin:0;} /* --- SITEMAP --- */ section.deliveries .sitemap{width:-moz-calc(50% - 70px); width:-webkit-calc(50% - 70px); width:-o-calc(50% - 70px); width:calc(50% - 70px); float:left; background-color:#FFF; padding:30px; margin:10px 0 10px 20px; box-shadow:0 0 5px 0 rgba(0,0,0,0.15); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -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.deliveries .sitemap:nth-of-type(2n + 1){clear:left; margin:10px 0;} section.deliveries .sitemap p{color:#3d3d3d;} section.deliveries .sitemap h4{font-family:'OpenSansBold'; color:#8EC7C6; text-transform:uppercase; margin:6px 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.deliveries .sitemap svg{display:block; float:left; fill:#999; padding:0; margin:0 30px 0 0;} section.deliveries .sitemap:hover{text-decoration:none;} section.deliveries .sitemap:hover h4{color:#615972;} /* 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:#615972; 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:#8EC7C6; 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:#3d3d3d;} section.post a.back:hover svg{margin:0 7px 0 0;} /* SITEMAP */ section.sitemap{display:block; position:relative; padding:0; margin:0 0 clamp(50px, 6vw, 100px) 0;} section.sitemap h3.link{color:#3d3d3d; text-decoration:none; cursor:pointer;} section.sitemap h3.link:hover{color:#8C839E; text-decoration:none;} /* --- BOX --- */ section.sitemap div.box{width:-moz-calc(20% - 12px); width:-webkit-calc(20% - 12px); width:-o-calc(20% - 12px); width:calc(20% - 12px); display:block; float:left; padding:0; margin:0 0 30px 15px;} section.sitemap div.box:nth-of-type(5n + 1){clear:left; margin:0 0 30px 0;} section.sitemap div.box ul{position:relative; color:#CCC; list-style:none; padding:0; margin:0 0 0 0.5em;} section.sitemap div.box ul::before{width:0; display:block; position:absolute; top:0; bottom:0; left:0; content:""; border-left:1px solid;} section.sitemap div.box ul li{position:relative; font-size:14px; line-height:2em; list-style:none; padding:0 1.5em; margin:0;} section.sitemap div.box ul li::before{width:10px; height:0; display:block; position:absolute; top:1em; left:0; content:""; border-top:1px solid; margin-top:-1px;} section.sitemap div.box ul li:last-child::before{height:auto; top:1em; bottom:0; background:#FFF;} /* --- COLUMN --- */ section.sitemap .column{width:-moz-calc(50% - 40px); width:-webkit-calc(50% - 40px); width:-o-calc(50% - 40px); width:calc(50% - 40px); float:left; background-color:#ebebeb; text-transform:none; padding:15px; margin:10px 0 10px 20px; cursor:pointer; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -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.sitemap .column:nth-of-type(2n + 1){clear:left; margin:10px 0;} section.sitemap .column p{display:block; color:#333; padding:0; margin:5px 0 0 0;} section.sitemap .column h3{display:block; 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.sitemap .column:hover{text-decoration:none;} section.sitemap .column:hover h3{color:#8EC7C6; text-decoration:none;} /* NEWSLETTER */ section.newsletter{display:block; position:relative; text-align:center; padding:0; margin:0 auto clamp(30px, 6vw, 100px) auto;} section.newsletter p{display:block; font-family:'OpenSansLight'; font-size:clamp(12px, 1vw, 16px); color:#655b71; text-decoration:none; text-transform:uppercase; line-height:120%; padding:0; margin:0 0 clamp(25px, 3vw, 50px) 0;} section.newsletter h6{font-family:'OpenSansBold'; font-size:clamp(24px, 3vw, 48px); color:#655b71; font-weight:normal; line-height:120%; margin:0 0 clamp(10px, 1.25vw, 20px) 0;} section.newsletter div.feild{max-width:515px; position:relative; border-bottom:1px solid #a6a9ae; padding:10px 0; margin:0 auto;} section.newsletter div.feild svg{width:auto; float:left; padding:0;} section.newsletter div.feild svg.icon{max-height:clamp(12px, 1vw, 16px); fill:#8EC7C6; margin:21px 0;} section.newsletter div.feild svg.btn{max-height:clamp(11px, 1vw, 14px); fill:#27262c; margin:22px 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.newsletter div.feild svg.btn:hover{opacity:0.5;} section.newsletter div.feild input{width:-moz-calc(100% - 85px); width:-webkit-calc(100% - 85px); width:-o-calc(100% - 85px); width:calc(100% - 85px); height:58px; float:left; background-color:transparent; line-height:58px; padding:0; margin:0 20px;} /* FOOTER */ footer{display:block; position:relative; padding:0; margin:0 auto;} /* --- MENU --- */ footer div.menu{position:relative; background-color:#ebebeb; padding:clamp(15px, 4.25vw, 70px) 0; margin:0;} footer div.menu .box{width:-moz-calc(16.667% - 26px); width:-webkit-calc(16.667% - 26px); width:-o-calc(16.667% - 26px); width:calc(16.667% - 26px); display:block; float:left; padding:0; margin:0 0 0 30px;} footer div.menu .box:nth-of-type(6n + 1){clear:left; margin:0;} footer div.menu .box strong{display:block; position:relative; font-family:'OpenSansBold'; font-size:clamp(15px, 1.5vw, 24px); color:#3d3d3d; 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.menu .box ul{display:block; list-style:none; padding:0; margin:0;} footer div.menu .box ul li{display:block; border-top:1px solid #cecece; list-style:none; padding:0; margin:0;} footer div.menu .box ul li:first-child{border-top:none;} footer div.menu .box ul li a, footer div.menu .box ul li .link{display:block; font-size:clamp(12px, 1vw, 16px); color:#333; text-decoration:none; line-height:140%; padding:10px 0; margin:0; cursor:pointer;} footer div.menu .box ul li a:hover, footer div.menu .box ul li .link:hover{color:#9588AF;} footer div.menu .box ul li.active a, footer div.menu .box ul li.active .link{color:#76bcc1;} /* --- INFO --- */ footer div.info{position:relative; text-align:center; padding:clamp(25px, 3vw, 50px) 0; margin:0;} footer div.info p{width:-moz-calc(100% - 160px); width:-webkit-calc(100% - 160px); width:-o-calc(100% - 160px); width:calc(100% - 160px); display:block; font-size:clamp(12px, 1vw, 14px); float:left; color:#333; text-align:left; line-height:140%; padding:0; margin:0 0 clamp(25px, 2vw, 50px) 0;} /* === SVG === */ footer div.info svg, footer div.info img{display:inline-block; vertical-align:middle; padding:0; margin:0 15px 0 0;} footer div.info svg.logo{display:block; float:left; margin:0 30px clamp(25px, 2vw, 50px) 0;} footer div.info .content{width:-moz-calc(100% - 160px); width:-webkit-calc(100% - 160px); width:-o-calc(100% - 160px); width:calc(100% - 160px); display:table; padding:0; margin:0 0 0 160px;} footer div.info .content .marketplace{display:table-cell; text-align:left; padding:0; margin:0;} footer div.info .content .marketplace svg, footer div.info .content .marketplace img{cursor:pointer; -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;} footer div.info .content .marketplace svg:hover, footer div.info .content .marketplace img:hover{opacity:0.65;} footer div.info .content .payments, footer div.info .content .secure{display:table-cell; text-align:left; padding:0; margin:0;} footer div.info .content .apps{display:table-cell; text-align:left; padding:0; margin:0;} footer div.info .content .apps svg{cursor:pointer; -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;} footer div.info .content .apps svg:hover{opacity:0.65;} footer div.info .content .social{display:table-cell; text-align:right; padding:0; margin:0;} footer div.info .content .social svg{fill:#c3c8d3; cursor:pointer; -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;} footer div.info .content .social svg:hover{fill:#93979f;} /* --- DATA --- */ footer div.data{background-color:#9dd8dc; padding:20px 0; margin:0;} /* === ALLRIGHT === */ footer div.data p{display:block; float:left; font-size:12px; color:#333; text-decoration:none; font-weight:normal; font-style:normal; line-height:16px; padding:0; margin:0;} footer div.data p strong{font-family:'OpenSansBold'; color:#000; font-weight:normal;} /* === CREATED === */ footer div.data div.created{float:right; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; font-size:11px; color:#333; 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:#F3CDCE; padding:clamp(15px, 2vw, 30px) 0;} section.warning p{display:block; float:left; padding:0; margin:0 0 0 clamp(15px, 2vw, 30px);} section.warning h2{display:block; float:left; padding:0; margin:0 0 0 clamp(10px, 1vw, 15px);} section.warning svg{display:block; float:left; fill:#333; 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:#000; text-decoration:none; font-weight:normal; font-style:normal; vertical-align:middle; padding:0; margin:0;} section.filters a.button{display:none; background-color:#2e2e2e; text-align:center;} section.filters a.button:hover{background-color:#fab607; 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:#FFF; font-family:'OpenSansLight'; font-size:clamp(12px, 1vw, 14px); color:#2e2e2e; 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:#8EC7C6; color:#FFF;} section.filters .show div.option.select{background-color:#615972; color:#FFF;} /* --- ORDER --- */ section.filters .order{min-width:270px; position:relative; float:left; 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;} /* --- ORDER --- */ section.filters .type{position:relative; float:right; line-height:26px; padding:clamp(10px, 1vw, 15px); margin:0;} section.filters .type svg{display:inline-block; fill:#999; 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 .type svg:hover{fill:#615972;} section.filters .type svg.select{fill:#8EC7C6;} /* 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:#000; 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 #8EC7C6; color:#8EC7C6; text-decoration:none;} section.pagination a.current{border-top:4px solid #615972; color:#615972; 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:#8EC7C6;} /* TABLE */ div.table{position:relative; overflow-x:auto; overflow-y:hidden; padding:1px; margin:0;} table{border:none; border-right:1px solid #CCC; border-top:1px solid #CCC; border-collapse:collapse; padding:0; margin:0;} table tr{background-color:#FFF;} table tr th{background-color:#615972; 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 #CCC; border-bottom:1px solid #CCC; border-collapse:collapse; font-size:14px; color:#333; text-decoration:none; padding:5px 10px; margin:0;} table tr:hover{background-color:#D9ECEC;} table tr td a.hover{color:#615972; text-decoration:none;} /* --- MORE --- */ table tr td a.more{text-decoration:none;} table tr td a.more em, table tr td a.more svg{display:inline-block; vertical-align:middle; padding:0; margin:0;} /* --- PRODUCT --- */ table tr td a.product, table tr td a.product:hover{display:block; position:relative; color:#333; text-decoration:none; line-height:140%;} table tr td a.product h5{font-family:'OpenSans'; color:#3d3d3d; font-weight:bold; margin:0;} table tr td a.product em{color:#8EC7C6; font-style:normal;} table tr td a.product strong{font-family:'OpenSans'; color:#000; 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:#8EC7C6;} /* 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:#3d3d3d !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:#615972; 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:#615972;} .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);} /* --- 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:#8EC7C6;} .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:#8EC7C6;} /* --- 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:#333; 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: 2600px){ section.most div.tabcontent .prev, section.most div.tabcontent .next{display:none;} section.categories{width:-moz-calc(100% - 40px); width:-webkit-calc(100% - 40px); width:-o-calc(100% - 40px); width:calc(100% - 40px); padding:clamp(30px, 6vw, 90px) 15px;} } @media only screen and (max-width: 2300px){ section.blog a.post div.info{width:-moz-calc(50% - 60px); width:-webkit-calc(50% - 60px); width:-o-calc(50% - 60px); width:calc(50% - 60px); padding:30px;} section.blog a.post div.info em{bottom:30px;} } @media only screen and (max-width: 2250px){ section.informations div.help .box a strong{font-size:clamp(30px, 2.5vw, 60px);} section.informations a.stores div.info .box h5{font-size:clamp(30px, 4vw, 96px);} section.informations a.gifts h5{font-size:clamp(18px, 1.75vw, 36px);} } @media only screen and (max-width: 2000px){ header nav ul li a{font-size:clamp(14px, 1vw, 16px);} section.blog a.post div.info h4{font-size:clamp(18px, 1.5vw, 42px);} 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;} section.page article a.item.list{width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:-o-calc(50% - 10px); width:calc(50% - 10px); margin:0 0 30px 20px;} section.page article a.item.list:nth-of-type(4n + 1), section.page article a.item.list:nth-of-type(3n + 1){clear:none; margin:0 0 30px 20px;} section.page article a.item.list:nth-of-type(2n + 1){clear:left; margin:0 0 30px 0;} } @media only screen and (max-width: 1950px){ header nav ul li a{font-size:clamp(11px, 2vw, 16px);} section.categories div.prev{left:10%;} section.categories div.next{right:10%;} } @media only screen and (max-width: 1900px){ header nav ul li a{font-size:clamp(14px, 1vw, 15px);} section.slider div.slide span.count .info{padding:0 0 5vw 0;} a.item{width:-moz-calc(25% - 9px); width:-webkit-calc(25% - 9px); width:-o-calc(25% - 9px); width:calc(25% - 9px); margin:0 0 36px 12px;} a.item:nth-of-type(5n + 1){clear:none; margin:0 0 36px 12px;} a.item:nth-of-type(4n + 1){clear:left; margin:0 0 36px 0;} section.informations a.stores div.info{width:-moz-calc(100% - 60px); width:-webkit-calc(100% - 60px); width:-o-calc(100% - 60px); width:calc(100% - 60px); height:-moz-calc(100% - 60px); height:-webkit-calc(100% - 60px); height:-o-calc(100% - 60px); height:calc(100% - 60px); padding:30px;} } @media only screen and (max-width: 1850px){ footer div.info .content .secure{display:none;} section.page div.images{width:-moz-calc(50% - 15px); width:-webkit-calc(50% - 15px); width:-o-calc(50% - 15px); width:calc(50% - 15px); margin:0 30px 0 0;} section.page div.images .thumbs{margin:0 10px 0 0;} section.page div.images .gallery{width:-moz-calc(100% - 140px); width:-webkit-calc(100% - 140px); width:-o-calc(100% - 140px); width:calc(100% - 140px);} 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){ header nav ul li a{margin:0 10px;} header nav ul li div{margin:0 0 0 10px;} 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){ section.blog a.post{width:-moz-calc(50% - 12px); width:-webkit-calc(50% - 12px); width:-o-calc(50% - 12px); width:calc(50% - 12px); margin:0 0 24px 24px; box-shadow:0 0 50px 0 rgba(0,0,0,0.17);} section.blog a.post:nth-of-type(2n + 1){margin:0 0 24px 0;} section.blog a.post div.info h4{font-size:clamp(18px, 1vw, 42px); margin:0 0 25px 0;} section.blog a.post div.info time{margin:0 0 15px 0;} } @media only screen and (max-width: 1700px){ header nav ul li a{font-size:clamp(11px, 2vw, 14px); margin:0 5px;} header nav ul li div{margin:0 0 0 5px;} section.page article a.item.list, section.page article a.item.list:nth-of-type(4n + 1), section.page article a.item.list:nth-of-type(3n + 1), section.page article a.item.list:nth-of-type(2n + 1){width:100%; float:none; clear:left; margin:0 0 30px 0;} } @media only screen and (max-width: 1650px){ body{font-size:clamp(14px, 2vw, 15px);} section.informations div.count{display:block;} section.informations div.help{width:100%; height:auto; display:block; float:none; flex:none; clear:both; margin:0 0 clamp(32px, 6vw, 96px) 0;} section.informations div.help .box{width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); height:auto; float:left;border-top:none; border-left:4px solid #f2f2f2; padding:0 0 0 18px;} section.informations div.help .box:first-child{border-bottom:none;border-left:none; padding:0 18px 0 0;} section.informations a.stores{width:-moz-calc(50% - 15px); width:-webkit-calc(50% - 15px); width:-o-calc(50% - 15px); width:calc(50% - 15px); height:auto; flex:none; margin:0;} section.informations a.gifts{width:-moz-calc(50% - 15px); width:-webkit-calc(50% - 15px); width:-o-calc(50% - 15px); width:calc(50% - 15px); height:auto; flex:none; margin:0 0 0 30px;} footer div.info svg, footer div.info img{margin:0 10px 0 0;} 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.informations a.gifts p{width:-moz-calc(100% - 170px); width:-webkit-calc(100% - 170px); width:-o-calc(100% - 170px); width:calc(100% - 170px);} 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 nav ul li a{font-size:clamp(11px, 2vw, 12px);} section.categories div.prev{left:5%;} section.categories div.next{right:5%;} footer div.info .content .social{text-align:left;} footer div.info .content .payments{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: 1400px){ section.informations a.gifts p{width:-moz-calc(100% - 160px); width:-webkit-calc(100% - 160px); width:-o-calc(100% - 160px); width:calc(100% - 160px);} } @media only screen and (max-width: 1350px){ section.top ul li:nth-child(-n+2){display:none;} header nav{width:100%; display:none; position:absolute; top:120px; left:0; background-color:#f9f9f9; 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; margin:0;} header nav ul li a:hover{background-color:#9dd8dc; color:#FFF;} /* border-bottom:4px solid #FFF; */ header nav ul li a.sub{cursor:default;} 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 ul li a{background-color:transparent;} header nav ul li.active a{background-color:#615972; color:#FFF;} /* border-bottom:3px solid #FFF; */ header nav ul li:hover a{background-color:#9dd8dc; color:#FFF;} /* border-bottom:4px solid #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;} 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){ 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){ 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;} footer div.menu .box{width:-moz-calc(33.3334% - 20px); width:-webkit-calc(33.3334% - 20px); width:-o-calc(33.3334% - 20px); width:calc(33.3334% - 20px); margin:0 0 30px 30px;} footer div.menu .box:nth-of-type(6n + 1){clear:none; margin:0 0 30px 30px;} footer div.menu .box:nth-of-type(3n + 1){clear:left; margin:0 0 30px 0;} footer div.data{text-align:center;} footer div.data p, footer div.data div.created{float: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.form div.box, 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.form div.box:nth-of-type(2n + 1), section.deliveries div.box:nth-of-type(2n + 1){clear:left; margin:0 0 30px 0;} section.shop .navigation{width:-moz-calc(100% - 495px); width:-webkit-calc(100% - 495px); width:-o-calc(100% - 495px); width:calc(100% - 495px); margin:0 0 30px 15px;} section.shop .info{width:auto; min-height:10px; float:none; clear:left; margin:0 0 30px 0;} section.shop div.half{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:0 0 30px 30px;} section.shop div.half:nth-of-type(2n + 1){clear:left; margin:0 0 30px 0;} section.shop div.full{width:100%; float:none; clear:left;} 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 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.informations a.gifts p{width:-moz-calc(100% - 150px); width:-webkit-calc(100% - 150px); width:-o-calc(100% - 150px); width:calc(100% - 150px);} footer div.info .content .marketplace{display:none;} 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:100%; max-height:100%;} section.page div.images .thumbs{width:auto; float:none; margin:0 auto;} section.page div.details{width:auto; float:none; clear:left; margin:0;} span.answer div.store .info .box{width:auto; min-height:10px; display:block; float:none; border-left:none; border-top:1px dotted #999; padding:clamp(10px, 1vw, 15px) 0; margin:0;} span.answer div.store .info .box:first-of-type{border-top:none; padding:0 0 clamp(10px, 1vw, 15px) 0;} } @media only screen and (max-width: 1100px){ section.blog a.post{width:auto; float:none; margin:0 0 24px 0; box-shadow:0 0 50px 0 rgba(0,0,0,0.17);} section.blog a.post div.info h4{font-size:clamp(18px, 3vw, 42px); margin:0 0 50px 0;} section.blog a.post div.info time{margin:0 0 15px 0;} } @media only screen and (max-width: 1050px){ section.reviews div.info{width:auto; float:none; text-align:center; margin:clamp(32px, 4vw, 64px) 0 0 0;} section.reviews div.container{width:auto; float: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;} section.sitemap div.box{width:-moz-calc(33.3334% - 12px); width:-webkit-calc(33.3334% - 12px); width:-o-calc(33.3334% - 12px); width:calc(33.3334% - 12px); margin:0 0 30px 18px;} section.sitemap div.box:nth-of-type(5n + 1){clear:none; margin:0 0 30px 18px;} section.sitemap div.box:nth-of-type(3n + 1){clear:left; margin:0 0 30px 0;} } @media only screen and (max-width: 1000px){ section.top ul{display:none;} 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;} /* TO REMOVE */ section.contacts div.box{width:-moz-calc(25% - 15px); width:-webkit-calc(25% - 15px); width:-o-calc(25% - 15px); width:calc(25% - 15px); display:block; float:left; padding:0;margin:0 0 0 20px;} } /* MOBILE */ @media only screen and (max-width: 950px){ section.page iframe{max-width:100%; float:none; margin:0 auto clamp(15px, 4vw, 60px) auto;} 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){ section.deliveries .sitemap{width:auto; display:block; float:none; margin:10px 0;} 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 article a.item.list, section.page article a.item.list:nth-of-type(4n + 1), section.page article a.item.list:nth-of-type(3n + 1), section.page article a.item.list:nth-of-type(2n + 1){width:100%; float:none; 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.social, 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.contacts div.box{width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:-o-calc(50% - 10px); width:calc(50% - 10px); display:block; float:left; padding:0;margin:0 0 60px 20px;} section.contacts div.box:nth-of-type(4n + 1){clear:none; margin:0 0 60px 20px;} section.contacts div.box:nth-of-type(2n + 1){clear:left; margin:0 0 60px 0;} section.mission .info, section.mission div.social{float:none; text-align:center;} span.answer div.store picture img{display:none !important;} span.answer div.store .info{width:auto; float:none; margin:0;} } @media only screen and (max-width: 850px){ .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.categories div.prev, section.categories div.next{width:32px; height:32px; margin:-16px 0 0 -16px;} section.categories div.prev svg, section.categories div.next svg{width:10px; height:16px; margin:8px 11px;} section.banners .banner{width:auto; display:block; float:none; margin:10px 0 0 0;} section.informations a.stores{width:auto; float:none;} section.informations a.gifts{width:auto; float:none; margin:30px 0 0 0;} section.informations div.help .box{width:auto; float:none; border-top:4px solid #f2f2f2; border-left:none; padding:clamp(30px, 4vw, 60px) 0;} section.informations div.help .box:first-child{border-top:none; padding:0 0 clamp(30px, 2vw, 60px) 0;} section.shopingcart div.cart .middle a.row1 picture{display:none;} section.shopingcart div.cart .middle a.row1 .info{width:auto; float:none;} 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%;} 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.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;} section.sitemap div.box{width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:-o-calc(50% - 10px); width:calc(50% - 10px); margin:0 0 20px 20px;} section.sitemap div.box:nth-of-type(5n + 1), section.sitemap div.box:nth-of-type(3n + 1){clear:none; margin:0 0 20px 20px;} section.sitemap div.box:nth-of-type(2n + 1){clear:left; margin:0 0 20px 0;} } @media only screen and (max-width: 650px){ footer div.menu .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;} footer div.menu .box:nth-of-type(6n + 1), footer div.menu .box:nth-of-type(3n + 1){clear:none; margin:0 0 30px 30px;} footer div.menu .box:nth-of-type(2n + 1){clear:left; margin:0 0 30px 0;} section.most ul li div.box strong{font-size:clamp(16px, 2vw, 24px);} section.filters strong{display:none;} section.headline div.mask:before{width:20px; position:absolute; top:0; right:0; bottom:0; content:""; background-image:linear-gradient(to right, rgba(213,210,220,0), #654b7a /* #D5D2DC */); z-index:3;} } @media only screen and (max-width: 600px){ section.points{display:none;} section.top div.info{float:none;} section.blog a.post{display:block;} section.blog a.post picture{width:auto; float:none; flex:none;} section.blog a.post div.info{width:auto; float:none; padding:30px; flex:none;} section.most, section.most ul li div.box em{display:none;} } @media only screen and (max-width: 550px){ a.item h4, a.item div.info{width:auto; float:none; min-height:20px;} section.reviews div.container .prev, section.reviews div.container .next{display:none !important;} section.reviews div.container .list{width:auto; display:block;} section.reviews div.container .list .review{width:-moz-calc(100% - 60px) !important; width:-webkit-calc(100% - 60px) !important; width:-o-calc(100% - 60px) !important; width:calc(100% - 60px) !important; padding:30px;} section.filters .order{min-width:170px;} } @media only screen and (max-width: 500px){ header svg.logo{float:none; margin:15px auto;} header div.controls{width:240px; float:none; margin:30px auto;} header.pinned{padding:15px 0;} header.pinned svg.logo{max-height:50px; margin:0 auto 15px auto;} header.pinned div.controls{margin:0 auto;} 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);} section.categories{padding:clamp(15px, 2vw, 30px) 15px 15px 15px; margin:0 auto clamp(30px, 6vw, 100px) auto;} section.categories h3{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.top div.info .tooltip .tooltiptext{width:240px; margin:0 0 0 -135px;} footer div.info p{width:auto; float:none; text-align:center;} footer div.info svg.logo{display:none;} footer div.info .content{width:auto; display:block; float:none; margin:0;} footer div.info .content .social{text-align:center; display:block;} 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.deliveries .sitemap{padding:15px;} section.deliveries .sitemap h4{margin:0;} section.deliveries .sitemap svg{margin:0 15px 0 0;} section.filters .show{display:none;} section.most ul li div.box strong{font-size:clamp(14px, 2vw, 24px);} } @media only screen and (max-width: 400px){ section.top div.info .tooltip .tooltiptext{width:160px; margin:0 0 0 -95px;} footer div.menu .box, footer div.menu .box:nth-of-type(6n + 1), footer div.menu .box:nth-of-type(3n + 1), footer div.menu .box:nth-of-type(2n + 1){width:auto; float:none; clear:both; margin:30px 0 0 0;} footer div.menu .box:first-of-type{margin:0;} section.page div.tabs a{padding:5px;} section.sitemap div.box, section.sitemap div.box:nth-of-type(5n + 1), section.sitemap div.box:nth-of-type(3n + 1), section.sitemap div.box:nth-of-type(2n + 1){width:auto; float:none; margin:0 0 15px 0;} section.contacts div.box, section.contacts div.box:nth-of-type(4n + 1), section.contacts div.box:nth-of-type(2n + 1){width:auto; float:none; clear:left; text-align:center; margin:0 0 60px 0;} section.contacts div.box svg{margin:0 auto 30px auto;} }