@charset "utf-8";
/* CSS Document */

/*template*/
*{margin:0; padding:0; outline:none; box-sizing:border-box;}
img,fieldset{border:0px; display:block; object-fit:contain;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
hr, legend{display:none;}
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; overflow-x:hidden; overflow-y:scroll; background:url('/non-html/images/body.png') 90% 10%/65% no-repeat; font-family:'Slabo 13px', serif; font-size:18px; font-size:1.8rem; line-height:1.628571; color:#0e0307; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

h1, h2, h3, h4, h5, h6{width:100%; height:auto; font-weight:normal; line-height:1.2; font-family:'Simonetta', cursive;}
h1{font-size:35px; font-size:3.5rem; margin:35px 0px 35px 0px;}
h2{font-size:28px; font-size:2.8rem; margin:0px 0px 10px 0px;}
h3{font-size:24px; font-size:2.4rem; margin:0px 0px 10px 0px;}
h3.padding{margin-bottom:35px;}
h3.spacer{margin-top:35px;}
h4{}
h5{}
h6{}

p{margin:0px 0px 35px 0px;}
p.purple, p.purple *{color:#7c6d8e; font-size:15px; font-size:1.5rem;}
p.red{color:#e2001a;}
p.green{color:#26c983;}
a, a *{color:#7c6d8e; text-decoration:underline;}
a:hover, a:hover *{color:#968aa5;}
small{font-size:11px;}
.clear{clear:both;}
.content p:last-of-type{margin:0px;}
.content ul,
.content ol{list-style:disc outside; margin:0px 0px 30px 20px;}

table{}
table td{vertical-align:top; padding:3px 0px;}

header, nav, article, aside, section, footer{display:block; overflow:hidden;}
header, section, footer{width:100%; height:auto;}

.left{float:left !important;}
.right{float:right !important;}


/*forms*/
.input-wrapper, .input-wrapper *{font-family:'Lato', sans-serif;}
.input-wrapper{position:relative; display:block; margin:0px 0px 45px 0px;}
.input-wrapper label{position:absolute; top:-13px; left:0; font-size:11px; font-size:1.1rem; font-family:'Slabo 13px', serif; color:#0e0307; padding:0px 1%; transition:all 0.1s linear; opacity:0; font-weight:bold;}
.input-wrapper label.on{color:#666666;}
.input-wrapper label.show{top:-15px; opacity:1;}
.input-wrapper input{width:98%; height:35px; display:block; color:#333333; overflow:hidden; border:none; font-family:'Slabo 13px', serif; font-size:15px; font-size:1.5rem; padding:0px 1%; border-bottom:1px solid #c8c8c8;}
.input-wrapper input.red{border-bottom:1px solid #d90000;}
.input-wrapper input:focus{border-color:#7c6d8e; transition:.2s;}
.input-wrapper input.red:focus{border-bottom:1px solid #d90000; transition:.2s;}

.input-wrapper-radio{position:relative; display:block; margin:0px 0px 45px 0px; padding:0px 1%;}
.input-wrapper-radio .headlabel{position:absolute; top:-25px; opacity:1; left:0; font-size:11px; color:#666666; padding:0px 1%; transition:all 0.1s linear; font-weight:bold;}
.input-wrapper-radio input[type="radio"]:not(:checked), [type="radio"]:checked{position: absolute; left:-9999px;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label, [type="radio"]:checked + label{position:relative; color:#333333; padding:0px 25px; cursor:pointer; font-size:15px; font-size:1.5rem;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label.red, [type="radio"]:checked + label.red{color:#d90000;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label:before,[type="radio"]:checked + label:before,[type="radio"]:not(:checked) + label:after,[type="radio"]:checked + label:after{content: ''; position:absolute;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before{left:0; top:0; width:18px; height:18px; background:#ffffff; overflow:hidden; border-radius:15px; transition:background-color .2s;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label:after,[type="radio"]:checked + label:after {width:16px; height:16px; transition:all .2s; border-radius:50%; background:#ffffff; top:0; left:0; border:1px solid #cdd0d6;}
.input-wrapper-radio input[type="radio"]:checked + label:before {background:#7c6d8e;}
.input-wrapper-radio input[type="radio"]:checked + label:after {display:none;}

.input-wrapper-checkbox{position:relative; display:block; padding:0px 1%;}
.input-wrapper-checkbox input[type="checkbox"] {position:absolute; left:-9999px;}
.input-wrapper-checkbox input[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after{content:''; position:absolute;}
.input-wrapper-checkbox input[type="checkbox"] + label:before{top:2px; left:0; width:15px; height:15px; content: ''; cursor: pointer; display:inline-block; border-radius:4px; border:1px solid #8991a8; transition:background-color .2s; background:#ffffff;}
.input-wrapper-checkbox input[type="checkbox"] + label{padding-left:25px; line-height:20px; position:relative; float:left; color:#333333; font-size:15px; font-size:1.5rem; }
.input-wrapper-checkbox input[type="checkbox"] + label.red{color:#d90000;}
.input-wrapper-checkbox label a{color:#333333;}
.input-wrapper-checkbox label.red a{color:#d90000;}
.input-wrapper-checkbox input[type="checkbox"] + label span{width:986px; font-size:19px; font-weight:normal; color:#86899c; line-height:17px; margin:0px 0px 15px 0px; display:inline-block;}
.input-wrapper-checkbox input[type="checkbox"] + label:last-child{margin:0px 0px 20px 0px;}
.input-wrapper-checkbox input[type="checkbox"] + label:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; content:''; position:absolute; width:6px; height:3px; background:transparent; top:6px; left:4px; border:3px solid #8991a8; border-top:none; transition:opacity .1s; border-right:none; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.input-wrapper-checkbox input[type="checkbox"] + label:hover::after {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity:0.9;}
.input-wrapper-checkbox input[type="checkbox"]:checked + label:before {background:#8991a8;}
.input-wrapper-checkbox input[type="checkbox"]:checked + label:after {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:0.9; border-color:#fff;}

.input-wrapper-textarea{position:relative; display:block; margin:0px 0px 45px 0px;}
.input-wrapper-textarea label{position:absolute; top:-13px; left:0; font-size:11px; color:#aaa; padding:0px 1%; transition:all 0.1s linear; opacity:0; font-weight:bold;}
.input-wrapper-textarea label.on{color:#666666;}
.input-wrapper-textarea label.show{top:15px; opacity:1;}
.input-wrapper-textarea textarea{width:98%; height:125px; display:block; overflow:hidden; border:none; resize:none; padding:0px 1%; font-family:'Slabo 13px', serif; font-size:15px; font-size:1.5rem; color:#333333; border-bottom:1px solid #c8c8c8;}
.input-wrapper-textarea textarea.red{border-bottom:1px solid #d90000;}
.input-wrapper-textarea textarea:focus{border-color:#7c6d8e; transition:.2s;}
.input-wrapper-textarea textarea.red:focus{border-bottom:1px solid #d90000; transition:.2s;}

.input-wrapper-select{position:relative; background: url('../images/dropdown.png') no-repeat right #FEFEFE; border: #ccc 1px solid; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 0px 10px 1px #FEFEFE; box-shadow: inset 0px 0px 10px 1px #FEFEFE;  display:block; margin:0px 0px 45px 0px; padding:0px 1%;}
.input-wrapper-select.red{border:#FF0000 1px solid;}
.input-wrapper-select .headlabel{position:absolute; top:-25px; opacity:1; left:0; font-size:11px; color:#666666; padding:0px 1%; transition:all 0.1s linear; font-weight:bold;}
.input-wrapper-select .selectDefault,
.input-wrapper-select .selectDefault2 { padding-left:8px; font-size:15px; font-size:1.5rem; }
.input-wrapper-select select { opacity:0; filter:alpha(opacity=0); position:absolute; top:0; left:0; width:100%; height:100%; display:block; z-index:101; }
.input-wrapper-select select:focus { outline: none; }

/*buttons*/
.buttons{height:70px; margin-bottom:35px !important; display:block; box-sizing:border-box;}
.buttons .button-left{float:left; width:50%;}
.buttons .button-left input[type=button],
.buttons .button-left input[type=submit]{border:0px; color:#666666; padding:15px 25px; font-weight:bold; font-size:17px; font-size:1.7rem; text-decoration:none; float:left; cursor:pointer; background-color:#ffffff;}
.buttons .button-right{float:right; width:50%;}
.buttons .button-right input[type=button],
.buttons .button-right input[type=submit]{border:0px; border-radius:10px; font-family:'Slabo 13px', serif; font-size:15px; font-size:1.5rem; padding:15px 25px; text-decoration:none; background-color:#cceed5; color:#335032; float:right; cursor:pointer;}
.button{display:inline-block; padding:8px 16px; color:white; background: #033d51; border-radius:4px; font-size:1.8rem; font-weight:600; text-decoration: unset;}
.button:hover{ color:#2a2620; background:#26c983;}
    

/*forms*/
form.form-grid{accent-color:#033d51;}
form.form-grid{display:grid; grid-template-columns:200px auto; gap:16px;}
form.form-grid.filter{display:block;}
form.form-grid.filter h2{margin-top:unset;}
form.form-grid .wide{grid-column-end:span 2;}
form.form-grid h2{margin-top:35px; margin-bottom:0px; font-size:2.4rem;}
form.form-grid h3{margin-top:35px; margin-bottom:0px; font-size:2.0rem;}
form.form-grid h3.nomargin{margin-top:0px;}
form.form-grid div{padding:8px 0px;}
form.form-grid div.hide{display:none;}
form.form-grid div.row{border-bottom:1px dotted #eae9e9;}
form.form-grid div.noborder{border-bottom:none !important;}
form.form-grid div.label{color:#2a2620;}
form.form-grid div.row label.red{color:#e2001a;}
form.form-grid div.row label{margin-left:4px;}
form.form-grid div span{display:block; height:32px; line-height:32px; color:#a3a3a3; font-size:1.2rem;}
form.form-grid div input[type="datetime-local" i],
form.form-grid div input[type="time" i],
form.form-grid div input[type="date" i]{color:#2a2620;}
form.form-grid div input[type="text"],
form.form-grid div input[type="number"],
form.form-grid div input[type="date"],
form.form-grid div input[type="time"],
form.form-grid div input[type="datetime-local"]{width:100%; height:30px; line-height:30px; font-size:1.6rem; font-family:'Slabo 13px', serif; padding:16px; border-radius:8px; border:1px solid #eae9e9; color:#444444; background:#ffffff;}
form.form-grid div select{width:100%; height:30px; line-height:30px; font-size:1.6rem; font-family:'Slabo 13px', serif; padding:16px; border-radius:8px; border:1px solid #eae9e9; color:#444444; background:#ffffff;}
form.form-grid div select{height:unset; line-height:unset; padding:8px 16px;}
form.form-grid div select option{color:#555555;}
form.form-grid div input[type="text"].red,
form.form-grid div input[type="number"].red,
form.form-grid div input[type="date"].red,
form.form-grid div input[type="time"].red,
form.form-grid div select.red,
form.form-grid div input[type="datetime-local"].red{border:1px solid #e2001a;}
form.form-grid div input[type="text"]:focus,
form.form-grid div input[type="number"]:focus,
form.form-grid div input[type="date"]:focus,
form.form-grid div input[type="time"]:focus,
form.form-grid div input[type="datetime-local"]:focus{border:1px solid #2a2620;}
form.form-grid div textarea{width:100%; height:300px; line-height:30px; padding:16px; border-radius:8px; background:#ffffff; color:#2a2620; border:1px solid #eae9e9; font-size:1.6rem; font-family:'Slabo 13px', serif; color:#444444;} 
form.form-grid div textarea:focus{border:1px solid #303030;}
form.form-grid div.productprice span{color:#26c983; height:unset; font-family:'Slabo 13px', serif; font-size:3.3rem; display:flex; justify-content:center; margin:5px 0px; font-weight:500; line-height:65px;}
form.form-grid div.productprice span strike{color:#58889c; font-size:24px; font-size:2.4rem; line-height:84px; margin-right:35px;}
form.form-grid div.radio-image{display:grid; grid-template-columns:repeat(10,auto); grid-gap:12px;}
form.form-grid div.radio-image label{font-weight:500; font-size:1.4rem; text-align:center;}
form.form-grid div.radio-image input[type="radio"]{position:absolute; opacity:0; width:0;height:0;}
form.form-grid div.radio-image .headlabel{position:absolute; top:-25px; opacity:1; left:0; font-size:11px; color:#8b8f96; padding:0px 1%; transition:all 0.1s linear; font-weight:bold;}
form.form-grid div.radio-image input[type="radio"]{position:absolute; opacity:0; width:0; height:0;}
form.form-grid div.radio-image input[type="radio"] + img{cursor:pointer; height:100%; width:100%; margin-bottom:10px;}
form.form-grid div.radio-image input[type="radio"]:checked + img{outline:1px solid #D83179; outline-width: 2px; outline-offset:2px;}
form.form-grid div.radio-image input[type="radio"]:not(:checked), 
form.form-grid div.radio-image [type="radio"]:checked{position: absolute; left:-9999px;}
form.form-grid div.radio-image input[type="radio"]:not(:checked) + label, 
form.form-grid div.radio-image [type="radio"]:checked + label{position:relative; color:#8b8f96; padding-left:25px; padding-right:25px; cursor:pointer; font-size:15px; font-size:1.5rem;}
form.form-grid div.radio-image input[type="radio"]:not(:checked) + label.red, 
form.form-grid div.radio-image [type="radio"]:checked + label.red{color:#c72230;}
form.form-grid div.radio-image input[type="radio"]:not(:checked) + label:before,
form.form-grid div.radio-image [type="radio"]:checked + label:before,
form.form-grid div.radio-image [type="radio"]:not(:checked) + label:after,
form.form-grid div.radio-image [type="radio"]:checked + label:after{content: ''; position:absolute;}
form.form-grid div.radio-image input[type="radio"]:not(:checked) + label:before, 
form.form-grid div.radio-image [type="radio"]:checked + label:before{left:0; top:0; width:18px; height:18px; background:#ffffff; overflow:hidden; border-radius:15px; transition:background-color .2s;}
form.form-grid div.radio-image input[type="radio"]:not(:checked) + label:after,
form.form-grid div.radio-image [type="radio"]:checked + label:after {width:16px; height:16px; transition:all .2s; border-radius:50%; background:#ffffff; top:0; left:0; border:1px solid #cdd0d6;}
form.form-grid div.radio-image input[type="radio"]:checked + label:before {background:#542f7b;}
form.form-grid div.radio-image input[type="radio"]:checked + label:after {display:none;}
form.form-grid .submit-button{display:grid; grid-template-columns:1fr 1fr; grid-column-end:span 2;}
form.form-grid .submit-button div{padding:unset;}
form.form-grid .submit-button .left input[type=button],
form.form-grid .submit-button .left input[type=submit]{padding:8px 24px; color:#335032; background:#cceed5; font-weight:500; font-size:15px; font-family:'Slabo 1px', serif; border: none; border-radius:4px; float:left; cursor:pointer;}
form.form-grid .submit-button .left input[type=submit]:hover{background:#fac293;}
form.form-grid .submit-button .right input[type=button],
form.form-grid .submit-button .right input[type=submit]{padding:8px 24px; color:#335032; background:#cceed5; font-weight:500; font-size:15px; font-family:'Slabo 13px', serif; border: none; border-radius:4px; float:right; cursor:pointer;}
form.form-grid .submit-button .right input[type=submit]:hover{background:#fac293;}
form.form-grid .submit-button .right input.submit[type=submit]{padding:8px 24px; color:#ffffff; background:#335032; font-weight:500; font-size:15px; font-family:'Slabo 13px', serif; border: none; border-radius:4px; float:right; cursor:pointer;}
form.form-grid .submit-button .right input.submit[type=submit]:hover{background:#adfbd1;}
form.form-grid .submit-button .button-add{grid-column-end: span 2; }
form.form-grid .submit-button h3 span{font-size:1.6rem; font-weight:500;}
form.form-grid .submit-button.config{background:#ececec; padding:24px;}
form.form-grid .submit-button.config .left input[type=button],
form.form-grid .submit-button.config .left input[type=submit]{width:100%; background:#033d51;}
form.form-grid.order .submit-button{grid-template-columns:200px auto; gap:16px;}
form.form-grid.order .submit-button .right input[type=button],
form.form-grid.order .submit-button .right input[type=submit]{width:100%;}
form.form-grid .basket{grid-column-end: span 2;}
form.form-grid .basket .basket-product-grid span{display:inline; font-size:unset;}
form.form-grid .basket .basket-product-grid span:after{content:":"; padding:0 4px;}



/*body*/
body{background:url('../images/body.png') no-repeat; background-size:65%; background-position:90% 10%;}

/*header*/
header{height:170px; position:relative; margin:35px 0px;}
header .container{padding:0px 35px; box-sizing:border-box;}
header .logo{z-index:900;}
header .logo a{width:260px; height:170px; display:block; position:relative; float:left; text-indent:-4000px; background:url('../images/logo-afrodite.png') no-repeat top left;}
header nav{width:100%; height:170px; position:relative;}
header nav ul{width:auto;float:right; position:relative; text-align:left;}
header nav ul li{float:left; position:relative;}
header nav ul li a{height:140px; margin:0px 10px; float:left; text-align:center; white-space:nowrap; line-height:140px; text-transform:lowercase; font-family:'Simonetta', cursive;  font-size:20px; font-size:2.0rem; color:#0e0307; text-decoration:none;}
header nav ul li a:hover,
header nav ul li.on a{color:#7c6d8e;}
header nav .menu-icon{display:none;}
header nav .cart-icon{width:60px; height:140px; display:block; padding-top:43px; position:relative; float:right;}
header nav .cart-icon a{width:40px; height:60px; display:block; float:right; text-align:right; display:block; margin:0px 15px; text-decoration:none !important;}
header nav .cart-icon a i{font-size:28px; font-size:2.8rem; color:#cceed5; line-height:50px; text-decoration:none !important;}
header nav .cart-icon a .label{width:20px; height:20px; display:block; position:absolute; bottom:35x; right:3px; z-index:900; text-align:center; background:#7c6d8e; color:#ffffff; font-size:13px; font-size:1.3rem; font-weight:bold; line-height:19px; border-radius:10px; border:2px solid #ffffff; text-decoration:none;}
header nav .cart-icon a i.green{color:#335032;}

/*sections*/
section{margin-bottom:105px !important;}
section .container{padding:0px 35px; box-sizing:border-box;}

section .label{width:70%; height:auto; display:block; margin:0px auto;}
section.product .label{width:100%;}
section .label ol{width:100%;}
section .label ol li{float:left; font-size:13px; font-size:1.3rem; text-decoration:none; color:#898b88; padding-right:5px;}
section .label ol li a{padding-right:5px; text-decoration:none;}
section .label ol li a span{font-size:13px; font-size:1.3rem; text-decoration:none; color:#898b88;}

section.splash{}
section.splash article{margin-top:70px !important;}
section.splash article .wrapper{padding-top:35px;}
section.splash article .wrapper .left,
section.splash article .wrapper .right{width:50%;}
section.splash article button{width:175px; height:35px; display:block; position:relative; float:left; border-radius:10px; text-align:center; border:0; font-family:'Slabo 13px', serif; font-size:14px; font-size:1.4rem; cursor:pointer;}
section.splash article button.purple{background:#7c6d8e; color:#ffffff; float:right;}
section.splash article button.clear{color:#7b8c93; background:none; float:left;}
section.splash .slide{}

section.home{}
section.home article{width:70%; margin:0px auto !important;}
section.home article .blog-reaction{width:100%; height:auto; display:block; margin-bottom:15px; background:rgba(124,109,142, .2); padding:15px; box-sizing:border-box;}
section.home article .blog-reaction span{color:#7c6d8e; font-size:14px; font-size:1.4rem;}
section.home article .blog-reaction span strong{color:#0e0307; font-size:18px; font-size:1.8rem;}
section.home article .blog-item{display:block; text-decoration:none; padding-bottom:15px; margin-bottom:35px; border-bottom:2px solid #cceed5;}
section.home article .blog-item a{display:block; text-decoration:none; color:#0e0307;}
section.home article .blog-item a span{font-size:14px; font-size:1.4rem; color:#0e0307 !important; text-decoration:none !important;}
section.home article .blog-item a strong{display:block; color:#7c6d8e;}
section.home article .blog-item a img{float:left; margin-right:35px;}

section.products{}
section.products .categories{width:100%; height:35px; display:block; margin-bottom:35px; border-bottom:2px solid #cceed5;}
section.products .categories span{width:auto; height:35px; display:inline-block; margin:0px 15px; text-decoration:none; color:#7c6d8e; border-bottom:2px solid #7c6d8e;}
section.products .newsletter form{width:80%; margin:0px auto;}

section.products .products-list{}
section.products .products-list .product-card a{width:25%; height:350px; display:block; float:left; text-decoration:none;}
section.products .products-list .product-card a .product-image{width:80%; height:245px; display:block; margin:0px auto;}
section.products .products-list .product-card a .product-image img{max-width:100%; max-height:100%; margin:0px auto;}
section.products .products-list .product-card a .product-info{width:80%; height:105px; display:block; margin:0px auto; text-align:center; text-decoration:none;}
section.products .products-list .product-card a .product-info h3{width:auto !important; font-family:'Slabo 13px', serif; font-size:18px; font-size:1.8rem; color:#7c6d8e; margin:0px 0px 15px 0px; text-align:center; text-decoration:none;}
section.products .products-list .product-card a .product-info span.price{text-decoration:none; color:#335032; font-weight:bold;}
section.products .products-list .product-card a .product-info span.price strike.price-promo{text-decoration:line-through; font-size:15px; font-size:1.5rem; margin-right:10px; color:#9aa499; font-weight:bold;}
section.products .products-list .product-card a .product-info span.price small{text-decoration:none; color:#335032; margin-right:12px;}
section.products .products-list .categorie-card a{width:25%; height:350px; display:block; float:left; text-decoration:none;}
section.products .products-list .categorie-card a .categorie-image{width:80%; height:245px; display:block; margin:0px auto;}
section.products .products-list .categorie-card a .categorie-image img{max-width:100%; max-height:100%; margin:0px auto;}
section.products .products-list .categorie-card a .categorie-info{width:80%; height:105px; display:block; margin:0px auto; text-align:center; text-decoration:none;}
section.products .products-list .categorie-card a .categorie-info h3{width:auto !important; font-family:'Slabo 13px', serif; color:#7c6d8e; margin:0px 0px 15px 0px; text-align:center; text-decoration:none;}

section.banner{background:#ebf8ee; position:relative; overflow:visible;}
section.banner .banner-image{width:30%; height:auto; display:block; position:absolute; top:-35px; z-index:9999; float:left;}
section.banner .banner-image img{}
section.banner .banner-content{width:70%; height:auto; display:block; float:right; padding:35px; box-sizing:border-box;}
section.banner .banner-content h2{text-align:center; color:#335032; font-size:34px; font-size:3.4rem; margin-bottom:35px;}
section.banner .banner-content p,
section.banner .banner-content p *{font-size:16px; font-size:1.6rem; color:#335032; text-align:center;}
section.banner .banner-content p:last-of-type{margin-bottom:0px;}

section.product{position: relative;}
section.product .product-images .product-image{width:90%; height:447px; display:block; float:left; padding:75px 75px 125px 75px; box-sizing:border-box; background:url('../images/product-background.png') no-repeat center;}
section.product .product-images .product-image img{max-width:100%; max-height:100%; margin:0px auto;}
section.product .product-details .product-description{width:100%; display:block; float:left; margin-bottom:35px;}
section.product .product-details .product-description p:last-of-type{margin-bottom:0px;}
section.product .product-details .product-options{width:100%; display:block; float:left;}
section.product .product-details .product-options table{width:100%;}
section.product .product-details .product-options table tbody{text-align:left; font-weight:normal; font-size:1.8rem;}
section.product .product-details .product-options table tr.small{font-size:1.2rem; color:#B4B4B4; font-weight:400;}
section.product .product-details .product-options table.staffel-table td{border-bottom:1px dotted #335032; font-size:1.6rem; padding:4px 0px;}
section.product .product-details .product-options table.staffel-table th{background:#7c6d8e; color:#ffffff; font-size:1.6rem;}
section.product .product-details .product-options table.product-table td{vertical-align:top; font-weight:bold;}
section.product .product-details .product-options table.product-table tr td:first-child:not(:last-child){width:200px;}
section.product .product-details .product-options table.product-table tr td:last-child:not(:first-child){padding-left:16px; text-align:right;}
section.product .product-details .product-options table.product-table tr td{color:#335032;}
section.product .product-details .product-options table.product-table tr td span#currency,
section.product .product-details .product-options table.product-table tr td span#singleprice{font-size:3.2rem;}
section.product .product-details .product-options table.product-table tr td small,
section.product .product-details .product-options table.product-table tr td small *{color:#7c6d8e; font-weight:normal;}
section.product .product-details .product-properties{width:100%; display:block; float:left; margin:35px 0px;}
section.product .product-details .product-properties dl{width:100%; display:block;}
section.product .product-details .product-properties dl dt{width:200px; height:28px; display:block; float:left; color:#7c6d8e; line-height:24px; font-size:1.3rem; font-weight:bold; border-bottom:2px solid #ffffff;}
section.product .product-details .product-properties dl dd{width:430px; height:28px; display:block; float:right; color:#7c6d8e; line-height:24px; font-size:1.3rem; border-bottom:2px solid #ffffff;}

.overlay-shoppingbasket{background:rgba(0,0,0,0.5); width: 100vw; height:100%; position:fixed; left:0; top:0; display:none; z-index:1000;}

/*shopping basket overlay div*/
.purchase-div{background:#ffffff; padding:15px; border-radius:16px; position: relative; z-index:1000;}


.purchase-div .basket-result{display:none;}
.purchase-div .basket-result .product{width: 100%; height:auto;}
.purchase-div .basket-result .product .image{width: 50%; height:auto; margin:auto;}
.purchase-div .basket-result .product .image img{width: 100%; height: 100%; object-fit:contain;}
.purchase-div .basket-result .product .product-title{text-align:center; font-size:26px; margin-bottom:24px;}
.purchase-div .basket-result .basket-buttons{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
.purchase-div .basket-result .button{ font-weight:500; color:#fff; font-size:16px; background:unset; color:#7b8c93; border:none;  display:flex; align-items:center; justify-content:center; gap:8px; cursor:pointer;}
.purchase-div .basket-result .button.cart-action{background-color:#cceed5 !important; color:#335032;}

section.basket{margin:0px 0px 35px 0px !important;}
section.basket .container{padding:0px;}
section.basket-empty{margin:0px 0px 35px 0px !important; padding:0px 15px !important; box-sizing:border-box;}
section.basket * span{float:left;}
section.basket .number{text-align:right;}
section.basket * {font-size:17px; font-size:1.7rem;}
section.basket .spacer{margin-top:15px !important;}
section.basket .basket-head{height:35px;}
section.basket .basket-head-cell{box-sizing:border-box; padding:0px 15px; font-weight:bold; color:#7c6d8e; line-height:35px; border-bottom:2px solid #7c6d8e;}
section.basket .basket-row{margin:3px 0px !important; padding:10px 0px; border-bottom:2px solid #cceed5;}
section.basket .basket-row .picture,
section.basket .basket-row .quantity,
section.basket .basket-row .price{width:210px; display:inline; float:left;}
section.basket .basket-row .price{color:#335032;}
section.basket .basket-row .quantity a i{text-decoration:none; color:#888888; font-size:20px; font-size:2.0rem; line-height:20px;}
section.basket .basket-row .product{width:630px; display:inline; float:left; margin:0px !important;}
section.basket .basket-row .product p.productoptions{font-size:15px; font-size:1.5rem; margin:0px 0px 0px 10px !important;}
section.basket .basket-row-cell{box-sizing:border-box; padding:0px 15px;}
section.basket .basket-row-cell{box-sizing:border-box; padding:0px 15px;}
section.basket .basket-row-cell small a{color:#d90000; font-size:12px; font-size:1.2rem;}
section.basket .basket-row-cell input[type=text]{width:35px; height:30px; float:left; text-align:center; padding:0px 5px; font-size:17px; font-size:1.7rem; border:1px solid #bbbbbb;}
section.basket .basket-row-cell img{max-width:100%;}
section.basket .basket-row-cell a.basket-update{float:left; margin:5px 0px 0px 10px;}
section.basket .basket-total{}
section.basket .basket-total .basket-total-cell-text{padding:3px 15px !important; background:#cceed5; color:#335032; box-sizing:border-box;}
section.basket .basket-tax{}
section.basket .basket-tax .basket-tax-cell-text{padding:3px 15px !important; background:rgba(137, 139, 136, .1); color:#898b88; box-sizing:border-box;}
section.basket .basket-total-m,
section.basket .basket-tax-m{display:none;}

section.order form table{width:100%;}
section.order form table.overview tr td{line-height:35px;}
section.order form table.overview tr td:first-child{width:30%; color:#888888; line-height:35px; font-size:17px; font-size:1.7rem;}
section.order form table.listproducts{width:100%;}
section.order form table.listproducts tr td,
section.order form table.listproducts tr th{line-height:35px;}
section.order form table.listproducts tr th{color:#888888; font-weight:normal; font-size:17px; font-size:1.7rem; text-align:left; border-bottom:1px solid #d1e8ff;}
section.order form table.listproducts tr td *,
section.order form table.listproducts tr td{font-size:17px; font-size:1.7rem;}
section.order form table.listproducts tr td p.productoptions{margin:0px 0px 0px 20px !important; font-size:15px; font-size:1.5rem; line-height:1.628571; color:#888888;}
section.order form table.listproducts tr td img{max-width:100px; margin:0px 20px 20px 0px;}
section.order form table.listproducts tr td.price{width:25%; text-align:right;}
section.order form table.listproducts tr td.price span{float:left;}
section.order form table.listproducts tr td.subtotal{border-top:1px solid #d1e8ff;}

section.salespage-order{background:url('/non-html/images/body.png') 90% 10%/65% no-repeat; padding:48px 0px;}

section .orderbuttons{height:auto; margin:35px 0px !important; display:block;}
section .orderbuttons .button-left{float:left; width:50%;}
section .orderbuttons .button-left input[type=button],
section .orderbuttons .button-left input[type=submit]{border-radius:10px; font-family:'Slabo 13px', serif; font-size:15px; font-size:1.5rem; padding:15px 25px; text-decoration:none; float:left; cursor:pointer; background-color:#ffffff; border:0;}
section .orderbuttons .button-right{float:right; width:50%;}
section .orderbuttons .button-right input[type=button],
section .orderbuttons .button-right input[type=submit]{border-radius:10px; font-family:'Slabo 13px', serif; font-size:15px; font-size:1.5rem; padding:15px 25px; text-decoration:none; float:right; cursor:pointer; background-color:#cceed5; color:#335032; border:0;}

section.usp{background:#cceed5; padding:32px 0; margin-bottom:0px !important;}
section.usp .grid{display:grid; grid-template-columns:1fr 1fr 1fr; gap:24px;}
section.usp .grid .card{padding:24px; text-align:center; background:white; border-radius:4px;}
section.usp .grid .card h3{font-weight:600;}

section.review{background:#335032; padding: 32px 0; margin-bottom:0px !important;}
section.review h2{color:white;}
section.review .review-slider{padding:32px 0;}
section.review .review-slider .card{padding:24px; background:white; text-align:center; border-radius:4px;}
section.review .review-slider .card .name{font-weight:600; color:#335032; margin-bottom:12px;}
section.review .review-slider .card .score{display:flex; justify-content:center;}
section.review .review-slider .card .score i.on{color:#26c983;}

section.logos .logo{width: 100%; height:auto;}
section.logos .logo img{width: 100%; height: 100%; object-fit:contain;}

section.faq{padding:32px 0; background:#cceed5;}
section.faq .grid{display:grid; grid-template-columns:1fr; gap:24px;}
.cat .title{font-weight:600; color:#335032; font-size:2.0rem;}
.cat{margin-bottom:24px; padding:24px; box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.24); background:white; border-radius:4px;}
.cat:hover{cursor:pointer;}
.cat.on .summary{color:#309FD7}
.cat.on .long-desc{display:block;}
.cat.on .summary,
.cat:hover .summary{color:#309FD7;}
.long-desc .type{margin-bottom:24px;}
.long-desc .type span{display:block; font-weight:600;}
.long-desc .title{font-weight:600;}


footer{min-height:300px; background:url('../images/footer.jpg') no-repeat top center #7c6d8e; background-size:100% 200px;}
footer .container{padding:70px 35px 15px 35px; box-sizing:border-box;}
footer div *{color:#dcd9e0; font-size:14px; font-size:1.4rem;}
footer div h5{font-family:'Slabo 13px', serif; font-size:16px; font-size:1.6rem; color:#ffffff; font-weight:bold; margin-bottom:20px;}
footer div a{text-decoration:none; color:#dcd9e0;}
footer div a:hover{color:#ffffff;}
footer div ol li{padding-bottom:5px;}
footer div ol li a i{width:20px; display:block; text-decoration:none; font-size:16px !important; font-size:1.6rem !important; margin-right:10px;}
footer .references{width:100%; min-height:30px; display:block; position:relative; text-align:left; margin-top:10px;}
footer .references,
footer .references *{font-size:14px; font-size:1.4rem; color:#dcd9e0;}
footer .copyright{width:100%; height:40px; display:block; position:relative; border-top:2px solid #cbc5d2; margin-top:35px !important; padding-top:15px;}
footer .copyright,
footer .copyright *{font-size:13px; font-size:1.3rem; color:#c5bfcc;}
footer .copyright a{padding-left:20px;}
footer .copyright br{display:none;}

@media only screen and (min-width:1260px)
{
    /*grid*/    
    body{min-width:1260px}.nested{margin:0!important}.container{width:1260px;height:auto;display:block;margin:auto}.grid-1,.grid-10,.grid-11,.grid-12,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{display:inline;float:left}.pull-1,.pull-10,.pull-11,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.push-1,.push-10,.push-11,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9{position:relative}.container .grid-1{width:105px;margin:0}.container .grid-2{width:210px;margin:0}.container .grid-3{width:315px;margin:0}.container .grid-4{width:420px;margin:0}.container .grid-5{width:525px;margin:0}.container .grid-6{width:630px;margin:0}.container .grid-7{width:735px;margin:0}.container .grid-8{width:840px;margin:0}.container .grid-9{width:945px;margin:0}.container .grid-10{width:1050px;margin:0}.container .grid-11{width:1155px;margin:0}.container .grid-12{width:1260px;margin:0}.first{margin:0 10px 0 0!important}.last{margin:0 0 0 10px!important}.container .prefix-1{padding-left:105px}.container .prefix-2{padding-left:210px}.container .prefix-3{padding-left:315px}.container .prefix-4{padding-left:420px}.container .prefix-5{padding-left:525px}.container .prefix-6{padding-left:630px}.container .prefix-7{padding-left:735px}.container .prefix-8{padding-left:840px}.container .prefix-9{padding-left:945px}.container .prefix-10{padding-left:1050px}.container .prefix-11{padding-left:1155px}.container .suffix-1{padding-right:105px}.container .suffix-2{padding-right:210px}.container .suffix-3{padding-right:315px}.container .suffix-4{padding-right:420px}.container .suffix-5{padding-right:525px}.container .suffix-6{padding-right:630px}.container .suffix-7{padding-right:735px}.container .suffix-8{padding-right:840px}.container .suffix-9{padding-right:945px}.container .suffix-10{padding-right:1050px}.container .suffix-11{padding-right:1155px}.container .push-1{left:105px}.container .push-2{left:210px}.container .push-3{left:315px}.container .push-4{left:420px}.container .push-5{left:525px}.container .push-6{left:630px}.container .push-7{left:735px}.container .push-8{left:840px}.container .push-9{left:945px}.container .push-10{left:1050px}.container .push-11{left:1155px}.container .pull-1{left:-105px}.container .pull-2{left:-210px}.container .pull-3{left:-315px}.container .pull-4{left:-420px}.container .pull-5{left:-525px}.container .pull-6{left:-630px}.container .pull-7{left:-735px}.container .pull-8{left:-840px}.container .pull-9{left:-945px}.container .pull-10{left:-1050px}.container .pull-11{left:-1155px}

}

@media only screen and (max-width: 1259px) 
{
    /*grid*/
    body{min-width:960px}.nested{margin:0!important}.container{width:960px;height:auto;display:block;margin:auto}.grid-1,.grid-10,.grid-11,.grid-12,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{display:inline;float:left}.pull-1,.pull-10,.pull-11,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.push-1,.push-10,.push-11,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9{position:relative}.container .grid-1{width:80px;margin:0}.container .grid-2{width:160px;margin:0}.container .grid-3{width:240px;margin:0}.container .grid-4{width:320px;margin:0}.container .grid-5{width:400px;margin:0}.container .grid-6{width:480px;margin:0}.container .grid-7{width:560px;margin:0}.container .grid-8{width:640px;margin:0}.container .grid-9{width:720px;margin:0}.container .grid-10{width:800px;margin:0}.container .grid-11{width:880px;margin:0}.container .grid-12{width:960px;margin:0}.first{margin:0 10px 0 0!important}.last{margin:0 0 0 10px!important}.container .prefix-1{padding-left:80px}.container .prefix-2{padding-left:160px}.container .prefix-3{padding-left:240px}.container .prefix-4{padding-left:320px}.container .prefix-5{padding-left:400px}.container .prefix-6{padding-left:480px}.container .prefix-7{padding-left:560px}.container .prefix-8{padding-left:640px}.container .prefix-9{padding-left:720px}.container .prefix-10{padding-left:800px}.container .prefix-11{padding-left:880px}.container .suffix-1{padding-right:80px}.container .suffix-2{padding-right:160px}.container .suffix-3{padding-right:240px}.container .suffix-4{padding-right:320px}.container .suffix-5{padding-right:400px}.container .suffix-6{padding-right:480px}.container .suffix-7{padding-right:560px}.container .suffix-8{padding-right:640px}.container .suffix-9{padding-right:720px}.container .suffix-10{padding-right:800px}.container .suffix-11{padding-right:880px}.container .push-1{left:80px}.container .push-2{left:160px}.container .push-3{left:240px}.container .push-4{left:320px}.container .push-5{left:400px}.container .push-6{left:480px}.container .push-7{left:560px}.container .push-8{left:640px}.container .push-9{left:720px}.container .push-10{left:800px}.container .push-11{left:880px}.container .pull-1{left:-80px}.container .pull-2{left:-160px}.container .pull-3{left:-240px}.container .pull-4{left:-320px}.container .pull-5{left:-400px}.container .pull-6{left:-480px}.container .pull-7{left:-560px}.container .pull-8{left:-640px}.container .pull-9{left:-720px}.container .pull-10{left:-800px}.container .pull-11{left:-880px}
    body{font-size:16px; font-size:1.6rem; background-size:85%; background-position:90% 45%;}
    
    section .label{width:80%;}
    section.home article{width:80%;}
    section.products .products-list .product-card a .product-image{height:205px;}
    section.products .products-list .product-card a .product-info h3{font-size:18px; font-size:1.8rem;}
    section.products .products-list .categorie-card a .categorie-image{height:205px;}
    section.products .products-list .categorie-card a .categorie-info h3{font-size:18px; font-size:1.8rem;}
    section.banner .banner-image img{width:100%;}
    section.product .product-images .product-image{height:400px; background-size:contain; padding:115px 75px 85px 75px;}
    section.product .product-details .product-properties dl dt{width:180px;}    
    section.product .product-details .product-properties dl dd{width:300px;} 

    section.basket * grid-12{width:100% !important;}
    section.basket .basket-row .picture,
    section.basket .basket-row .quantity,
    section.basket .basket-row .price{width:160px;}
    section.basket .basket-row .product{width:480px;}
    section.basket *,
    section.basket .basket-row-cell input[type=text]{font-size:15px; font-size:1.5rem;}    
  
}

@media only screen and (max-width: 994px) 
{
    /*grid*/
    .container{width:100%!important}.grid-1,.grid-10,.grid-11,.grid-12,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{display:inline;float:left}.container .grid-1{width:8.333333333333333%;margin:0}.container .grid-2{width:16.66666666666667%;margin:0}.container .grid-3{width:25%;margin:0}.container .grid-4{width:33.33333333333333%;margin:0}.container .grid-5{width:41.66666666666667%;margin:0}.container .grid-6{width:50%;margin:0}.container .grid-7{width:58.33333333333333%;margin:0}.container .grid-8{width:66.66666666666667%;margin:0}.container .grid-9{width:75%;margin:0}.container .grid-10{width:83.33333333333333%;margin:0}.container .grid-11{width:91.66666666666667%;margin:0}.container .grid-12{width:100%;margin:0}.first{margin:0 5px 0 0!important}.last{margin:0 0 0 5px!important}.container .prefix-1{padding-left:8.333333333333333%}.container .prefix-2{padding-left:16.66666666666667%}.container .prefix-3{padding-left:25%}.container .prefix-4{padding-left:33.33333333333333%}.container .prefix-5{padding-left:41.66666666666667%}.container .prefix-6{padding-left:50%}.container .prefix-7{padding-left:58.33333333333333%}.container .prefix-8{padding-left:66.66666666666667%}.container .prefix-9{padding-left:75%}.container .prefix-10{padding-left:83.33333333333333%}.container .prefix-11{padding-left:91.66666666666667%}.container .suffix-1{padding-right:8.333333333333333%}.container .suffix-2{padding-right:16.66666666666667%}.container .suffix-3{padding-right:25%}.container .suffix-4{padding-right:33.33333333333333%}.container .suffix-5{padding-right:41.66666666666667%}.container .suffix-6{padding-right:50%}.container .suffix-7{padding-right:58.33333333333333%}.container .suffix-8{padding-right:66.66666666666667%}.container .suffix-9{padding-right:75%}.container .suffix-10{padding-right:83.33333333333333%}.container .suffix-11{padding-right:91.66666666666667%}.container .push-1{left:8.333333333333333%}.container .push-2{left:16.66666666666667%}.container .push-3{left:25%}.container .push-4{left:33.33333333333333%}.container .push-5{left:41.66666666666667%}.container .push-6{left:50%}.container .push-7{left:58.33333333333333%}.container .push-8{left:66.66666666666667%}.container .push-9{left:75%}.container .push-10{left:83.33333333333333%}.container .push-11{left:91.66666666666667%}.container .pull-1{left:-18.333333333333333%}.container .pull-2{left:-16.66666666666667%}.container .pull-3{left:-25%}.container .pull-4{left:-33.33333333333333%}.container .pull-5{left:-41.66666666666667%}.container .pull-6{left:-50%}.container .pull-7{left:-58.33333333333333%}.container .pull-8{left:-66.66666666666667%}.container .pull-9{left:-75%}.container .pull-10{left:-83.33333333333333%}.container .pull-11{left:-91.66666666666667%}

    header nav ul li a{font-size:18px; font-size:1.8rem;}
    
    section .label{width:90%;}
    section.home article{width:90%;}
    
    section.basket .basket-row .picture,
    section.basket .basket-row .quantity,
    section.basket .basket-row .price{width:16.66666666666667%;}
    section.basket .basket-row .product{width:50%;}
    section.basket * ,
    section.basket .basket-row-cell input[type=text]{font-size:14px; font-size:1.4rem;}   
    section.basket .basket-tax .basket-tax-cell-text,
    section.basket .basket-tax .basket-tax-cell-text *{font-size:12px; font-size:1.2rem;}       
}

@media only screen and (max-width: 784px)
{
    /*grid*/
    body{min-width:0}.nested{margin:0!important}.container{width:100%!important}.grid-1,.grid-10,.grid-11,.grid-12,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{width:100%;clear:both;float:none;margin:auto;display:inline-block;zoom:1}.grid_1 .grid_1,.grid_10 .grid_1,.grid_10 .grid_10,.grid_10 .grid_2,.grid_10 .grid_3,.grid_10 .grid_4,.grid_10 .grid_5,.grid_10 .grid_6,.grid_10 .grid_7,.grid_10 .grid_8,.grid_10 .grid_9,.grid_11 .grid_1,.grid_11 .grid_10,.grid_11 .grid_11,.grid_11 .grid_2,.grid_11 .grid_3,.grid_11 .grid_4,.grid_11 .grid_5,.grid_11 .grid_6,.grid_11 .grid_7,.grid_11 .grid_8,.grid_11 .grid_9,.grid_12 .grid_1,.grid_12 .grid_10,.grid_12 .grid_11,.grid_12 .grid_12,.grid_12 .grid_2,.grid_12 .grid_3,.grid_12 .grid_4,.grid_12 .grid_5,.grid_12 .grid_6,.grid_12 .grid_7,.grid_12 .grid_8,.grid_12 .grid_9,.grid_2 .grid_1,.grid_2 .grid_2,.grid_3 .grid_1,.grid_3 .grid_2,.grid_3 .grid_3,.grid_4 .grid_1,.grid_4 .grid_2,.grid_4 .grid_3,.grid_4 .grid_4,.grid_5 .grid_1,.grid_5 .grid_2,.grid_5 .grid_3,.grid_5 .grid_4,.grid_5 .grid_5,.grid_6 .grid_1,.grid_6 .grid_2,.grid_6 .grid_3,.grid_6 .grid_4,.grid_6 .grid_5,.grid_6 .grid_6,.grid_7 .grid_1,.grid_7 .grid_2,.grid_7 .grid_3,.grid_7 .grid_4,.grid_7 .grid_5,.grid_7 .grid_6,.grid_7 .grid_7,.grid_8 .grid_1,.grid_8 .grid_2,.grid_8 .grid_3,.grid_8 .grid_4,.grid_8 .grid_5,.grid_8 .grid_6,.grid_8 .grid_7,.grid_8 .grid_8,.grid_9 .grid_1,.grid_9 .grid_2,.grid_9 .grid_3,.grid_9 .grid_4,.grid_9 .grid_5,.grid_9 .grid_6,.grid_9 .grid_7,.grid_9 .grid_8,.grid_9 .grid_9{padding-left:0;padding-right:0}.container .pull_1,.container .pull_10,.container .pull_11,.container .pull_2,.container .pull_3,.container .pull_4,.container .pull_5,.container .pull_6,.container .pull_7,.container .pull_8,.container .pull_9,.container .push_1,.container .push_10,.container .push_11,.container .push_2,.container .push_3,.container .push_4,.container .push_5,.container .push_6,.container .push_7,.container .push_8,.container .push_9{left:0}
    body{background-size:85%; background-position:90% 25%;}
    
    header{overflow:visible;}
    header .container{padding:15px 35px;}
    header .logo{width:40% !important; float:left; position:absolute; top:15px; left:35px;}
    header .logo a{width:100%; height:105px; background:url('../images/logo-afrodite.png') no-repeat top left; background-size:contain;}    
    header nav{width:100% !important; height:70px; overflow:visible; z-index:999;}
    header nav.open{width:100%; height:70px; overflow:visible; z-index:999;}
    header nav.open ul{width:100%; height:auto; float:none; left:0px; top:120px; position:absolute; margin:0px !important; background:#7c6d8e; -webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}
    header nav ul{width:100%; height:auto; display:block; float:none; top:105px; padding-top:15px; position:absolute; -webkit-transform: translateY(-140%); transform:translateY(-140%); -webkit-transition:-webkit-transform 0.5s, visibility 0s 0.5s; transition:transform 0.5s, visibility 0s 0.5s;}
    header nav ul li{width:100%; height:50px; text-align:center; padding:0px;}
    header nav ul li a{height:50px; line-height:35px; color:#ffffff; padding:0px;}    
        
    header nav .menu-icon{width:130px; height:auto; display:block; position:absolute; overflow:hidden; top:25px; right:50px; z-index:900; cursor:pointer;}
    header nav .menu-icon .text{width:70px; height:60px; float:left; opacity:1; line-height:35px; font-family:'Slabo 13px', serif; font-size:16px; font-size:1.6rem; font-weight:bold; -webkit-transition:all .1s ease-in-out; transition:all .1s ease-in-out; line-height:47px; text-transform:uppercase; font-size:18px; color:#7c6d8e;}
    header nav .menu-icon .trigger{width:60px; height:60px; border-radius:0 0 0 4px; padding:11px 10px 7px 10px; box-sizing:border-box; overflow:hidden; float:right;}
    header nav .menu-icon .trigger span{width:30px; height:6px; border-radius:1px; margin-bottom:3px; display:block; background:#7c6d8e; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
    header nav .menu-icon.close .trigger .bar-1{-ms-transform:translateY(7px) rotate(-45deg); -webkit-transform:translateY(7px) rotate(-45deg); transform:translateY(7px) rotate(-45deg);}
    header nav .menu-icon.close .trigger .bar-2{opacity:0; visibility:hidden;}
    header nav .menu-icon.close .trigger .bar-3{-ms-transform:translateY(-11px) rotate(45deg); -webkit-transform:translateY(-11px) rotate(45deg); transform:translateY(-11px) rotate(45deg);}
    header nav .cart-icon{padding-top:23px;}
    form.form-grid div{padding:unset;}
    form.form-grid{grid-template-columns:1fr;}
    form.form-grid.order .submit-button{grid-template-columns:1fr;}
    section .label{width:100%;}
    section.home article{width:100%;}
    section.home article .blog-item a img{width:100%; margin-right:0;}
    section.splash{}
    section.splash article{width:100% !important; margin-top:0px !important;}
    section.splash article h1{margin-top:0px;}
    section.splash .slide{width:100% !important; margin-top:70px !important;}    
    section.products .categories span.splash{display:inline-block;}
    section.products .products-list .product-card a{width:50%;}
    section.products .products-list .categorie-card a{width:50%;}
    section.products .splash .product-card:nth-of-type(3),
    section.products .splash .product-card:nth-of-type(4){display:none;}
    section.banner .banner-content{width:100%; margin-top:105px;}
    section.product .product-images{width:100% !important;}
    section.product .product-images .product-image{width:100%; padding:90px 75px 110px 75px;}
    section.product .product-details{width:100% !important; margin-top:35px !important; left: unset !important;}    
    section.product .product-details .product-properties dl dt{width:40%;}
    section.product .product-details .product-properties dl dd{width:60%;}
    
    section.faq{margin-bottom:unset !important;}
    
    section.basket .basket-head,
    section.basket .basket-total,
    section.basket .basket-tax{display:none;}

    section.basket .basket-row .picture{width:30%; float:left;}
    section.basket .basket-row .picture img{max-width:90%; float:left;}
    section.basket .basket-row .product{width:70%; float:right; margin:0px !important;}   
    section.basket .basket-row .quantity{width:50%; float:left; margin:15px 0px 0px 0px;}
    section.basket .basket-row .price{width:50%; float:right; margin:15px 0px 0px 0px;}
    section.basket .basket-row .price *{font-size:17px; font-size:1.7rem;}
    section.basket * span{float:none;}
    section.basket .basket-total-m{display:block; min-height:35px; margin:0px; background:rgba(109, 181, 45, .1); padding:0px 15px !important; box-sizing:border-box;}
    section.basket .basket-tax-m{display:block; min-height:35px; margin:0px; background:rgba(137, 139, 136, .1); color:#898b88; padding:0px 15px !important; box-sizing:border-box;}
    section.basket .basket-total-m .left,
    section.basket .basket-tax-m .left{line-height:35px; width:70% !important; float:left;}
    section.basket .basket-total-m .right,
    section.basket .basket-tax-m .right{line-height:35px; width:30% !important; float:right;}     
    
    footer{background-size:contain;}
    footer div{width:50% !important;}
    footer div.hide{display:none;}
    footer div.copyright{width:100% !important; height:auto;}
    footer div.copyright br{display:block;}
    footer div.copyright a:first-of-type{padding-left:0px;}
    footer div.copyright a:last-of-type{padding-left:0px;}
}

@media only screen and (max-width: 479px)
{
    /*grid*/
    .container{width:100%!important}.nested{margin:0!important}.container .grid_1,.container .grid_10,.container .grid_11,.container .grid_12,.container .grid_2,.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9{width:260px}

    body{font-size:14px; font-size:1.4rem; background:none;}
    section .container{padding:0px 15px; box-sizing:border-box;}
    section.home article .blog-item a img{width:100%; margin-right:0;}
    header .container{padding:15px;}
    header nav .menu-icon .text{display:none;}
    section.product .product-images .product-image{width:100%; padding:110px 45px 90px 45px;}
    section.product .product-details{width:100% !important; margin-top:25px !important;}  
    section.product .product-details .product-order .product-price{width:100%; float:right;}
    section.product .product-details .product-order .product-basket{width:100%; float:right;}
    section.product .product-details .product-order .product-basket input[type=button]{float:right;}

    section.usp .grid{grid-template-columns:1fr;}

    .purchase-div .basket-result .basket-buttons{display:block;}
    .purchase-div .basket-result .basket-buttons .button:first-of-type{margin-bottom:12px;}
    
    footer div{width:100% !important;}

}