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

/*template*/
*{margin:0; padding:0; outline:none; font-family:'Lato', sans-serif; /*font-weight:300;*/}
img,fieldset{border:0px; display:block;}
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; font-size:18px; font-size:1.8rem; line-height:1.628571; color:#414141; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

h1, h2, h3, h4, h5, h6{width:100%; height:auto; line-height:1.2;}
h1{font-size:36px; font-size:3.6rem; margin:0px 0px 35px 0px; text-align:center;}
h2{font-size:24px; font-size:2.4rem; margin:0px 0px 20px 0px;}
h3{font-size:18px; font-size:1.8rem; margin:0px 0px 10px 0px;}
h4{font-size:14px; font-size:1.4rem; line-height:2.0rem; margin:0px 0px 10px 0px;}
h1.nomargin,
h2.nomargin,
h3.nomargin,
h4.nomargin,
h5.nomargin,
h6.nomargin{margin:0px;}

.container{padding: 0 24px;}
p{margin:0px 0px 35px 0px;}
p.nomargin{margin:0px;}
a, a *{color:#f28c00; text-decoration:underline;}
small{font-size:13px; font-size:1.3rem;}
.clear{clear:both;}
article ul,
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}
article p:last-of-type{margin:0px;}

.button{width:auto; min-width:200px; display:block; padding:0px 25px; box-sizing:border-box; border:1px solid #ffffff; font-size:1.8rem; text-align:center; color:#ffffff; line-height:38px; text-decoration:none;}
.button *{text-decoration:none; color:#ffffff;}
.button.orange{background:#f28c00; border:none;}
.button.black{border:1px solid #3f3f3f; color:#3f3f3f}
.button.black *{color:#3f3f3f;}
.button.center{margin:0px auto;}
.button.fix{width:300px;}
.button.margin-top{margin-top:35px;}
.button i{margin-left:10px;}



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

blockquote{font-size: 2.4rem; border-left:3px solid #0492d4; padding:5px 35px; margin-bottom:35px;}

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

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

.video-container{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}

.grey{background:#f8f9f9;}

.breadcrumb{width:auto; height:auto; display:block; box-sizing:border-box; padding:0px;}
.breadcrumb ol{width:100%; min-height:35px; list-style:none; display:block; margin:0; box-sizing:border-box;}
.breadcrumb ol li{float:left; color:#d0d0d0; margin-right:10px;}
.breadcrumb ol li:last-child{margin-right:0px;}
.breadcrumb ol li a{width:auto; text-decoration:none; font-weight:600; margin-right:10px;}
.breadcrumb ol li:last-child a{margin-right:0px;}
.breadcrumb ol li a span{color:#949598; font-size:14px; font-size:1.4rem; font-weight:600; text-decoration:none; }  
.breadcrumb ol li:last-child a span{color:#414141; font-weight:600;}
.breadcrumb ol li i{margin-top:3px; font-size:12px; font-size:1.2rem;}

/*forms*/
/*text*
.input-wrapper{position:relative; display:block; margin:0px 0px 45px 0px;}
.input-wrapper label{position:absolute; top:-13px; left:0; font-size:11px; color:#8b8f96; padding:0px 1%; transition:all 0.1s linear; opacity:0; font-weight:bold;}
.input-wrapper label.on{color:#8b8f96;}
.input-wrapper label.show{top:-15px; opacity:1;}
.input-wrapper input{width:98%; height:35px; display:block; color:#12192a; overflow:hidden; border:none; font-size:15px; font-size:1.5rem; padding:0px 1%; border-bottom:1px solid #eae9e9;}
.input-wrapper input.red{border-bottom:1px solid #d90000;}
.input-wrapper input:focus{border-color:#f28c00; transition:.2s;}
.input-wrapper input.red:focus{border-bottom:1px solid #d90000; transition:.2s;}

/*radio*
.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:#8b8f96; 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:#8b8f96; 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:#f28c00;}
.input-wrapper-radio input[type="radio"]:checked + label:after {display:none;}

/*checkbox*
.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:#12192a; font-size:15px; font-size:1.5rem; }
.input-wrapper-checkbox input[type="checkbox"] + label.red{color:#d90000;}
.input-wrapper-checkbox label a{color:#12192a;}
.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;}

/*textarea*
.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:#8b8f96;}
.input-wrapper-textarea label.show{top:-25px; opacity:1;}
.input-wrapper-textarea textarea{width:98%; height:125px; display:block; overflow:hidden; border:none; resize:none; padding:0px 1%; font-family:'Lato', sans-serif; font-size:15px; font-size:1.5rem; font-weight:normal; color:#12192a; border-bottom:1px solid #eae9e9;}
.input-wrapper-textarea textarea.red{border-bottom:1px solid #d90000;}
.input-wrapper-textarea textarea:focus{border-color:#f28c00; transition:.2s;}
.input-wrapper-textarea textarea.red:focus{border-bottom:1px solid #d90000; transition:.2s;}

/*select*
.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:#8b8f96; 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; }



/*wrapper*/
.wrapper{width:100%; max-width:1260px; margin:0px auto; position:relative;}


/*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:'Montserrat', sans-serif; padding:16px; border-radius:8px; border:1px solid #eae9e9; color:#444444; background:#ffffff;}
form.form-grid div select{width:100%; height:24px; line-height:30px; font-size:1.8rem; padding:16px; border-radius:8px; color:#444444; background:#ffffff; border:1px solid #eae9e9; font-family:'Maven Pro', sans-serif; }
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="radio"]{}
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:'Montserrat', sans-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:'Montserrat', sans-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 s{color:#58889c; font-size:24px; font-size:2.4rem; line-height:84px; margin-right:35px;}
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:#ffffff; background:#f58322; font-weight:500;  font-family:'Montserrat',sans-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:#ffffff; background:#f58322; font-weight:500;  font-family:'Montserrat',sans-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:#0ada6a; font-weight:500;  font-family:'Montserrat',sans-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 .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;}


/*header*/
header{height:96px; padding:8px 24px; box-sizing:border-box;}
header .logo{display:inline-block;}
header .logo a{width:129px; height:80px; display:block; text-indent:-4000px; background:url('../images/poppe-installatietechniek.svg') no-repeat center;}
header .icons{display:inline-block; padding:5px 0px;}
header .icons .icon{width:auto; height:80px; display:inline-block; margin-left:35px; float:right; text-align:right; text-decoration:none !important;}
header .icons .icon i{float:right; margin-left:15px; font-size:3.6rem; line-height:80px; text-decoration:none !important; color:#414141;}
header .icons .red *{color:#f28c00 !important}
header .icons .tab-item{width:auto; height:80px; display:inline-block; margin-left:35px; float:right; text-align:right; text-decoration:none !important;}
header .icons .tab-item i{line-height:80px; font-size:3.6rem; text-decoration:none !important; color:#616e7e; background:none !important;}
header .icons .tab-item i.green{color:#75A432;}
header .icons .tab-item .label{width:14px; height:14px; display:block; position:absolute; bottom:22px; right:93px; z-index:9999; text-align:center; font-weight:bold; color:#ffffff; font-size:1.6rem; line-height:14px; text-decoration:none;}

/*login*/
main.splitter{width:100%; max-width:1920px; min-height:100%; display:grid; grid-template-columns:1fr 40%; margin:0px auto;}
main.splitter .login{padding:70px 35px; box-sizing:border-box;}
main.splitter .login .logo{width:70%; margin:0px auto 135px auto; display:block;}
main.splitter .login .logo a{width:129px; height:80px; display:block; text-indent:-4000px; background:url('../images/poppe-installatietechniek.svg') no-repeat center;}
main.splitter .login .form{width:70%; margin:0px auto;}
main.splitter .slider{width:100%; height:100%; display:block;}
main.splitter .slider .slides{width:100%; height:inherit; display:block; overflow:hidden;}
main.splitter .slider .slides{width:100%; height:inherit; display:block; overflow:hidden;}
main.splitter .slider .slides .slide{width:100%; height:inherit; position:relative; display:block; float:left; overflow:hidden; background-size: cover !important;}

/*sections*/
section{padding:24px; box-sizing:border-box; overflow:visible;}
section.nopadding{padding:0px;}
section.center{text-align:center;}
section.grey{background:#f8f9f9;}

    /*slider*/
    section.slider{height:420px; display:block;}
    section.slider .slides{width:100%; height:inherit; display:block; overflow:hidden;}
    section.slider .slides .slide{width:100%; height:inherit; position:relative; display:block; float:left; overflow:hidden; box-sizing:border-box;}
    
    /*intro*/
    section.intro{}
    
    /*shop: main-categories*/
    section.categories{padding:16px 0px;}
    section.categories .grid{display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:16px;}
    section.categories .grid a{text-decoration:none !important; position:relative; background-position:bottom center, center !important; background-repeat:repeat-x,no-repeat !important; background-size:auto, cover !important; padding-top:75%;}
    section.categories .grid a span{position:absolute; bottom:16px; left:16px; color:#ffffff; text-decoration:none;}
    section.categories .grid a span em{font-style:normal; font-size:24px; font-size:2.4rem; color:#ffffff; text-decoration:none;}    
  
    /*shop: products*/
    section.products{padding:16px; background:#f8f9f9;}
    section.products .grid{display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:16px;}
    section.products .grid .product-card{box-sizing:border-box; padding:15px; display:block; background:#ffffff; border:1px solid #ffffff;}
    section.products .grid .product-card.not-available a *{display:none;}
    section.products .grid .product-card a,
    section.products .grid .product-card a *{text-decoration:none;}
    section.products .grid .product-card:hover{border:1px solid #616e7e;}
    section.products .grid .product-card h3{width:100%; height:75px; display:block; color:#0C96D4; font-size:16px; font-size:1.6rem; margin:0px 0px 15px 0px; }
    section.products .grid .product-card:hover h3{text-decoration:underline;}
    section.products .grid .product-card .product-image{height:225px; display:block; overflow:hidden;}
    section.products .grid .product-card .product-image img{max-width:100%; max-height:100%; display:block; margin:auto;}
    section.products .grid .product-card .product-info{padding:20px 0px;}
    section.products .grid .product-card .product-info p{color:#1a181b; font-size:15px; font-size:1.5rem;}
    section.products .grid .product-card .product-info span{width:100%; float:right; text-align:right;}
    section.products .grid .product-card .product-info span.price-other{color:#616e7e; font-size:13px; font-size:1.3rem;}
    section.products .grid .product-card .product-info span.price-other s.price-promo-other{color:#bbbbbb; text-decoration:line-through;}
    section.products .grid .product-card .product-info span.price{color:#75A432; font-size:20px; font-size:2.0rem; font-weight:bold;}
    section.products .grid .product-card .product-info span.price s.price-promo{color:#f28c00; font-size:16px; font-size:1.6rem; text-decoration:line-through; margin-right:15px;}
    section.products .grid .product-card.not-available{box-sizing:border-box; padding:15px; display:block; background:rgba(255,255,255,0.4); border:1px solid #ffffff;}
    section.products .grid .product-card.not-available a{pointer-events:none; cursor:arrow;}
    section.products .grid .product-card.not-available a:hover{ border:1px solid #ffffff;}
    
    /*shop: filters*/
    section.filters{padding:8px 24px;}
    section.filters .selects select{margin:0px 16px 8px 0px; border:1px solid #616e7e; border-radius:4px; padding:4px; font-size:1.6rem;}
    
    /*shop: product*/
    section.product .grid{display:grid; grid-template-columns:1fr 1fr; grid-gap:24px;}
    section.product .grid .product-images{}
    section.product .grid .product-images .product-image{width:100%; display:block; margin:0px 0px 32px 0px;}
    section.product .grid .product-images .product-image img{margin:0 auto; max-width:100%; max-height:100%;}
    section.product .grid .product-images .product-image-list{}
    section.product .grid .product-images .product-image-list ul.image-list{width:100%; white-space:nowrap; overflow:hidden;}
    section.product .grid .product-images .product-image-list ul.image-list li{width:44%; height:150px; display:block; float:left; margin:10px; border:1px solid #eae9e9; box-sizing:border-box;}
    section.product .grid .product-images .product-image-list ul.image-list li a{display:block;}
    section.product .grid .product-images .product-image-list ul.image-list li a img{margin:10px auto; max-width:80%; max-height:130px;}

    section.product .grid .product-details{}
    section.product .grid .product-details * h3{width:100%; height:35px; display:block; margin-bottom:20px; border-bottom:1px solid #d1e8ff; font-size:15px; font-size:1.5rem;}
    section.product .grid .product-details div{width:100%; display:block; float:left; margin-bottom:35px;}
    section.product .grid .product-details .product-short{font-size:17px; font-size:1.7rem; font-weight:bold;}
    section.product .grid .product-details .product-short a{font-size:17px; font-size:1.7rem; color:#228dd9; font-weight:normal;}
    section.product .grid .product-details .product-downloads{font-size:15px; font-size:1.5rem;}
    section.product .grid .product-details .product-downloads a{width:100%; height:28px; display:block; float:left; font-size:15px; font-size:1.5rem; color:#228dd9; font-weight:normal;}
    section.product .grid .product-details .product-downloads a i{font-size:17px; font-size:1.7rem; width:24px; height:24px; margin:0px 8px 0px 5px; color:#228dd9; text-decoration:none !important;}
    section.product .grid .product-details .product-options,
    section.product .grid .product-details .product-options *{font-size:15px; font-size:1.5rem;}
    section.product .grid .product-details .product-options h3{margin-bottom:0px;}
    section.product .grid .product-details .product-options input[type="radio"]:not(:checked), [type="radio"]:checked{position: absolute; left:-9999px;}
    section.product .grid .product-details .product-options * .price{padding-left:35px; color:#888888;}
    section.product .grid .product-details .product-options * .price .otherprice{color:#aaaaaa;}
    section.product .grid .product-details .product-options input[type="radio"]:not(:checked) + label, [type="radio"]:checked + label{position:relative; padding:0px 25px; cursor:pointer; font-size:15px; font-size:1.5rem;}
    section.product .grid .product-details .product-options input[type="radio"]:not(:checked) + label.red, [type="radio"]:checked + label.red{color:#d90000;}
    section.product .grid .product-details .product-options 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;}
    section.product .grid .product-details .product-options 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;}
    section.product .grid .product-details .product-options 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;}
    section.product .grid .product-details .product-options input[type="radio"]:checked + label:before {background:#6db52d;}
    section.product .grid .product-details .product-options input[type="radio"]:checked + label:after {display:none;}
    section.product .grid .product-details .product-options .input-wrapper-radio{margin:8px 0px 0px 0px;}
    section.product .grid .product-details .product-options .input-wrapper-radio-image{position:relative; margin:16px 0px 32px 0px; display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:16px;}
    section.product .grid .product-details .product-options .input-wrapper-radio-image label{font-size:15px; font-size:1.5rem; text-align:center; text-align:-webkit-center;}
    section.product .grid .product-details .product-options .input-wrapper-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;}
    section.product .grid .product-details .product-options .input-wrapper-radio-image .price{padding-left:0px;}
    section.product .grid .product-details .product-options .input-wrapper-radio-image input[type="radio"]{position:absolute; opacity:0; width:0; height:0;}
    section.product .grid .product-details .product-options .input-wrapper-radio-image input[type="radio"] + img{cursor:pointer; height:100px; margin-bottom:10px;}
    section.product .grid .product-details .product-options .input-wrapper-radio-image input[type="radio"]:checked + img{outline:1px solid #6db52d; outline-width: 2px; outline-offset:2px;}
    section.product .grid .product-details .product-options .input-wrapper-radio-image input[type="radio"]:not(:checked), [type="radio"]:checked{position: absolute; left:-9999px;}
    section.product .grid .product-details .product-options .input-wrapper-radio-image input[type="radio"]:not(:checked) + label, [type="radio"]:checked + label{position:relative; color:#8b8f96; padding-left:25px; padding-right:25px; cursor:pointer; font-size:15px; font-size:1.5rem;}
    section.product .grid .product-details .product-options .input-wrapper-radio-image input[type="radio"]:not(:checked) + label.red, [type="radio"]:checked + label.red{color:#c72230;}
    section.product .grid .product-details .product-options .input-wrapper-radio-image 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;}
    section.product .grid .product-details .product-options .input-wrapper-radio-image 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;}
    section.product .grid .product-details .product-options .input-wrapper-radio-image 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;}
    section.product .grid .product-details .product-options .input-wrapper-radio-image input[type="radio"]:checked + label:before {background:#542f7b;}
    section.product .grid .product-details .product-options .input-wrapper-radio-image input[type="radio"]:checked + label:after {display:none;}

    section.product .grid .product-details .product-options .tooltip{width:auto; display:inline-block; position:relative; float:none; margin:0px 0px 0px 10px; cursor:pointer;}
    section.product .grid .product-details .product-options .tooltip i{color:#228dd9; font-size:17px; font-size:1.7rem;}
    section.product .grid .product-details .product-options .tooltip .tooltiptext{visibility:hidden; width:320px; background:#888888; color:#ffffff; text-align:center; padding:15px; border-radius:6px; font-size:15px; font-size:1.5rem; position:absolute; z-index:1; bottom:125%; left:50%; margin-left:-175px; opacity:0; transition:opacity 0.3s;}
    section.product .grid .product-details .product-options .tooltip .tooltiptext::after{content:''; position:absolute; top:100%; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color:#888888 transparent transparent transparent;}
    section.product .grid .product-details .product-options .tooltip:hover .tooltiptext{visibility:visible; opacity:1;}

    section.product .grid .product-details .product-options .actionsinputs label,
    section.product .grid .product-details .product-options .actionsinputs input,
    section.product .grid .product-details .product-options .actionsinputs textarea{width:98%; display:block; margin-left:5px;}
    
    section.product .grid .product-details .product-properties{}
    section.product .grid .product-details .product-properties dl{width:100%; display:grid; grid-template-columns:200px auto; grid-gap:8px;}
    section.product .grid .product-details .product-properties dl dt{color:#888888; font-size:1.5rem; font-weight:bold;}
    section.product .grid .product-details .product-properties dl dd{color:#888888; font-size:1.5rem;}
    section.product .grid .product-details .product-order{padding:15px; box-sizing:border-box; background:#f8f9f9;}
    section.product .grid .product-details .product-order .product-price{width:50%; float:left; margin:0px; color:#174079; font-size:2.2rem; font-weight:bold;}
    section.product .grid .product-details .product-order .product-price s.price-promo{color:#f28c00; font-size:1.8rem; text-decoration:line-through; margin-right:15px;}
    section.product .grid .product-details .product-order .product-basket{width:50%; float:right; margin:0px;}
    section.product .grid .product-details .product-order .product-basket input[type=button]{border:0px; color:#ffffff; padding:15px 25px; font-weight:bold; font-size:1.6rem; text-decoration:none; float:right; cursor:pointer;}
    section.product .grid .product-details .product-order .product-basket input[type=button].button-add{background-color:#75A432; color:#ffffff;}
    section.product .grid .product-details .product-order .product-basket input[type=button].button-showcart{background-color:#174079; color:#ffffff;}

    section.product .grid .product-description{width:100%; display:block; box-sizing:border-box; margin:35px 0px 0px 0px; background:#f9f9f9; padding:35px;}
    section.product .grid .product-description,
    section.product .grid .product-description *{font-size:17px; font-size:1.7rem;}
    section.product .grid .product-description h3{font-size:19px; font-size:1.9rem; margin:0px 0px 35px 0px;}
    section.product .grid .product-description p{margin:0px 0px 20px 0px;}
    section.product .grid .product-description ul{list-style:disc outside; margin:0px 0px 30px 40px;}
    section.product .grid .product-description ul li{margin:0px 0px 5px 0px; padding:0px 0px 0px 10px;}
    section.product .grid .product-description ol{list-style:disc outside; margin:0px 0px 30px 40px;}
    section.product .grid .product-description ol li{margin:0px 0px 5px 0px; padding:0px 0px 0px 10px;}    
    
    /*section basket*/
    section.basket .number{text-align:right;}
    section.basket .grid{display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:16px; row-gap:8px;}
    section.basket .grid .two{grid-column-end:span 2;}
    section.basket .grid .three{grid-column-end:span 3;}
    section.basket .grid .four{grid-column-end:span 4;}
    section.basket .grid .basket-head{height:32px; font-size:14px; font-size:1.4rem; font-weight:bold; color:#0C96D4; line-height:32px; border-bottom:1px solid #0C96D4;}
    section.basket .grid .basket-row{border-bottom:1px solid #616e7e;}
    section.basket .grid .basket-row.picture img{width:100%;}
    section.basket .grid .basket-row.article p.productoptions{font-size:1.5rem; margin:0px 0px 0px 10px !important;}
    section.basket .grid .basket-row.article .cancel a{color:red;}
    section.basket .grid .basket-total{font-weight:bold;}
    section.basket .grid .basket-total,
    section.basket .grid .basket-total *{color:#174079; font-size:1.9rem;}
    section.basket .grid .input-wrapper-submit{height: auto; padding: 15px; margin: 35px 0px !important; display: block; box-sizing: border-box; background: #f7f7f7;}

    
   /*Section opname*/
   section.opname .forms{padding:24px 0;}
    
/*footer*/
footer{width:100%; height:auto; display:block; padding:50px 35px 15px 35px; box-sizing:border-box; background:#616e7e;}
footer .social{width:100%; height:50px; margin-bottom:35px; display:block; text-align:center;}
footer .social .sociallinks{width:100%; height:50px; text-align:center;}
footer .social .sociallinks li{width:50px; height:50px; display:inline-block;}
footer .social .sociallinks li a{text-decoration:none;}
footer .social .sociallinks li a i{width:50px; display:block; font-size:28px; line-height:50px; text-align:center; color:#ffffff; text-decoration:none;}
footer .about{width:100%; height:auto; position:relative; text-align:center;}
footer .about *{color:#ffffff;}
footer .about h4{font-size:18px; font-size:1.8rem;}
footer .about p{font-size:16px; font-size:1.6rem;}
footer .about .button{width:200px !important; margin-bottom:35px;}
footer .about .copyright{margin:0px;}
footer .about .copyright,
footer .about .copyright a{color:#c0c5cb;}
footer .about .copyright a{margin:0px 10px;}
footer .about .copyright br.mobile{display:none;}
footer .about .copyright br.small{display:none;}

/*normal*/
@media only screen and (min-width: 995px) and (max-width: 1330px) 
{   
    
}

/*medium*/
@media only screen and (max-width: 994px) 
{
     
    footer .about .copyright br.mobile{display:block;}
}

/*small*/
@media only screen and (max-width: 784px)
{
    header{height:70px; padding:15px;}
    header .logo{display:inline-block;}
    header .logo a{width:65px; height:40px;}
    header .icons .icon{height:40px; margin-left:15px;}
    header .icons .icon .text{line-height:40px; font-size:18px; font-size:1.8rem;}
    header .icons .icon i{float:right; margin-left:15px; font-size:24px; font-size:2.4rem; line-height:40px;}

    section.slider{height:240px;}
    
    footer .about .copyright br.small{display:block;}
}

/*mini*/
@media only screen and (max-width: 479px)
{
    h1{font-size:24px; font-size:2.4rem;}
    h2{font-size:18px; font-size:1.8rem;}
    h3{font-size:18px; font-size:1.8rem;}
    body{font-size:16px; font-size:1.6rem;}
    
    header .icons .icon .menutext{display:none;}
    
    section.slider{height:200px;}
  
    footer{padding:35px 15px 15px 15px;}
    footer .social{height:35px; margin-bottom:20px;}
    footer .social .sociallinks{height:35px;}
    footer .social .sociallinks li{width:35px; height:35px;}
    footer .social .sociallinks li a i{width:35px; font-size:22px; line-height:35px;}    
}