@import url("//cdn.beasy.nl/assets/fonts/exo/exo.css");
html:not(.sticky-header-active) #header.header-transparent:not(.header-semi-transparent) .header-body {
        background: rgba(19, 15, 31, 0.4) !important;
}
html .bg-color-dark, html .bg-dark {
        background: #13235B !important;
}

::-moz-selection {
        color: #fff;
        background: #4bc1ec;
}
      
::selection {
        color: #fff;
        background: #4bc1ec;
}
a {
        color: #13235B;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
a:hover, a:focus {
        color: #4BC1EC;
}
h1, h2, h3, h4, h5, h6 {
        font-family: 'Exo', Arial, sans-serif;
        letter-spacing: 0 !important;
}
.btn.btn-modern {
        color: #13235b;
}
.btn.btn-modern:hover {
        background: #4bc1ec !important;
        color: #13235b;
}
.owl-carousel h1 {
        position: relative;
}
.owl-carousel h1::before {
        position: absolute;
        display: inline-block;
        content: '';
        width: 70px;
        height: 37px;
        top: -42px;
        left: -6px;
        background-image: url('//cdn.beasy.nl/kotterbouwentimmerwerken_nl/assets/h_add.svg');
        background-repeat: no-repeat;
        background-position: 3px 5px;
        background-size: contain;
}
.beasy_module_text-media h2::before {
        position: absolute;
        display: inline-block;
        content: '';
        width: 70px;
        height: 37px;
        top: -34px;
        left: 5px;
        background-image: url('//cdn.beasy.nl/kotterbouwentimmerwerken_nl/assets/h_add.svg');
        background-repeat: no-repeat;
        background-position: 3px 5px;
        background-size: contain;
}
.page-header h1::before {
        position: absolute;
        display: inline-block;
        content: '';
        width: 70px;
        height: 37px;
        top: -38px;
        left: -6px;
        background-image: url('//cdn.beasy.nl/kotterbouwentimmerwerken_nl/assets/h_add.svg');
        background-repeat: no-repeat;
        background-position: 3px 5px;
        background-size: contain; 
}
#footer h4::before {
        position: absolute;
        display: inline-block;
        content: '';
        width: 31px;
        height: 23px;
        top: -22px;
        left: -3px;
        background-image: url('//cdn.beasy.nl/kotterbouwentimmerwerken_nl/assets/h_add.svg');
        background-repeat: no-repeat;
        background-position: 3px 5px;
        background-size: contain;
}
#header .header-nav-main nav > ul > li a {
        border-bottom: 2px solid #13235B !important;
        -webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#header .header-nav-main nav > ul > li a:hover {
        border-bottom: 2px solid rgba(75, 193, 236, 0.2)  !important;
        opacity: .4;
}
#header .header-nav-main nav > ul > li > a {
        font-family: 'Exo', Arial, sans-serif;
        font-size: 20px;
        letter-spacing: 0;
        color: #fff;
}
#header .header-nav.header-nav-links nav > ul > li > a.active {
        color: #4BC1EC !important;
        border-color: #4BC1EC !important;
}
#header .header-nav.header-nav-links nav > ul li:hover > a {
        color: #4BC1EC;
}
html section.section-secondary.beasy_module_text-media {
        background: #13235B !important;
}
html .featured-boxes-style-4 .featured-box.featured-box-primary .icon-featured {
        border-color: #4BC1EC;
        color: #4BC1EC;
}
.beasy_module_icon-boxes .featured-box-primary h4 {
        color: #13235B !important;
}
#footer {
        margin-top: 0;
        background: #4BC1EC;
        border: 0;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
        position: relative;
        color: #13235B !important;
}

#footer p, #footer p a, #footer ul li a.text-muted, #footer a:not(.btn):not(.no-footer-css) {
        font-size: 16px;
        line-height: 30px;
        color: #fff !important;
}
#footer ul li a.text-muted.active {
        text-decoration: underline;
}
#footer p a:hover, #footer a:not(.btn):not(.no-footer-css):hover {
        color: #13235B !important;
}
#footer .footer-copyright {
        background: #13235B;
}
#footer .footer-copyright a, #footer .footer-copyright a:not(.btn):not(.no-footer-css):hover {
        color: #fff !important;
}

.beasy_module_cta_392 {
        background-image: url('//cdn.beasy.nl/kotterbouwentimmerwerken_nl/assets/section_back.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        margin-top: -6rem;
        margin-bottom: 0 !important;
        padding-top: 6rem !important;
        padding-bottom: 3rem !important;
}
html .call-to-action.call-to-action-primary {
        background: #13235b;
}
html .btn-primary {
        background: #fff;
        border: 2px solid #13235b;
        color: #13235b;
}
html .btn-primary:hover:not(.bg-transparent), html .btn-primary.hover:not(.bg-transparent), html .btn-primary:focus:not(.bg-transparent), html .btn-primary.focus:not(.bg-transparent) {
        background: #13235b;
        border: 2px solid #13235b;
        color: #fff;
}
.featured-boxes .featured-box {
        padding-top: 30px;
        padding-bottom: 30px;
        background: #e5e7ed;
}
a.scroll-to-top:hover, a.scroll-to-top:focus {
        color: #4BC1EC;
}
#header .header-btn-collapse-nav {
        background: #fff;
}
#header .header-btn-collapse-nav i {
        color: #13235b;
}

html .overlay-color-dark:not(.no-skin)::before {
        background: #13235b !important;
}
#header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a {
        margin: 0;
}

.featured-box img {
        border-radius: 3px;
}
.beasy_module_projects h2 {
        /* margin-bottom: 20px !important; */
        line-height: 2.75em !important;
}
.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"] {
        background-color: #13235b;
        border-color: #13235b #13235b #13235b;
}
.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"]:hover, .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"].hover {
        background-color: #4BC1EC;
        border-color: #4BC1EC #4BC1EC #4BC1EC;
}

.col-half-section.col-half-section-right {
	margin: 0;
}

#beasy_custom_contact_last-col {
        margin-top: -37px;
        padding-top: 37px;
	padding-right: 0;
	padding-left: 0;
        background: #e5e7ed;
}

.beasy_module_forms_398 .justify-content-center {
        justify-content: left !important;
}
.beasy_module_forms_398 .text-center {
        text-align: left !important;
}

@media (max-width: 1199.98px) {
        .beasy_module_text-media h2::before {
                display: none;
        }
}


@media (max-width: 991.98px) {
        #header .header-nav-main nav {
                background: #13235b !important;
        }
        #header .header-nav-main nav > ul li a {
                padding: 14px 8px;
        }
        #header .header-nav.header-nav-links nav > ul > li > a.active {
                color: #fff !important;
                border: 0;
                background: #4BC1EC;
        }
        #header .header-nav-main.header-nav-main-mobile-dark nav > ul li {
                border-bottom: 1px solid #4BC1EC;
        }
        #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active:focus, #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active:hover {
                background: #4BC1EC;
        }
        .col-half-section {
                padding-left: 0 !important;
                padding-right: 0 !important;
        }
}
@media (max-width: 767.98px) {
        .owl-carousel h1::before {
                display: none;
        }
}