/* 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% - 560px); 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(11px, 1vw, 13px); color:#999; text-decoration:none; text-transform:uppercase; line-height:50px; padding:0; margin:0 8px; 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:30px 0; 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;}



/* --- OTHERS --- */

header.index{background-color:#fdc8d9;}

header.index svg.logo{fill:#000;}

header.index nav ul li a{color:#000;}

header.index nav ul li a svg{fill:#000;}



header.index div.controls .search input{background-color:#FFF;}



header.index div.controls .action svg{fill:#000;}

header.index div.controls .action:hover svg{fill:#FFF;}





/* 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 10px; 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;}



/* WIZIA */

.wz-tryon-btn{top:auto !important; bottom:20px !important; left:50% !important; background-color:#000 !important; border-color:#000 !important; border-radius:20px !important; margin:0 0 0 -55px !important; animation:none !important;}

.wz-tryon-btn img{display:none !important;}

.wz-tryon-btn span{color:#FFF !important;}



/* 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: 768px){

    .wz-tryon-btn{padding:0 10px !important; margin: 0 0 0 -75px !important;}

}

		

@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;}

}