@font-face {
    font-family: 'carnas-bold';
    src: url('fonts/carnas_bold-webfont.eot');
    src: url('fonts/carnas_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/carnas_bold-webfont.woff2') format('woff2'),
         url('fonts/carnas_bold-webfont.woff') format('woff'),
         url('fonts/carnas_bold-webfont.ttf') format('truetype'),
         url('fonts/carnas_bold-webfont.svg#carnas-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'carnas-light';
    src: url('fonts/carnas_light-webfont.eot');
    src: url('fonts/carnas_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/carnas_light-webfont.woff2') format('woff2'),
         url('fonts/carnas_light-webfont.woff') format('woff'),
         url('fonts/carnas_light-webfont.ttf') format('truetype'),
         url('fonts/carnas_light-webfont.svg#carnas-light') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'carnas-medium';
    src: url('fonts/carnas_medium-webfont.eot');
    src: url('fonts/carnas_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/carnas_medium-webfont.woff2') format('woff2'),
         url('fonts/carnas_medium-webfont.woff') format('woff'),
         url('fonts/carnas_medium-webfont.ttf') format('truetype'),
         url('fonts/carnas_medium-webfont.svg#carnas-medium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'carnas-regular';
    src: url('fonts/carnas_regular-webfont.eot');
    src: url('fonts/carnas_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/carnas_regular-webfont.woff2') format('woff2'),
         url('fonts/carnas_regular-webfont.woff') format('woff'),
         url('fonts/carnas_regular-webfont.ttf') format('truetype'),
         url('fonts/carnas_regular-webfont.svg#carnas-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'carnas-thin';
    src: url('fonts/carnas_thin-webfont.eot');
    src: url('fonts/carnas_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/carnas_thin-webfont.woff2') format('woff2'),
         url('fonts/carnas_thin-webfont.woff') format('woff'),
         url('fonts/carnas_thin-webfont.ttf') format('truetype'),
         url('fonts/carnas_thin-webfont.svg#carnas-thin') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
    height: 100%;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser upgradenrade Prompt
   ========================================================================== */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
.browserupgradenrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
h6{
    font: normal 18px 'carnas-bold', Arial, Helvetica, sans-serif;
    line-height: 1.1;
    color: #002554;
}
ul{
    padding-left: 15px;
    margin: 0;
}
ul li{
    font: normal 18px 'carnas-regular', Arial, Helvetica, sans-serif;
    line-height: 1.5;
    color: #002554;
}
ul li a{
    color: #002554;
}
h1{
    font: normal 38px 'carnas-medium', Arial, Helvetica, sans-serif;
    color: #1d2b4c;
}
h2{
    font: normal 35px 'carnas-light', Arial, Helvetica, sans-serif;
}
h3{
    font: normal 18px 'carnas-bold', Arial, Helvetica, sans-serif;
    line-height: 1.5;
    color: #1d2b4c;
    margin: 27px 0 0 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
*,*:after, *:before{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.container{
    width: 960px;
    margin: 0 auto;
    max-width: 100%;
}
.container:after{
    display: table;
    clear: both;
    content: '';
}
.menu-section{
    float: left;
    position: relative;
}
.menu-section:after{
    position: absolute;
    top: 50%;
    left: 100%;
    content: '';
    display: block;
    width: 9px;
    height: 19px;
    background: url(../images/side_corner.svg) no-repeat center center;
    margin-top: -10px;
    margin-left: -1px;
    opacity: .8;
}
.logo{
    float: right;
    margin-top: 7px;
    margin-right: 23px;
    position: relative;
    z-index: 12;
}
.menu-section ul{
    list-style: none;
    padding-left: 42px;
    padding-right: 46px;
    float: left;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.menu-section ul li{
    list-style: none;
    float: left;
    padding-top: 17px;
    padding-bottom: 17px;
    font: normal 13px 'carnas-bold', Arial, Helvetica, sans-serif;
    line-height: 1.1;
    position: relative;
    letter-spacing: -0.005em;
}
.left-menu li a{
    color: #002554;
}
.menu-section ul li ul{
    float: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    margin-left: -42px;
    margin-top: -8px;
    width: 208px;
    padding: 18px 0 39px 42px;
    border-radius: 0 0 10px 10px;
    z-index: 12;
}
.menu-section ul li ul li{
    float: none;
    padding: 0;
    font-family: 'carnas-regular';
    color: #1d2b4c;
    letter-spacing: 0.05em;
}
.menu-section ul li ul li + li{
    margin-left: 0;
    margin-top: 16px;
}
ul li a{
    text-decoration: none;
}
.right-menu{
    background: #e5f1f7;
    border-radius: 0 10px 10px 0;
}
.right-menu li a{
    color: #002554;
}
.menu-section ul.right-menu{
    padding-right: 43px;
    padding-left: 43px;
}
.menu-section ul.right-menu li{
    letter-spacing: 0.01em;
}
.menu-section ul li + li{
    margin-left: 23px;
}
.menu-section{
    float: left;
}
.menu-section .left-menu{
    background: #fff;
    border-radius: 10px 0 0 10px;
}
.header-wrapper{
    position: absolute;
    padding-top: 38px;
    left: 0;
    width: 100%;
    position: static;
    background: #7db6d5;
    padding-bottom: 26px;
}
.banner-img {
    margin-top: -25px;
    margin-left: -56px;
    position: relative;
}
.top-banner-section{
    background: #7db6d5;
    padding-top: 122px;
}
.top-banner-section.red{
    background: #ec6453;
}
.top-banner-section.green{
    background: #a9ca4f;
}
.hero-text {
    width: 394px;
    float: left;
    margin-top: 71px;
    margin-left: 39px;
    position: relative;
    z-index: 1;
}
.hero-text h2{
    font: normal 52px 'carnas-regular', Arial, Helvetica, sans-serif;
    line-height: 60px;
    color: #fff;
    margin: 0 0 64px 0;
    letter-spacing: -0.025em;
    transform: translateX(-20px);
    opacity: 0;
    transition: all .5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
.owl-item.active .hero-text h2{
    transform: translateX(0);
    opacity: 1;   
}
.owl-item.slide-in .hero-text h2{
    transition-delay: 0.5s;
}
/*.owl-item.slide-in.first .hero-text h2{
    transition-delay: 1s;
}*/
.more-btn {
    padding: 11px 10px 11px;
    width: 177px;
    display: inline-block;
    color: #fff;
    border: 3px solid #fff;
    border-radius: 5px;
    text-align: center;
    font: normal 18px 'carnas-bold', Arial, Helvetica, sans-serif;
    text-decoration: none;
    margin-left: 3px;
    letter-spacing: 0.04em;
}
.banner-img{
    float: left;
}
.left-section {
    width: 560px;
    float: left;
    margin-right: -156px;
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 88px 80px 112px 76px;
    border-radius: 20px;
}
.left-section:after{
    background: url(../images/side_corner_right_large.svg) no-repeat 0 0;
    content: '';
    width: 22px;
    height: 47px;
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -24px;
}

.left-section p{
    font: normal 34px 'carnas-thin', Arial, Helvetica, sans-serif; /*thin*/
    line-height: 40px;
    color: #002554;
    margin: 0;
    letter-spacing: -0.01em;
}
.right-img-section {
    float: right;
    margin-right: -30px;
    position: absolute;
    right: 0;
    height: 100%;
    overflow: hidden;
}
.posts-section{
    background: #ec6352;
    padding: 87px 0 86px;
}
.owl-carousel .owl-item{
    overflow: hidden;
}
.post-heading-section{
    width: 318px;
    float: left;
    padding-left: 76px;
}
.post-content{
    overflow: hidden;
}
.blog-post-img{
    width: 240px;
    float: left;
    position: relative;
}
.blog-post-text{
    width: 400px;
    position: relative;
    float: left;
    margin-left: -1px;
}
.blog-post-text:after{
    position: absolute;
    top: 50%;
    right: 100%;
    background: url(../img/side_corner_left.png) no-repeat 0 0;
    content: '';
    width: 17px;
    height: 36px;
    margin-top: -18px;
}
.blogpost:after{
    content: '';
    display: table;
    clear: both;
}

.blogpost img{
    float: right;
}
.blog-post-img img{
    border-radius: 15px;
}
.blog-post-text{
    background: #fff;
    padding: 29px 43px 28px 35px;
    border-radius: 15px;
}
.blog-post-text h2{
    margin: 0;
    font: normal 25px 'carnas-medium', Arial, Helvetica, sans-serif;
    line-height: 1.1;
    color: #002554;
}
.blog-post-text .categery{
    color: #7db6d5;
    display: block;
    font: normal 13px 'carnas-bold', Arial, Helvetica, sans-serif;
    margin-bottom: 12px;
    letter-spacing: 0.05em;
}
.blog-post-text{
    width: 240px;
}
.blogpost:nth-child(even) .blog-post-text{
    width: 400px;
    padding: 27px 49px 20px;
}
.blogpost:nth-child(even) .blog-post-text {
    width: 400px;
}
.blogpost:nth-child(even)  h2{
    font-size: 38px;
    line-height: 1.10526;
}
.blogpost:nth-child(even) .blog-post-text .categery{
    margin-bottom: 30px;
}
.blogpost ~ .blogpost{
    margin-top: 20px;
}
.blog-post-text .art-more-btn{
    right: 20px;
    bottom: 20px;
}
.blog-post-text .art-more-btn img{
    width: 22px;
    height: 23px;
}
.post-heading-section h2{
    font: normal 50px 'carnas-regular', Arial, Helvetica, sans-serif;
    line-height: 1.1;
    color: #fff;
    padding-right: 47px;
    margin-top: 72px;
}
.post-heading-section h2 span{
    color: #fbbeb6;
}
.tab-section{
    background: #f0f2f4;
    padding: 93px 0 132px;
}
.tab-section h2{
    text-align: center;
    width: 100%;
    color: #8998a6;
    margin: 0 0 110px;
}
.tab-nav{
    width: 41.3%;
    padding: 0 0 0 68px;
    float: left;
}
.tab-content{
    width: 58.3337%;
    float: left;
    position: relative;
}
.tab-nav ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.tab-nav ul li + li{
    margin-top: 52px;
}
.tab-nav>ul>li>a{
    display: block;
    padding: 20px 0 22px 104px;
    color: #002554;
    font: normal 20px 'carnas-regular', Arial, Helvetica, sans-serif;
    position: relative;
    min-height: 69px;
}

.tab-nav ul li.active a{
    font-family: 'carnas-medium';
}
.tab-nav>ul>li>a:after{
    content: '';
    display: block;
    width: 75px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .5;
}
.tab-nav>ul>li.active>a:after{
    opacity: 1;
}
.heractiveren>a:after{
    background: url(../img/e-icon_hover.svg) no-repeat center center;
}
/*.heractiveren>a:hover, .heractiveren.active>a{
    background: url(../img/e-icon_hover_hover.svg) no-repeat 5px center;
}*/
/*.tab-nav:after
{
  content: url(../img/e-icon_hover_hover.svg) url(../img/tel_icon_hover_hover.svg) url(../img/cloud_icon_hover_hover.svg) url(../img/dolor_icon_hover_hover.svg) url(../img/c_icon_hover_hover.svg) url(../img/refresh_icon_hover_hover.svg);
  display: none;
}*/
.inbound>a:after{
    background: url(../img/tel_icon_hover.svg) no-repeat center center;
    left: 0;
}
.nalatenschappen>a:after{
    background: url(../img/cloud_icon_hover.svg) no-repeat center center;
    left: 0;
}
.periodiekschenken>a:after{
    background: url(../img/dolor_icon_hover.svg) no-repeat center center;
    left: 0;
}
.upgraden>a:after{
    background: url(../img/c_icon_hover.svg) no-repeat center center;
    left: 0;
}
.conversie>a:after{
    background: url(../img/refresh_icon_hover.svg) no-repeat center center;
    left: 0;
}
/*.inbound>a:hover, .inbound.active>a{
    background: url(../img/tel_icon_hover.svg) no-repeat 0 center;
}
.nalatenschappen>a:hover, .nalatenschappen.active>a{
    background: url(../img/cloud_icon_hover.svg) no-repeat 0 center;
}
.periodiekschenken>a:hover, .periodiekschenken.active>a{
    background: url(../img/dolor_icon_hover.svg) no-repeat 0 center;
}
.upgraden>a:hover, .upgraden.active>a{
    background: url(../img/c_icon_hover.svg) no-repeat 10px center;
}
.conversie>a:hover, .conversie.active>a{
    background: url(../img/refresh_icon_hover.svg) no-repeat 7px center;
}*/
.tab-inner-content{
    background: #fff;
    border-radius: 15px;
    padding: 47px 30px 56px 59px;
    margin-top: -41px;
    position: static;
}
.tab-inner-content .close-icon{
    top: -20px;
}
.tab-inner-content.in .close-icon{
    top: 20px;
}
.tab-inner-content ~ .tab-inner-content{
    display: none;
}

.tab-inner-content h3{
    font: normal 38px 'carnas-medium', Arial, Helvetica, sans-serif;
    color: #002554;
    margin: 0 0 21px 2px;
    position: relative;
}
.tab-inner-content h3:after{
    content: '';
    position: absolute;
    top: 10px;
    right: 100%;
    background: url(../img/side_corner_left.svg) no-repeat 0 0;
    width: 17px;
    height: 36px;
    margin-right: 61px;
}
.tab-inner-content p{
    font: normal 20px 'carnas-regular', Arial, Helvetica, sans-serif;
    line-height: 1.5;
    color: #002554;
    margin: 0 0 23px 2px;
}
.tab-inner-content .more-btn {
    color: #8e95a5;
    border-color: #8e95a5;
    padding: 7px 22px 7px;
    font-size: 13px;
    text-transform: uppercase;
    width: auto;
    border-width: 2px;
}
.client-section{
    padding: 86px 0 121px;
    text-align: center;
}
.client-section h2{
    text-align: center;
    width: 100%;
    color: #8998a6;
    margin: 0 0 60px;
}
.client-logo-nav{
    margin: 0;
    padding: 0;
    list-style: none;
}
.client-logo-nav li{
    list-style: none;
    width: 33.333%;
    float: left;
    line-height: 72px;
    height: 72px;
}
.client-logo-nav li:nth-child(3) ~ li{
    margin-top: 105px;
}
.client-logo-nav li a{
    display: inline-block;
    vertical-align: middle;
}
.contact-section{
    background: #a9ca4f;
    padding: 25px 0;
}
.contact-section h2{
    float: left;
    font: normal 27px 'carnas-regular', Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 21px 48px 21px 33px;
    margin: 0;
    line-height: 1.13;
    letter-spacing: -0.005em;
}
.agent-section{
    float: left;
}
.agent-section img{
    float: left;
    border-radius: 15px;
}
.agent-info{
    float: left;
    width: 240px;
    padding: 23px 24px 31px;
    background: #fff;
    border-radius: 15px;
    position: relative;
}
.agent-info:after{
    content: '';

}
.agent-info h3{
    font: normal 23px 'carnas-medium', Arial, Helvetica, sans-serif;
    color: #1d2b4c;
    margin: 0 0 2px;
}
.agent-info a{
    font: normal 18px 'carnas-regular', Arial, Helvetica, sans-serif;
    color: #7db6d5;
}
.footer-wrapper{
    background: #19284b;
    padding: 36px 0 33px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.footer-nav{
    width: 15.625%;
    float: left;
}
.footer-nav ul, .footer-nav-2 ul{ 
    margin: 0;
    padding: 0 20px 0 38px;
    list-style:none;
}
.footer-nav ul li, .footer-nav-2 ul li{
    font: normal 15px 'carnas-bold', Arial, Helvetica, sans-serif;
    line-height: 1.1;
    padding: 7px 0;
    color: #8998a6;
    letter-spacing: 0.05em;
}
.footer-nav-2 ul li ~ li{
    font-family: 'carnas-regular';
}
.footer-nav ul li a, .footer-nav-2 ul li a{
    color: #8998a6;
    text-decoration: none;
}
.footer-nav-2{
    width: 24.5%;
    float: left;
}
.footer-nav:nth-child(3){
    width: 18%;
}
.footer-nav:nth-child(3) ul{
        padding-left: 42px;
}
.footer-nav-2 ul li a[href^="mailto"]{
    text-decoration: underline;
}
.footer-nav-2 ul li a[href^="mailto"]:hover{
    text-decoration: none;
}
.footer-form-section{
    width: 41.75%;
    float: right;
    margin-top: 2px;
}
.footer-form{
    width: calc(100% - 110px);
    float: left;
    position: relative;
}
.footer-form:after{
    position: absolute;
}
.footer-form input[type="search"]{
    width: 100%;
    display: block;
    border:0;
    background: #3b4a66 url(../img/search_icon.svg) no-repeat 20px 9px;
    padding: 11px 20px 11px 55px;
    border-radius: 5px;
    box-sizing: border-box;
    font:normal 16px 'carnas-regular', Arial, Helvetica, sans-serif;
    color: #fff;
}
.footer-form button[type="submit"]{
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(../img/search_icon.svg) no-repeat center center;
    background-size: 24px auto;
    left: 20px;
    top: 8px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    font-size: 0;
    line-height: 0;
    padding: 0;
    border:0;
}
.footer-logo{
    float: right;
    margin-top: 5px;
    margin-right: 7px;
}
.social-link{
    clear: both;
    padding-top: 28px;
}
.social-link:after{
    content: '';
    display: table;
    clear: both;
}
.social-link p{
    font: normal 16px 'carnas-regular', Arial, Helvetica, sans-serif;
    color: #8998a6;
    float: left;
    margin: 0;
    letter-spacing: 0.01em;
}
.social-link ul{
    margin: 0;
    float: left;
    padding-left: 13px;
    list-style-type: none;
    margin-top: -1px;
}
.social-link ul li{
    float: left;
    margin-left: 19px;
    list-style-type: none;
    line-height: 1;
}
.social-link ul li a{
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
}
.copypgh{
    font: normal 14px 'carnas-regular', Arial, Helvetica, sans-serif;
    color: #5c697e;
    clear: both;
    padding-top: 33px;
    padding-left: 37px;
    margin: 0;
    letter-spacing: -0.015em;
}
.copypgh a{
    color: inherit;
}
.art-more-btn{
    position: absolute;
    bottom: 30px;
    right: 30px;
}
.close-icon{
    position: absolute;
    top: 20px;
    right: 20px;
}
.diensten-wrapper {
    overflow: hidden;
    min-height: calc(100vh - 370px);
}
.diensten .header-wrapper{
    background: #a9ca4f;
}
.diensten ul.right-menu{
    background: #eef4dc;
}
.articl-section{
    width: 58.3333333%;
    float: left;
    padding: 111px 80px 86px 37px;
}
.diensten .tab-nav {
    background: #f3f4f6;
    padding-top: 109px;
    padding-left: 68px;
    padding-bottom: 133px;
    position: relative;
}
/*.diensten .tab-nav:before{
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    background: #f3f4f6;
    width: 100vw;
    height: 1000px;
}*/
.diensten .tab-nav:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #f3f4f6;
    width: 100vw;
    height: 10000px;
}
.diensten .tab-nav ul{
    position: relative;
    z-index: 1;
}
body{
    overflow-x:hidden;
    min-height: 100%;
    position: relative;
    padding-bottom: 240px;
}
.articl-section h1{
    margin: 0 0 33px;
}
.articl-section p{
    margin: 0;
}
.articl-section p + p{
    margin-top: 27px;
}
p{
    font: normal 18px 'carnas-regular', Arial, Helvetica, sans-serif;
    line-height: 1.5;
    color: #1d2b4c;
}
.articl-section p strong{
    display: block;
    font-weight: 400;
    font-family: 'carnas-bold';
}
.articl-section h5{
    font: normal 23px 'carnas-medium', Arial, Helvetica, sans-serif;
    line-height: 1.1;
    color: #1d2b4c;
    margin-top: 54px;
    margin-bottom: 24px
}
.articl-section .more-btn{
    width: 220px;
    border-color: #8e95a5;
    font: normal 13px 'carnas-bold', Arial, Helvetica, sans-serif;
    color: #8e95a5;
    padding: 7px 10px 7px;
    margin-left: 1px;
    border-width: 2px;
}

.contact-info{
    padding: 86px 0px 65px 78px;
}
.contact-info:after, .contact-detail:after{
    content: '';
    display: table;
    clear: both;
}
.half{
    width: 50%;
    float: left;
}
.contact-info h3{
    font: normal 28px 'carnas-medium', Arial, Helvetica, sans-serif;
    line-height: 1.1;
    color: #002554;
    margin: 0 0 33px;
}
.contact-info p strong{
    display: block;
    font-family: 'carnas-bold';
}
.contact-section2{
    width: 50%;
    float: left;
}
.contact-info p a{
    text-decoration: none;
    color:inherit;
}
.contact-info p{
    margin: 0;
}
.contact-section2{
    margin-bottom: 27px;
}
.contact-info p a.contact-link{
    color: #7db6d5;
    text-decoration: underline;
}
.contact-info p a[href^="mailto:"]{
    text-decoration: underline;
}
.contact-info .half:nth-child(even){
    float: right;
}
.contact-info .half{
    width: 45.333%;
}
.map-section{
    height: 280px;
}
.over-img-section{
    float: left;
    border-radius: 15px;
    overflow: hidden;
    margin-right: 69px;
}
.over-img-section img{
    width: 100%;
}
.over ul.right-menu{
    background: #fbe0dc;
}
.over-section{
    padding: 114px 0 96px 38px;
}
.over-text-section{
    overflow: hidden;
    padding-right: 15px;
}
.over-section h2{
    font: normal 38px 'carnas-medium', Arial, Helvetica, sans-serif;
    line-height: 1.1;
    color: #002554;
    margin: 0 0 37px;
}
.over-text-section p{
    margin:0;
    color: #002554;
}
.over-text-section p strong, .over-left-section p strong, .over-text-section-2 p strong{
    font-weight: normal;
    font-family: 'carnas-bold';
    display: block;
}
.over-text-section p + p, .over-text-section-2 p + p{
    margin-top: 26px;
}
.over-left-section h3 ~ h3{
    margin-top: 26px;
}
.over-left-section h3{
    margin-top: 0;
}
.over-left-section p, .over-text-section-2 p {
    margin: 0;
    letter-spacing: -0.012em;
    color: #002554;
}
.over-left-section p + h3{
    margin-top: 27px;
}
.over-left-section p + p{
    margin-top: 27px;
}
.over-text-section-2 h3 ~ h3{
    margin-top: 27px;
}
.over-text-section-2 h3{
    margin-top: 0;
}
.grey-section .over-section{
    padding: 86px 40px 125px 38px;
}
.over-left-section{
    width: calc(50% - 40px);
    float: left;
}
.over-text-section-2{
    width: calc(50% - 34px);
    float: right;
}
.waarom-banner{
    width: 100%;
    border-radius: 15px;
    margin-top: 4px;
    margin-bottom: 20px;
}
.team-section{
    width: 320px;
    max-width: 100%;
	margin-top:80px;
}
.team-box:after{
    content: '';
    display: table;
    clear: both;
}
.team-box + .team-box{
    margin-top: 20px;
}
.team-box .team-img-section{
    float: left;
    width: 79px;
}
.team-box:nth-child(even) .team-img-section{
    float: right;
}
.team-box .team-img-section img{
    border-radius: 15px;
    width: 100%;
    display: block;
}
.team-text-box{
    width: calc(100% - 79px);
    float: left;
    background: #fff;
    padding: 30px 23px 31px;
    border-radius: 15px;
    position: relative;
}
.team-text-box:after{
    position: absolute;
    content: '';
    display: block;
    background: url(../img/side_corner_left.png) no-repeat center center;
    width: 17px;
    height: 36px;
    right: 100%;
    top: 50%;
    margin-top: -18px;
}
.team-box:nth-child(even) .team-text-box:after{
    left: 100%;
    right: auto;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
p a{
    color: #7db6d5;
}
.team-text-box h3{
    margin: 0 0 5px;
    font: normal 23px 'carnas-medium', Arial, Helvetica, sans-serif;
    line-height: 1;
    color: #002554;
}
.team-text-box .categery{
    font: normal 12px 'carnas-bold', Arial, Helvetica, sans-serif;
    color: #7db6d5;
    letter-spacing: 0.01em;
}
.grey-section{
    background: #f3f4f6;
}
.header-wrapper .container, .top-banner-section .container{
    padding-left: 36px;
}
.agent-info:after {
    content: '';
    position: absolute;
    top: 40px;
    right: 100%;
    background: url(../img/side_corner_left.svg) no-repeat 0 0;
    width: 17px;
    height: 36px;
}
.footer-form:after{
    background: url(../img/side_corner_right_footer.svg) no-repeat 0 0;
    content: '';
    width: 7px;
    height: 15px;
    position: absolute;
    left: 100%;
    top: 50%;
    background-size: 7px 15px;
    margin-top: -7.5px;
    opacity: .3;
}
.over .header-wrapper{
    background: #ec6352;
}
/*.over .header-wrapper .right-menu{
    background: #fbe0dc;
}*/
.waarom-section{
    padding: 86px 31px 113px 39px;
}
.grey-section2 .container{
    padding: 89px 27px 80px 38px;
}
.grey-section2 h2{
    margin: 0 0 35px;
}
.klanten-top{
    padding-top: 50px;
    padding-bottom: 50px;
}
.client-info{
    padding-top: 168px;
    padding-bottom: 125px;
    background: #f3f4f6;
}
.client-nav{
    width: 48%;
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
}
.client-nav>li{
    font: normal 30px 'carnas-medium', Arial, Helvetica, sans-serif;
    line-height: 1.1;
    color: #002554;
    list-style: none;
}
.client-nav>li>a{
    color: #002554;
    text-decoration: none;
    display: block;
    padding-left: 106px;
    position: relative;
    padding-right: 15px;
}
.client-nav>li>a:after{
    content: '';
    position: absolute;
    width: 36px;
    height: 36px;
    left: 35px;
    top: 1px;
    background: url(../img/right_arrow_gray.svg) no-repeat 0 0;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.client-nav>li.active>a:after{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.client-nav>li + li{
    margin-top: 43px;
}
.client-right-section{
    width: 48.3%;
    float: right;
}
.client-right-section .more-btn{
    color: #8e95a5;
    border-color: #8e95a5;
    width: 105px;
    margin-top: 60px;
    border-width: 2px;
    padding: 7px 0;
    font-size: 13px;
}
.inner-right-client{
    background: #fff;
    border-radius: 15px;
    padding: 54px 38px 61px 39px;
    margin-top: -87px;
    position: relative;
}
.inner-right-client ~ .inner-right-client{
    display: none;
}
.inner-right-client p{
    margin: 0;
    opacity: .8;
    color: #002554;
    padding: 0 3px;
}
.inner-right-client p strong{
    font-weight: normal;
    font-family: 'carnas-bold', Arial, Helvetica, sans-serif;
}
.inner-right-client p + p{
    margin-top: 27px;
}
.inner-right-client:after {
    content: '';
    position: absolute;
    top: 88px;
    right: 100%;
    background: url(../img/side_corner_left.svg) no-repeat 0 0;
    width: 17px;
    height: 36px;
}
.zonder-logo{
    display: inline-block;
    margin-bottom: 37px;
}
.inner-right-client h6{
    margin: 32px 0 8px;
}
.form-wrapper{
    background: #f3f4f6;
    padding-top: 72px;
    padding-bottom: 250px;
}
.form-heading-section{
    width: 36.7%;
    float: left;
    margin-top: 59px;
    padding-left: 34px;
}
.form-heading-section h2{
    font: normal 38px 'carnas-medium', Arial, Helvetica, sans-serif;
    line-height: 1.2;
    color: #002554;
    margin: 0;
}
.form-section {
    width: 60%;
    background: #fff;
    float: left;
    padding: 79px 48px 92px;
    border-radius: 15px;
    position: relative;
}
.form-section:after{
    content: '';
    position: absolute;
    top: 66px;
    right: 100%;
    background: url(../img/side_corner_left.svg) no-repeat 0 0;
    width: 17px;
    height: 36px;

}
.form-inner-section label{
    display: block;
    font: normal 14px 'carnas-light', Arial, Helvetica, sans-serif;
    line-height: 1.1;
    color: #b5bbc0;
    margin-bottom: 8px;
}
.check-box-wrapper{
    margin-bottom: 35px;
}
.check-box-wrapper label{
    display: inline-block;
    width: 70px;
    font: normal 14px 'carnas-light', Arial, Helvetica, sans-serif;
    line-height: 1.1;
    color: #b5bbc0;
    position: relative;
    padding-left: 20px;
}
.check-box-wrapper input[type="radio"]{
    display: none;
}
.check-box-wrapper .checkbox{
    width: 14px;
    height: 14px;
    border:1px solid #b7bdc2;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
}
.check-box-wrapper .checkbox:after{
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #3e86c6;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
}
.check-box-wrapper input[type="radio"]:checked + .checkbox:after{
    visibility: visible;
}
.form-inner-section input[type="text"],
.form-inner-section input[type="email"],
.form-inner-section input[type="number"]{
    width: 100%;
    display: block;
    border:1px solid #c9cdd1;
    border-radius: 3px;
    height: 40px;
    padding: 10px;
}
.form-half{
    width: calc(50% - 7px);
    float: left;
}
.form-half:nth-child(even){
    float: right;
}
.form-inner-section:after{
    content: '';
    display: table;
    clear: both;
}
.form-inner-section{
    margin-bottom: 34px;
}
.select-section{
    width: 62.5%;
    float: left;
}
.submit-section{
    width: 34.16%;
    float: right;
}
.contact-form input[type="submit"]{
    width: 100%;
    border:1px solid #b5bbc0;
    color: #b5bbc0;
    display: block;
    background: #fff;
    height: 40px;
    border-radius: 5px;
    font: normal 19.93px 'carnas-light', Arial, Helvetica, sans-serif;
    line-height: 1.1;
}
select{
    display: none;
}
.scrollableList{
    width: 100%;
    display: block;
    border:1px solid #c9cdd1;
    border-radius: 3px;
    height: 40px;
    cursor: pointer;
    position: relative;
}
.scrollableList .selectedOption{
    padding: 10px 10px 10px 56px;
    font: normal 14px 'carnas-regular', Arial, Helvetica, sans-serif;
    line-height: 1.1;
    color: #b5bbc0;
    line-height: 16px;
    background: url(../img/dropdown_arrow.svg) no-repeat 23px center;
    display: block;
}
.scrollableList ul{
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    background: #eff0f1;
    border-radius: 3px;
    list-style: none;
    padding: 0;
    z-index: 12;
    overflow: hidden;
}
.scrollableList ul li{
    display: block;
    padding: 5px 18px;
    font: normal 14px 'carnas-regular', Arial, Helvetica, sans-serif;
    color: #aaaaaa;
    cursor: pointer;
}
.scrollableList ul li:hover{
  background-image: -moz-linear-gradient( 90deg, rgb(53,126,189) 0%, rgb(66,138,202) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(53,126,189) 0%, rgb(66,138,202) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(53,126,189) 0%, rgb(66,138,202) 100%);
  color: #fff;
}
.klanten-top h1{
    color: #002554;
}
.klanten-top p{
    color: #002554;
}
.klanten-top{
    padding-top: 103px;
    padding-bottom: 57px;
    padding-right: 36px;
    padding-left: 36px;
}
.klanten-top h1 {
    color: #002554;
    margin: 8px 0 31px;
}
.klanten-top .over-text-section-2 {
    width: calc(50% - 59px);
    float: right;
}
.venture .header-wrapper{
    background: #ec6352;
}
.venture .over-text-section-2{
    width: calc(50% - 38px);
}
.venture ul.right-menu{
    background: #fbe0dc;
}
.venture .over-left-section{
    width: calc(50% - 34px);
    margin-top: 7px;
}
.venture .klanten-top{
    padding-bottom: 51px;
}
.venture .client-info{
    padding-top: 163px;
}
.venture .client-nav{
    width: 38.3%;
}
.venture .client-right-section{
    width: 58.3%;
    float: left;
}
.venture .inner-right-client{
    padding: 74px 48px 61px 51px;
}
.venture .inner-right-client h5{
    font: italic 22px 'carnas-bold', Arial, Helvetica, sans-serif;
    color: #002554;
    margin: 0 0 54px;
}
.venture .inner-right-client p{
    padding: 0;
    opacity: 1;
    color: #002554;
}
.solliciteer .header-wrapper{
    background: #a9ca4f;
}
.solliciteer ul.right-menu{
    background: #eef4dc;
}
.solliciteer .klanten-top{
    padding-top: 98px;
}
.solliciteer .over-left-section {
    width: calc(50% - 18px);
    float: left;
}
.solliciteer .over-text-section-2 {
    width: calc(50% - 59px);
    margin-right: 2.5%;
}
.solliciteer .klanten-top h1 {
    margin: 13px 0 31px;
    line-height: 1.33;
}
.solliciteer .klanten-top{
    margin-bottom: 45px;
}
.homepage .header-wrapper{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 12;
    background: none;
}
/*.top-banner-section.green .banner-img{
    margin-left: -96px;
    margin-top: -28px;
}
.top-banner-section.red .banner-img{
    margin-right: -80px;
    margin-top: -80px;
}*/
.main-wrapper .container{
    position: relative;
    overflow: hidden;
}
.contact-page-wrapper{
    min-height: calc(100vh - 650px);
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.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:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (max-width: 990px) {
    .menu-section ul{
        padding-left: 20px;
        padding-right: 20px;
    }
    .menu-section{
        width: 589px;
    }
    .menu-section ul.right-menu {
        padding-right: 20px;
        padding-left: 20px;
    }
    .menu-section ul li{
        font-size: 12px;
    }
    .menu-section ul li + li {
        margin-left: 11px;
    }
    .header-wrapper .container, .top-banner-section .container{
        padding-left: 33px;
    }
    .header-wrapper{
        padding-top: 41px;
    }
    .hero-text{
        margin-left: 0;
        margin-top: 0;
    }
    .banner-img {
        float: left;
        width: 360px;
    }
    .left-section {
        width: 60%;
        padding: 50px 80px 50px 22px;
        position: relative;
        z-index: 1;
    }
    .left-section p{
        font-size: 30px;
    }
    .right-img-section{
        width: 40%;
        position: absolute;
        height: 100%;
        right: 0;
    }
    .right-img-section img{
        float: right;
    }
    .main-wrapper .container{
        position: relative;
        overflow: hidden;
    }
    .post-heading-section{
        width: 100%;
        padding-left: 0;
        float: none;
    }
    .posts-section{
        padding-left: 15px;
        padding-right: 15px;
    }
    .post-heading-section h2{
        margin: 0 0 40px;
        text-align: center;
    }
    .post-heading-section h2 span{
        display: block;
    }
    .tab-section .container{
        padding-left: 15px;
        padding-right: 15px;
    }
    .tab-nav{
        padding-left: 40px;
    }
    .tab-nav>ul>li>a{
        padding-left: 87px;
    }
    .menu-section ul li ul{
        padding-left: 20px;
        margin-left: -20px;
    }
    .contact-section .container{
        padding-left: 15px;
        padding-right: 15px;
    }
    .over-img-section{
        width: 40%;
    }
    .client-info .container{
        padding-left: 36px;
        padding-right: 36px;
    }
    .client-nav>li{
        font-size: 24px;
    }
    .client-nav>li>a{
        padding-left: 64px;
    }
    .client-nav>li>a:after{
        width: 24px;
        height: 24px;
        background-size: 24px auto;
        left: 26px;
    }
    .klanten-top{
        padding-top: 50px;
        padding-bottom: 50px;
    }
 /*   .top-banner-section.red .banner-img {
        margin-right: 0;
        margin-top: -36px;
        margin-left: 0;
        margin-right: -36px;
    }
    .top-banner-section.green .banner-img {
        margin-left: -42px;
        margin-top: 34px;
    }*/
}
@media only screen and (min-width: 768px) {
    .menu-section ul li ul{
        /*-webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        transform: translateY(100px);*/
        -webkit-transition:all 0.3s ease-in-out;
        -moz-transition:all 0.3s ease-in-out;
        -ms-transition:all 0.3s ease-in-out;
        transition:all 0.3s ease-in-out;
        opacity: 0;
        visibility: hidden;
        /*z-index: -1;*/
    }
    .menu-section ul li:hover ul{
        opacity: 1;
        visibility: visible;
        /*-webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;*/

    }
    .menu-button{
        display: none;
    }
    .close-menu{
        display: none;
    }
    .homepage .menu-section ul.right-menu{
        background: rgba(255, 255, 255, .8);
    }
    .client-nav>li>a:hover:after{
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .tab-nav>ul>li>div,.client-nav>li>div{
        display: none !important;
    }
    .tab-nav>ul>li>a:hover:after{
        opacity: 1;
    }


}
@media only screen and (max-width: 767px) {
    body{
        padding-bottom: 728px;
    }
    .menu-button{
        width: 134px;
        background: #fff;
        height: 48px;
        position: relative;
        border-radius: 5px;
        cursor: pointer;
        padding: 12px 19px;
    }
    .menu-button:after{
        position: absolute;
        top: 50%;
        left: 100%;
        content: '';
        display: block;
        width: 9px;
        height: 19px;
        background: url(../img/side_corner.svg) no-repeat center center;
        margin-top: -10px;
        margin-left: 0px;
        opacity: .95px;
    }
    .menu-icon{
        width: 20px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
    }
    .menu-button>span{
        display: inline-block;
        font: normal 13px 'carnas-bold', Arial, Helvetica, sans-serif;
        vertical-align: middle;
        color: #1d2b4c;
        margin-left: 10px;
    }
    .menu-icon:after, 
    .menu-icon:before, .menu-icon .menu-line{
        content: '';
        display: block;
        height: 2px;
        width: 100%;
        background: #1d2b4c;
    }
    .menu-icon:after{
        margin-top: 5px;
    }
    .menu-icon:before{
        margin-bottom: 5px;
    }
    .menu-section{
        position: absolute;
    }
    .menu-section{
        position: absolute;
        width: calc(100% - 34px);
        top: 0;
        left: 0;
        border-radius: 0 15px 15px 0;
        z-index: 100;
        overflow: hidden;
        transform: perspective(300px) rotateY(90deg);
        -moz-transform: perspective(300px) rotateY(90deg);
        -webkit-transform: perspective(300px) rotateY(90deg);
        -ms-transform: perspective(300px) rotateY(90deg);
        -webkit-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transition:all 0.3s ease-in-out;
        -moz-transition:all 0.3s ease-in-out;
        -ms-transition:all 0.3s ease-in-out;
        transition:all 0.3s ease-in-out;
    }
    .menu-section.in{
        transform: perspective(300px) rotateY(0);
        -moz-transform: perspective(300px) rotateY(0);
        -webkit-transform: perspective(300px) rotateY(0);
        -ms-transform: perspective(300px) rotateY(0);
    }
    .menu-section ul{
        width: 100%;
        float: none;
    }
    .menu-section ul li{
        float: none;
        font-size: 16px;
    }
    .menu-section ul li ul {
        position: static;
        margin-top: 0;
        padding-bottom: 19px;
    }
    .menu-section .left-menu, .menu-section .right-menu{
        border-radius: 0;
    }
    .menu-section ul li + li{
        margin-left: 0;
        margin-top: 19px;
    }
    .menu-section .left-menu{
        padding: 77px 20px 42px 50px;
    }
    .menu-section ul.right-menu{
        padding: 49px 20px 42px 50px;
    }
    .menu-button{
        float: left;
    }
    .top-banner-section{
        position: relative;
    }
    .banner-img{
        position: absolute;
        right: -78px;
        bottom: 0;
        width: 243px;
    }
    .hero-text h2 {
        font-size: 32px;
        line-height: 40px;
        font-family: 'carnas-light';
        margin-bottom: 45px;
    }
    .hero-text {
        width: calc(100% - 150px);
        margin-bottom: 43px;
        margin-left: 17px;
    }
    .more-btn{
        width: auto;
        padding: 7px 22px;
        font-size: 13px;
        border-width: 2px;

        
    }
    .inner-right-client .more-btn {
        /**
         * Edit by Willem - 26-09-16 
         * The button dissapeared on mobile. This edit brings them back.
         */
        color: #8e95a5;
        border-color: #8e95a5;
        width: 105px;
        margin-top: 60px;
        border-width: 2px;
        padding: 7px 0;
        font-size: 13px;
    }
    .right-img-section{
        display: none;
    }
    .left-section{
        width: 100%;
        padding: 59px 37px 66px 49px;
    }
    .left-section p{
        font-size: 21px;
        line-height: 30px;
        letter-spacing: -0.013em;
    }
    .art-more-btn {
        position: absolute;
        bottom: 23px;
        right: 22px;
    }
    .art-more-btn img{
        width: 30px;
        height: auto;
    }
    .posts-section{
        padding-top: 56px;
        padding-bottom: 64px;
    }
    .post-heading-section h2{
        font-size: 25px;
        text-align: left;
        padding-left: 35px;
        padding-right: 0;
        margin-bottom: 44px;
    }
    .post-heading-section h2 span{
        margin-top: 1px;
    }
    .blog-post-img{
        width: 80px;
    }
    .blog-post-img img{
        width: 100%;
        display: block;
    }
    .blog-post-text, .blogpost:nth-child(even) .blog-post-text{
        width: calc(100% - 80px);
        padding: 26px 35px 28px 25px;
        height: auto !important;
        border-radius: 10px;
    }
    .blog-post-text:after{
        width: 12px;
        background-size: 12px auto;
    }
    .blogpost:nth-child(even) .blog-post-text:after{
        left: 100%;
        right: auto;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .blog-post-img img{
        border-radius: 10px;
    }
    .blogpost ~ .blogpost{
        margin-top: 19px;
    }
    .blogpost:nth-child(even) .blog-post-text .categery{
        margin-bottom: 3px;
    }
    .blogpost:nth-child(even) .blog-post-img{
        float: right;
    }
    .blogpost:nth-child(even)  h2, .blogpost h2{
        font-size: 20px;
        line-height: 1.2;
    }
    .blog-post-text .categery{
        margin-bottom: 3px;
        font-size: 12px;
    }
    .blog-post-img{
        height: auto !important;
    }
    .tab-content{
        display: none;
    }
    .tab-nav{
        width: 100%;
    }
    .tab-nav>ul>li>a:after {
        display: block;
        width: 40px;
        background-size: 40px auto !important;
    }
    .client-logo-nav li{
        width: 50%;
    }
    .client-logo-nav li:nth-child(2) ~ li{
        margin-top: 20px;
    }
    .footer-form-section{
        width: 100%;
        padding-left: 34px;
        padding-right: 34px;
    }
    .footer-nav{
        width: 100%;
    }
    .social-link{
        padding-left: 0;
    }
    .social-link ul{
        width: 100%;
    }
    .hero-text{
        margin-top: -3px;
    }
    .blog-post-text .art-more-btn img{
        width: 20px;
        height: 20px;
    }
    .blog-post-text .art-more-btn{
        bottom: 14px;
        right: 14px;
    }
    .tab-section{
        padding-top: 55px;
        padding-bottom: 57px;
    }
    h2{
        font-size: 24px;
    }
    .tab-section h2{
        margin-bottom: 41px;
    }
    .tab-nav{
        padding-left: 19px;
    }
    .tab-nav>ul>li>a{
        padding: 17px 0 17px 76px;
        font-size: 18px;
        min-height: 57px;
    }
    .tab-nav ul li + li{
        margin-top: 4px;
    }
    .client-section{
        padding: 54px 30px 59px;
    }
    .contact-section h2{
        margin: 17px 0 29px 26px;
        font-size: 18px;
        line-height: 1.333;
        padding: 0;
        letter-spacing: -0.02em;
    }
    .contact-section h2 br{
        display: none;
    }
    .client-logo-nav li a img{
        transform: scale(.7);
    }
    .agent-section{
        width: 100%;
    }
    .agent-info {
        width: calc(100% - 80px);
        padding: 25px 24px 38px;
    }
    .footer-nav:nth-child(3), .footer-nav-2{
        width: 100%;
    }
    .social-link ul{
        padding-left: 0;
        padding-top: 10px;
    }
    .social-link ul li:first-child{
        padding-left: 0;
        margin-left: 0;
    }
    .contact-section{
        padding: 25px 0 45px;
    }
    .footer-form-section{
        padding-left: 36px;
        padding-right: 32px;
    }
    .footer-wrapper{
        padding-top: 60px;
        min-height: 728px;
    }
    .footer-form button[type="submit"]{
        left: 11px;
        top: 8px;
    }
    .client-section h2{
        margin-bottom: 30px;
    }
    .footer-form-section{
        padding-bottom: 39px;
    }
    .footer-nav:nth-child(3) ul{
        padding-left: 39px;
    }
    .footer-nav-2{
        margin-top: 40px;
    }
    .social-link{
        padding-top: 45px;
    }
    .social-link ul{
        padding-top: 13px;
    }
    .copypgh{
        padding-top: 18px;
        padding-left: 35px;
    }
    .footer-form-section ~ .footer-form-section{
        padding-left: 39px;
    }
    .close-menu{
        position: absolute;
        top: 17px;
        right: 17px;
    }
    .contact-info{
        padding: 24px 20px;
    }
    .contact-info .half{
        width: 100%;
        margin-bottom: 40px;
    }
    .contact-section2{
        margin-bottom: 14px;
    }
    .contact-info h3{
        margin-bottom: 20px;
    }
    .articl-section{
        padding: 70px 15px;
        width: 100%;
    }
    .diensten .tab-nav, .over-section{
        padding: 30px 15px;
        width: 100%;
    }
    .over-img-section{
        width: 100%;
        margin-bottom: 30px;
    }
    .over-img-section img{
        width: 100%;
        display: block;
    }
    .grey-section .over-section{
        padding: 30px 15px;
    }
    .over-left-section, .over-text-section-2{
        width: 100%;
    }
    .over-text-section-2{
        margin-top: 40px;
    }
    .team-text-box h3{
        font-size: 20px;
    }
    .menu-section ul li ul li + li{
        margin-top: 19px;
    }
    .menu-section>ul>li{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .klanten-top .over-text-section-2{
        width: 100%;
        margin-right: 0;
    }
    .client-nav{
        width: 100% !important;
    }
    .client-right-section{
        width: 100% !important;
        margin-top: 40px;
    }
    .inner-right-client{
        margin-top: 20px !important;
        padding-left: 20px !important;
        display: none;
        padding-right: 20px !important;
    }
    .client-info .container{
        padding-left: 15px;
        padding-right: 15px;
    }
    .klanten-top{
        padding: 30px 15px;
    }
    .client-info{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .inner-right-client:after{
        display: none;
    }
    .client-nav>li + li{
        margin-top: 18px;
    }
    .klanten-top h1{
        font-size: 30px;
    }
    .form-heading-section{
        margin-top: 0;
        width: 100%;
        padding-left: 0;
        margin-bottom: 20px;
    }
    .form-wrapper{
        padding: 40px 15px;
    }
    .form-section{
        width: 100%;
        padding: 30px 20px;
    }
    .form-inner-section:last-child{
        margin-bottom: 0;
    }
    .form-section:after{
        display: none;
    }
    .check-box-wrapper, 
    .form-inner-section{
        margin-bottom: 20px;
    }
    .solliciteer .over-left-section{
        width: 100%;
    }
    .klanten-top .over-text-section-2{
        margin-top: 0;
    }
    .solliciteer .klanten-top{
        margin-bottom: 20px;
        padding-top: 20px;
    }
    .solliciteer .klanten-top h1{
        margin: 0 0 20px;
    }
    .client-nav>li>a{
        padding-left: 36px;
    }
    .client-nav>li>a:after{
        left: 0;
    }
    /*.client-nav>li.active>div{
        display: block;
    }*/
    .klanten-top .over-left-section{
        margin-bottom: 20px;
    }
    .venture .client-info{
        padding-top: 20px;
    }
    .klanten-top .over-left-section{
        width: 100%;
    }
    .client-right-section .more-btn{
        margin-top: 40px;
        margin-left: 0;
    }
    .top-banner-section.green .banner-img{
        margin-top: 0px;
    }
    .tab-inner-content{
        position: static;
        margin-top: 0;
        display: none;
        width: 100% !important;
        padding: 30px 20px;
        margin: 20px 0;
    }
    .tab-inner-content h3{
        font-size: 24px;
    }
    .tab-inner-content p{
        font-size: 18px;
    }
    .client-right-section{
        display: none;
    }
    .blog-post-text{
        margin-left: 0;
    }
    .tab-inner-content .close-icon{
        top: 20px;
        z-index: 12;
    }
	.team-section{
    
	margin-top:0px;
}
    .tab-inner-content h3:after{
        display: none;
    }
    .tab-inner-content{
        position: relative;
        right: 0 !important;
    }
    .contact-page-wrapper{
        min-height: inherit;
    }
    /*.tab-nav>ul>li>div.mobile-show{
        display: block;
    }*/
    body div#jquery-live-search {
        /* width: calc(100% - 178px) !important; */
    }
    .inner-right-client.mobile-show{
        display: block !important;
    }

}
@media only screen and (max-width: 479px) {
    .form-half, .select-section, .submit-section, .contact-section2{
        width: 100%
    }
}
@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}


/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}