/*
Theme Name: kunststofsystemen
Theme URI: http://www.kunststofsystemen.nl/
Description: WordPress theme for kunststofsystemen.nl
Author: Anyway Internet
Author URI: http://www.anyway-internet.nl/
Version: 1.0
Tags:  Beek Deuren
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    font-family: 'eau_naturellesans_light';
    font-weight: normal;
    font-size: 16px;
    line-height:21px;
    color: #262524;
}
html {
    overflow-y: scroll;
}

*{

    -webkit-box-sizing: border-box; /* Android = 2.3, iOS = 4 */
    -moz-box-sizing: border-box; /* Firefox 1+ */
    box-sizing: border-box; /* Chrome, IE 8+, Opera, Safari 5.1 */

}

body {

    background-color:#ececec;
    border: 0;
    width: 100%;


}
ul ul {
    margin-left:20px;
}
h1{ color:#262524; font-size: 24px; font-family: 'eau_naturellesans_heavy'; margin-bottom:20px;text-transform:uppercase;}

h1 span{color:#262524; font-size: 24px; font-family: 'eau_naturellesans_heavy';}
h2{color:#262524; font-size: 20px;  font-family: 'eau_naturellesans_medium'; margin:20px 0 0 0;text-transform:uppercase;font-weight:bold;}
a h2{text-decoration: none!important;}
h3{color:#262524; font-size: 16px;  font-family: 'eau_naturellesans_medium';margin-top:35px; }
h4{ color:#262524; font-size: 24px; font-family: 'eau_naturellesans_thin';margin-bottom:5px; text-transform:uppercase;}
hr { border:none; border-bottom: 1px solid #262524; }
ul, ol{
    list-style: inside;
    margin-bottom:10px;
}
a {color: #EA4F36;text-decoration: none;}
a:hover{text-decoration: underline;}

strong, strong a, .bold {font-family: 'eau_naturellesans_medium';}
.row{margin: 0 auto; max-width:1220px; width: 100%; position: relative; display: table;}

#whiteline{width:100%; height:110px; position: fixed; top:0px; background-color: #262524;z-index:30;}
#whiteline .logo{z-index: 90;float:left;position: absolute; top:0px; left:0px;width:300px; text-align: center; display:table;background-color: #1d1c1c;}


#menu_top {margin-top:42px; margin-right: 40px;float: right; display: table;}
#menu_top ul li:hover ul{display: block;}
#menu_top ul ul{background-color: #ffffff; position: absolute; width:174px; padding: 22px 0; top:43px; display: none;-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.63);-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 0.63);box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 0.63);}
#menu_top ul ul li{margin-left: 30px;height:30px;padding-bottom:0px;float:none;}
#menu_top ul ul li a{font-family: 'eau_naturellesans_light'; line-height:30px; padding:0px; color:#3c3c3b; text-transform:none;}
#menu_top ul ul li a{background-color:transparent!important;}
#menu_top ul  li.current-menu-item  ul a{color:#3c3c3b!important;}
#menu_top ul ul li.current-menu-item a:hover, #menu_top ul ul li a:hover, #menu_top ul ul li.current-menu-item a{color:#3c3c3b!important; text-decoration: underline;}
#menu_top ul {list-style:none; margin: 0px;}
#menu_top ul li  {float: left; padding-bottom:15px; position: relative;}
#menu_top ul li  a{ font-family: 'eau_naturellesans_medium';  line-height: 28px;font-size:16px; color:#ffffff; padding:0 10px; display:block;text-transform: uppercase;
    -webkit-box-sizing: border-box; /* Android = 2.3, iOS = 4 */
    -moz-box-sizing: border-box; /* Firefox 1+ */
    box-sizing: border-box; /* Chrome, IE 8+, Opera, Safari 5.1 */
}
#menu_top ul li.current_page_item a ,#menu_top ul li.current_page_parent a , #menu_top ul li a:hover{ text-decoration: none; background-color:#ffffff;  color: #262524; }
.page-template-template-contact-php #slider, .home #slider {height:500px;}

.page-template-template-contact-php .rev_slider_wrapper, .home .rev_slider_wrapper{max-height:500px}
.rev_slider_wrapper{max-height:250px}
.page-template-template-contact-php #slider .tp-bullets, .home #slider .tp-bullets {    bottom: -60px !important;    left: 50% !important;    margin-left: -430px!important;}
.page-template-template-contact-php #bg_color {background-color:transparent!important;}

.page-template-default #slider .tp-bullets {margin-left: -430px!important;}
#slider .tp-bullets {    bottom: 210px !important;    left: 50% !important;    margin-left: 380px !important; z-index: 99999;display: none !important;}
.fullwidthbanner-container{overflow: visible!important;}
#slider {height:250px; width:100%;min-width: 900px; position: fixed;top:110px;}
#slider .shadow_top{z-index: 26;height:29px; width:100%;position: absolute; background-image: url('../img/shadow_top.png'); top:0px;}
#slider .shadow_bottom{z-index: 21;height:25px; width:100%;position: absolute; background-image: url('../img/shadow_bottom.png'); bottom:0px;}
#slider .bg_images{z-index: 21;height:175px; width:1133px;position: absolute; background-image: url('../img/slider-bg.png'); top:0px; left:50%; margin-left:-566px;background-position: left bottom;}
.page-template-template-contact-php #slider .bg_images, .home #slider .bg_images{height:385px!important; }
.tp-bullets.simplebullets.round .bullet{background-image: url('../img/bullets.png')!important; width:10px!important;height: 10px!important; margin-top: 0px!important;background-position: -5px -4px!important;}
.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected{background-position: -5px -24px!important;}
#bg_color{margin-top: 360px; background-color:#ececec; display: table;width: 100%;z-index: 25; position: relative;}
.home .noBG{background-color:transparent!important;}
.page-template-template-contact-php #bg_color, .home #bg_color, .page #bg_color {margin-top: 610px;}
.sidebar_content{margin-bottom: 20px;background-color: #ffffff; width: 100%; padding: 45px 40px 50px 40px; float: right; margin-top: -48px;
    -webkit-box-sizing: border-box; /* Android = 2.3, iOS = 4 */
    -moz-box-sizing: border-box; /* Firefox 1+ */
    box-sizing: border-box; /* Chrome, IE 8+, Opera, Safari 5.1 */}

#content_container.margin-top{margin-top:70px!important;}
#content_container.no-padding{padding:0px 0 30px 0!important;}
#content_container.transparant{background-color: transparent!important;}
#content_container{margin-bottom: 50px;background-color: #ffffff; width: 580px; padding: 48px; float: right; margin-top: -48px;
    -webkit-box-sizing: border-box; /* Android = 2.3, iOS = 4 */
    -moz-box-sizing: border-box; /* Firefox 1+ */
    box-sizing: border-box; /* Chrome, IE 8+, Opera, Safari 5.1 */}


#footer_white{z-index:22; width:100%; position: relative; background-color: #ffffff;min-height: 358px;}
#footer_white .rounding{z-index:-1; right: 0;position: absolute; height:204px; width:1176px; background-image: url('../img/rounding.png'); bottom:0px;}


#footer_blue{width:100%;background-color:#262524;  min-height:125px;}
#footer_blue .wilhelm{float:left;  margin: 55px 0 0 50px ;}
#footer_blue .footer_line{padding-top: 62px; color:#ffffff;padding-bottom: 36px;padding-bottom: 58px;}
#footer_blue .footer_line .bold{font-size:16px; color:#ffffff; font-family: 'eau_naturellesans_medium'; margin-right:15px; float:left;}
#footer_blue .footer_line .menu{margin: 0px; padding:0px; float:left; list-style:none;}
#footer_blue .footer_line ul{margin: 0px; padding:0px; float:left; list-style:none;}
#footer_blue .footer_line ul li{margin: 0px; padding:0px; float:left; margin-left:15px;}
#footer_blue .footer_line ul li a{font-size:16px; color:#ffffff; font-family: 'eau_naturellesans_light'; }
#footer_blue .footer_line .logo{position: absolute; top:27px; right: 20px;}

#footer_white h3{color:#3c3c3b; font-size:24px; padding-top:25px; line-height:50px; text-transform:uppercase;font-family: 'eau_naturellesans_light'; }
#footer_white .contact{width:250px; margin-left:17px; float:left;color:#3c3c3b;margin-top: -4px;}
.contact .bold{font-family: 'eau_naturellesans_medium'; }
.contact span, .contact a{font-family: 'eau_naturellesans_light'; 	color:#3c3c3b; font-size: 16px; text-decoration:none;}
.contact a:hover{text-decoration:underline;}
#footer_white .wpcf7{width:400px;float:left;}
div.wpcf7-validation-errors {border-color:#0F4372!important;  }
/*textarea  {height:74px!important;}*/
textarea  {margin-top: 0; margin-bottom: 15px; font-size:14px; width:100%;color:#3c3c3b; border:none;  font-family: 'eau_naturellesans_light';}
input, textarea  {background-color: #ebebeb; line-height: 30px; height:30px; margin-bottom: 1px; font-size:16px; width:100%;color:#3c3c3b; border:none; font-family: 'eau_naturellesans_light'; padding-left:5px; 	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */}
::-webkit-input-placeholder {font-family: 'eau_naturellesans_light';color:#3c3c3b;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  filter: alpha(opacity=100);  -moz-opacity: 1;  -khtml-opacity: 1;opacity: 1;}
:-moz-placeholder { font-family: 'eau_naturellesans_light';/* Firefox 18- */color:#3c3c3b;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  filter: alpha(opacity=100);  -moz-opacity: 1;  -khtml-opacity: 1;opacity: 1;}
::-moz-placeholder {font-family: 'eau_naturellesans_light';/* Firefox 19+ */color:#3c3c3b;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  filter: alpha(opacity=100);  -moz-opacity: 1;  -khtml-opacity: 1;opacity: 1;}
:-ms-input-placeholder {font-family: 'eau_naturellesans_light'; color:#3c3c3b;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  filter: alpha(opacity=100);  -moz-opacity: 1;  -khtml-opacity: 1;opacity: 1;}
input.wpcf7-submit {color:#262524; background-color:transparent; font-size:16px;font-family: 'eau_naturellesans_medium'; text-align: left;display: table; width: auto;}

#content_right{width:300px; float:left;}
#content_right .contact{margin-left: 20px;}
#content_right .link_telefoon{margin: 0px 0 45px; background-color: #ea4f36; width:300px; text-align:center;display: table;font-family: 'eau_natursansHvliningnumerals'; color:#ffffff; font-size: 24px; line-height:60px; background-image: url("../img/tel.png");    background-position: 20px 13px;    background-repeat: no-repeat;}
/*.home #content_right .link_telefoon{margin-top: 105px!important;;}*/
.page-template-default #content_right .link_telefoon{margin-top: 65px;}
#content_right .link_telefoon:hover{text-decoration: none;}

.producten {list-style:none;display:table;width:100%;}
.producten .product.even{float:right;}
.producten .product {float:left; margin-bottom:50px; width: 275px; height:190px; position: relative;}
.producten .product .image{width: 275px; height:140px; display: block;}
.producten .product .text{position: absolute; left: 0; bottom:0;text-align: left;background-color: #0F4372; border:none; width:100%;  background-image: url("../img/button.png");    background-position: right center;    background-repeat: no-repeat; color: #FFFFFF;    font-family: 'signikabold';    font-size: 14px;  line-height: 50px;    padding: 0 0px 0 20px; display: block; height:50px!important; -webkit-box-sizing: border-box; /* Android = 2.3, iOS = 4 */     -moz-box-sizing: border-box; /* Firefox 1+ */          box-sizing: border-box; /* Chrome, IE 8+, Opera, Safari 5.1 */}
.homepageaanbod {margin-bottom: 80px; padding-left: 20px; -webkit-box-sizing: border-box; /* Android = 2.3, iOS = 4 */     -moz-box-sizing: border-box; /* Firefox 1+ */          box-sizing: border-box; /* Chrome, IE 8+, Opera, Safari 5.1 */}
ul li.aanbodoverzicht.last{ margin-right: 0px; }
ul li.aanbodoverzicht{width: 48%; background-color: #ffffff; height:auto; margin: 0 2% 20px 0; float:left;list-style: none; }
.homepageaanbod ul li.aanbodoverzicht {
    width: 31.8%;
    margin: 0 1.5% 20px 0;
}

ul li.aanbodoverzicht .aanbod-info{width: 100%; padding: 0 18px 18px 18px;
    -webkit-box-sizing: border-box; /* Android = 2.3, iOS = 4 */
    -moz-box-sizing: border-box; /* Firefox 1+ */
    box-sizing: border-box; /* Chrome, IE 8+, Opera, Safari 5.1 */ }
ul li.aanbodoverzicht .aanbod-info h2.title{font-family: 'eau_naturellesans_heavy';font-size:20px; color:#262524; line-height: 22px; margin: 20px 0px 15px;}
ul li.aanbodoverzicht .aanbod-info a:hover{text-decoration:none!important;}
ul li.aanbodoverzicht .aanbod-info .korte_tekst{font-family: 'eau_naturellesans_light';font-size:16px;line-height: 22px; margin: 20px 0px 15px;}
.downloads{width:100%; float:left; margin-top:15px; }
.downloads .download_icon {
    background-image: url("../img/download.jpg");
    display: block;
    float: left;
    height: 41px;
    margin-right: 10px;
    width: 41px;
}
.downloads .download_title {
    display: block;
    float: left;
    line-height:40px;
    color:#1b1b1b;
    text-decoration: underline;

}

.big_img{width:580px; height:385px;background-size: cover;}
ul#wpsimplegallery {margin:20px 0 0 20px;}
ul#wpsimplegallery li{margin: 0 20px 20px 0;    width: 72px;    height: 72px;    display: block;    float: left;}
ul#wpsimplegallery li a{display: table;   width: 72px;    height: 72px;}
#wpsimplegallery li img{margin:0px!important;}
.single-page-content {padding: 0 20px;}

.sidebar_content p > a {
    font-size: inherit;
}

@media only screen and (min-width: 640px) {
    #content_container .image img {
        width: 100%;
        object-fit: cover;
    }
}

#slider .bg_images {
    width: 100%;
    max-width: 1410px;
    margin-left: unset;
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-size: cover;
}