/* CSS Document */

* {
	outline:none;
	padding:0;
	margin:0;
}

html{
	height:auto;
	min-height:100%;
	padding:0;
	margin:0;
}

body{
	height:100%;
	overflow-x:hidden;
    background-color:#FFF;
    font-family:'OpenSans';
	font-size:clamp(14px, 2vw, 16px);
	color:#666;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	line-height:120%;
	padding:0;
	margin:0;
}

/* ALL */
.clear{height:0; display:block; clear:left; font-size:0; line-height:0;}
.clean{height:0; display:block; clear:right; font-size:0; line-height:0;}
.cleall{height:0; display:block; clear:both; font-size:0; line-height:0;}

img{max-width:100%; height:auto; border:none;}
hr{height:4px; background-color:#CCC; border:none; color:#CCC; margin:clamp(30px, 6vw, 60px) 0;}

a,
.link{color:#000; text-decoration:none; cursor:pointer;}
a:hover,
.link:hover{color:#000; 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:calc(100% - 30px); max-width:1440px; display:block; position:relative; padding:0 15px; margin:0 auto;}
.cookies{font-size:12px; line-height:140%;}
.overlayfilter{width:100%; height:100%; display:none; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.5); z-index:9999;}

/* BUTTON */
.button{display:inline-block; position:relative; background-color:#000; font-size:clamp(12px, 1vw, 14px); color:#FFF; text-decoration:none; text-transform:uppercase; font-weight:normal; font-style:normal; text-align:center; line-height:clamp(32px, 3vw, 48px); padding:0 clamp(10px, 2vw, 20px); margin:0; cursor:pointer; 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);}
.button:hover{background-color:#CCC; color:#000; text-decoration:none;}

/* STATUS */
small{display:none; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:11px; text-decoration:none; padding:0; margin:clamp(10px, 1vw, 16px) 0;}
small.error{display:block; color:#881b1b;}
small.success{display:block; color:#409805;}
small.loading{display:block; color:#333;}

small img,
small svg{vertical-align:text-bottom; padding:0; margin:0 clamp(5px, 0.5vw, 8px) 0 0;}

/* INPUT */
input{width:calc(100% - 30px); height:50px; display:block; position:relative; background-color:#ebebeb; border:none; font-family:'OpenSansLight'; font-size:clamp(12px, 1vw, 15px); color:#000; 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:calc(100% - 30px); height:215px; display:block; position:relative; background-color:#ebebeb; border:none; font-family:'OpenSansLight'; font-size:clamp(12px, 1vw, 15px); color:#000; 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:#ebebeb; 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: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:#ebebeb !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 #ebebeb !important; border-radius:0px !important;}
.select2-container--default .select2-search--dropdown .select2-search__field{border:none !important; background-color:#ebebeb !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: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, 3vw, 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; border-radius:50%;}
div.radio label{width:32px; height:32px; position:absolute; left:0; top:0; background-color:#ebebeb; 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:''; 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:#ebebeb; 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:''; 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:#000; 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:#000; 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:#000; 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:#000; 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:#000; 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:#000; 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;}

/* TOOLTIP */
.tooltip{display:inline-block; position:relative; vertical-align:middle;}

.tooltip .tooltiptext{width:170px; position:absolute; visibility:hidden; bottom:120%; left:50%; background-color:#000; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size:clamp(10px, 1vw, 12px); color:#fff; text-align:center; line-height:120%; padding:10px; margin:0 0 0 -95px; opacity:0; z-index:99999; transition:opacity 1s;}
.tooltip .tooltiptext strong{font-size:clamp(10px, 1vw, 12px); color:#fff;}
.tooltip .tooltiptext::after{position:absolute; top:100%; left:50%; content:""; border-width:5px; border-style:solid; border-color:#000 transparent transparent transparent; margin-left:-5px;}
.tooltip.bottom .tooltiptext{top:130%; bottom:auto;}
.tooltip.bottom .tooltiptext::after{top:auto; bottom:100%; border-color:transparent transparent #000 transparent;}

.tooltip:hover .tooltiptext{visibility:visible; opacity:1;}

/* TAKE OVER */
section.takeover{display:block; position:relative; padding:0; margin:0;}

section.takeover a,
section.takeover p{display:block; position:relative; font-family:'OpenSansLight'; text-decoration:none; text-align:center; padding:15px 40px 15px 15px; margin:0; z-index:1;}
section.takeover a:hover,
section.takeover p:hover{text-decoration:none;}

section.takeover strong{font-family:'OpenSansBold'; font-weight:normal;}

section.takeover svg{display:block; position:absolute; top:50%; right:15px; fill:#000; padding:0; margin:-6px 0 0 0; z-index:99; cursor:pointer; pointer-events:all; transition:all 0.3s ease-in-out;}
section.takeover svg:hover{fill:#666;}

/* TOP */
section.top{display:block; position:relative; background-color:#f2f2f2; padding:8px 0; margin:0;}

/* --- INFO --- */
section.top div.info{display:block; float:left; padding:0; margin:0;}
section.top div.info p{display:inline-block; font-size:clamp(10px, 1vw, 12px); text-transform:uppercase; vertical-align:middle; line-height:14px; padding:0; margin:5px 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{cursor:help;}
section.top div.info .tooltip .tooltiptext{width:240px; background-color:#666; margin:0 0 0 -130px;}
section.top div.info .tooltip.bottom .tooltiptext::after{border-color:transparent transparent #666 transparent;}

/* --- CONTROLS --- */ 
section.top div.controls{display:block; float:right; padding:0; margin:0;}

/* === LINK === */
section.top div.controls a{display:inline-block; border-right:1px solid #999; font-size:clamp(13px, 1vw, 15px); color:#666; line-height:16px; vertical-align:middle; padding:0 clamp(13px, 1vw, 15px) 0 0; margin:4px clamp(13px, 1vw, 15px) 4px 0;}
section.top div.controls a:hover{color:#000;}

/* === PHONE === */
section.top div.controls div.phone{display:inline-block; border-right:1px solid #999; font-size:clamp(13px, 1vw, 15px); color:#000; line-height:16px; vertical-align:middle; padding:0 clamp(13px, 1vw, 15px) 0 0; margin:4px clamp(13px, 1vw, 15px) 4px 0; cursor:pointer;}
section.top div.controls div.phone:hover{text-decoration:underline;}

/* === SOCIAL === */
section.top div.controls svg{display:inline-block; vertical-align:middle; padding:0; margin:0 0 0 5px; cursor:pointer; transition:all 0.3s ease-in-out;}
section.top div.controls svg:hover{fill:#666;}

/* SHOPPINGCART */
section.shopingcart{display:none; position:relative; color:#000; 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:#000; vertical-align:middle; padding:0; margin:0 clamp(10px, 2vw, 20px) 0 0;}
section.shopingcart div.empty a.button{float:right;}

/* --- CART --- */
section.shopingcart div.cart{width:75%; float:left; padding:0; margin:0;}

/* === COLUMNS === */ 
section.shopingcart div.cart .row1{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 #000; border-bottom:1px dotted #000; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; text-decoration:none; font-weight:bold; text-transform:uppercase; padding:0; margin:0;}
section.shopingcart div.cart .top .row1{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 #000; color:#000; text-decoration:none; line-height:140%; padding:0; margin:0;}

/* +++ ITEM +++ */
section.shopingcart div.cart .middle a.row1{min-height:90px; display:block; position:relative; color:#666; text-decoration:none;}
section.shopingcart div.cart .middle a.row1 picture{width:100px; height:auto; float:left; margin:0 clamp(15px, 3vw, 30px) 0 0;}

section.shopingcart div.cart .middle a.row1 .info{width:calc(100% - 150px); min-height:120px; display:flex; color:#666; padding:0; margin:0; align-items:center;}
section.shopingcart div.cart .middle a.row1 .info h3{display:block; font-size:clamp(12px, 2vw, 16px); color:#000; text-transform:uppercase; vertical-align:middle; margin:0; transition:all 0.3s ease-in-out;}
section.shopingcart div.cart .middle a.row1 .info strong{color:#000;}
section.shopingcart div.cart .middle a.row1 .info .label{display:inline-block; color:#000; font-size:clamp(12px, 2vw, 14px); line-height:12px; vertical-align:middle; padding:5px 10px; margin:0 5px 10px 0; border-radius:11px;}

section.shopingcart div.cart .middle a.row1:hover{text-decoration:none;}
section.shopingcart div.cart .middle a.row1:hover .info h3{color:#666; text-decoration:none;}

/* +++ PRICE +++ */
section.shopingcart div.cart .middle .row2{min-height:120px; display:flex; 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:#666;}

/* +++ CONTROLS +++ */ 
section.shopingcart div.cart .middle .row3{min-height:120px; display:flex; align-items:center;}
section.shopingcart div.cart .middle .row3 div{font-size:clamp(14px, 2vw, 18px); line-height:140%; padding:0; margin:0 auto;}
section.shopingcart div.cart .middle .row3 input{width:42px; height:36px; display:block; float:left; background-color:transparent; border:none; color:#000; text-align:center; line-height:33px; vertical-align:middle; padding:0; margin:0;}

section.shopingcart div.cart .middle .row3 div .controls{width:36px; height:36px; display:block; float:left; background-color:#000; font-size:clamp(16px, 2vw, 24px); color:#FFF; text-decoration:none; font-weight:bold; text-align:center; line-height:36px; vertical-align:middle; padding:0; margin:0; cursor:pointer; border-radius:18px; transition:all 0.3s ease-in-out;}
section.shopingcart div.cart .middle .row3 div .controls:hover{background-color:#666; text-decoration:none;}

/* +++ TOTAL +++ */
section.shopingcart div.cart .middle .row4{min-height:120px; display:flex; 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:flex; align-items:center;}
section.shopingcart div.cart .middle .row5 svg{display:block; fill:#000; padding:0; margin:0 auto; cursor:pointer; transition:all 0.3s ease-in-out;}
section.shopingcart div.cart .middle .row5 svg:hover{fill:#ff5b5b;}

/* === 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 #000; color:#666; text-align:center; vertical-align:middle; padding:5px clamp(15px, 3vw, 30px); margin:0px;}
section.shopingcart div.bottom span:first-of-type{border-left:none;}
section.shopingcart div.bottom span:last-of-type strong{color:#000;}
section.shopingcart div.bottom span.info{text-align:right;}
section.shopingcart div.bottom span.info strong{text-transform:uppercase; margin:0;}

section.shopingcart div.bottom span p{display:inline-block; vertical-align:middle;}
section.shopingcart div.bottom span em{display:inline-block; color:#4DB128; font-weight:bold; font-style:normal; vertical-align:middle;}
section.shopingcart div.bottom span strong{display:block; color:#000; padding:0; margin:2px 0 0 0;}

section.shopingcart div.bottom a.button{float:left;}

/* --- DISCOUNT --- */
section.shopingcart div.discount{width:calc(25% - 90px); float:left; background-color:#ebebeb; 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(14px, 2vw, 20px); color:#000; font-style:normal; vertical-align:middle;}
section.shopingcart div.discount svg{display:inline-block; fill:#000; 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:#FFF; 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{margin:clamp(10px, 1vw, 15px) 0 0 0;}
section.shopingcart div.discount .button:hover{background-color:#999;}

/* HEADER */
header{display:block; position:-webkit-sticky; position:sticky; background-color:#000; padding:0; margin:0; z-index:9999;}

/* --- LOGO --- */
header svg.logo{display:block; float:left; fill:#FFF; padding:0; margin:25px 20px 25px 0; cursor:pointer; transition:all 0.3s ease-in-out;}
header svg.logo:hover{opacity:0.75;}

/* NAVIGATION */
header nav{width:calc(100% - 600px); display:block; position:relative; float:left; padding:0; margin:25px 0; z-index:99;}

header nav ul{display:block; position:relative; list-style:none; padding:0; margin:0;}
header nav ul li{display:block; float:left; position:relative; list-style:none; padding:0; margin:0;}
header nav ul li a{display:block; font-size:clamp(12px, 1vw, 14px); color:#999; text-decoration:none; text-transform:uppercase; line-height:50px; padding:0; margin:0 15px; transition:all 0.3s ease-in-out;}
header nav ul li a svg{fill:#999; rotate:90deg; margin:0 0 0 5px;}
header nav ul li a:hover{text-decoration:none;}

/* === SUBMENU === */
header nav ul li div{width:100vw; max-width:300px; display:none; position:absolute; padding:0; margin:0;}

header nav ul li div ul{width:100%; 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; list-style:none; padding:0 0 1px 0; margin:0;}
header nav ul li div ul li a{background-color:rgba(125,125,125,0.75); font-size:15px; color:#FFF; line-height:38px; padding:0 clamp(10px, 2vw, 20px); margin:0;}

/* === ACTIVE === */
header nav ul li.active a{font-family:'OpenSansBold'; color:#FFF; font-weight:normal;}

/* === HOVER === */
header nav ul li:hover{text-decoration:none;}
header nav ul li:hover a{color:#FFF;}
header nav ul li:hover a svg{fill:#FFF;}
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{color:#FFF;}

header nav ul li div ul li a:hover,
header nav ul li:hover div ul li a:hover,
header nav ul li div ul li a.active,
header nav ul li:hover div ul li a.active{background-color:#333;}

/* --- CONTROLS --- */
header div.controls{display:block; float:right; padding:0; margin:35px 0 35px clamp(10px, 2vw, 25px); transition:all 0.3s ease-in-out;}

/* === SEARCH === */
header div.controls .search{width:calc(100% - 165px); position:relative; float:left; padding:0; margin:0;}
header div.controls .search input{width:calc(100% - 50px); height:40px; line-height:40px; padding:0 35px 0 15px; margin:0; z-index:1; border-radius:20px;}

header div.controls .search svg{position:absolute; top:10px; right:10px; fill:#000; cursor:pointer; z-index:99; transition:all 0.3s ease-in-out;}
header div.controls .search svg:hover{fill:#666;}

/* === ACTION === */
header div.controls .action{display:block; position:relative; float:left; padding:0; margin:0 0 0 25px; cursor:pointer;}
header div.controls .action:first-child{border-left:none; margin:0;}
header div.controls .action.bag p{width:16px; height:16px; position:absolute; top:-5px; right:-5px; background-color:#ff5b5b; font-size:11px; color:#FFF; text-align:center; line-height:16px; padding:0; margin:0; border-radius:50%;}

header div.controls .action svg{display:block; fill:#FFF; padding:0; margin:0; transition:all 0.3s ease-in-out;}
header div.controls .action:hover svg{fill:#999;}

header div.controls .action.menu{display:none;}

/* HEADLINE */
section.headline{display:block; position:relative; text-align:right; padding:clamp(15px, 3vw, 30px) 0; margin:0;}
section.headline h1,
section.headline big{display:block; position:relative; font-family:'OpenSansBold'; font-size:clamp(14px, 2vw, 20px); color:#000; text-decoration:none; font-weight:normal; font-style:normal; text-align:left; text-transform:uppercase; line-height:100%; padding:0; margin:0;}
section.headline big{float:right;}

section.headline big svg{display:inline-block; fill:#000; vertical-align:middle; padding:0; margin:0; cursor:pointer;}
section.headline big svg:hover{fill:#666;}

section.headline big a{display:inline-block; font-family:'OpenSans'; font-size:clamp(14px, 2vw, 18px); font-weight:normal; text-transform:lowercase; vertical-align:middle; padding:0; margin:0 clamp(10px, 1.5vw, 15px) 0 0;}
section.headline big a p{display:inline-block; vertical-align:middle; padding:0; margin:0 0 0 3px;}
section.headline big a:hover{color:#666; text-decoration:none;}
section.headline big a:hover svg{fill:#666;}

/* --- BACK --- */
section.headline a.back{float:right; white-space:nowrap; padding:0; margin:0; cursor:pointer;}
section.headline a.back p{display:inline-block; font-size: clamp(12px, 1vw, 14px); color:#000; line-height:28px; vertical-align:middle; padding:0; margin:0;}
section.headline a.back svg{display:inline-block; fill:#000; vertical-align:middle; padding:0; margin:0 10px 0 0;}

section.headline a.back:hover{text-decoration:none;}
section.headline a.back:hover p{color:#666;}
section.headline a.back:hover svg{fill:#666;}

/* --- FILTERS --- */
section.headline svg.share{float:right; fill:#000; padding:0; margin:0 0 0 20px; cursor:pointer;}
section.headline svg.share:hover{fill:#666;}

/* --- FILTERS --- */
section.headline div.filters{float:right; padding:0; margin:0; cursor:pointer;}
section.headline div.filters p{display:inline-block; font-size: clamp(12px, 1vw, 14px); color:#000; line-height:28px; vertical-align:middle; padding:0; margin:0;}
section.headline div.filters svg{display:inline-block; fill:#000; vertical-align:middle; padding:0; margin:0 0 0 10px;}

section.headline div.filters:hover p{color:#666;}
section.headline div.filters:hover svg{fill:#666;}

/* --- ORDER --- */
section.headline div.order{display:flex; float:right; padding:0; margin:0 0 0 20px;}
section.headline div.order strong{flex:1; overflow:hidden; font-size: clamp(12px, 1vw, 14px); color:#000; line-height:28px; text-overflow:ellipsis; white-space:nowrap; padding:0; margin:0;}
section.headline div.order .slct{height:30px; flex:1; background-color:transparent; padding:0 30px 0 0; margin:0 0 0 10px;}
section.headline div.order .slct select{width:100%; padding:7px 0;}

/* --- MASK --- */
section.headline div.mask{width:auto; max-width:50%; height:100%; max-height:20px; display:block; position:relative; float:left; overflow:hidden; padding:0; margin: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(12px, 1vw, 14px); color:#000; list-style:none; padding:0; margin:0;}
section.headline ul li+li::before{display:inline-block; content:"|"; color:#000; padding:0 8px 0 10px;}
section.headline ul li a{display:inline-block; font-size:clamp(12px, 1vw, 14px); color:#000; padding:0; margin:0;}
section.headline ul li a:hover{color:#666; text-decoration:none;}

/* SLIDER */
section.slider{max-height:985px; display:block; position:relative; padding:0; margin:clamp(15px, 3vw, 30px) 0 0 0; z-index:1;}

/* --- SLIDE --- */
section.slider div.slide{position:relative; padding:0; margin:0;}
section.slider div.slide picture{width:100%; max-width:1420px; margin:0 auto; z-index:1;}

/* === INFO === */
section.slider div.slide span.count{height:100%; display:flex; position:absolute; left:0; right:0; z-index:99; align-items:center;}
section.slider div.slide span.count .info{max-width:60%; padding:0 0 clamp(25px, 5vw, 50px) clamp(25px, 5vw, 50px); margin:0;}
section.slider div.slide span.count .info p{display:block; font-size:clamp(14px, 2vw, 18px); color:#f2f2f2; text-decoration:none; font-weight:normal; font-style:normal; line-height:100%; padding:0; margin:0 0 clamp(15px, 3vw, 30px) 0;}
section.slider div.slide span.count .info h2{display:block; font-family:'OpenSansBold'; font-size:clamp(24px, 5vw, 54px); color:#f2f2f2; text-decoration:none; font-weight:normal; font-style:normal; line-height:100%; padding:0; margin:0 0 clamp(15px, 3vw, 30px) 0;}
section.slider div.slide span.count .info .button{background-color:#FFF; color:#000;}
section.slider div.slide span.count .info .button:hover{background-color:#000; color:#FFF;}

/* --- CONTROLS --- */
section.slider svg{display:block; position:absolute; top:50%; left:clamp(15px, 3vw, 30px); right:auto; fill:#FFF; vertical-align:middle; padding:0; margin:-8px 0 0 0; cursor:pointer; z-index:99;}
section.slider svg.next{left:auto; right:clamp(15px, 3vw, 30px); rotate:180deg;}
section.slider svg:hover{fill:#878787;}

/* POINTS */
section.points{max-width:1440px; display:block; padding:clamp(10px, 2vw, 20px) 0; margin:0 auto;}

/* --- BOX --- */
section.points div.box{width:25%; float:left; padding:0; margin:0;}
section.points div.box:nth-of-type(4n + 1){clear:left;}

section.points div.box p{display:block; font-size:clamp(12px, 1vw, 14px); color:#828282; vertical-align:middle; padding:0; margin:0 0 0 clamp(10px, 1.25vw, 20px);}
section.points div.box svg{display:block; float:left; fill:#333; vertical-align:middle; padding:0; margin:0 clamp(10px, 1.5vw, 15px) 0 0;}
section.points div.box strong{display:block; font-size:clamp(12px, 1vw, 16px); color:#333; font-weight:normal; text-transform:uppercase; line-height:120%; padding:0; margin:2px 0 0 0;}

/* ACCENT */
section.accent{display:block; position:relative; background-color:#f4f4f4; padding:clamp(20px, 4vw, 40px) 0px; margin:0px;}
body.item section.accent{background-color:#FFF;}

section.accent h3{float:left; text-transform:uppercase; line-height:clamp(15px, 3vw, 30px); padding:0; margin:0 clamp(10px, 1.25vw, 20px) clamp(15px, 3vw, 30px) 0;}

/* --- COVER --- */
section.accent div.cover{display:block; position:relative; padding:0; margin:0 0 clamp(15px, 3vw, 30px) 0;}
section.accent div.cover video{max-width:100%; display:block; position:relative; padding:0; margin:0 auto;}

/* === IMAGE === */
section.accent div.cover picture,
section.accent div.cover picture img{width:auto; max-width:100%; display:block; position:relative; padding:0; margin:0 auto;}

/* --- LINK --- */
section.accent a.category{float:left; color:#666; text-decoration:underline; line-height:clamp(15px, 3vw, 30px); padding:0; margin:0 clamp(10px, 1.25vw, 20px) clamp(15px, 3vw, 30px) 0;}
section.accent a.category:hover{text-decoration:none;}

/* --- CONTROLS --- */ 
section.accent div.controls{position:relative; float:right; text-align:center; padding:0; margin:0 0 clamp(15px, 3vw, 30px) 0;}

/* === ARROW === */
section.accent div.controls svg{display:inline-block; fill:#666; vertical-align:middle; padding:0; margin:clamp(5px, 1vw, 10px) 0; cursor:pointer;}
section.accent div.controls svg.next{margin:clamp(5px, 1vw, 10px) 0 clamp(5px, 1vw, 10px) clamp(15px, 3vw, 25px); rotate:180deg;}
section.accent div.controls svg:hover{fill:#000;}

/* --- SLIDER --- */
section.accent div.slider{width:1440px; max-width:100%; display:block; position:relative; float:left; padding:0; margin:0;}
section.accent div.slider .slick-slide{margin:0 8px;}
section.accent div.slider .slick-list{margin:0 -8px;}

/* ITEM */
a.item{width:calc(25% - 15px); display:block; position:relative; float:left; padding:0; margin:0 0 40px 20px;}
a.item:nth-of-type(4n + 1){clear:left; margin:0 0 40px 0;}

a.item p{display:block; font-size:12px; color:#999; line-height:120%; padding:0; margin:0 auto clamp(10px, 1.5vw, 15px) auto;}
a.item h4{display:block; font-size:clamp(12px, 1vw, 16px); color:#000; text-decoration:none; font-weight:normal; font-style:normal; line-height:120%; padding:0; margin:0 0 3px 0;}
a.item .info{display:none; font-size:clamp(12px, 1vw, 14px); line-height:140%; margin:0 auto clamp(10px, 1.5vw, 15px) auto;}
a.item svg.like{position:absolute; fill:#E77173; top:10px; right:10px; cursor:pointer; z-index:99; pointer-events:all;}

/* --- IMAGE --- */
a.item picture{width:100%; max-width:100%; position:relative; margin:0 auto clamp(10px, 1.5vw, 15px) auto; z-index:1;}
a.item picture img{max-width:335px; margin:0 auto;}

/* --- LABELS --- */
a.item div.labels{display:block; position:absolute; left:10px; top:10px; padding:0; margin:0; z-index:9;}
a.item div.labels .label{display:inline-block; color:#FFF; font-size:14px; line-height:12px; vertical-align:middle; padding:5px 10px; margin:0 5px 10px 0; border-radius:11px;}

/* --- PRICE --- */
a.item div.price{margin:0 0 clamp(10px, 1.5vw, 15px) 0;}

a.item div.price s{height:14px; display:inline-block; position:relative; overflow:hidden; font-size:clamp(12px, 1vw, 14px); text-decoration:none; line-height:100%; vertical-align:middle; padding:5px 10px; margin:0 0 0 5px; z-index:1;}
a.item div.price s::after{width:110%; height:1px; content:""; position:absolute; top:50%; left:0; right:0; background-color:#D34E4E; transform:rotate(-13deg) translateY(calc(50% - 1px));}

a.item div.price strong{display:inline-block; font-family:'OpenSansBold'; font-size:clamp(14px, 2vw, 18px); color:#000; font-weight:normal; vertical-align:middle; line-height:24px; padding:0; margin:0;}
a.item div.price strong.promo{color:#239c16;}

/* --- SIZES --- */
a.item div.sizes{position:relative; padding:0; margin:0;}
a.item div.sizes .size{min-width:16px; height:26px; display:inline-block; border:1px solid #000; font-size:12px; color:#000; text-align:center; line-height:25px; vertical-align:middle; padding:0 5px; margin:0 5px 5px 0; border-radius:13px;}
a.item div.sizes .size.expired{border:1px solid #CCC; color:#CCC;}

/* --- SMALL --- */
a.item.small picture{max-width:120px; float:left; margin:0 15px 0 0;}

/* === DATA === */
a.item.small div.data{width:calc(100% - 135px); float:left;}
a.item.small div.price s{font-size:clamp(11px, 1vw, 12px);}
a.item.small div.price strong{font-size:clamp(12px, 2vw, 16px);}

/* --- LIST --- */
a.item.list{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 picture{width:40%; max-width:240px; float:left; padding:0; margin:0 clamp(15px, 3vw, 30px) 0 0;}

/* === DATA === */
a.item.list div.data{width:calc(60% - 30px); min-height:10px; float:left;}
a.item.list div.data p{font-size:clamp(12px, 1vw, 14px);}
a.item.list div.data h4{font-size:clamp(12px, 1vw, 18px); margin:9px 0 3px 0;}
a.item.list div.data .info{display:block;}

/* --- HOVER --- */
a.item:hover{text-decoration:none;}

/* PAGE */
section.page{display:block; position:relative; background-color:#FFF; line-height:160%; padding:0 0 clamp(30px, 6vw, 60px) 0; margin:0 auto;}

section.page h2{margin:0 0 clamp(5px, 1vw, 10px) 0;}
section.page strong{font-family:'OpenSansBold'; color:#000; font-weight:normal;}
section.page div.back{display:none; float:left; margin:clamp(15px, 3vw, 30px) 0 0 0;}

/* --- ABOUT --- */
section.page.about picture{max-width:50%; height:auto; display:block; float:right; padding:0; margin:0 0 25px 50px;}

/* --- TABS --- */
section.page div.tabs{display:block; padding:0; margin:clamp(30px, 6vw, 60px) 0 0 0;}
section.page div.tabs a{display:block; float:left; font-size:clamp(14px, 1.5vw, 18px); color:#000; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; padding:clamp(10px, 1.5vw, 15px) clamp(15px, 3vw, 30px); margin:0; 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:#000; padding:0; margin:5px clamp(10px, 1.5vw, 15px) 5px 0;}

section.page div.tabs a:hover{background-color:#000; color:#FFF;}
section.page div.tabs a:hover svg{fill:#FFF;}

section.page div.tabs a.select{background-color:#ebebeb;}

/* === CONTENT === */
section.page div.contents{display:none; position:relative; background-color:#ebebeb; padding:45px; margin:0;}

/* --- LOGIN --- */
section.page div.login{width:calc(50% - clamp(15px, 3vw, 30px)); 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 clamp(10px, 1vw, 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:clamp(12px, 1vw, 14px); color:#333; text-decoration:none; font-style:normal; font-weight:normal; text-transform:uppercase; line-height:100%; margin:18px 0 0 0; transition:all 0.3s ease-in-out;}
section.page div.login a.forgot:hover{color:#000; text-decoration:none;}

/* --- SIGIN --- */
section.page div.sigin{width:calc(50% - clamp(15px, 3vw, 30px)); position:relative; float:left; font-size:clamp(12px, 1vw, 14px); text-align:left; padding:0; margin:0 0 0 clamp(30px, 6vw, 60px);}
section.page div.sigin p{display:block; padding:0; margin:0 0 clamp(10px, 1vw, 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, 10vw, 100px) 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:#ebebeb; padding:clamp(15px, 3vw, 30px); margin:0 0 0 clamp(15px, 3vw, 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:calc(100% - 175px); overflow:auto; line-height:120%; margin:0 0 clamp(15px, 3vw, 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; border-top:1px solid #CCC; font-size:14px; text-align:left; padding:clamp(15px, 3vw, 30px) 0; margin:0;}
section.page div.option:first-of-type{border-top:none; margin:clamp(15px, 3vw, 30px) 0 0 0;}

section.page div.option p{max-width:calc(100% - 230px); display:block;}
section.page div.option a.button{min-width:100px; float:right; margin:-60px 0 0 0;}

/* --- ADDRESS --- */
section.page div.address{width:calc(50% - clamp(45px, 7.5vw, 75px)); float:left; background-color:#ebebeb; text-transform:none; padding:clamp(15px, 3vw, 30px); margin:clamp(30px, 6vw, 60px) 0 0 clamp(15px, 3vw, 30px);}
section.page div.address:nth-of-type(2n + 1){clear:left; margin:clamp(30px, 6vw, 60px) 0 0 0;}

section.page div.address.empty{margin:clamp(15px, 3vw, 30px) 0 0 clamp(15px, 3vw, 30px);}
section.page div.address.empty:nth-of-type(2n + 1){margin:clamp(15px, 3vw, 30px) 0 0 0;}

section.page div.address hr{height:2px;}
section.page div.address hr:first-of-type{height:4px; margin:clamp(15px, 3vw, 30px) 0;}

section.page div.address .remove{display:inline-block; color:#000; text-decoration:none; vertical-align:middle; padding:0 clamp(5px, 1vw, 10px); margin:0 0 0 clamp(10px, 2vw, 20px); cursor:pointer;}
section.page div.address .remove:hover{background-color:#C92729; color:#FFF;}

section.page div.address .info{margin:clamp(15px, 3vw, 30px) 0;}
section.page div.address .info h3{border-bottom:1px solid #CCC; padding:0 0 clamp(15px, 3vw, 30px) 0;}

section.page div.address h4{color:#000; 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; cursor:pointer; transition:all 0.3s ease-in-out;}
section.page div.controls svg:hover{opacity:0.5;}
section.page div.controls .tooltip{margin:0 0 0 clamp(10px, 1vw, 15px);}

/* --- TOTAL --- */
section.page div.total{float:right; padding:0; margin:clamp(15px, 3vw, 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:0;}
section.page div.noresults p{display:block;}
section.page div.noresults big{display:block; font-family:'OpenSansBold'; font-size:240px; color:#000; text-decoration:none; font-weight:normal; font-style:normal; line-height:100%; padding:0; margin:0 0 clamp(15px, 3vw, 30px) 0;}
section.page div.noresults img{display:block; margin:0 auto clamp(15px, 3vw, 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;}

/* SIDEBAR */
aside{width:25%; max-width:240px; height:calc(100% - 60px); display:none; position:fixed; top:0; right:0; overflow:auto; background-color:#FFF; padding:30px; margin:0; z-index:99999; box-shadow:0 2px 5px rgba(0,0,0,0.2); animation:slideInRight 0.3s ease-out;}
aside em{height:34px; display:inline-block; font-style:normal; vertical-align:middle; line-height:34px; margin:0 5px 15px 5px;}
aside input{width:59px; display:inline-block; vertical-align:middle; text-align:center;}
aside strong{display:block; color:#000; font-size:clamp(12px,1vw,14px); padding:0; margin:0 0 clamp(5px, 1vw, 10px) 0;}

aside .title{position:relative; float:left; font-family:'OpenSans'; font-size:clamp(14px, 2vw, 18px); color:#000; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:120%; padding:0; margin:0 0 clamp(15px, 2vw, 24px) 0;}
aside .button{vertical-align:middle; margin:clamp(15px, 3vw, 30px) 0 0 0;}

/* --- CLOSE --- */
aside svg.close{float:right; fill:#000; margin:0 0 clamp(15px,3vw,30px) 0; cursor:pointer;}
aside svg.close:hover{fill:#666;}

/* --- CHECKBOX --- */
aside .checkbox{margin:0 clamp(10px, 1vw, 15px) 0 0;}
aside .checkbox input{width:auto; height:auto; padding:0; margin:0;}

/* --- MORE --- */
aside div.more{display:block; font-size:14px; color:#000; text-decoration:none; font-weight:normal; font-style:normal; padding:0; margin:-25px 0 clamp(15px, 3vw, 30px) 0; cursor:pointer;}
aside div.more p{width:20px; height:20px; display:inline-block; background-color:#000; 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; border-radius:50%;}

/* --- MENU ---  */
aside ul{display:block; position:relative; list-style:none; padding:0; margin:0 0 clamp(15px, 3vw, 30px) 0;}
aside ul li{display:block; border-top:1px dotted #CCC; list-style:none; padding:clamp(5px, 1vw, 10px) 0; margin:0px;}
aside ul li:first-of-type{border-top:none;}

aside ul li p{display:inline-block; font-size:12px; color:#999; vertical-align:middle; padding:0; margin:0 0 0 7px;}

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; transition:all 0.3s ease-in-out;}
aside ul li a:hover,
aside ul li a.select{color:#000; text-decoration:none;}

aside ul li svg{display:inline-block; vertical-align:middle; padding:0; margin:0;}
aside ul li svg.full{fill:#ffac33;}
aside ul li svg.null{fill:#CCC;}

aside ul.cut{height:360px; overflow:hidden;}
aside ul.cut::after{width:100%; height:70px; position:absolute; bottom:0px; left:0px; content:""; background:linear-gradient(to bottom, rgba(246,246,246,0) 0%, rgba(246,246,246,1.00) 100%);}

/* --- LABEL --- */
aside label{line-height:32px; transition:all 0.3s ease-in-out;}
aside label:hover{color:#000;}
aside label p{font-size:11px; margin:0 0 0 5px;}

/* --- COLOR --- */
aside .color{width:34px; height:34px; display:inline-block; position:relative; border:1px solid #DEDEDE; text-indent:-9999px; vertical-align:middle; padding:0; margin:0 0 clamp(10px, 1vw, 15px) 0; cursor:pointer; border-radius:50%; transition:all 0.3s ease-in-out;}
aside .color.select,
aside .color:hover{border:1px solid #000;}

/* --- SIZE --- */
aside .size{width:auto; min-width:24px; height:34px; display:inline-block; position:relative; background-color:#FFF; border:1px solid #DEDEDE; text-align:center; line-height:34px; vertical-align:middle; padding:0 5px; margin:0 clamp(5px, 1vw, 10px) clamp(5px, 1vw, 10px) 0; cursor:pointer; transition:all 0.3s ease-in-out; border-radius:18px;}
aside .size:hover{border:1px solid #000; color:#000;}
aside .size.select{background-color:#000; border:1px solid #000; color:#FFF;}

aside .size .tooltip{display:block;}
aside .size .tooltip .tooltiptext{width:100px; margin:0 0 0 -60px;}

/* --- REATING --- */
aside .reating{position:relative; padding:0; margin:0; cursor:pointer; transition:all 0.3s ease-in-out;}
aside .reating:hover p,
aside .reating.select p{color:#000;}

/* === RESET === */
aside .reset{display:inline-block; vertical-align:middle; line-height:clamp(30px, 3vw, 50px); margin:clamp(15px, 3vw, 30px) 0 0 clamp(10px, 1vw, 15px); cursor:pointer;}
aside .reset p{display:inline-block; color:#999; vertical-align:middle; padding:0; margin:0; transition:all 0.3s ease-in-out;}
aside .reset svg{display:inline-block; fill:#999; vertical-align:middle; padding:0; margin:0 0 0 clamp(10px, 1vw, 15px); transition:all 0.3s ease-in-out;}

aside .reset:hover,
aside .reset:hover p{color:#000;  text-decoration:none;}
aside .reset:hover svg{fill:#000;}

/* --- 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(246,246,246,0) 0%, rgba(246,246,246,1.00) 100%);}

section.page .button#description{max-width:200px; display:block; text-align:center; margin:0 auto;}

/* --- ITEM --- */
section.page.details{padding:0 0 clamp(30px, 6vw, 60px) 0;}

/* --- GALLERY --- */
section.page div.images{width:70%; position:relative; float:left; padding:0; margin:0;}

/* === LABELS === */
section.page div.images .labels{display:block; position:absolute; top:15px; left:15px; vertical-align:middle; padding:0; margin:0 clamp(10px, 1.5vw, 15px) 0 0; z-index:99;}
section.page div.images .labels .label{display:inline-block; color:#FFF; font-size:clamp(10px, 1vw, 12px); line-height:12px; vertical-align:middle; padding:5px 10px; margin:0 5px 10px 0; border-radius:11px;}

/* === IMAGE === */
section.page div.images .image{width:calc(50% - 5px); position:relative; float:left; padding:0; margin:0 0 10px 10px; cursor:pointer;}
section.page div.images .image:nth-of-type(2n + 1){clear:left; margin:0 0 10px 0;}

section.page div.images .image picture{position:relative; transition:all 0.3s ease-in-out;}
section.page div.images .image:hover picture{opacity:0.75;}

/* === VIDEO === */
section.page div.images .video{position:absolute; top:clamp(15px, 3vw, 30px); left:clamp(15px, 3vw, 30px); z-index:99;}
section.page div.images .video p{display:inline-block; font-size:clamp(12px, 1vw, 14px); color:#000; vertical-align:middle;}
section.page div.images .video svg{display:inline-block; fill:#000; vertical-align:middle; padding:0; margin:0 5px 0 0;}

/* --- DETAILS --- */
section.page div.details{width:calc(30% - clamp(15px, 3vw, 30px)); float:left; font-size:clamp(12px, 1.5vw, 14px); line-height:140%; padding:0; margin:0 0 0 clamp(15px, 3vw, 30px);}
section.page div.details.full{width:auto; float:none; margin:0;}

section.page div.details p{display:block; margin:clamp(10px, 1.5vw, 15px) 0 clamp(15px, 3vw, 30px) 0;}

section.page div.details .slct{background-color:#FFF; border:1px solid #000; margin:5px 0 0 0;}
section.page div.details .info{display:inline-block; font-size:clamp(10px, 1vw, 12px); color:#333; margin:0 0 0 clamp(10px, 1.5vw, 15px);}
section.page div.details .code{height:24px; display:inline-block; position:relative; background-color:#000; font-size:clamp(12px, 1.5vw, 14px); color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; text-align:center; vertical-align:middle; line-height:24px; padding:0 8px; margin:0 clamp(10px, 1.5vw, 15px) 0 0;}

/* === STRONG == */
section.page div.details strong{font-family:'OpenSansLight'; font-weight:normal; text-transform:uppercase;}
section.page div.details strong.inline{display:inline-block; vertical-align:middle;}

/* === STATUS === */
section.page div.details .status{display:inline-block; vertical-align:middle; padding:0; margin:0 clamp(10px, 1.5vw, 15px) 0 0;}
section.page div.details .status p{display:inline-block; font-family:'OpenSansLight'; font-size:clamp(10px, 1.2vw, 12px); 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;}

/* === NAME === */
section.page div.details h1{font-family:'OpenSans'; font-size:clamp(16px, 2vw, 20px); margin:clamp(5px, 1vw, 10px) 0;}
section.page div.details h1 strong{font-family:'OpenSansBold'; font-weight:normal; text-transform:capitalize; margin:0;}

/* === REVIEWS === */
section.page div.details .reviews{display:block; float:right; vertical-align:middle; padding:0; margin:0;}
section.page div.details .reviews p{display:inline-block; font-size:clamp(10px, 1vw, 12px); color:#666; vertical-align:middle; padding:0; margin:0 0 0 5px; transition:all 0.3s ease-in-out;}

section.page div.details .reviews svg{display:inline-block; vertical-align:middle; padding:0; margin:0 0 0 1px;}
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:#000;}

/* === SIZE === */
section.page div.details .size{min-width:20px; height:30px; display:inline-block; position:relative; background-color:#FFF; border:1px solid #DEDEDE; text-align:center; line-height:30px; vertical-align:middle; padding:0 5px; margin:5px 5px 0 0; cursor:pointer; transition:all 0.3s ease-in-out; border-radius:15px;}
section.page div.details .size:hover{border:1px solid #000; color:#000;}
section.page div.details .size.active{background-color:#000; border:1px solid #000; color:#FFF;}

/* === COLOR === */
section.page div.details .color{width:80px; height:80px; display:inline-block; position:relative; border:1px solid #f6f6f6; vertical-align:middle; padding:0; margin:5px 5px 0 0; cursor:pointer; transition:all 0.3s ease-in-out;}
section.page div.details .color.active{border:1px solid #000;}
section.page div.details .color:hover{border:1px solid #666;}

section.page div.details .color p{width:60px; height:60px; display:block; position:relative; text-indent:-9999px;}
section.page div.details .color img{display:block;}

/* === PRICE === */
section.page div.details .price{display:inline-block; position:relative; font-family:'OpenSansBold'; font-size:clamp(16px, 2.5vw, 24px); color:#000 /* 239c16 */; vertical-align:middle; padding:0; margin:0 0 0 clamp(5px, 1vw, 10px);}

section.page div.details .promo{height:14px; display:inline-block; position:relative; overflow:hidden; font-size:clamp(14px, 1vw, 18px); color:#666 /* 222 */; text-decoration:none; line-height:100%; vertical-align:middle; padding:5px 10px; margin:0 0 0 clamp(5px, 1vw, 10px); z-index:1;}
section.page div.details .promo::after{width:110%; height:1px; content:""; position:absolute; top:50%; left:0; right:0; background-color:#000 /* D34E4E */; transform:rotate(-13deg) translateY(calc(50% - 1px));}

/* +++ DISCOUNT +++ */
section.page div.details .discount{display:block; float:right; color:#666; line-height:30px; padding:0 10px; margin:0 0 15px 0; border-radius:4px;}
section.page div.details .discount p{display:inline-block; font-size:clamp(12px, 1vw, 14px); color:inherit; vertical-align:middle; margin:0;}
section.page div.details .discount strong{display:inline-block; font-family:'OpenSansBold'; font-size:clamp(12px, 1vw, 14px); color:#000; vertical-align:middle; margin:0;}

section.page div.details .discount .tag{height:20px; display:inline-block; position:relative; background-color:#000; border:none; font-size:clamp(10px, 1vw, 12px); color:#FFF; line-height:20px; white-space:nowrap; padding:0 0 0 5px; margin:0 clamp(10px, 1.5vw, 15px) 0 0;}
section.page div.details .discount .tag:before{width:0; height:0; content:" "; position:absolute; right:-8px; border-left:8px solid #000; border-top:10px solid transparent; border-bottom:10px solid transparent; padding:0; margin:0;}

section.page div.details .discount .tooltip{width:16px; height:26px;}
section.page div.details .discount .tooltip svg{fill:#666;}
section.page div.details .discount .tooltip .tooltiptext{background-color:#000;}
section.page div.details .discount .tooltip .tooltiptext strong{font-size:clamp(12px, 1vw, 14px); color:#FFF;}
section.page div.details .discount .tooltip .tooltiptext::after{border-color:#000 transparent transparent transparent;}

/* === ACTION === */
section.page div.details .action{position:relative; padding:0; margin:clamp(15px, 3vw, 30px) 0 0 0;}
section.page div.details .action .hide{display:none;}

section.page div.details .action .fast{background-color:transparent; border:1px solid #000; color:#000; line-height:clamp(30px, 3vw, 46px); margin:0 0 0 clamp(10px, 1.5vw, 15px);}
section.page div.details .action .fast:hover{background-color:#000; border:1px solid #000; color:#FFF;}

section.page div.details .action .alert{background-color:#999;}
section.page div.details .action .alert:hover{background-color:#000; color:#FFF;}

/* ++++ LIKE +++ */
section.page div.details .action svg.like{display:inline-block; vertical-align:middle; padding:0; margin:0 0 0 clamp(5px, 1vw, 10px); cursor:pointer; transition:all 0.3s ease-in-out;}

section.page div.details .action svg.like.add{fill:#CCC;}
section.page div.details .action svg.like.add:hover{fill:#000;}

section.page div.details .action svg.like.delete{fill:#E77173;}
section.page div.details .action svg.like.delete:hover{color:#CF2326;}

/* === ACCORDION === */
section.page div.details .questions{margin:clamp(15px, 3vw, 30px) 0 0 0;}
section.page div.details .questions .question{background-color:#FFF; border-top:1px solid #999; font-size:clamp(12px, 2vw, 14px); padding:clamp(5px, 1vw, 10px) 0 0 0; margin:clamp(5px, 1vw, 10px) 0 0 0;}
section.page div.details .questions .question:first-child{border-top:none;}
section.page div.details .questions .question p{margin:0;}
section.page div.details .questions .question em{border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #000;}

section.page div.details .questions .question:hover{color:#666;}
section.page div.details .questions .question:hover em{border-top:6px solid #666;}

section.page div.details .questions .question.active{color:#000;}
section.page div.details .questions .question.active em{border-top:6px solid #000;}

section.page div.details .questions span.answer{padding:clamp(10px, 1.5vw, 15px) 0 clamp(15px, 3vw, 30px) 0;}
section.page div.details .questions span.answer strong{font-weight:bold; text-transform:none;}

section.page div.details .questions span.answer.faq p{margin:0;}
section.page div.details .questions span.answer.faq hr{height:1px; margin:clamp(10px, 2vw, 20px) 0;}
section.page div.details .questions span.answer.faq strong{display:block; margin:0 0 clamp(5px, 1vw, 10px) 0;}

section.page div.details .questions span.answer.feedback .button{max-width:120px; display:block; clear:both; text-align:center; margin:0 auto;}

/* +++ LIST +++ */
section.page div.details .review{display:block; background-color:#F1F1F1; padding:clamp(15px, 3vw, 30px); margin:0 auto clamp(10px, 1.5vw, 15px) auto;}
section.page div.details .review p{display:block; font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"; font-size:clamp(12px, 1.5vw, 16px); color:#000; text-decoration:none; font-weight:bold; font-style:italic; line-height:120%; padding:0; margin:0 0 clamp(10px, 1.5vw, 15px) 0;}
section.page div.details .review em{display:inline-block; font-size:clamp(12px, 1vw, 14px); color:#000; font-style:normal; vertical-align:middle; padding:0; margin:0 0 0 10px;}

section.page div.details .review a{display:block; font-size:clamp(12px, 1vw, 14px); color:#333; text-decoration:none; font-weight:normal; text-transform:uppercase; padding:0; margin:0 0 clamp(15px, 1.5vw, 25px) 0;}
section.page div.details .review a:hover{color:#000;}

section.page div.details .review svg{display:inline-block; vertical-align:middle; padding:0; margin:0;}
section.page div.details .review svg.full{fill:#ffac33;}
section.page div.details .review svg.null{fill:#CCC;}

/* +++ INFORMATION +++ */
section.page div.information{display:-webkit-flex; display:flex; position:relative; padding:0; margin:clamp(15px, 3vw, 30px) 0 0 0; -webkit-align-items:center; align-items:center;}

section.page div.information .box{display:block; position:relative; flex:1; line-height:120%; padding:0; margin:0;}
section.page div.information .box svg{display:block; float:left; fill:#000; padding:0; margin:2px clamp(10px, 1vw, 15px) 0 0;}
section.page div.information .box strong{display:block; color:#000;}

section.page div.information .box p{display:block; font-size:clamp(12px, 1.4vw, 14px);}
section.page div.information .box p a{text-transform:lowercase;}

/* --- CHECKOUT --- */
section.page div.checkout{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, 3vw, 30px) 0;}

section.page div.checkout .fix{width:calc(100% - 40px);}
section.page div.checkout .form,
section.page div.checkout .invoice,
section.page div.checkout .shipping{display:none;}

/* === 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:#000; vertical-align:middle; padding:0; margin:0 0 0 clamp(10px, 1vw, 15px);}
section.page div.checkout label strong{display:block; vertical-align:middle; padding:0; margin:0 0 0 clamp(10px, 1vw, 15px);} 
section.page div.checkout label .tooltip{margin:0 0 0 5px;}

/* === 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; opacity:0;}
section.page div.checkout .radio label{background-color:#ebebeb;}

/* === WALLET === */
section.page div.checkout .wallet{display:block; position:relative; padding:0; margin:0 0 clamp(15px, 3vw, 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:#000; 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, 3vw, 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:#000; font-size:14px; color:#FFF; line-height:120%; padding:clamp(15px, 3vw, 30px); margin:clamp(10px, 1vw, 15px) 0 0 0;}

section.page div.aumont span{min-height:75px; display:flex; float:left; border-left:1px solid #FFF; color:#CCC; text-align:center; vertical-align:middle; padding:0 clamp(15px, 3vw, 30px); margin:0; 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, 3vw, 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{background-color:#FFF; color:#000;}
section.page div.aumont span:last-of-type .button:hover{background-color:#CCC;}

/* 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, 3vw, 30px) auto; 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, 3vw, 30px) 0; margin:clamp(15px, 3vw, 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;}

/* CONTACTS */
section.contacts{display:block; position:relative; line-height:160%; padding:clamp(15px, 3vw, 30px) 0 clamp(30px, 6vw, 60px) 0; margin:0;}
section.contacts .map{height:clamp(100px, 25vh, 400px); position:relative; padding:0; margin:clamp(30px, 6vw, 60px) 0 0 0;}

/* --- BOX --- */ 
section.contacts div.box{width:calc(33.3334% - clamp(10px, 2vw, 20px)); display:block; float:left; background-color:#FFF; padding:0; margin:0 0 0 clamp(15px, 3vw, 30px);}
section.contacts div.box:nth-of-type(3n + 1){margin:0;}

section.contacts div.box p,
section.contacts div.box a{font-size:clamp(14px, 1vw, 16px); }
section.contacts div.box svg{max-width:20%; height:auto; display:block; float:left; fill:#000; padding:0; margin:0 clamp(15px, 3vw, 30px) 0 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;}

/* 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:clamp(15px, 3vw, 30px) 0 clamp(10px, 1.5vw, 15px) 0;}
section.form .button{margin:clamp(15px, 3vw, 30px) 0 0 0;}
section.form div.checkbox{margin:3px clamp(10px, 1.5vw, 15px) 0 0;}

/* --- BOX --- */
section.form div.box{width:calc(50% - 20px); display:block; float:left; padding:0; margin:0 0 clamp(15px, 3vw, 30px) 15px;}
section.form div.box:nth-of-type(2n + 1){clear:left; margin:0 0 clamp(15px, 3vw, 30px) 0;}

section.deliveries div.box{width:calc(33.3334% - 20px); display:block; float:left; padding:0; margin:0 0 clamp(15px, 3vw, 30px) 30px;}
section.deliveries div.box:nth-of-type(3n + 1){clear:left; margin:0 0 clamp(15px, 3vw, 30px) 0;}

section.form div.box label.label,
section.deliveries div.box label.label{margin:5px 0 0 0;}

/* QUESTION */
div.question{display:block; clear:left; background-color:#ebebeb; font-size:clamp(14px, 2vw, 18px); color:#000; text-decoration:none; line-height:clamp(14px, 2vw, 18px); font-weight:normal; font-style:normal; text-transform:uppercase; padding:clamp(10px, 1.5vw, 15px); margin:0 0 clamp(15px, 3vw, 30px) 0; cursor:pointer; 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 #000; padding:0; margin:7px 0 0 0; transition:all .3s ease-in-out;}

div.question:hover{background-color:#000; color:#FFF; text-decoration:none;}
div.question:hover em{border-top:10px solid #FFF;}

div.question.active{background-color:#000; color:#FFF; text-decoration:none; margin:0;}
div.question.active em{border-top:10px solid #FFF; margin:3px 0 0 0; -ms-transform:rotate(180deg); transform:rotate(180deg);}

/* ANSWER */
span.answer{width:100%; display:none; overflow:auto; float:left; padding:0; margin:0;}
span.answer.faq{padding:clamp(10px, 1.5vw, 15px) 0 clamp(15px, 3vw, 30px) 0;}

/* INFO */
section.info{display:block; position:relative; line-height:160%; padding:0 0 clamp(30px, 6vw, 60px) 0; margin:0 auto;}

/* --- BOX --- */
section.info a.box{width:calc(33.3334% - clamp(40px, 7.5vw, 75px)); display:block; float:left; text-align:center; padding:clamp(15px, 3vw, 30px); margin:0 0 clamp(10px, 1.5vw, 15px) clamp(10px, 1.5vw, 15px); border-radius:clamp(15px, 3vw, 30px); transition:all 0.3s ease-in-out;}
section.info a.box:nth-of-type(3n + 1){claer:left; margin:0 0 clamp(10px, 1.5vw, 15px) 0;}

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 clamp(15px, 3vw, 30px) auto; transition:all 0.3s ease-in-out;}
section.info a.box h2{display:block; font-family:'OpenSansLight'; font-size:clamp(18px, 3vw, 24px); color:#000; text-decoration:none; font-weight:normal; font-style:300; text-transform:uppercase; line-height:clamp(18px, 3vw, 24px); padding:0; margin:0 0 clamp(5px, 1vw, 10px) 0; transition:all 0.3s ease-in-out;}
section.info a.box em{display:inline-block; position:relative; background-color:#000; font-size:clamp(12px, 1vw, 14px); color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; line-height:clamp(15px, 3vw, 30px); padding:0 clamp(10px, 1.5vw, 15px); margin:0; transition:all 0.3s ease-in-out;}
section.info a.box svg{display:block; fill:#000; padding:0; margin:0 auto 30px auto; transition:all 0.3s ease-in-out;}

section.info a.box:hover{background-color:#ebebeb; text-decoration:none;}

/* DELIVERIES */
section.deliveries{display:block; position:relative; background-color:#000; color:#FFF; line-height:160%; padding:clamp(30px, 10vw, 100px) 0; margin:0;}
section.deliveries h2,
section.deliveries h5{color:#FFF;}

section.deliveries .button{background-color:#FFF; color:#000; margin:clamp(15px, 3vw, 30px) 0 0 0;}
section.deliveries .button:hover{background-color:#CCC;}

section.deliveries strong{display:block; color:#FFF; text-transform:uppercase; padding:0; margin:clamp(15px, 3vw, 30px) 0 clamp(10px, 1.5vw, 15px) 0;}
section.deliveries table strong{display:inline-block; color:#000; margin:0;}

/* --- SITEMAP --- */
section.deliveries .sitemap{width:calc(50% - clamp(30px, 7vw, 70px)); float:left; background-color:#FFF; padding:clamp(15px, 3vw, 30px); margin:clamp(5px, 1vw, 10px) 0 clamp(5px, 1vw, 10px) clamp(10px, 2vw, 20px); border-radius:clamp(10px, 1.5vw, 15px); transition:all .3s ease-in-out;}
section.deliveries .sitemap:nth-of-type(2n + 1){clear:left; margin:clamp(5px, 1vw, 10px) 0;}
section.deliveries .sitemap:hover{background-color:#DEDEDE; text-decoration:none;}

section.deliveries .sitemap p{color:#666;}
section.deliveries .sitemap h4{font-family:'OpenSansBold'; color:#000; text-transform:uppercase; margin:6px 0;}
section.deliveries .sitemap svg{display:block; float:left; fill:#000; padding:0; margin:0 clamp(15px, 3vw, 30px) 0 0;}

/* SITEMAP */
section.sitemap{display:block; position:relative; padding:clamp(15px, 3vw, 30px) 0; margin: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:calc(20% - 12px); display:block; float:left; padding:0; margin:0 0 clamp(15px, 3vw, 30px) 15px;}
section.sitemap div.box:nth-of-type(5n + 1){clear:left; margin:0 0 clamp(15px, 3vw, 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:calc(50% - clamp(30px, 4vw, 40px)); display:block; float:left; background-color:#ebebeb; text-transform:none; padding:clamp(10px, 1.5vw, 15px); margin:clamp(5px, 1vw, 10px) 0 clamp(5px, 1vw, 10px) clamp(10px, 2vw, 20px); cursor:pointer; border-radius:clamp(5px, 1vw, 10px); transition:all .3s ease-in-out;}
section.sitemap .column:nth-of-type(2n + 1){clear:left; margin:clamp(5px, 1vw, 10px) 0;}

section.sitemap .column p{display:block; color:#666; padding:0; margin:5px 0 0 0; transition:all .3s ease-in-out;}
section.sitemap .column h3{display:block; padding:0; margin:0;}

section.sitemap .column:hover{text-decoration:none; background-color:#999;}
section.sitemap .column:hover p{color:#333;}

/* FOOTER */
footer{display:block; position:relative; padding:0; margin:0 auto;}

/* --- MENU --- */
footer div.navigation{position:relative; background-color:#ebebeb; padding:clamp(15px, 4.25vw, 70px) 0; margin:0;}

footer div.navigation .box{width:calc(33.3334% - 20px);  display:block; float:left; padding:0; margin:0 0 0 30px;}
footer div.navigation .box:nth-of-type(3n + 1){clear:left; margin:0;}
footer div.navigation .box strong{display:block; position:relative; font-family:'OpenSansBold'; font-size:clamp(14px, 1vw, 18px); color:#333; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:120%; padding:0; margin:0 0 clamp(15px, 3vw, 30px) 0;}

/* === NAVIGATION === */
footer div.navigation .box ul{display:block; list-style:none; padding:0; margin:0;}
footer div.navigation .box ul li{display:block; border-top:1px solid #cecece; list-style:none; padding:0; margin:0;}
footer div.navigation .box ul li:first-child{border-top:none;}
footer div.navigation .box ul li a,
footer div.navigation .box ul li .link{display:block; font-size:clamp(12px, 1vw, 14px); color:#666; text-decoration:none; line-height:140%; padding:10px 0; margin:0; cursor:pointer;}
footer div.navigation .box ul li a:hover,
footer div.navigation .box ul li .link:hover,
footer div.navigation .box ul li.active a,
footer div.navigation .box ul li.active .link{color:#000;}
 
/* --- INFO --- */
footer div.info{position:relative; padding:clamp(15px, 3vw, 30px) 0; margin:0;}
footer div.info .count{display:flex; align-items:center;}

/* === BOX === */
footer div.info .box{flex:1; text-align:center; padding:0; margin:0;}
footer div.info .box:first-child{text-align:left;}
footer div.info .box:last-child{text-align:right;}
footer div.info .box:only-child{text-align:center;}

footer div.info .box svg,
footer div.info .box img{display:inline-block; vertical-align:middle; padding:0; margin:0 5px; cursor:pointer; transition:all .3s ease-in-out;}
footer div.info .box svg:hover,
footer div.info .box img:hover{opacity:0.65;}

/* --- DATA --- */
footer div.data{background-color:#212121; padding:20px 0; margin:0;}

/* === ALLRIGHT === */
footer div.data p{display:block; float:left; font-size:12px; color:#999; text-decoration:none; font-weight:normal; font-style:normal; line-height:16px; padding:0; margin:0;}
footer div.data p strong{color:#FFF; font-weight:normal;}

/* === CREATED === */
footer div.data div.created{float:right; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; font-size:12px; color:#999; text-decoration:none; font-weight:normal; font-style:normal; line-height:32px; 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; background-color:#f6f6f6; padding:0 0 clamp(10px, 1vw, 15px) 0; margin:0;}
section.warning .count{width:100%; background-color:#F3CDCE; padding:clamp(15px, 3vw, 30px) 0;}

section.warning p{display:block; float:left; color:#000; padding:0; margin:0 0 0 clamp(15px, 3vw, 30px);}
section.warning h2{display:block; float:left; color:#F00; 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, 3vw, 30px);}

/* PAGINATION */
section.pagination{display:block; position:relative; text-align:center; padding:0; margin:0 auto clamp(30px, 6vw, 60px) auto;}

section.pagination a{display:inline-block; position:relative; background-color:transparent; border:1px solid rgba(0,0,0,0); font-size:18px; color:#000; text-decoration:none; line-height:22px; font-weight:normal; font-style:normal; vertical-align:middle; padding:5px 10px; margin:0 3px; transition:all 0.3s ease-in-out;}
section.pagination a:hover{border:1px solid #000; color:#000; text-decoration:none;}
section.pagination a.current{background-color:#000; border:1px solid #000; color:#FFF; text-decoration:none;}

section.pagination a.prev,
section.pagination a.next{border:none;}
section.pagination a.prev svg{display:block;}
section.pagination a.next svg{display:block; rotate:180deg;}
section.pagination a.prev:hover svg,
section.pagination a.next:hover svg{fill:#666;}

/* TABLE */
div.table{position:relative; overflow-x:auto; overflow-y:hidden; padding:1px; margin:0;}

table{border:none; border-top:1px solid #999; border-right:1px solid #999; border-collapse:collapse; padding:0; margin:0;}
table tr{background-color:#FFF;}
table tr th{background-color:#999; border-left:1px solid #999; border-collapse:collapse; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; color:#FFF; text-decoration:none; font-weight:normal; text-transform:uppercase; padding:5px 10px; margin:0; transition:all 0.2s ease-in-out;}
table tr td{border:none; border-left:1px solid #999; border-bottom:1px solid #999; border-collapse:collapse; font-size:14px; color:#333; text-decoration:none; padding:5px 10px; margin:0;}

table tr:hover{background-color:#E1E1E1;}

table tr td a.hover{color:#000; 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{color:#3d3d3d; font-weight:bold; margin:0;}
table tr td a.product em{color:#000; font-style:normal;}
table tr td a.product strong{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; 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:#000;}
table tr td a.product div.tooltip.bottom .tooltiptext{top:110%;}

/* SWEETALERT */
.swal2-popup,
.swal2-styled.swal2-deny,
.swal2-styled.swal2-cancel,
.swal2-styled.swal2-confirm{border-radius:0 !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:#000 !important; text-decoration:none !important; font-weight:normal !important; font-style:normal !important; text-transform:none !important; border-radius:0 !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: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-button{-webkit-tap-highlight-color:rgba(0,0,0,0); touch-action:manipulation;}
.fancybox-button svg{pointer-events:none;}

.fancybox-stage h3{color:#000; 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:#000;}
.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; transition:all 0.3s ease-in-out;}
.sharepopup .social svg:hover{fill:#000;}

.sharepopup .copy{position:relative; background-color:#000; padding:30px; margin:0;}
.sharepopup .copy p{display:block; position:relative; background-color:#FFF; vertical-align:middle; padding:10px 50px 10px 15px; margin:0; cursor:pointer;}
.sharepopup .copy p svg{display:block; position:absolute; top:50%; right:15px; fill:#333; vertical-align:middle; margin:-12px 0 0 0; transition:all 0.3s ease-in-out;}
.sharepopup .copy p span{word-break:break-all;}
.sharepopup .copy p:hover svg{fill:#000;}
.sharepopup .copy strong{color:#FFF;}

/* --- 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; 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-width: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;}

/* ANIMATION */
@keyframes slideInRight{
	from{transform:translateX(100%); opacity:0;}
	to{transform:translateX(0); opacity:1;}
}

/* MOBILE */
@media only screen and (max-width: 1250px){
	section.page div.tabs a{padding:clamp(5px, 1vw, 10px) clamp(10px, 2vw, 20px);}
	section.page div.tabs a svg{display:none;}
	section.page div.contents{padding:clamp(10px, 2vw, 20px);}
	
	section.page div.profile{display:block;}
	section.page div.profile .box{flex:none; padding:clamp(15px, 3vw, 30px); margin:clamp(15px, 3vw, 30px) 0 0 0;}
	section.page div.profile .box:first-of-type{margin:0;}
	section.page div.profile .box .info{max-height:none;}
}

@media only screen and (max-width: 1200px){
    header{padding:clamp(10px, 2vw, 20px) 0 0 0;}
    header nav{width:calc(100% - 450px);}
    header svg.logo{float:none; margin:0 auto clamp(10px, 2vw, 20px) auto;}
    
	section.info a.box{width:calc(50% - clamp(40px, 8vw, 80px)); margin:0 0 clamp(10px, 2vw, 20px) clamp(10px, 12vw, 20px);}
	section.info a.box:nth-of-type(3n + 1){clear:none; margin:0 0 clamp(10px, 2vw, 20px) clamp(10px, 12vw, 20px);}
	section.info a.box:nth-of-type(2n + 1){clear:left; margin:0 0 clamp(10px, 2vw, 20px) 0;}
	
	section.page div.button#filters{display:block;}
	
	aside{width:100%; display:none; float:none;}
}

@media only screen and (max-width: 1100px){
	section.points div.box{width:50%; margin:0 0 15px 0;}
	section.points div.box:nth-of-type(4n + 1){clear:none;}
	section.points div.box:nth-of-type(2n + 1){clear:left;}
}

@media only screen and (max-width: 1050px){
	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.contacts div.box svg{margin:0 clamp(10px, 1.5vw, 15px) 0 0;}

	section.sitemap div.box{width:calc(33.3334% - 12px); margin:0 0 clamp(15px, 3vw, 30px) 18px;}
	section.sitemap div.box:nth-of-type(5n + 1){clear:none; margin:0 0 clamp(15px, 3vw, 30px) 18px;}
	section.sitemap div.box:nth-of-type(3n + 1){clear:left; margin:0 0 clamp(15px, 3vw, 30px) 0;}
	
	footer div.data{text-align:center;}
	footer div.data p,
	footer div.data div.created{float:none;}	
}

@media only screen and (max-width: 1000px){	
	a.item{width:calc(33.3334% - 10px); margin:0 0 30px 15px;}
	a.item:nth-of-type(4n + 1){clear:none; margin:0 0 30px 15px;}
	a.item:nth-of-type(3n + 1){clear:left; margin:0 0 30px 0;}
}

@media only screen and (max-width: 950px){
    header{padding:clamp(10px, 2vw, 20px) 0;}
    
    header nav{width:auto; display:none; position:relative; float:none;}
    header nav span.count{width:auto; max-width:none; padding:0;}
	header nav ul,
	header nav ul li{float:none;}
	header nav ul li a.sub{cursor:default;}
	header nav ul li div{width:auto; max-width:none; position:relative;}
	
    header div.controls{float:none; text-align:center; margin:0;}
    header div.controls .search{width:auto; float:none; padding:0; margin:0 0 clamp(10px, 2vw, 20px) 0;}
	header div.controls .search svg{top:10px;}
	header div.controls .action,
	header div.controls .action.menu{display:inline-block; float:none; vertical-align:middle; margin:0 0 0 20px;}
    
	section.page div.images{width:auto; max-width:none; float:none; clear:left; margin:0 0 clamp(15px, 3vw, 30px) 0;}
	section.page div.images .image{max-width:100%; max-height:100%;}
		
	section.page div.details{width:auto; float:none; clear:left; margin:0;}
    
	section.page iframe{max-width:100%; float:none; margin:0 auto clamp(15px, 4vw, 60px) auto;}
}

@media only screen and (max-width: 900px){
	section.banners .slick-slide{margin:0 8px;}
	section.banners .slick-list{margin:0 -8px;}
	
	section.contacts div.box,
	section.contacts div.box:nth-of-type(3n + 1){width:auto; float:none; clear:left; margin:clamp(15px, 3vw, 30px) 0 0 0;}
	section.contacts div.box:first-child{margin:0;}
	
	section.deliveries .sitemap{width:auto; display:block; float:none; margin:clamp(5px, 1vw, 10px) 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.page div.information{display:block; -webkit-align-items:none; align-items:none;}
    section.page div.information .box{border-top:1px solid #CCC; padding:clamp(10px, 2vw, 20px) 0; margin:clamp(10px, 2vw, 20px) 0 0 0;}
    section.page div.information .box:first-of-type{border-top:none; padding:0 0 clamp(10px, 2vw, 20px) 0; margin:0;}
    section.page div.information .box svg{width:41px;}
	
	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 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;}
}

@media only screen and (max-width: 850px){
	.cell2{display:none !important;}
	
	section.page div.aumont span:last-of-type{float:none; clear:both;}
	section.page div.details{margin:0 0 15px 0;}
	section.page div.tabs a{float:none;}
}

@media only screen and (max-width: 800px){
	section.shopingcart div.cart .row4,
	section.shopingcart div.cart .top .row4,
	section.shopingcart div.cart .middle .row4{display:none;}	
	section.shopingcart div.cart .row1,
	section.shopingcart div.cart .top .row1{width:calc(100% - 280px); padding:clamp(15px, 2vw, 20px) 0;}
	section.shopingcart div.cart .row2,
	section.shopingcart div.cart .top .row2{width:100px; padding:clamp(15px, 2vw, 20px) 0;}
	section.shopingcart div.cart .row3,
	section.shopingcart div.cart .top .row3{width:120px; padding:clamp(15px, 2vw, 20px) 0;}
	section.shopingcart div.cart .row5,
	section.shopingcart div.cart .top .row5{width:60px; padding:clamp(15px, 2vw, 20px) 0;}
	section.shopingcart div.cart .middle a.row1 .info{width:auto; float:none;}
	
	section.top div.info{float:none; text-align:center;}
	section.top div.controls{display:none;}
	
	table tr td a.product picture{display:none;}
}
		
@media only screen and (max-width: 750px){
	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(18px, 2vw, 32px); text-align:left;}	
	section.headline div.mask{width:100%; max-width:100%; float:none; clear:left;text-align:left; margin:clamp(10px, 1.5vw, 20px) 0 0 0;}
	section.headline div.mask::before{width:10%;}
    section.headline a.back{float:left; margin:0 0 clamp(10px, 1.5vw, 20px) 0;}
    section.headline svg.share{margin:0 0 clamp(10px, 1.5vw, 20px) 0;}
	
	section.form div.box,
	section.deliveries div.box{width:auto; float:none; clear:left; margin:0 0 clamp(15px, 3vw, 30px) 0;}
	
	section.sitemap .column{width:auto; float:none; margin:clamp(5px, 1vw, 10px) 0;}
    section.sitemap .column:nth-of-type(2n + 1){margin:clamp(5px, 1vw, 10px) 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; margin:0 0 clamp(10px, 1.5vw, 15px) 0;}
}

@media only screen and (max-width: 700px){
	section.shopingcart div.bottom a.button{display:block; float:none; margin:15px 0 0 0;}
	
    a.item{width:calc(50% - 5px); margin:0 0 30px 10px;}
	a.item:nth-of-type(4n + 1),
	a.item:nth-of-type(3n + 1){clear:none; margin:0 0 30px 10px;}
	a.item:nth-of-type(2n + 1){clear:left; margin:0 0 30px 0;}
    
	section.page.about picture{width:auto; max-width:100%; float:none; margin:0 auto clamp(15px, 3vw, 30px) auto;}
	
	section.sitemap div.box{width:calc(50% - 10px); margin:0 0 clamp(15px, 2vw, 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 clamp(15px, 2vw, 20px) 20px;}
	section.sitemap div.box:nth-of-type(2n + 1){clear:left; margin:0 0 clamp(15px, 2vw, 20px) 0;}
	
	section.page div.tabs a{padding:clamp(5px, 1vw, 10px);}
	section.page div.tabs a p{display:none;}
	section.page div.tabs a svg{max-width:50%; display:block; float:none; padding:0; margin:0 auto;}
	
	footer div.info .count{display:block;}
	footer div.info .box,
	footer div.info .box:last-child{flex:none; text-align:center; padding:0; margin:clamp(15px, 3vw, 30px) 0 0 0;}
	footer div.info .box:first-child{flex:none; text-align:center; padding:0; margin:0;}
}

@media only screen and (max-width: 650px){
	section.shopingcart div.empty{text-align:center;}
	section.shopingcart div.empty p{display:block; line-height:120%; margin:clamp(10px, 2vw, 20px) 0}
	section.shopingcart div.empty svg{display:block; margin:0 auto;}
	section.shopingcart div.empty a.button{display:block; float:none; margin:0;}
	
	section.headline div.mask:before{width:20px; position:absolute; top:0; right:0; bottom:0; content:""; background-image:linear-gradient(to right, rgba(246,246,246,0), #f6f6f6); z-index:3;}
	
	footer div.navigation .box{width:calc(50% - 15px); margin:0 0 30px 30px;}
	footer div.navigation .box:nth-of-type(5n + 1),
	footer div.navigation .box:nth-of-type(3n + 1){clear:none; margin:0 0 30px 30px;}
	footer div.navigation .box:nth-of-type(2n + 1){clear:left; margin:0 0 30px 0;}
}

@media only screen and (max-width: 600px){
	section.shopingcart div.cart .row2,
	section.shopingcart div.cart .top .row2,
	section.shopingcart div.cart .middle .row2{display:none;}	
	section.shopingcart div.cart .row1,
	section.shopingcart div.cart .top .row1{width:calc(100% - 180px); padding:clamp(15px, 2vw, 20px) 0;}
	
	section.shopingcart div.cart .middle a.row1 picture{width:80px; margin:0 clamp(10px, 1.5vw, 15px) 0 0;}
	section.shopingcart div.cart .middle a.row1 .info{min-height:80px;}
	
	section.shopingcart div.bottom{text-align:center;}
	section.shopingcart div.bottom span{background-color:#ebebeb; border-left:none; color:#000;}
	section.shopingcart div.bottom span strong,
	section.shopingcart div.bottom span:last-of-type strong{color:#000;}
	section.shopingcart div.bottom span:first-of-type{display:block; background-color:transparent; color:#CCC; text-align:center; margin:0 0 15px 0;}
	section.shopingcart div.bottom span:first-of-type strong{color:#FFF;}
	
	section.points{display:none;}
	
	section.banners{max-height:235px; margin:clamp(15px, 3vw, 30px) auto; aspect-ratio:420/235;}
	section.banners .slick-slide,
	section.banners .slick-list{max-height:235px; margin:0;}
	
	section.products h1{float:none; margin:0;}
	section.products div.info{float:none;}
}

@media only screen and (max-width: 550px){		
	section.page div.details .container .prev,
	section.page div.details .container .next{display:none !important;}
	section.page div.details .container .list{width:auto; display:block;}
	section.page div.details .container .list .review{width:calc(100% - 60px) !important; padding:30px;}
}

@media only screen and (max-width: 500px){
	section.slider div.slide span.count .info p{display:none;}
	
	table tr td a.product div.tooltip{position:relative; top:0; right:0; margin:0;}
	
	.cell4{display:none !important;}
		
	aside input{width:80px;}
}

@media only screen and (max-width: 450px){
	section.shopingcart div.cart .row1{width:auto; min-height:36px !important; float:none; padding:15px 0 0 0;}
	section.shopingcart div.cart .row3{width:auto; min-height:36px !important;}
	section.shopingcart div.cart .row5{width:auto; min-height:36px !important; float:right;}
	
	section.shopingcart div.cart .top .row1{width:auto; float:none; padding:clamp(15px, 2vw, 20px) 0 0 0;}
	section.shopingcart div.cart .top .row3,
	section.shopingcart div.cart .top .row5{display:none;}
	
	section.top div.info p{margin:0;}
	section.top div.info .tooltip{display:none;}
	
	section.deliveries .sitemap{padding:clamp(10px, 1.5vw, 15px);}
	section.deliveries .sitemap h4{margin:0;}
	section.deliveries .sitemap svg{margin:0 clamp(10px, 1.5vw, 15px) 0 0;}
	
	footer div.navigation .box,
	footer div.navigation .box:nth-of-type(5n + 1),
	footer div.navigation .box:nth-of-type(3n + 1),
	footer div.navigation .box:nth-of-type(2n + 1){width:auto; float:none; clear:both; margin:30px 0 0 0;}
	footer div.navigation .box:first-of-type{margin:0;}
	footer div.navigation .box strong{cursor:pointer;}
	footer div.navigation .box ul{display:none;}
}

@media only screen and (max-width: 400px){    
    a.item,
	a.item:nth-of-type(4n + 1),
	a.item:nth-of-type(3n + 1),
	a.item:nth-of-type(2n + 1){width:100%; float:none; clear:both; margin:0 0 20px 0;}
	
	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 clamp(10px, 1.5vw, 15px) 0;}
	
	section.page div.tabs a{padding:5px;}
}

/* FIX */
@media only screen and (min-device-width: 320px) and (max-device-width: 430px)  and (-webkit-min-device-pixel-ratio: 2){
	input,
	textarea,
	select{font-size:16px;}
}