@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:32px; font-size:3.2rem; margin:0px 0px 10px 0px; color:#7c6d8e;}
h3{font-size:28px; font-size:2.8rem; margin:0px 0px 10px 0px; color:#7c6d8e;}
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;}
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;}
.red *,
.red{color:#c72230;}
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*/
form.form-grid.smaller{width:60%; margin:0px auto;}
form.form-grid{accent-color:#033d51; 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:#c72230;}
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 #c72230;}
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 #c72230; 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:#7c6d8e;}
form.form-grid div.radio-image input[type="radio"]:checked + label:after {display:none;}
form .submit-button{display:grid; grid-template-columns:1fr 1fr; grid-column-end:span 2;}
form .submit-button div{padding:unset;}
form .submit-button .left input[type=button],
form .submit-button .left input[type=submit]{padding:8px 24px; background-color:#cceed5; color:#335032; font-weight:500;  font-family:'Slabo 13px', serif; border: none; border-radius:4px; float:left; cursor:pointer;}
form .submit-button .right input[type=button],
form .submit-button .right input[type=submit]{padding:8px 24px; color:#ffffff; background:#7c6d8e; font-weight:500;  font-family:'Slabo 13px', serif; border: none; border-radius:4px; float:right; cursor:pointer;}
form .submit-button .right input.submit[type=submit]{padding:8px 24px; color:#ffffff; background:#cceed5; font-weight:500;  font-family:'Slabo 13px', serif; border: none; border-radius:4px; float:right; cursor:pointer;}
form .submit-button .right input.submit[type=submit]:hover{background:#cceed5;}
form .submit-button .button-add{grid-column-end: span 2; }
form .submit-button h3 span{font-size:1.6rem; font-weight:500;}
form .submit-button.config{background:#ececec; padding:24px;}
form .submit-button.config .left input[type=button],
form .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;}

/*Overview step 2*/
.overviewgrid{display:grid; grid-template-columns:1fr 1fr; grid-gap:24px;}
.overviewgrid .form-grid{grid-area:1/2/1/2;}
.overviewgrid .basket{grid-area:1/1/1/1;}
.overviewgrid .basket h3{margin-top:35px; margin-bottom:0px; font-size:2.0rem;}
.overviewgrid .basket .head{margin-top:8px;}
.overviewgrid .basket .basket-product.grid{grid-template-columns:2fr 1fr 1fr 1fr;}
.overviewgrid .basket-product-picture{display:none;}
.overviewgrid .basket .head div:first-child{padding-left:4px;}
.overviewgrid .basket .head div:nth-child(2){grid-column-start:unset;}
.overviewgrid .basket .head div:nth-child(3){grid-column-start:unset;}
.overviewgrid .basket-product-description{padding:unset;}
.overviewgrid .basket-product-description small{display:none;}
.overviewgrid .basket-totals-grid{grid-column-end:span 4; grid-column-start:unset;}
.overviewgrid .wrapper{padding-left:4px; border-left: 4px solid #bababa;}
.overviewgrid .basket .divider{grid-column-end:span 4;}

/*Basket*/
.basket .wide{grid-column-end:span 2;}
.basket h3{margin-bottom:0px; font-size:2.0rem;}
.basket .grid{display:grid; grid-template-columns:1fr 2fr 1fr 1fr; grid-gap:24px;}
.basket-rowhead{color:#7c6d8e;}
.basket-product-picture{grid-column-start:1; height:100%; width:100%;}
.basket-product-picture img{height:100%; width:100%; object-fit:cover; border-radius:4px;}
.basket-product-description{padding:24px; padding-top:unset;}
.basket-product-description span{display:block;}
.basket-product-description ul li span:after{content:":"; padding:0 4px;}
.basket-product-description small{font-size:1.4rem;}
.basket-product-quantity input[type="number"]{width:70%; height:30px; line-height:30px; font-size:1.8rem; font-family:'Slabo 13px', serif; padding:16px; border-radius:8px; border:1px solid #eae9e9; color:#444444; background:#ffffff;}
.basket-product-quantity input[type="number"].red{border:1px solid #e2001a;}
.basket-product-quantity select{width:70%; height:30px; line-height:30px; font-size:1.8rem; font-family:'Slabo 13px', serif; border-radius:8px; border:1px solid #eae9e9; color:#444444; background:#ffffff;}
.basket-product-quantity i{color:#F58322;}
.basket-product-price{text-align:right;}
.basket-product-price span{float:left;}
.basket-product-unit-price{text-align:right;}
.basket-product-unit-price span{float:left;}
.basket .title{font-weight:600; color:#0e0307;}
.basket-discount-grid{grid-column-end:span 2;}
.basket-discount-grid .box{display:grid; grid-template-columns:200px auto; gap:12px; background:#eae9e9; border-radius:12px; padding:16px; margin-right:48px;}
.basket-discount-grid .box.green{background:#cceed5;}
.basket-discount-grid .box .message{font-weight:bold;}
.basket-discount-grid .box .input input[type="text"]{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;}
.basket-totals-grid{display:grid; grid-template-columns:1fr 1fr; grid-column-end:span 3; grid-column-start:3;}
.basket-totals-grid h3{grid-column-end:span 2;}
.basket-totals-grid div{text-align:left; padding:4px 10px;}
.basket-totals-grid div.total{font-weight:600;}
.basket-totals-grid div.green{background:#cceed5; color:#335032;}
.basket-totals-grid div.grey{background:rgba(137, 139, 136, .1); color:#898b88;}
.basket-totals-grid div.price{text-align:right;}
.basket-totals-grid div.price span{float:left;}
.basket-totals-grid div.ship{text-align:right;}
.basket-totals-grid div.ship span{display:block; font-weight:500;}
.basket-totals-grid div.ship a{display:block; color:#F58322;}
.basket-totals-grid div.spacer{height:20px;}
.basket-totals-grid div.breakline{margin-bottom:24px; padding-top:4px; border-top:2px dotted #ffffff;}
.basket-submit-grid{display:grid; grid-template-columns:1fr 1fr; grid-column-end:span 5;}
.basket-submit-grid input[type="button"]{font-family:inherit; border:0px; color:#ffffff; padding:8px 24px; font-size:1.6rem; cursor:pointer; background-color:#7c6d8e; border-radius:4px}
.basket-submit-grid input[type="button"].grey{background-color:#cceed5; color:#335032;}
.basket .divider{width:100%; border-bottom:2px solid #707070; opacity:0.3; padding:4px 0; grid-column-end:span 5;}
.basket .divider.purple{border-bottom:2px solid #7c6d8e;}

/*steps*/
.progress{width:100%; height:88px; padding:24px;}
.steps{height:40px; position:relative;}
.steps .bg{width:100%; height:5px; display:block; position:absolute; top:15px; background:#cceed5;}
.steps .steps-inner{position:relative; z-index:9;}
.steps .steps-inner .step{width:32%; height:40px; float:left;}
.steps .steps-inner .step.first{width:18%; margin:0px !important;}
.steps .steps-inner .step.last{width:18%; margin:0px !important;}
.steps .steps-inner .step.first .step-inner{float:left;}
.steps .steps-inner .step.last .step-inner{float:right;}
.steps .steps-inner .step .step-inner{width:40px; height:40px; display:block; margin:auto; overflow:hidden; color:#cceed5; border-radius:40px; font-weight:bold; border:3px solid #cceed5; background:#fff; text-align:center; line-height:32px;}
.steps .steps-inner .step .step-inner i{line-height:32px;}
.steps .steps-inner .step .step-inner.on{color:#335032; border-color:#cceed5; background:#cceed5;}
.steps .steps-inner .step .step-inner.active{color:#7c6d8e; border:3px solid #7c6d8e; background:#ffffff;}
.steps.three .steps-inner .step{width:50%;}
.steps.three .steps-inner .step.first{width:25%;}
.steps.three .steps-inner .step.last{width:25%;}
.steps.five .steps-inner .step{width:24%;}
.steps.five .steps-inner .step.first{width:14%;}
.steps.five .steps-inner .step.last{width:14%;}
.steps.six .steps-inner .step{width:20%;}
.steps.six .steps-inner .step.first{width:10%;}
.steps.six .steps-inner .step.last{width:10%;}

/*shop header*/
header.h-shop{float: unset !important; display: block;}

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

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

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

/*footer*/
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%;}
    

  
}

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

    .basket .wide{grid-column-end:span 2;}
    .basket .h3{margin-top:35px; margin-bottom:0px; font-size:2.0rem;}
    .basket .grid{display:grid; grid-template-columns:1.5fr 0.5fr 1fr 0.5fr; grid-gap:12px;}
    .basket-product-picture{display:none;}
    .basket-product-description{padding:12px; padding-top:unset;}
    .basket-totals-grid{display:grid; grid-template-columns:1fr 1fr; grid-column-end:span 4; grid-column-start:1;}
    .basket-submit-grid{display:grid; grid-template-columns:1fr 1fr; grid-column-end:span 4;}
    .basket-submit-grid input[type="button"]{font-family:inherit; border:0px; color:#ffffff; padding:8px 10px; font-size:1.6rem;}
    .basket .divider{width:100%; border-bottom:4px solid #707070; opacity:0.3; padding:4px 0; grid-column-end:span 4;}
 
}

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

    .basket-discount-grid{grid-column-end:span 4;}
    .basket-discount-grid .box{margin-right:unset;}
    .basket-submit-grid{grid-template-columns:1fr;}
    .basket-submit-grid .button{width: 100%;}
    .basket-submit-grid div:first-of-type{margin-bottom:24px;}
    
    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}
    section .container{padding: 0 12px !important;}

    body{font-size:14px; font-size:1.4rem; background:none;}
    header .container{padding:15px;}
    header nav .menu-icon .text{display:none;}

    .basket-discount-grid .box{grid-template-columns:auto;}
    section .container .smaller{width: 100%;}

    form.form-grid{grid-template-columns:1fr;}
    form.form-grid .wide{grid-column-end:unset;}
    form .submit-button{grid-column-end:unset; grid-template-columns:1fr;}
    form .submit-button input{width: 100%;}
    form .submit-button .left{margin-bottom:24px;;}

    section.order form table.listproducts tr td img{display:none;}
    section.order form{overflow-x:auto;}
    
    footer div{width:100% !important;}

}