@import "reset.css";
@import "menu.css";
html {  -webkit-text-size-adjust: none;}
body{background-color:#fff;color:#000;font-family:Open Sans, Arial;font-size:14px;}
body, html {height: 100%;}
/*  Float containers fix: */
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear:both;}
a{color:#000;}
a:hover{color:#374049;}
b,strong{font-weight:bold;}

#superwrapper {min-height: 100%;height: auto !important;height: 100%;}
.wrapper {max-width: 1760px;width:90%;height: auto;margin: 0px auto;position:relative;}

.placeholder {color:#fff;}
::-webkit-input-placeholder, ::-webkit-textarea-placeholder {color:#fff;}
:-moz-placeholder {color:#fff;opacity:1;}
::-moz-placeholder {color:#fff;opacity:1;}
:-ms-input-placeholder, :-ms-textarea-placeholder {color:#fff;}	
input[placeholder], textarea[placeholder] {color:#fff;}

/*page Title
**************/
h1 {color:#374049;font-size:40px;font-family:Roboto Slab,arial;line-height:normal;font-weight:normal;margin-bottom:100px;text-transform:uppercase;text-align:center;}
h2 {color:#374049;font-size:24px;font-family:Roboto Slab,arial;line-height:normal;font-weight:300;text-transform:uppercase;margin-bottom:50px;}
h2 strong {font-weight:700;}
h3 {color:#fff;font-size:30px;font-family:Roboto Slab,arial;line-height:normal;font-weight:700;margin-bottom:15px;}
h4 {color:#fff;font-size:30px;font-family:Roboto Slab,arial;line-height:normal;font-weight:400;margin-bottom:15px;}
h5 {color:#374049;font-size:24px;font-family:Roboto Slab,arial;line-height:normal;font-weight:700;margin-bottom:25px;text-transform:uppercase;}

/*header
******************/
#header {width:100%;position:fixed;top:0px;left:0px;background-color:#fff;padding:30px 0;-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);z-index:500;}
#logo {float:left;}

#navMob {display:none;float:right;cursor:pointer;}
#close-menu {display:none;}
#responsive-menu-button, #close-menu {font-size:20px;font-weight:800;}

#slideshow {overflow:hidden;position:relative;}
#slogan {position:absolute;bottom:0;width:100%;text-align:center;z-index:400;}
#sloganinner {background:rgba(55,64,73,0.55);width:725px;margin:0 auto;}
.pad {padding:30px;}
.scroll {cursor:pointer;font-size:40px;color:#fff;display:inline-block;}

.section {padding:100px 0;position:relative;}
.home {padding:0;}
.line {height:8px;background-color:#eee;width:100%;}
.showroom, .producten, .contact {background:url(../images/bg.jpg) repeat;}
.left {float:left;width:45%;margin-right:10%;}
.left p {line-height:32px;font-size:16px;color:#374049;}
.right {}
.right p {line-height:32px;font-size:16px;color:#374049;}

.tekst {margin-bottom:50px;}
.prijs {margin-bottom:25px;}
.prijs span {font-size:60px;font-style:italic;font-weight:800;color:#fff;padding:5px 20px 10px 15px;background-color:#374049;border-radius:5px;display:inline-block;line-height:normal;}
.oudeprijs span {font-size:40px;font-style:italic;font-weight:500;color:#aeb0b3;text-decoration:line-through;}

.opmerking {background-color:#374049;padding:25px;color:#fff;font-size:20px;font-weight:700;text-align:center;line-height:normal;}

.col {float:left;width:23.5%;margin-left:2%;}
.n4 {margin-left:0;}
.lines4 {margin-bottom:10px;}
.lines2 {display:none;}
.imgborder {padding:4px;background-color:#fff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);}
.imgborder img {object-fit: cover;height: 150px;}

.col2 {float:left;width:23.5%;margin-left:2%;}
.p4 {margin-left:0;}
.prods4 {}
.prods2 {display:none;}
.prodetail {padding:25px;}
.protekst {line-height:24px;font-size:13px;}
.proprijs {margin-top:25px;font-weight:700;font-size:20px;color:#aeb0b3;}

.videoWrapper {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

#top {position:absolute;bottom:0px;width:100%;text-align:center;cursor:pointer;}
.totop {margin:0 auto;}

#footer {background-color:#eee;padding:25px;color:#a4a4a4;text-align:center;}
#footer a {color:#a4a4a4;}
