/* =====================================BASE STYLES===================================== */article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block}/* taken from HTML5 Boilerplate http://h5bp.com */html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}audio, canvas, video {display: inline-block;*display: inline;*zoom: 1}audio:not([controls]) {display: none}[hidden] {display: none}/* text selection */.content-wrapper ::-moz-selection {background: #f39c2c;background: rgba(243,156,44,0.7);color: #555;text-shadow: none}.content-wrapper ::selection {background: #f39c2c;background: rgba(243,156,44,0.7);color: #555;text-shadow: none}/* Consistent box sizing and appearance */input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;*width: 13px;*height: 13px}input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none}/* Remove inner padding and border in FF3/4 */button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0}/** 1. Remove default vertical scrollbar in IE6/7/8/9* 2. Allow only vertical resizing*/textarea {overflow: auto;vertical-align: top;resize: vertical}ul, ol {margin: 1em 0;padding: 0 0 0 40px}dd {margin: 0 0 0 40px}nav ul, nav ol {list-style: none;list-style-image: none;margin: 0;padding: 0}/* Redeclare monospace font family */pre, code, kbd, samp {font-family: monospace, serif; _font-family: 'courier new', monospace;font-size: 1em }/* Improve readability of pre-formatted text in all browsers */pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word}q {quotes: none}q:before, q:after {content: "";content: none}small {font-size: 85%}/* Hide from both screenreaders and browsers */.hidden {display: none !important;visibility: hidden}/* Hide only visually, but have it available for screenreaders */.visuallyhidden {border: 0;clip: rect(0,0,0,0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto}/* Hide visually and from screenreaders, but maintain layout */.invisible {visibility: hidden}/* correct text resizing */html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}body {margin: 0;font-size: 1em;/* -webkit-font-smoothing: antialiased */}/* =====================================12 COLUMN GRID===================================== *//* ================================Desktop================================ *//* the wraping container */.container {width: 92%;min-width: 960px;max-width: 1200px}/* align the site */.leftaligned {margin: 0 auto 0  0}.rightaligned {margin: 0 0 0 auto}.centered {margin: 0 auto}/* Global Grid layout */.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {display:inline;float: left;position: relative;margin-left: .96%;margin-right: .96%}/* alpha and omega classes remove margins, aplha = no margin left, omega = no margin right */.alpha { margin-left: 0 }.omega { margin-right: 0 }/* Grid sizes up to 12 columns */.container .grid_1 { width:6.333% }.container .grid_2 { width:14.667% }.container .grid_3 { width:23.0% }.container .grid_4 { width:31.333% }.container .grid_5 { width:39.667% }.container .grid_6 { width:48.0% }.container .grid_7 { width:56.333% }.container .grid_8 { width:64.667% }.container .grid_9 { width:73.0% }.container .grid_10 { width:81.333% }.container .grid_11 { width:89.667% }.container .grid_12 { width:98.0% }/* Prefix to add extra space left */.container .prefix_1 { padding-left:8.333% }.container .prefix_2 { padding-left:16.667% }.container .prefix_3 { padding-left:25.0% }.container .prefix_4 { padding-left:33.333% }.container .prefix_5 { padding-left:41.667% }.container .prefix_6 { padding-left:50.0% }.container .prefix_7 { padding-left:58.333% }.container .prefix_8 { padding-left:66.667% }.container .prefix_9 { padding-left:75.0% }.container .prefix_10 { padding-left:83.333% }.container .prefix_11 { padding-left:91.667% }/* Suffix to add extra space right */.container .suffix_1 { padding-right:8.333% }.container .suffix_2 { padding-right:16.667% }.container .suffix_3 { padding-right:25.0% }.container .suffix_4 { padding-right:33.333% }.container .suffix_5 { padding-right:41.667% }.container .suffix_6 { padding-right:50.0% }.container .suffix_7 { padding-right:58.333% }.container .suffix_8 { padding-right:66.667% }.container .suffix_9 { padding-right:75.0% }.container .suffix_10 { padding-right:83.333% }.container .suffix_11 { padding-right:91.667% }/* Push columns to right */.container .push_1 { left:8.333% }.container .push_2 { left:16.667% }.container .push_3 { left:25.0% }.container .push_4 { left:33.333% }.container .push_5 { left:41.667% }.container .push_6 { left:50.0% }.container .push_7 { left:58.333% }.container .push_8 { left:66.667% }.container .push_9 { left:75.0% }.container .push_10 { left:83.333% }.container .push_11 { left:91.667% }/* Pull columns to left */.container .pull_1 { left:-8.333% }.container .pull_2 { left:-16.667% }.container .pull_3 { left:-25.0% }.container .pull_4 { left:-33.333% }.container .pull_5 { left:-41.667% }.container .pull_6 { left:-50.0% }.container .pull_7 { left:-58.333% }.container .pull_8 { left:-66.667% }.container .pull_9 { left:-75.0% }.container .pull_10 { left:-83.333% }.container .pull_11 { left:-91.667% }/* =====================================Tablet (Portrait)===================================== */@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {.container {width: 92%;min-width: 730px;max-width: 960px}.grid_8.main-navigation { width:98% }}/* =====================================Smartphones (Portait)===================================== */@media only screen and (min-width: 200px) and (max-width: 320px) {.container {width: 92%;min-width: 280px;max-width: 320px}.container .grid_1,.container .grid_2,.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9,.container .grid_10,.container .grid_11,.container .grid_12 {width: 98%;margin: 0 1%;float: none}}/* =====================================Smartphones (Landscape)===================================== */@media only screen and (min-width: 321px) and (max-width: 767px) {.container {width: 90%;min-width: 321px;max-width: 740px}.container .grid_1,.container .grid_2,.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9,.container .grid_10,.container .grid_11,.container .grid_12 {width: 98%;margin: 0 1%;float: none}}/* =====================================Smartphones (Portrait & Landscape)===================================== */@media only screen and (min-width: 300px) and (max-width: 767px) {.container .prefix_1,.container .prefix_2,.container .prefix_3,.container .prefix_4,.container .prefix_5,.container .prefix_6,.container .prefix_7,.container .prefix_8,.container .prefix_9,.container .prefix_10,.container .prefix_11,.container .suffix_1,.container .suffix_2,.container .suffix_3,.container .suffix_4,.container .suffix_5,.container .suffix_6,.container .suffix_7,.container .suffix_8,.container .suffix_9,.container .suffix_10,.container .suffix_11 {padding-right: 0;padding-left: 0}.container .push_1,.container .push_2,.container .push_3,.container .push_4,.container .push_5,.container .push_6,.container .push_7,.container .push_8,.container .push_9,.container .push_10,.container .push_11,.container .pull_1,.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 .pull_10,.container .pull_11 {left: auto;right: auto}}/* =====================================iPhone 4, iPad2, Retina stuff ?===================================== */@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {/* if you buy me one i might test and add something here */}/* =====================================CLEARING FLOATS===================================== */.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0}.cf:before,.cf:after,.row:before,.row:after{content: "";display: table}.cf:after,.row:after{clear: both}.cf,.row {*zoom: 1}
/* Stylesheet: CSS Core Modified On 2015-07-07 21:49:13 */
/* Reset Styles
***********************/

.flexslider ul {list-style: none;!important }
.flexslider ol {list-style: none;!important}

/* Browser Resets */
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
      width: 100%; 
      margin: 0; 
      padding: 0;
}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flexslider .slides a img{}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
/* FlexSlider Default Theme
*********************************/
.flexslider { background-color: none; float:right; position: relative; zoom: 1;

     !background: url();

}
.flex-viewport {height: 440px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {height: 440px;}
.flexslider .slides {zoom: 1;}

.flexslider .slides  li {position: relative;}
.flexslider-container {position: relative;}


/* Caption style */
.flex-caption {
     width: 96%; 
     padding: 2%;
     position: absolute; 
     left: 0; 
     bottom: 0; 
     background: rgba(0,0,0,.4);
     color: #fff; 
     text-shadow: 2px 2px 0 rgba(0,0,0,.8); 
     font-size: 14px;
     line-height: 12px; 
     font-family: sans-serif;
}
/* Direction Nav */

/* Direction Nav */
.flex-direction-nav li a {
     width: 35px; height: 34px; 
     margin: 0px 18px 0; 
     display: block; 
     background: url(/uploads/simplex/images/bg_direction_nav.png) no-repeat 0 0; 
     position: absolute; 
     top: 46.999%; 
     cursor: pointer; 
     text-indent: -9999px;
    filter: alpha(opacity=400); /* IE syntax*/
    -moz-opacity: .40; /* Mozilla*/
    opacity: .40; /* other browsers */
   -o-transition: all 0.3s ease-in-out 0s;
   -webkit-transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   transition: all 0.3s ease-in-out 0s;
}

 /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.flex-direction-nav li a.next {background-position: -35px 0; right: 0px;}
.flex-direction-nav li a.prev {background-position: 0 0; left: 0px;}

.flex-direction-nav li a.next:hover {
    filter: alpha(opacity=990); /* IE syntax*/
    -moz-opacity: .99; /* Mozilla*/
    opacity: .99; /* other browsers */
   -o-transition: all 0.3s ease-in-out 0s;
   -webkit-transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   transition: all 0.3s ease-in-out 0s;
}
.flex-direction-nav li a.prev:hover {
    filter: alpha(opacity=990); /* IE syntax*/
    -moz-opacity: .99; /* Mozilla*/
    opacity: .99; /* other browsers */
   -o-transition: all 0.3s ease-in-out 0s;
   -webkit-transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   transition: all 0.3s ease-in-out 0s;
}

/* Control Nav */
.flex-control-nav {
       display: none;
       margin: -20px 0 0 0; 
       float: right;
}

/* set negative margin-left equal to half the width on the control-nav for perfect centering */
.flex-control-nav li {
       margin: 0 0 0 7px;  
       float: left;
}
.flex-control-nav li:first-child {
       margin: 0;
}
.flex-control-nav li a {
       width: 22px;  
       height: 22px; 
       display: block; 
       background: url(/uploads/images/layout/dots.png) no-repeat 0 0; 
       cursor: pointer; 
       text-indent: -9999px;
       text-decoration: none;
}
.flex-control-nav li a:hover {
       background-position: 0 -22px;
       text-decoration: none;
}
.flex-control-nav li a.active {
       background-position: 0 -44px; 
       cursor: default;
       text-decoration: none;
}








/* Stylesheet: Flexslider Modified On 2017-01-20 21:44:57 */
@charset "utf-8";/* CSS Document */* {margin:0;padding:0;}/* =====================================BASIC STYLES===================================== */body {background: url(https://www.kersbouw.nl/uploads/simplex/images/paper.jpg) ;font-family: 'Roboto Condensed', sans-serif;font-size: 18px;color: #201e1c;line-height: 1.2}body#boxed {}/* add some space inside the boxed container */.container {z-index:100;padding: 0 1%}.sliderband{background:  center 0px no-repeat;width: 100%;overflow: hidden;display: block;padding: 0px 0;}.contentband{background:  center 0px no-repeat;width: 100%;display: block;}.footerband{width: 100%;display: block;background: #da261c;padding-bottom: 20px;}/* ____________________________________ Slide 0 (Sequential page template) ____________________________________ */.slide-wrapper{height: 300px;padding: 0px 0;border-top: 0px solid #221c1b;border-bottom: 0px solid #221c1b;}#slide0{background-size: cover !important;width:100%;height: 300px;position: relative;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}.effect_2 {position:relative;z-index:99 !important;}a img {border: none}/* you can use these classes to align images to left or right */.right {float: right}.left {float:left}/* if image needs some space add this class to img tag* so at the end a left floating image would be <img src='some.jpg' class='left spacing' alt='foo' />*/.spacing {margin: 10px}.spacing.left {margin: 10px 10px 10px 0}.spacing.right {margin: 10px 0 10px 10px}/* or add a 2 px border to image or something, change as you need it */.border {border: 2px solid #333333}/* some styling for code chunks */code, samp, kbd {font-family: 'Roboto Condensed', sans-serif;color: #201e1c}pre code {line-height: 1.4;font-size: 11px}pre {padding: 10px;margin: 10px 0;overflow: auto;width: 93%;background: #e1e1e1;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px}/* target IE7 and IE6 */*:first-child+html pre {padding-bottom: 20px;overflow-y: hidden;overflow: visible;overflow-x: auto}* html pre {padding-bottom: 20px;overflow: visible;overflow-x: auto}/* horizontal ruler */hr {border: 1px solid #201e1c;border-width: 1px 0 0 0;clear: both;margin: 10px 0 10px 0;height: 0}strong{ color: #201e1c; text-transform: uppercase; line-height: 1.2em; font-weight: 700;}/* =====================================COMMON TYPOGRAPHY===================================== *//* link default styles */a {color: #da261c;transition: transform 0.3s ease-out;-webkit-transition: color 0.3s ease-out;-moz-transition: color 0.3s ease-out;-o-transition: color 0.3s ease-out;}a:visited {color: #da261c;}a:hover {color: #201e1c;transition: transform 0.3s ease-out;-webkit-transition: color 0.3s ease-out;-moz-transition: color 0.3s ease-out;-o-transition: color 0.3s ease-out;text-decoration: underline}a:focus {outline: 0}a:hover, a:active {outline: 0}/* Fix for odd Mozilla border & padding issues */.button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}a:link.button,input[type="submit"],input[type="reset"],input[type="button"]{width: auto;height: 26px;background: #201e1c url(https://www.kersbouw.nl/uploads/simplex/images/arrow.png) 96% 6px no-repeat;padding: 6px 28px 5px 8px;border-radius: 2px;font-family: 'Roboto Condensed', sans-serif;text-transform: uppercase;font-weight: 400;font-size:14px;color: #fff;text-align: left;text-decoration: none;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}input[type="submit"]{height: 28px;}input[type="submit"]:hover { height: 28px!important;}a:hover.button,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;background: #da261c url(https://www.kersbouw.nl/uploads/simplex/images/arrow.png) 96% -18px no-repeat;padding: 6px 28px 5px 8px;width: auto;height: 26px;!height: 18px;!display: inline-block;text-decoration: none!important;}a:visited.button{width: auto;height: 26px;!display: inline-block;background: #201e1c url(https://www.kersbouw.nl/uploads/simplex/images/arrow.png) 96% 6px no-repeat;padding: 6px 28px 5px 8px;color: #fff;padding: 6px 24px 5px 8px;text-align: left;text-decoration: none;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}a:link.button.back{padding: 6px 8px 5px 24px;background: #201e1c url(https://www.kersbouw.nl/uploads/simplex/images/back-arrow.png) 8% 6px no-repeat;}a:hover.button.back{padding: 6px 8px 5px 24px;background: #da261c url(https://www.kersbouw.nl/uploads/simplex/images/back-arrow.png) 8% -18px no-repeat;}/* add icon to links with class external */a.external span {display: inline-block;width: 9px;height: 9px;text-indent: -999em;margin: 0 3px;/* using sprite image, but left as reference to single imagebackground: transparent url(https://www.kersbouw.nl/uploads/simplex/images/external-icon.png) no-repeat 0 0*/background: transparent url(https://www.kersbouw.nl/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -130px;}a.external:hover span {background-position: -10px -139px}/* default heading styles */h1,h2,h3,h4,h5,h6{font-family: 'Fjalla One', sans-serif;}h1 {color: #da261c;margin: 0px 0 10px 0;line-height: 1.2em;font-size: 22px;font-weight: 400;text-transform: uppercase;}h2, h3, h4, h5, h6 {color: #da261c;margin: 0px 0 10px 0;font-weight: 400;line-height: 1.2em;font-size: 20px;text-transform: uppercase;}/* =====================================LAYOUT===================================== *//* wrapping the page in a box */#wrapper {margin-top: 0px;margin-bottom: 0px;}/* you can switch appearance of the page by adding or removing id #boxed to body tag */#boxed #wrapper {background: none;/*box-shadow: 2px 2px 8px #201e1c*/}/* the logo */.logo {margin-top: 25px;margin-bottom: 10px;position: relative}.logo.grid_4 {float:left;text-align: center;display: block;}.logo.grid_4 img{width: 77.999%;height: auto;}/* bottom part of header*/.header-bottom {height: auto;padding: 0}/* catchphrase */.phrase span a{text-transform: uppercase;text-decoration: none;color: #fff;font-size: 1px;font-weight: 300}/* search */.search {margin: 26px 10px 0px 0;text-align: right;display:block;}/* webkit browser add icons to input of type search, we dont want it here now */input.search-input::-webkit-search-decoration,input.search-input::-webkit-search-results-button,input.search-input::-webkit-search-results-decoration {-webkit-appearance:none}/* styling the search input field */input.search-input {border: 2px solid #201e1c;height: 24px;line-height: 20px;outline: 0;margin: 0;width: 220px;padding: 4px 0 2px 0px;font-family: 'Roboto Condensed', sans-serif;color: #333333;font-size: 14px;text-transform: uppercase;text-align: center;transition: all .35s ease-in-out;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;background: url(https://www.kersbouw.nl/uploads/simplex/images/search-icon.png) 10px 50% no-repeat}input.search-input:focus {border: 2px solid #201e1c;width: 300px;}/* ------ CONTENT AREA ------ */.content-wrapper {margin-top: 0px;margin-bottom: 40px;padding-top: 35px;}.content{margin-top: 14px;margin-bottom: 50px;}.content p{margin: 0px 0 6px 0;}.content ul{margin: 0px 0 20px 0;list-style-image: url(https://www.kersbouw.nl/uploads/simplex/images/bullit.png);}.columns{float: left;margin: 0px 20px 0 0;  width: 50%;}.content-top {font-family: 'Roboto Condensed', sans-serif;color: #da261c;font-style: italic;line-height: 20px}.content img{border: 0px solid #333333;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px}.content a img {display: inline-block;-o-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}.content a:hover img{filter: alpha(opacity=600); /* IE syntax*/-moz-opacity: .60; /* Mozilla*/opacity: .60; /* other browsers */-o-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}/*Generic Styling, for Desktops/Laptops*/table {width: 100%;border-collapse: collapse;}/* Zebra striping */tr:nth-of-type(odd) {background: #eee;}th {background: #333;color: white;font-weight: bold;}td, th {padding: 6px;border: 1px solid #ccc;text-align: left;}.news-summary{ margin-top: 0px; }/* news module summary -> content */.content .news-summary  span.heading {display: none}.content .news-article {margin: 0;padding: 0px 10px 15px 10px;background: #e1e1e1;border-bottom: 0px dotted #333333}.content .news-article.overzicht {margin-bottom: 0px;padding-bottom: 15px;background: none;border-bottom: 0px dotted #333333}.news-article p{margin: 10px 0 20px 0;color: #201e1c;}.news-article p{color: #201e1c;}.summary-overview p{color: #201e1c;margin-bottom: 20px;}.content .news-summary ul.category-list {}.content .news-summary ul.category-list li a,.news-summary ul.category-list li span {}.news-summary ul.category-list li span {opacity: .4}/* news module summary -> sitewide (content + sidebar) *//* article heading */.news-article h2 {color: #da261c;margin: 4px 0 0px 0px;font-family: 'Fjalla One', sans-serif;font-size: 20px;line-height: 1.2em;font-weight: 400;}.news-article h3 {font-family: 'Fjalla One', sans-serif;font-size: 18px;margin: 10px 0 10px 0px;line-height: 1.0em;color: #da261c;}.news-article h2 a {color: #da261c;text-decoration: none;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}.news-article h2 a:hover, .news-article h3 a:hover {transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;color: #333333;}.news-article h3 a{text-decoration: none;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}/* date circle, well square for IE  */.news-article .date {background: #201e1c;color: #fff;display: inline-block;float:left;width: 50px;height: 50px;margin-top: 10px;margin-right: 16px;margin-bottom: 2px;padding: 10px;border-radius: 50px;text-align: center;}.news-article .day {font-size: 26px;line-height: 0.8;font-weight: 700;display: block}.news-article .month {line-height: 0.7em;font-size: 15px;font-weight: 700;}.news-article .year {font-size: 15px;line-height: 0.7;display: block;font-weight: 700;}/* author and category */.news-article .author,.news-article .category {color: #201e1c;display: block;padding-left: 60px;font-size: 14px;font-style: italic}/* category list on top of summary */.news-summary ul.category-list {margin:0px 0 0 0;padding:0;list-style: none}.news-summary ul.category-list li {float:left;display: block;width: auto;background: #e1e1e1;margin-right: 5px}.news-summary ul.category-list li a,.news-summary ul.category-list li span {transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;display: block;color: #201e1c;padding: 6px 8px;border-radius: 2px 2px 0 0;text-decoration: none;font-size: 15px;font-weight: 400;}.news-summary ul.category-list li a:hover {transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;background: #333333;}.news-summary .paginate {font: italic 11px/1.2 'Roboto Condensed', sans-serif;}.news-summary .paginate a {padding: 0 3px;}.news-meta {background: #e1e1e1;padding: 10px;margin: 10px 0}.overzicht {margin-right: 0px;}/* more link */.more,.more a,/* back link */.back,.back a,/* previous, next links */.previous a,.next a,.previous,.next {font:  22px/0.8 'Roboto Condensed', sans-serif;color: #201e1c;text-decoration: none}.previous a,.next a {color: #da261c;}/* hover behavior of more, next, previous links */.more a:hover,.back a:hover,.previous a:hover,.next a:hover {text-decoration: underline}.previous,.next {padding: 6px 0;}/* align next link to right */.previous {float:left;}.next {float: right}/* ------ Review Widget ------*/#bottom_div{display:none;}.sidebar .formulier {height: 230px;background: #e1e1e1 ;margin-top: 26px;padding: 14px 14px 10px 15px;border: 0px dotted #201e1c;border-radius: 0px 0 0px 0}.sidebar .formulier h6{margin: 0px 0px 10px 0;padding:0;font-size: 18px;}.sidebar .formulier em{font-size: 14px;}/* ------ SIDEBAR AREA ------ *//* news module summary -> sidebar */.sidebar .news-summary  span.heading {color: #201e1c;display: none}.sidebar .news-summary .heading span {display: inline-block;width: auto;padding-right: 6px}.sidebar .news-article {background: #e1e1e1 top left no-repeat;padding: 14px 10px 10px 15px;position: relative;margin-bottom: 10px;border-radius: 0px 0 0px 0;}/* creating a bubble box with css3.sidebar .news-article:before {content:'';position: absolute;bottom: -15px;right: 25px;width: 10px;height: 35px;-webkit-transform: rotate(55deg) skewY(55deg);-moz-transform: rotate(55deg) skewY(55deg);-o-transform: rotate(55deg) skewY(55deg);-ms-transform: rotate(55deg) skewY(55deg);transform: rotate(55deg) skewY(55deg);background: #e1e1e1;}*//* ------ FOOTER AREA ------ *//* footer wrapper */.footer {background: #da261c no-repeat;position: relative;height: auto;min-height: 280px;margin: 20px 0 0px 0;color: #201e1c;padding: 0}/* copyright text */.copyright {margin-top: 20px;}.copyright p{font-size: 14px}.copyright a{color: #fff;text-decoration: none;font-size: 14px}.copyright a:hover {text-decoration: underline;}.footer .social li .heading{font-family: 'Fjalla One', sans-serif;color: #fff;font-size: 22px;font-weight: 400;margin-left: 4px;}/* social icons */.footer ul.social {padding: 0;margin: 0 0 10px 0}.footer .social li {float:left;margin: 0;padding: 0;list-style: none;margin-right: 6px}.footer .social li a {display: block;width: 23px;height: 23px;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;text-indent: -999em}.footer .social li.facebook a {background: transparent url(https://www.kersbouw.nl/uploads/simplex/images/facebook-icon.png) no-repeat 0 0}.footer .social li.facebook a:hover {background: transparent url(https://www.kersbouw.nl/uploads/simplex/images/facebook-icon.png) no-repeat 0 -23px}.footer .social li.twitter a {background: transparent url(https://www.kersbouw.nl/uploads/simplex/images/twitter-icon.png) no-repeat 0 0}.footer .social li.twitter a:hover {background: transparent url(https://www.kersbouw.nl/uploads/simplex/images/twitter-icon.png) no-repeat 0 -23px}.footer .social li.linkedin a {background: transparent url(https://www.kersbouw.nl/uploads/simplex/images/linkedin-icon.png) no-repeat 0 0;}.footer .social li.linkedin a:hover {background: transparent url(https://www.kersbouw.nl/uploads/simplex/images/linkedin-icon.png) no-repeat 0 -23px}.footer .social li.youtube a {background: transparent url(https://www.kersbouw.nl/uploads/simplex/images/youtube-icon.png) no-repeat 0 0}.footer .social li.youtube a:hover {background: transparent url(https://www.kersbouw.nl/uploads/simplex/images/youtube-icon.png) no-repeat 0 -23px}/* back to top anchor */.back-top a {display: inline-block;width: 40px;height: 40px;background: url(https://www.kersbouw.nl/uploads/simplex/images/back-top.png) no-repeat 0 0;position: absolute;top: -18px;left: 48.333%}.back-top a:hover {background: url(https://www.kersbouw.nl/uploads/simplex/images/back-top.png) no-repeat 0 -41px;}/* Footer navigation */.footer-navigation {height: auto;margin-top: 20px;padding-top: 0px}.footer-navigation > ul > li {font-family: 'Fjalla One', sans-serif;font-weight: 400;font-size: 16px;float:left;width: 18.333%}.footer-navigation > ul > li > a,.footer-navigation > ul > li span.sectionheader {text-transform: uppercase;color: #fff;text-decoration: none;display: block}/* second level */.footer-navigation > ul ul {margin-top: 10px}.footer-navigation > ul > li li {float: none;width: 100%;font-weight: 400;font-size: 12px;display: block}.footer-navigation > ul > li li a,.footer-navigation > ul > li.sectionheader li a,.footer-navigation > ul > li li span.sectionheader  {text-decoration: none;font-weight: normal;text-transform: none;display: block;padding: 2px 0;color: #fff}.footer-navigation > ul > li a:hover,.footer-navigation > ul > li li a:hover,.footer-navigation > ul > li li a.current {color: #201e1c;}.video-wrapper{width: 1040px;height: 400px;margin: 0 auto;padding: 0;}iframe,embed {border: 1px solid #201e1c!important;margin: 0;width: 100%;min-height: 390px;}/* Stylesheet: CSS Layout  Modified On 2017-01-31 00:07:32 */#cssmenu {z-index: 9999;position: relative;height: 40px;width: auto;float: right;margin-top: 34px;padding: 0;line-height: 1;display: block;}#cssmenu ul {list-style: none;padding: 0;margin: 0;line-height: 1;}#cssmenu > ul {position: relative;display: block;/*background: #2b2f3a;*/width: 100%;z-index: 500;}#cssmenu:after,#cssmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}#cssmenu.align-right > ul > li {float: right;}#cssmenu.align-center ul {text-align: center;}#cssmenu.align-center ul ul {text-align: left;}#cssmenu > ul > li {display: inline-block;position: relative;margin: 0;padding: 0;}#cssmenu > ul > #menu-button {display: none;}#cssmenu ul li a {display: block;text-decoration: none;}#cssmenu a.current{color: #da261c;}#cssmenu > ul > li > a {font-family: 'Fjalla One', sans-serif;font-size: 19px;padding: 15px 10px 15px 20px;color: #201e1c;text-transform: uppercase;-webkit-transition: color 0.25s ease-out;-moz-transition: color 0.25s ease-out;-ms-transition: color 0.25s ease-out;-o-transition: color 0.25s ease-out;transition: color 0.25s ease-out;}#cssmenu > ul > li.has-sub > a {padding-right: 32px;}#cssmenu > ul > li:hover > a {color: #da261c;}#cssmenu li.has-sub::after {display: block;content: "";position: absolute;width: 0;height: 0;}#cssmenu > ul > li.has-sub::after {right: 10px;top: 22px;border: 5px solid transparent;border-top-color: #201e1c;}#cssmenu > ul > li:hover::after {border-top-color: #da261c;}#indicatorContainer {position: absolute;height: 0px;width: 100%;bottom: 0px;overflow: hidden;z-index: -1;}#pIndicator {position: absolute;height: 0;width: 100%;border: 12px solid transparent;border-top-color: #84c2bb;z-index: -2;-webkit-transition: left .25s ease;-moz-transition: left .25s ease;-ms-transition: left .25s ease;-o-transition: left .25s ease;transition: left .25s ease;}#cIndicator {display: none;position: absolute;height: 0;width: 100%;border: 12px solid transparent;border-top-color: #2b2f3a;top: -12px;right: 100%;z-index: -2;}#cssmenu ul ul {position: absolute;left: -9999px;top: 70px;opacity: 0;-webkit-transition: opacity .3s ease, top .25s ease;-moz-transition: opacity .3s ease, top .25s ease;-ms-transition: opacity .3s ease, top .25s ease;-o-transition: opacity .3s ease, top .25s ease;transition: opacity .3s ease, top .25s ease;z-index: 1000;}#cssmenu ul ul ul {top: 37px;padding-left: 5px;}#cssmenu ul ul li {position: relative;}#cssmenu > ul > li:hover > ul {left: auto;top: 44px;opacity: 1;}#cssmenu.align-right > ul > li:hover > ul {left: auto;right: 0;opacity: 1;}#cssmenu ul ul li:hover > ul {left: 170px;top: 0;opacity: 1;}#cssmenu.align-right ul ul li:hover > ul {left: auto;right: 170px;top: 0;opacity: 1;padding-right: 5px;}#cssmenu ul ul li a {width: 220px;border:0;padding: 10px 20px;font-size: 18px;color: #201e1c;background: #ffffff;box-shadow: 0px 0px 1px #201e1c;-webkit-box-shadow: 0px 0px 1px #201e1c;-moz-box-shadow: 0px 0px 1px #201e1c;-o-box-shadow: 0px 0px 1px #201e1c;-webkit-transition: all .35s ease;-moz-transition: all .35s ease;-ms-transition: all .35s ease;-o-transition: all .35s ease;transition: all .35s ease;}#cssmenu.align-right ul ul li a {text-align: right;}#cssmenu ul ul li:hover > a {background: #f2f2f2;color: #da261c;}#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last > a {border-bottom: 0;}#cssmenu > ul > li > ul::after {content: '';border: 6px solid transparent;width: 0;height: 0;border-bottom-color: #e1e1e1;position: absolute;top: -12px;left: 30px;}#cssmenu.align-right > ul > li > ul::after {left: auto;right: 30px;}#cssmenu ul ul li.has-sub::after {border: 4px solid transparent;border-left-color: #9ea2a5;right: 10px;top: 12px;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;-webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;}#cssmenu.align-right ul ul li.has-sub::after {border-left-color: transparent;border-right-color: #9ea2a5;right: auto;left: 10px;}#cssmenu ul ul li.has-sub:hover::after {border-left-color: #ffffff;right: -5px;-webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}#cssmenu.align-right ul ul li.has-sub:hover::after {border-right-color: #ffffff;border-left-color: transparent;left: -5px;-webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}@media all and (max-width: 1280px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {#cssmenu {width: 100%;margin: 20px 0 10px 0;}#cssmenu.align-center ul {text-align: left;}#cssmenu.align-right > ul > li {float: none;}#cssmenu ul {width: auto;}#cssmenu > ul {background: #fff;border: 1px solid #e1e1e1;}#cssmenu .submenuArrow,#cssmenu #indicatorContainer {display: none;}#cssmenu > ul {height: auto;display: block;}#cssmenu > ul > li {float: none;}#cssmenu li,#cssmenu > ul > li {display: none;}#cssmenu ul ul,#cssmenu ul ul ul,#cssmenu ul > li:hover > ul,#cssmenu ul ul > li:hover > ul,#cssmenu.align-right ul ul,#cssmenu.align-right ul ul ul,#cssmenu.align-right ul > li:hover > ul,#cssmenu.align-right ul ul > li:hover > ul {position: relative;left: auto;top: auto;opacity: 1;padding-left: 0;padding-right: 0;right: auto;}#cssmenu ul .has-sub::after {display: none;}#cssmenu ul li a {padding: 20px 20px;}#cssmenu ul ul li a {border: 0;background: none;width: auto;padding: 8px 35px;box-shadow: 0 0 0;-webkit-box-shadow: 0 0 0;-moz-box-shadow: 0 0 0;-o-box-shadow: 0 0 0;}#cssmenu.align-right ul ul li a {text-align: left;}#cssmenu ul ul li:hover > a {background: none;color: #da261c;}#cssmenu ul ul ul a {padding: 8px 50px;}#cssmenu ul ul ul ul a {padding: 8px 65px;}#cssmenu ul ul ul ul ul a {padding: 8px 80px;}#cssmenu ul ul ul ul ul ul a {padding: 8px 95px;}#cssmenu > ul > #menu-button {display: block;cursor: pointer;}#cssmenu #menu-button > a {padding: 14px 20px;}#cssmenu ul.open li,#cssmenu > ul.open > li {display: block;}#cssmenu > ul.open > li#menu-button > a {color: #333333;font-weight: 400;border-bottom: 1px solid rgba(150, 150, 150, 0.1);}#cssmenu ul ul::after {display: none;}#cssmenu #menu-button::after {display: block;content: '';position: absolute;height: 3px;width: 22px;border-top: 2px solid #201e1c;border-bottom: 2px solid #201e1c;right: 20px;top: 15px;}#cssmenu #menu-button::before {display: block;content: '';position: absolute;height: 3px;width: 22px;border-top: 2px solid #201e1c;right: 20px;top: 25px;}#cssmenu ul.open #menu-button::after,#cssmenu ul.open #menu-button::before {border-color: #333333;}}/* Stylesheet: Responsive menu Modified On 2017-01-29 16:06:00 *//* Default styles for screens up to 1024px width *//* realign logo for mobile devices */.grid_7 { width:31.333%; top: 0px; float: left}/* search box */.grid_5.search {float:right;width: 40.0%;}/* close button (appended to dropdown with jquery) */.close-button {display: block;background: url(/uploads/simplex/images/close_button.png) no-repeat;text-indent: -999em;position: absolute;bottom: -10px;right: -10px;width: 24px;height: 24px}/* display phrase text and search box in full width */.header-bottom {height: auto;line-height: 1.0;margin-bottom: 12px}/* =====================================Tablet (Landscape)===================================== */@media only screen and (min-width: 960px) and (max-width: 1160px) and (orientation : landscape) {.logo {margin-top: 25px;margin-bottom: 0px;}.logo.grid_4 img{width: 99.999%;height: auto;}.search {margin: 25px 10px 0px 0;}.footer-navigation > ul > li {font-size: 12px;float:left;width: 24.333%;}.content-wrapper {margin-top: 0px;margin-bottom: 30px;}.slide-wrapper{height: 200px;}#slide0{height: 200px;background-position:0 0 !important;}.video-wrapper{width: 98%;height: 400px;margin: 0 auto;padding: 0;}iframe,embed {border: 1px solid #201e1c!important;margin: 0;width: 100%;min-height: 390px;}}/* =====================================Tablet (Portrait)===================================== */@media only screen and (max-width: 959px) and (max-width: 1023px) {.grid_7 { width:31.333%; top: 0px;}iframe,embed {width: 100%;min-height: 280px;}a.printbutton {display: none}.logo {margin-top: 20px;margin-bottom: 0px;}.logo.grid_4 {float: none;text-align: center;width: 100%;}.logo.grid_4 img{width: 32.333%;height: auto;}.header-bottom {height: auto;line-height: 1.2;padding: 0px 0}.grid_5.search {width: 100%;margin: 10px 0 0 0;}.search input {width: 99%;text-align: center;padding: 5px 0 3px 0;display: block}input.search-input:focus {width: 100%;}.content-wrapper {margin-top: 10px;margin-bottom: 20px;}#item_image {height: 180px;}.news-summary ul.category-list li a,.news-summary ul.category-list li span {font-size: 8px;}.footer-navigation {display: none;}.grid_4.copyright {width: 100%;}.slide-wrapper{height: 200px;}#slide0{height: 200px;background-position:0 0 !important;}/* =====================================Smartphones (Landscape)===================================== */@media only screen and (min-width: 480px) and (max-width: 766px) {#wrapper {margin-top: 0px;}.logo {margin-top: 20px!important;margin-bottom: 10px!important;}.logo.grid_4 {text-align: center;}.logo.grid_4 img{width: 60.999%;height: auto;}.grid_7 { width:31.333%; top: 0px; }/* search box */.grid_5.search {float:none;margin: 0px 0 0 0;width: 100%;}.search input {width: 99%;text-align: center;padding: 5px 0 3px 0;display: block}input.search-input:focus {width: 100%;}.slide-wrapper{height: 120px;}#slide0{height: 120px;background-position:0 0 !important;}.flex-direction-nav li a {top: 36.999%;}.content-wrapper {margin-top: -40px!important;margin-bottom: 20px;}.footer-navigation {display: none;}.footer {background: none;padding: 20px 0 0 10px;min-height: 70px;height: auto;}.news-summary ul.category-list li a,.news-summary ul.category-list li span {font-size: 16px;}}/* =====================================Smartphones (Portait)===================================== */@media screen and (max-width : 479px) {#wrapper {margin-top: 10px;}#boxed .container {padding: 0 2%}.logo {margin-top: 20px;margin-bottom: 0px!important;}.logo.grid_4 {text-align: center;}.logo.grid_4 img{width:90.999%!important;height: auto;}.sliderband{width: 100%;height: 120px!important;}.slide-wrapper{height: 120px;}#slide0{height: 120px;background-position:0 0 !important;}.grid_7 { width:31.333%; top: 0px; }/* search box */.grid_5.search {float:none;margin: 10px 0 0 0;width: 100%;}.search input {width: 99%;text-align: center;padding: 5px 0 3px 0;display: block}input.search-input:focus {width: 99%;}.flexslider {width: 100%; margin: 0; padding: 0;}.flexslider .slides img {border-left: 0}.flex-direction-nav li a {top: 36.999%;}.content-wrapper {margin-top: -60px!important;margin-bottom: 20px;}.footer {background: none;position: relative;min-height: 0px;height: auto;margin: 0;padding-left: 0px;}.social{padding-top: 0px!important;}.news-summary ul.category-list li a,.news-summary ul.category-list li span {font-size: 16px;}#item_image {height: 180px;}.columns{float: none;margin: 0px 0px 0 0;  width: 50%;}}
/* Stylesheet: CSS Mobile Modified On 2017-02-16 01:06:43 */
