/*
Theme Name: Kwabo Techniek
Author URL: http://www.qstylez.nl
Author: QStylez
Version: 1.0
*/


@font-face {
    font-family: 'TWK Lausanne 300';
    src: url('./inc/fonts/TWKLausanne/TWKLausanne-300.woff2') format('woff2'),
        url('./inc/fonts/TWKLausanne/TWKLausanne-300.woff') format('woff');
}

.grecaptcha-badge {
    display: none;
}

html {
    font-size: 16px;
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0;
    padding-top: 78px;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'TWK Lausanne 300', sans-serif;
    color: #071133;


}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
     word-break: keep-all;
}
article, aside, details, figcaption, figure, footer, header, nav, section, summary {
    display: block;
}
audio, canvas, video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden] {
    display: none;
}
html, button, input, select, textarea {
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'TWK Lausanne 300', sans-serif;
}

.cc-window {
    /* font-family: 'Raleway', sans-serif !important; */
    font-family: 'TWK Lausanne 300', sans-serif !important;

}

/* Assistive text */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    position: absolute !important;
    height: 1px;
    width: 1px;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    line-height: normal;
    padding: 15px 23px 14px;
    position: absolute;
    left: 5px;
    top: 5px;
    text-decoration: none;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */
}
:focus {
    outline: 0
}
a.post-edit-link {
    display: none
}
textarea, input[type="submit"] {
    -webkit-appearance: none;
}
li {
    font-size: 15px;
}
ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    line-height: 1.3;
}
h1, h2, h3 {
    /* text-transform: uppercase; */
    font-size: 1.5rem;
}
h1 {
    margin-top: 0;
    margin-bottom: 20px;
    letter-spacing: 0.65px;
    font-weight: 500;
    font-size: 2.2rem;
}
.s-title {
    text-transform: none;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
}
h2 {
    margin-top: 0;
    margin-bottom: 20px;
}
h3 {
    margin-top: 0;
    margin-bottom: 5px;
    text-transform: none;
}
b, strong {
    font-weight: 700;
}
p {
    margin: 15px 0;
    line-height: 1.6;
    color: black;
    letter-spacing: 0.65px;
    font-size: 14px;
    font-weight: 400;
}
.error404 .page-title {
    font-size: 1.8rem
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: none;
    cursor: pointer;
}
button[disabled], input[disabled] {
    cursor: default;
}
input[type="checkbox"], input[type="radio"] {
    padding: 0;
}
input[type="search"] {
    -webkit-appearance: textfield;
    padding-right: 2px;
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
#infoBoxFixed span.wpcf7-not-valid-tip {
    display: none;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid {
    background: #fddada;
}
div.wpcf7-validation-errors {
    border: none;
    color: #daa3a3;
    font-weight: bold;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
img {
    border-style: none;
}
img, video {
    height: auto;
    max-width: 100%;
}
section {
    padding: 90px 0;
}
.side-projects:after, section:after, article:after, .inner:after, .clear:after, #inner-header:after, .row:after, .social:after, .site-info:after, #products:after, .box-wrapper:after, .box-wrapper .box-info .box-item:after, #afwerking-box:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/*--------------------------------------------------------------
Landingspagina
--------------------------------------------------------------*/

section#keuzes {
    padding: 0;
    height: 100vh;
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 100%;
}



section#keuzes a.kwabo {
    float: left;
    width: 50%;
      background: white;
    background-size: cover;
    opacity: .9;
    background-position: center;
    height: 100%;
    transition: .25s ease-in-out;
    position: relative;

}

a.kwabo:after {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/kwabo-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center right;
    content: "";
    opacity: 0.2;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    transition: 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}


.top-home .rsSlide:nth-of-type(1) .rsContent {
    background: url(https://www.kwabo.nl/wp-content/uploads/2018/07/photo-1446944987594-eb9bb99c6e22.jpg) no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}
a.kwabo:hover:after {
    opacity: 1;
}

a.tfc:after {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/Slider1-1024x446.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    content: "";
    opacity: 0.2;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    transition: 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

a.tfc:hover:after {
    opacity: 1;
}

body:not(.home) .popup_bg,
body:not(.home) .popup_block,
body:not(.home) #overlay {
    display: none !important;
}


/*section#keuzes a.kwabo:hover {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/kwabo-bg.jpg) no-repeat;
    background-size: cover;
    opacity: 1;
    background-position: center;
    transition: .25s ease-in-out;
}*/

section#keuzes a.tfc {
    float: right;
    width: 50%;
    height: 100%;
    position: relative;
    opacity: .9;
    background: white;
    transition: .25s ease-in-out;
}



#keuzes a p {
    font-weight: bold;
    font-size: 16px;
}
section#keuzes a.kwabo .logo {
    display: table;
    width: 250px;
    height: 150px;
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/kwabo-blauw.png) no-repeat;
    background-size: 85%;
    background-position: center center;
    margin: 0 auto;
    margin-bottom: 15px;
}

section#keuzes a.tfc .logo {
    display: table;
    width: 250px;
    height: 150px;
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/TFC_logoblauw.png) no-repeat;
    background-size: 85%;
    background-position: center center;
    margin: 0 auto;
    margin-bottom: 15px;
}

section#keuzes a.kwabo span, section#keuzes a.tfc span {
    background: white;
    color: #071133;
    font-weight: bold;
    font-size: 1.5rem;
    padding: 3em;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 90%;
    transition: .1s ease-in-out;
}



/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Placeholder text color -- selectors need to be separate to work. */

/* ::-webkit-input-placeholder {
    color: ;
}
:-moz-placeholder {
    color: ;
}
::-moz-placeholder {
    color: ;
}
:-ms-input-placeholder {
    color: ;
} */

/**
 * Standaard
 * ----------------------------------------------------------------------------
 */

.inner {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
    line-height: 1.6;
}

#sierlijsten-page .inner {
    max-width: 1300px;
}
.col {
    position: relative;
    min-height: 1px;
    margin: 0 auto;
}
.col p {}
.col-s {
    width: 25%;
}
.col-m {
    width: 66.66%;
}
.col-l {
    width: 96%;
}
.col-l p {}
.col>p:last-of-type {
    margin-bottom: 0;
}
.wrtng {
    /* font-family: 'journalregular'; */
    font-size: 2.3rem;
    letter-spacing: 0.65px;
    /* color: #ffa100; */
    color: #211798;
    display: block;
    /* transform: rotate(-5deg); */
    margin: 0 auto;
    display: table;
    margin-top: -25px;
    padding-left: 100px;
}

@media (max-width: 768px) {
    .wrtng {
        font-size: 1.2rem;
    }
}


#swipebox-overlay #swipebox-top-bar {
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'TWK Lausanne 300', sans-serif;
    font-size: 2rem;
}


/**
 * Entry Content
 * ----------------------------------------------------------------------------
 */

.entry-content {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.entry-content a, a {
    color: #071133;
}
.entry-content a:hover {}
.entry-content a, .entry-title a {
    text-decoration: none;
}
.entry-title a:hover {}
.entry-header {
    padding: 0 15px;
    max-width: 1170px;
    margin: 0 auto;
}

/**
 * Navigatie
 * ----------------------------------------------------------------------------
 */

.main-navigation {
    clear: both;
    margin: 0 auto;
    position: relative;
}
.nav-menu li {
    display: inline-block;
    position: relative;
}
.nav-menu li a {
    display: block;
    line-height: 1.2;
    margin: 15px 15px;
    text-decoration: none;
    /* text-transform: uppercase; */
    color: #071133;
    font-weight: 600;
    letter-spacing: 0.65px;
    font-size: 0.9rem;
}
.nav-menu li a:hover {
    color: rgba(#071133, 0.8)
}

.nav-menu .sub-menu, .nav-menu .children {
    border-top: 0;
    position: absolute;
    z-index: 99999;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}
.nav-menu .sub-menu ul, .nav-menu .children ul {
    border-left: 0;
    left: 100%;
    top: 0;
}
ul.nav-menu ul a, .nav-menu ul ul a {
    color: #071133;
    width: 130px;
}
#menu-item-925 ul a {
    width: 175px;
}
#menu-item-925 .sub-menu {
    width: 455px;
}
ul.nav-menu ul a:hover, .nav-menu ul ul a:hover, ul.nav-menu ul a:focus, .nav-menu ul ul a:focus {}
ul.nav-menu li:hover>ul, .nav-menu ul li:hover>ul, ul.nav-menu .focus>ul, .nav-menu .focus>ul {
    clip: inherit;
    overflow: inherit;
    height: inherit;
    width: 520px;
}
#menu-item-105 ul.sub-menu, #menu-item-35 ul.sub-menu {
    width: auto;
}
.nav-menu .current_page_item>a, .nav-menu .current_page_ancestor>a, .nav-menu .current-menu-item>a, .nav-menu .current-menu-ancestor>a {}
.menu-toggle {
    display: none;
}
.menu-hoofdmenu-container .sub-menu {
    background: white;
    padding: 15px 20px;
}
.sub-menu .fa-chevron-right {
    font-weight: 100;
    font-size: 0.5rem;
    display: block;
    float: left;
    line-height: 14px;
    vertical-align: middle;
    margin-right: 5px;

    display: none;
}
.sub-menu li a {
    font-weight: 400;
    text-transform: none;
    margin: 15px 15px;
}
.sub-menu li {
    float: left;
    margin-bottom: 5px;
    height: 60px;
}
li#menu-item-71 a i:before, li#menu-item-66 a i:before, li#menu-item-68 a i:before, li#menu-item-69 a i:before, li#menu-item-1327 a i:before {
    height: 45px;
    display: inline-block;
}


/**
 * Top/home
 * ----------------------------------------------------------------------------
 */

.modal-header {
    border-bottom: 0;
    padding: 10px;
}
.modal-title {
    font-size: 1.5rem;
}
.modal-dialog {
    width: 100%;
    max-width: 1000px;
}
.modal-header .close{
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    background: transparent;
    color: #071133;
}

.home-link {
    position: relative;
    display: block;
    max-width: 200px;
    float: left;
    z-index: 2;
    margin-right: 60px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}
.home-link svg {
    width: 100%;
    height: 3em;
}

#home {
    min-height: 500px;
    /* height: calc(100vh - 300px); */
    /* height: calc(100vh - 300px); */
    width: 100%;
    /* background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/kwabo-bg.jpg)no-repeat; */
    padding: 0;
}

@media (max-width: 768px) {
    #home {
        min-height: 300px;
        background-image: url('./images/banners/kooflijsten.jpg');
    }
}


body:not(.home) section#home {
    height: 45vh;
    /* background: url(https://www.kwabo.nl/wp-content/uploads/2017/10/kwabo_home_2.jpg) no-repeat; */
    background-image: url('./images/banners/algemeen.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    min-height: auto;
}

@media (max-width: 768px) {
    body:not(.home) section#home {
        min-height: 300px;
        background-image: url('./images/banners/kooflijsten.jpg');
        background-repeat: no-repeat;
    }
}

body.single-post section#home {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/kwabo-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center 60%;
}
body.page-id-1383 section#home {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/kwabo-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center 60%;
}
body.page-id-40 section#home {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/11/Kerk-naar-Woonhuis-5-1.jpg) no-repeat;
    background-size: cover;
    background-position: center 25%;
}
body.page-id-24 section#home {
     background: url(https://www.kwabo.nl/wp-content/uploads/2017/10/headerAfbouwmaterialen-Large.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    height: 65vh;

}

.linksLogo {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    margin-top: 90px;
}


.logos {
    height: 300px !important;
    display: inline-block;
    width: 49% !important;
}
body.page-id-903 section#home {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/DSC_2169.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
body.page-id-907 section#home {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/10/kwabo_art_veluto-Large.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
body.page-id-917 section#home {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/spachtel.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
body.page-id-915 section#home {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/Frescolori_07mm_S7000-N_Stone_1-Large.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
body.page-id-913 section#home {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/10/kwabo_moodpaints-Large.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
body.page-id-911 section#home {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/IMG_2584-Large.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
body.page-id-909 section#home {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/leem.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
body.page-id-907 section#home {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/velutto.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

body.page-id-24 .entry-content {
    padding-bottom: 0;
}
#home .inner {
    max-width: 1190px;
}
.search-btn {
    float: right;
    color: #071133;
    margin: 0 15px;
    display: block;
    font-size: 1.2rem;
    margin-top: 9px;
    margin-left: 30px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    margin-right: 0;
}

.search-btn.is-active {
    color: white;
}

a.tfclogo {
    width: 130px;
    height: 50px;
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/10/TFC_logo.png) no-repeat;
    background-size: contain;
    background-position: center center;
    float: right;
    color: #fff;
    margin: 0 15px;
    display: block;
    font-size: 2rem;
    margin-top: 15px;
    margin-left: 10px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    margin-right: 0;

    display: none;
}
.search-btn.is-active .fa-search:before {
    content: "\f00d";
}

.search-btn:hover {
    /* color: rgba(255, 255, 255, 0.9); */
}
.navbar {
    float: left;
    /* margin-top: 20px; */
}
.site-header {
    padding: 15px 0;
    width: 100%;
    position: absolute;
    top: 0;
    background-color: white;
}

.site-header .inner {
    /* display: flex;
    align-items: center;
    justify-content: space-between; */
}

.logged-in .site-header {
    top: 32px;
}
.top-info {
    margin: 0 auto;
    display: table;
    text-shadow: rgba(0, 0, 0, 0.45) -2px 3px 22px;
    border-left: 1px solid #fff;
    padding-left: 30px;
    top: 50%;
    transform: translateY(-50%);
    display: table;
    position: relative;
}
.top-info.inner {
    background: rgba(11, 67, 149, .45);
    padding: 10px;
}
.top-info h2 {
    color: white;
    text-transform: none;
    font-weight: 500;
    font-size: 30px;
}
.top-info h1 {
    color: #fff;
}
.top-info p {
    color: #fff;
    font-size: 2rem;
}
.kerst.top-info.inner p {
    margin: 0;
    font-size: 25px;
}

.kerst.top-info.inner h2 {
    margin-top: 20px;
    font-size: 30px;
    font-weight: bolder;
}
.kerst.top-info.inner h1 {
    font-weight: bold;
}
.top-home .rsNavItem {
    width: 25px;
    height: 25px;
    border: 1px solid #fff;
    display: inline-block;
    cursor: pointer;
    margin-right: 10px;
    transition: 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.top-home .rsNavItem.rsNavSelected, .top-home .rsNavItem:hover {
    border: 1px solid #ffa100
}
.top-home .rsNavItem:last-of-type {
    margin-right: 0;
}
.top-home .rsNav.rsBullets {
    width: 100%;
    position: relative;
    text-align: center;
    margin-top: -60px;
    padding: 15px 0;
}

.top-home {
    background-color: #071133;
}
/*

Language selector

*/

.vlaggetjes a:nth-of-type(2) {
    width: 50px;
    height: 30px;
    display: inline-block;
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/11/engelsevlag.png) no-repeat;
    position: absolute;
    background-size: cover;
    background-position: center center;
    top: 35%;
    transform: translateY(-50%);
    right: 4em;
}

.vlaggetjes a:nth-of-type(1) {
    width: 50px;
    height: 30px;
    display: inline-block;
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/11/duitsevlag.png) no-repeat;
    position: absolute;
    background-size: cover;
    background-position: center center;
    top: 35%;
    transform: translateY(-50%);
    right: 8em;
}

body.home .btn_close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 30px;
    top: 30px;
    overflow: hidden;
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/11/cancel.png) no-repeat;
    z-index: 1000;
    background-size: contain;
    background-position: center center;
    display: none;
}
body.home .popup_block .btn_close {
    display: block;
    left: 0;
    top: 0;
    width: 50%;
    height: 100vh;
    opacity: 0;
}

.shadow-1, .language-dropdown ul.lang-list, .language-dropdown label {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.shadow-2  {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.shadow-3 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.shadow-4 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.shadow-5 {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}

header#masthead div#lang_selector {
      float: right;
    margin: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-top: 26px;
    height: 100%;
}
header#masthead li.lang a {
    display: block;
    float: initial;
    transition: .1s ease-in-out;
    padding: initial;
    width: 100%;
}
.language-dropdown ul.lang-list li:hover {
    background: #f5f5f5;
    transition: .1s ease-in-out;
}

.language-dropdown {
  display: inline-block;
  margin: 20px 50px;
}
.language-dropdown .lang-nl {
  border-left: 4px solid #21468b;
}
.language-dropdown .lang-nl .flag {
  background-image: url("http://149.210.226.241/~tfcconcept/wp-content/uploads/2017/09/nederlandsevlag.png");
}
.language-dropdown .lang-en {
  border-left: 4px solid #f10002;
}
.language-dropdown .lang-en .flag {
  background-image: url("http://149.210.226.241/~tfcconcept/wp-content/uploads/2017/09/engelsevlag.png");
}
.language-dropdown .lang-ge {
  border-left: 4px solid #ffce00;
}
.language-dropdown .lang-ge .flag {
  background-image: url("http://149.210.226.241/~tfcconcept/wp-content/uploads/2017/09/duitsevlag.png");
}
.language-dropdown label, .language-dropdown ul li {
  display: block;
  width: 40px;
  height: 30px;
  background: #fff;
  padding: 0px 6px;
  cursor: pointer;
}
.language-dropdown ul.lang-list {
  position: relative;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  margin-top: 20px;
}
.language-dropdown ul.lang-list li {
  border-bottom: 1px solid #ECECEC;
}
.language-dropdown ul.lang-list li:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.language-dropdown ul.lang-list li.selected {
  display: none;
}
.language-dropdown label {
    position: absolute;
    border-bottom: 1px solid #ECECEC;
    border-radius: 3px;
    z-index: 2;
}
.language-dropdown .lang-flag .flag, .language-dropdown .lang-list .lang .flag {
  float: left;
  width: 24px;
  height: 30px;
  cursor: pointer;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.language-dropdown.open ul.lang-list {
  visibility: visible;
  opacity: 1;
  margin-top: 30px;
}
.language-dropdown.open label {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.animate, .lang-flag, .lang-list {
  cursor: pointer;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
section#keuzes > p {
    display: none;
}
.content_box div.content_wrap {
    padding-right: 0;
}
#keuzes a .wrapper div.box p {
    margin-top: 8px;
}

#keuzes a .wrapper div.box {
    font-size: 20px;
    width: 80%;
    margin: 0 auto;
}
#keuzes a .wrapper {
    background: white;
    color: #071133;
    font-weight: bold;
    font-size: 1.5rem;
    padding: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 90%;
    transition: .1s ease-in-out;
}
#keuzes .vlaggetjes {
    position: absolute;
    top: 50%;
    width: 100%;
}

/**
 * Main
 * ----------------------------------------------------------------------------
 */

#main-blocks {
    padding: 0;
}
.m-lnk {
    display: block;
    width: 33.33%;
    float: left;
    height: 300px;
    text-align: center;
    padding: 0 15px;
}
.m-lnk {
    text-decoration: none;
    position: relative;
    /* -webkit- transition: 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -moz- transition: 300ms cubic-bezier(0.4, 0.0, 0.2, 1); */
    transition: 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.m-lnk:hover {
    -webkit-box-shadow: 1px 1px 12px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 1px 12px 0 rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 12px 0 rgba(0, 0, 0, .2);
}
.m-lnk h2 {
    letter-spacing: 0.65px;
    font-weight: 500;
    font-size: 1.7rem;
    margin-bottom: 15px;
}
.m-lnk:nth-of-type(2) {
    border-left: 2px solid #ebebeb;
    border-right: 2px solid #ebebeb;
}
.m-lnk .m-img {
    width: 70px;
    height: 70px;
    display: block;
    margin: 45px auto;
    margin-bottom: 25px;
}
.m-lnk:first-of-type .m-img {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/sierlijsten-icon.png) no-repeat;
    background-size: contain;
    background-position: center center;
}
.m-lnk:nth-of-type(2) .m-img {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/11/kwabo_afbouw.png) no-repeat;
    background-size: contain;
    background-position: center center;
    width: 80px;
}
.m-lnk:nth-of-type(3) .m-img {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/wand-icon.png) no-repeat;
    background-size: contain;
    background-position: center center;
}
.m-lnk .fa-chevron-circle-right {
    position: absolute;
    bottom: 15px;
    right: 20px;
    font-size: 2rem;
    color: #ffa100;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.m-lnk:hover .fa-chevron-circle-right {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}

/* Extra toevoegingen - Januari 2025 */

section.extra-content-laag .text-box > *:last-child {
    margin-bottom: 0;
}
section.extra-content-laag .text-box > *:first-child {
    margin-top: 0;
}

@media (min-width:1180px) {

    section.extra-content-laag div.text-box p {
        font-size: 15px;
    }
    section.extra-content-laag div.text-box {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }
    section.extra-content-laag {
        padding-top: 0;
    }

}


/**
 * Pop up home
 * ----------------------------------------------------------------------------
 */
body.home .popup_block {
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0px;
}

body.home .popup_block .inner {
    width: 100%;
    max-width: initial;
    padding: 0;
    margin-bottom: 0;
    border-radius: 0;
}

body.home .content_desc {
    max-height: initial;
}

body.home .mCSB_container {
    overflow: initial;
}

section#keuzes {
    position: relative;
}

body.home .heading_block {
    display: none;
}

body.home .content_box p {
    padding: 0;
}
/**
 * Sierlijsten Home
 * ----------------------------------------------------------------------------
 */

#sierlijst-home {
    background: #f4f4f4;
    text-align: center;
    padding-bottom: 120px;
}
#products .p-btn {
    width: 25%;
    float: left;
    display: block;
    position: relative;
    text-align: center;
    height: 285px;
    background: #211798;
    border: 1px solid white;
    cursor: pointer;
    color: #fff;
    /* -webkit- transition: 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -moz- transition: 300ms cubic-bezier(0.4, 0.0, 0.2, 1); */
    transition: 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
#products .p-btn:hover {
    background: #071133;
}
#products .p-btn h3 {
    letter-spacing: 0.65px;
    font-weight: 500;
    margin-bottom: 25px;
    min-height: 62px;
}
#products .p-btn:last-of-type {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/folder-img-Small.jpg)no-repeat #fff;
    background-size: contain;
    background-position: -20px 50px;
}
#products {
    margin-top: 30px;
    /* background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/product-bg.jpg)no-repeat; */
    background-size: cover;
    background-position: center center;
}
#products .p-btn span {
    letter-spacing: 0.65px;
    text-transform: uppercase;
    font-size: 0.8rem;
    display: block;
    width: 100%;
}
#products .p-btn:last-of-type span {
    color: #071133;
}
#products .p-btn>div {
    margin-top: 90px;
    position: relative;
    z-index: 2;
}
#products .p-btn:last-of-type>div {
    margin-top: 120px;
}
#products .p-btn:last-of-type h3 {
    visibility: hidden;
}
#products .p-btn .fa-chevron-circle-right, .a-btn .fa-arrow-circle-right {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin-left: 3px;
}
#products .p-btn:hover .fa-chevron-circle-right, .a-btn:hover .fa-arrow-circle-right {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}
#sierlijsten-page {
    padding-top: 0;
}
#sierlijsten-page #products {
margin-top: 0;
    background-size: cover;
    background-position: center center;
    display: inline-block;
    float: right;
    width: 70%;
}
#sierlijsten-page .box-wrapper ul {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
}
.boxrel {
    overflow: hidden;
    position: relative;
    margin-top: 30px;
}
#sierlijsten-page .box-wrapper ul li {
    position: relative;
    margin-bottom: 15px;
    margin-right: 20px;
    color: black;
    padding-left: 20px;
    margin-top: 15px;
}
#sierlijsten-page .box-wrapper ul li:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0px;
    top: .5em;
    width: 7px;
    height: 7px;
    background-color: #211798;
    border-radius: 50%;
    /* vertical-align: middle; */
    /* background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/sierlijsten-icon.png) no-repeat; */
    /* background-size: 70%; */
    /* background-position: center left; */
}
#sierlijsten-page .box-wrapper {
    display: inline-block;
    width: 30%;
    text-align: left;
    margin-top: 0;
    height: 100%;
    position: absolute;
}

#sierlijsten-page #products .p-btn:last-of-type>div {
    margin-top: 90px;
}

#sierlijsten-page #products .p-btn {
    height: 225px;
}

#sierlijsten-page #products .p-btn>div {
    margin-top: 60px;
}

div.wpcf7-mail-sent-ok {
    border: none;
    color: green;
    font-weight: bold;
}

/**
 * Over ons pagina
 * ----------------------------------------------------------------------------
 */

div#fb5-footer {
    display: none;
}

#overons .box-wrapper {
    position: relative;
    text-align: center;
}
#overons .box-wrapper a {
    display: inline-block;
    width: 250px;
    background: grey;
    height: 250px;
    box-shadow: inset 0px 0px 40px 15px rgba(16, 44, 86, 0.3);
    margin: 1em 2em;
    border-radius: 50%;
    position: relative;
    z-index: 2;
}
#overons .box-wrapper a span {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 25px;
    text-transform: uppercase;
    color: white;
    text-shadow: 1px 1px 1px black;
    transition: .15s ease-in-out;
}


#overons .box-wrapper .box-persoon {
    display: inline-block;
    width: 22%;
    border: 1px solid rgba(133,133,133,.15);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,.09);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.09);
    box-shadow: 0 0 8px rgba(0,0,0,.09);
    padding-top: 100px;
    position: relative;
    margin: 0px 10px;
    margin-top: 125px;
    vertical-align: top;
}

#overons .box-wrapper .box-persoon p {
    margin: 15px 0px;
    color: #848484;
    font-weight: 200;
    min-height: 50px;
    font-size: 16px;
}

i.fa.fa-linkedin {
    color: #D1CFCF;
    font-size: 18px;
    transition: .1s ease-in-out;
}
i.fa.fa-linkedin:hover {
    color: #0077b5;
    transition: .1s ease-in-out;
}
#overons .box-wrapper .box-persoon div {
    width: 100%;
    height: initial;
    box-shadow: none;
    margin: 0;
    padding: 10px;
    border-radius: 0;
    min-height: 41px;
    background: #efefef;
    display: block;
}
#overons .box-wrapper .box-persoon div a {
    width: 25%;
    height: initial;
    box-shadow: none;
    margin: 0;
    border-radius: 0;
    background: #efefef;
    display: inline-block;
}


.box-persoon h2 {
    font-weight: 200;
    font-size: 19px;
}
#overons .box-wrapper .box-persoon a {
    background: transparent;
    width: initial;
    height: initial;
    box-shadow: none;
    display: inline-block;
    margin: 0;
    border-radius: 0;
    margin-left: 20px;
}
#overons .box-wrapper .box-persoon h2 {
   display: inline-block;
    margin-right: 0px;
    margin-bottom: 10px;
    text-transform: none;
}

#overons .box-wrapper .box-persoon:nth-of-type(1) span {
    background: url(http://www.tfc-concept.nl/wp-content/uploads/2017/09/Jack-Kwakman-2017-Medium.jpg) no-repeat;
    background-size: 150%;
    background-position: center center;
}
#overons .box-wrapper .box-persoon:nth-of-type(2) span {
    background: url(http://www.tfc-concept.nl/wp-content/uploads/2017/09/Bianca-Kwakman-2017-Medium.jpg) no-repeat;
    background-size: 150%;
    background-position: center center;
}
#overons .box-wrapper .box-persoon:nth-of-type(3) span {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/Willem-Jonk-2017-Medium.jpg) no-repeat;
    background-size: 150%;
    background-position: center center;
}
#overons .box-wrapper .box-persoon:nth-of-type(4) span {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/Sjaak-Schilder-2017-Medium.jpg) no-repeat;
    background-size: 150%;
    background-position: center center;
}
#overons .box-wrapper .box-persoon:nth-of-type(5) span {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/Wim-Kraaij-2017-Medium.jpg) no-repeat;
    background-size: 150%;
    background-position: center center;
}
#overons .box-wrapper .box-persoon:nth-of-type(7) span {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/Berry-Steur-2017-Medium.jpg) no-repeat;
    background-size: 150%;
    background-position: center center;
}
#overons .box-wrapper .box-persoon:nth-of-type(8) span {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/Kees-Kroon-2017-Medium.jpg) no-repeat;
    background-size: 150%;
    background-position: center center;
}
#overons .box-wrapper .box-persoon:nth-of-type(9) span {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/10/Simon-Steur-2017-2-Medium.jpg) no-repeat;
    background-size: 150%;
    background-position: center center;
}
#overons .box-wrapper .box-persoon:nth-of-type(10) span {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/10/Ina-Schokker-2017-Medium.jpg) no-repeat;
    background-size: 150%;
    background-position: center center;
}
#overons .box-wrapper .box-persoon:nth-of-type(11) span {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/10/Nico-Sier-2017-Medium.jpg) no-repeat;
    background-size: 150%;
    background-position: center center;
}
#overons .box-wrapper .box-persoon:nth-of-type(12) span {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/10/Sabine-Pronk-2017-Medium.jpg) no-repeat;
    background-size: 150%;
    background-position: center center;
}
#overons .box-wrapper .box-persoon:nth-of-type(13) span {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/10/Nico-Kwakman-2017-Medium.jpg) no-repeat;
    background-size: 150%;
    background-position: center center;
}
#overons .box-wrapper .box-persoon:nth-of-type(14) span {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/10/Maurice-Steur-2017-Medium.jpg) no-repeat;
    background-size: 150%;
    background-position: center center;
}
#overons .box-wrapper .box-persoon:nth-of-type(6) span {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/Marcel-Loch-2017-Medium.jpg) no-repeat;
    background-size: 150%;
    background-position: center center;
}
#overons .box-wrapper .box-persoon span {
    width: 175px;
    height: 175px;
    border-radius: 50%;
    position: absolute;
    top: -87.5px;
    z-index: 1;
    left: 0;
    transition: .1s ease-in-out;
    right: 0;
    margin: 0 auto;
    background-size: 150%;
}
#overons .box-wrapper .box-persoon span:hover {
    background-size: 175%;
    transition: .1s ease-in-out;
}



/**
 * Achterliggende pagina's
 * ----------------------------------------------------------------------------
 */

h1.entry-title {
    text-align: center;
    margin-top: 90px;
}
body:not(.home) section {}
.centertext {
    text-align: center;
}
.sub-t {
    margin-bottom: 0;
    margin-top: 20px;
}
.sub-t+p {
    margin-top: 5px;
}
body:not(.home) section.producten {
    margin-top: 90px;
    /* background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/backgroundsub-Large.png) no-repeat; */
    background-size: cover;
    background-position: center center;
    padding: 90px 0px;
    background-attachment: fixed;
    background-color: rgb(232 216 255 / 50%);
}
.sub .s-title {
    text-align: left;
}
body.page-id-24 section.producten {
    background: #f4f4f4;
}
.page-id-24 .producten .box-wrapper {
    max-width: 1170px;
    margin: 0 auto;
    overflow: hidden;
}
.box-wrapper .item {
    display: inline-block;
    width: 20%;
    float: left;
    border-right: 1px solid #f4f4f4;
    background: white;
    border-bottom: 1px solid #f4f4f4;
    height: 228px;
    transition: 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.box-wrapper .item:hover {
    box-shadow: inset 0px 0px 12px -2px rgba(0, 0, 0, .2);
}
.box-wrapper .item span {
    display: block;
    width: 130px;
    height: 130px;
    margin: 15px auto;
}
.box-wrapper .item:nth-of-type(1) span {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/Gipsgebondenproducten.png) no-repeat;
    background-size: 85%;
    background-position: center center;
}
.box-wrapper .item:nth-of-type(2) span {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/Cementgebondenproducten.png) no-repeat;
    background-size: 85%;
    background-position: center center;
}
.box-wrapper .item:nth-of-type(3) span {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/Voorbehandelingproducten.png) no-repeat;
    background-size: 85%;
    background-position: center center;
}
.box-wrapper .item:nth-of-type(4) span {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/Sierpleisters.png) no-repeat;
    background-size: 85%;
    background-position: center center;
}
.box-wrapper .item:nth-of-type(5) span {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/Muurverven.png) no-repeat;
    background-size: 85%;
    background-position: center center;
}
.box-wrapper .item:nth-of-type(6) span {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/Kittenlijmen.png) no-repeat;
    background-size: 65%;
    background-position: center center;
}
.box-wrapper .item:nth-of-type(7) span {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/Stukadoorsprofielen.png) no-repeat;
    background-size: 85%;
    background-position: center center;
}
.box-wrapper .item:nth-of-type(8) span {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/Tapes.png) no-repeat;
    background-size: 85%;
    background-position: center center;
}
.box-wrapper .item:nth-of-type(9) span {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/Wapeningsgaas.png) no-repeat;
    background-size: 85%;
    background-position: center center;
}
.box-wrapper .item:nth-of-type(10) span {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/PBMassortiment.png) no-repeat;
    background-size: 85%;
    background-position: center center;
}
.box-wrapper .item:nth-of-type(11) span {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/werkkledingenschoenen.png) no-repeat;
    background-size: 85%;
    background-position: center center;
}
.box-wrapper .item:nth-of-type(12) span {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/gereedsschappen.png) no-repeat;
    background-size: 85%;
    background-position: center center;
}
.box-wrapper .item:nth-of-type(13) span {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/toebehoren.png) no-repeat;
    background-size: 85%;
    background-position: center center;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body:not(.home) section.producten {
    background-attachment:initial;
    background:#f4f4f4;
  }
}
.box-wrapper .item h4 {
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    letter-spacing: .5px;
    width: 75%;
    text-align: center;
    margin: 0 auto;
    line-height: 1.6;
}
.team .box-wrapper .persoon {
    display: inline-block;
    width: 25%;
    background: grey;
    position: relative;
    height: 285px;
    overflow: hidden;
}
.persoon p .naam {
    display: table;
    width: 70%;
    background: #071133;
    color: white;
    padding: 10px 0px;
    padding-left: 20px;
    text-align: left;
    transition: .2s cubic-bezier(0.42, 0, 0.35, 0.99);
}
.persoon:hover p .naam {
    width: 75%;
    transition: .2s cubic-bezier(0.42, 0, 0.35, 0.99);
}
.persoon p .beroep {
    background: white;
    display: table;
    width: 60%;
    padding: 5px 0px;
    text-align: left;
    padding-left: 20px;
    transition: .2s cubic-bezier(0.42, 0, 0.35, 0.99);
}
.persoon:hover p .beroep {
    width: 65%;
    transition: .2s cubic-bezier(0.42, 0, 0.35, 0.99);
}
.persoon p {
    margin: 0;
    position: absolute;
    width: 100%;
    font-size: 14px;
    bottom: 0;
    transition: .2s cubic-bezier(0.42, 0, 0.35, 0.99);
    transform: translateY(32px);
}
.persoon:hover p {
    transition: .2s cubic-bezier(0.42, 0, 0.35, 0.99);
    transform: translateY(0);
}
.producten .box-wrapper .box-afb h2 {
    position: absolute;
    margin-top: -3em;
    z-index: 99;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 60%;
}
.box-wrapper .box-item h2 {
    text-transform: none;
    font-size: 16px;
    height: 55px;
}
.box-wrapper .box-item h2 {
    height: auto;
}
.afbouw {
    margin-top: 90px;
}
.box-wrapper .box-item {
    display: inline-block;
    width: 25%;
    float: left;
    text-align: center;
    padding: 0em 5px;
}

.box-item p {
    font-size: 15px;
    font-size: 0.8rem;
    margin-bottom: 0;
}

/* Sierlijsten / producten pagina */
.page-id-22 header.entry-header {
    display: none;
}

/* media queries */


@media (min-width: 768px) {
    .page-id-22 #page {
        background: white;
    }

    #sierlijsten-page .entry-header  {
        margin-left: 30%;
        padding: 0;
    }
    #sierlijsten-page .entry-header h1.entry-title {
        text-align: left;
    }
    #sierlijsten-page .wrtng {
        margin-left: 30%;
        padding-left: 0;
        font-size: 1.4rem;
    }
}


/* #products a.p-btn:nth-of-type(1):after {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/kooflijsten.jpg) no-repeat;
    background-size: cover;
    content: "";
    opacity: 0;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition: 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
#products a.p-btn:nth-of-type(2):after {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/perklijsten.jpg) no-repeat;
    background-size: cover;
    content: "";
    opacity: 0;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition: 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
#products a.p-btn:nth-of-type(3):after {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/platteplinten.jpg) no-repeat;
    background-size: cover;
    content: "";
    opacity: 0;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition: 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
#products a.p-btn:nth-of-type(4):after {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/lambrisering.jpg) no-repeat;
    background-size: cover;
    content: "";
    opacity: 0;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition: 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
#products a.p-btn:nth-of-type(5):after {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/rozetten.jpg) no-repeat;
    background-size: cover;
    content: "";
    opacity: 0;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition: 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
#products a.p-btn:nth-of-type(6):after {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/zuilen.jpg) no-repeat;
    background-size: cover;
    content: "";
    opacity: 0;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition: 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
#products a.p-btn:nth-of-type(7):after {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/kwabo-bg.jpg) no-repeat;
    background-size: cover;
    content: "";
    opacity: 0;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition: 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
} */
#products a.p-btn:hover:after {
    opacity: 1;
}
.box-wrapper .box-info {
    display: inline-block;
    background: #211798;
    width: 40%;
    color: white;
    float: left;
    border-radius: 0px 5px 0px 0px;
    position: relative;
}
.box-wrapper .box-info .box-item {
    display: block;
    width: 100%;
    float: initial;
    padding: 40px 22px;
}
.box-wrapper .box-info .box-item.c-box {
    padding: 22px;
}
.box-item h3 {
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 1.3em;
}
.box-item a {
    color: white;
}
.box-item a:hover {
    font-weight: bold;
}
.box-item ul {
    list-style-type: none;
}
.project.jaap .proj-image img {
    margin-top: -25%;
}
.box-wrapper .box-info .box-item.c-box div:nth-of-type(1) {
    background: white;
    color: #464646;
}
.box-wrapper .box-afb {
    display: inline-block;
    width: 60%;
    float: left;
}
.page-id-42 .box-wrapper .box-afb:last-of-type {
    margin-top: 7em;
}
.box-wrapper .box-info .box-item.c-box div ul {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    width: auto;
    padding-left: 0;
    margin: 1em auto;
}
.box-wrapper .box-info .box-item.c-box div ul li a, .box-wrapper .box-info .box-item.c-box div ul li {
    color: #464646;
    font-size: 14px;
}
.box-wrapper .box-info .box-item.c-box div ul h4 {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 16px;
}
.box-wrapper .box-info .box-item h3 {
    margin-bottom: 1em;
}
.box-wrapper .box-info .box-item.c-box div ul li .fa {
    min-width: 25px;
    color: #59c354;
}
.box-wrapper .box-info .box-item.c-box div ul li a:hover {
    transition: .1s ease-in-out;
    color: #071133;
}
.box-wrapper .box-info .box-item.c-box div:nth-of-type(1) span {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/nico.png) no-repeat;
    background-size: 90%;
    background-position: center center;
    vertical-align: middle;
}
.box-wrapper .box-info .box-item input, .box-wrapper .box-info .box-item textarea {
    padding: 15px;
    width: 100%;
    border: 0;
    color: black;
}

.box-wrapper .box-info input[type="checkbox"] {
    width: inherit;
}

.box-wrapper .box-info .box-item textarea {
    resize: none;
    height: 10em;
}
.box-wrapper .box-info .box-item input.wpcf7-form-control.wpcf7-submit {
    background: #071133;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    float: left;
    transition: .1s ease-in-out;
    border-radius: 3px;
    font-size: 1rem;
    letter-spacing: 0.65px;
    font-weight: 700;
}
.box-wrapper .box-info .box-item input.wpcf7-form-control.wpcf7-submit:hover {
    background: #071133;
}
.box-item .afb img {
    max-width: initial;
    height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.box-wrapper .box-info .box-item:nth-of-type(1) {
    padding-bottom: 0;

}
.box-item .afb:hover {
    transition: .1s ease-in-out;
}
.box-wrapper {
    letter-spacing: 0.65px;
}
.box-item .afb {
    width: 195px;
    float: left;
    display: inline-block;
    height: 195px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}
.box-item .afb:nth-of-type(2n) {
    margin-left: 10px;
}
.box-item .afb:nth-of-type(2n+1) {
    margin-right: 10px;
}
.box-wrapper .box-info .box-item:nth-of-type(1)>a {
    display: block;
    margin-bottom: 2em;
}
.box-wrapper .box-info .box-item:nth-of-type(1)>a:hover {
    color: #b0c2d6;
    transition: .1s ease-in-out;
}
.producten figure.gallery-item {
    display: inline-block;
    float: left;
    width: 25%;
    height: 171px;
    margin: 0;
    position: relative;
    border-bottom: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    text-align: center;
    opacity: 0;
    background: #fff;
}
div#gallery-1 {
	overflow: hidden;
}
.svgwrap {
    background: white;
    padding: 3em;
    margin-top: 2em;
}
.box-afb > .svgwrap {
    padding-bottom: 1px;
}
.plinten .tabel.box-wrapper {
    display: inline-block;
    float: left;
    width: 50%;
    overflow: hidden;
}
.plinten {
	overflow: hidden;
}
h1.s-title.topPlint {
    margin-top: 1em;
}
.page-id-52 div#gallery-1 {
	margin-top: 2em;
}
.plinten .svgwrap {
    margin-top: 0;
}
.tabel.box-wrapper {
    background: white;
    padding: 1em;
}
.page-id-46 figure.gallery-item {
    height: 300px;
    width: 33%;
    float: right;
}

#stucprofiel.producten figure.gallery-item {
    width: 50%;
    overflow: hidden;
}
.producten .gallery-caption {
    position: absolute;
    bottom: 10px;
    width: 100%;
}
.producten figure.gallery-item:hover .gallery-caption {
    transition: .1s ease-in-out;
    font-weight: bold;
}
.producten .gallery-item .gallery-icon img {
    position: absolute;
    left: 0;
    top: 40%;
    transform: translateY(-50%);
}
#stucprofiel.producten .gallery-item .gallery-icon img {
    position: absolute;
    left: 0;
    top: 0;
    transform: none;
    height: 100%;
    max-width: initial;
}
.producten figure.gallery-item:nth-of-type(4n) {
    border-right: 1px solid #d0d0d0;
}
.scroll-back-to-top-wrapper.show {
    background: transparent;
    color: #16385d;
    font-weight: 900;
    text-transform: uppercase;
}
.scroll-back-to-top-wrapper:hover {
    background-color: transparent !important;
    color: #1d2d3e !important;
}

.page-id-46 .producten .gallery-item .gallery-icon img {
    width: auto;
    height: 75%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 45%;
}
.scroll-back-to-top-wrapper.show:before {
    content: "\f176";
    font: normal normal normal 30px/1 FontAwesome;
    display: inline-block;
    margin-right: 10px;
}
.pdng {
    padding-bottom: 90px;
}
.pdng-t {
    padding-top: 0;
}
section.team.pdng-t {
    padding-top: 40px;
}
.contact .col:first-of-type {
    width: 65%;
}
.partners a {
    display: inline-block;
    width: 30%;
    height: 100px;
    background: grey;
    text-align: center;
    transition: .1s ease-in-out;
    margin: 0px 10px;
    margin-top: 20px;
}
.partners a:hover {
    opacity: 0.5;
    transition: .1s ease-in-out;
}
.partners {
    text-align: center;
    margin: 0 auto;
}
.partners a:nth-of-type(1) {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/10/alligator.png) no-repeat;
    background-size: 60%;
    background-position: center center;
}
.partners a:nth-of-type(2) {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/10/Gyproc-logo-hr.png) no-repeat;
    background-size: 60%;
    background-position: center center;
}
.partners a:nth-of-type(3) {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/10/huisafwerking.png) no-repeat;
    background-size: 60%;
    background-position: center center;
}
.partners a:nth-of-type(4) {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/10/beissier-aguaplast.jpg) no-repeat;
    background-size: contain;
    background-position: center center;
}
.partners a:nth-of-type(5) {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/10/images.jpg) no-repeat;
    background-size: 60%;
    background-position: center center;
}
.contact .col {
    display: block;
    vertical-align: top;
    width: 35%;
    float: left;
}
.col h2 {
    text-transform: none;
    font-size: 20px;
}
.col h3 {
    text-transform: none;
    font-size: 16px;
}
.contact .col a {
    color: black;
}
section.sfeerfotos {
        padding-top: 45px;
    padding-bottom: 45px;
}
.contact .col h3 {
    color: #071133;
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 10px 0px;
}

.contact input[type="checkbox"] {
    width: inherit;
}

.wpcf7 label a {
    font-weight: bold;
}

.contact input, .contact textarea {
    padding: 15px;
    width: 95%;
    max-width: 475px;
    border: 0;
    background: #e3eaf1;
    resize: none;
}
.contact textarea {
    height: 10em;
}
.contact input.wpcf7-form-control.wpcf7-submit:hover {
    background: #0b1e62;
}
.contact input.wpcf7-form-control.wpcf7-submit {
    background: #071133;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    transition: .1s ease-in-out;
    border-radius: 3px;
    font-size: 1rem;
    letter-spacing: 0.65px;
    font-weight: 700;
}
.contact .wpcf7 {
    margin-top: 3em;
    margin-bottom: 3em;
}
span.wpcf7-not-valid-tip {
    display: none;
}
.contact div.wpcf7-validation-errors {
    color: #b35f5f;
    padding: 0;
    margin: 0;
}
.contact .col ul {
    list-style-type: none;
}
.contact .col ul li {
    line-height: 2;
    color: black;
}
.contact a:hover {
    font-weight: bold;
    transition: .1s ease-in-out;
}
.contact a {
    transition: .1s ease-in-out;
}
.googleMap {
    height: 400px;
    clear: both;
    margin-bottom: 3em;
}
.contact .col ul li:nth-of-type(8), .contact .col ul li:nth-of-type(13) {
    margin-top: 2em;
}
.contact .col ul li span {
    font-weight: bold;
    color: #211798;
    min-width: 125px;
    display: inline-block;
}

.inner.contact.padding li, .inner.contact.padding li a, .inner.contact.padding h3, .inner.contact.padding span, .inner.contact.padding h2 {
    color: #3c3c3c;
}

.opmaatContact .inner.contact.padding h3, .opmaatContact .inner.contact.padding span, .opmaatContact .inner.contact.padding h2 {
    color: #211798;
}

/*

Box animatie

*/

 .Boxes .box-item {
    border: 1px solid #f4f4f4;
    border-radius: 3px;
    padding: 1em;
    width: 30%;
    float: initial;
    margin: 0px 10px;
    vertical-align: top;
    text-align: left;
    cursor: pointer;
    transition: .1s ease-in-out;
    background: white;
}

 .Boxes {
    text-align: center;
}
.afbouw .Boxes {
    display: inline-block;
    width: 67%;
    margin-right: 1%;
}
.sfeerfotos .logos {
    height: 200px;
    width: 100%;
    clear: both;
    margin-top: 90px;
    overflow: hidden;
}
ul.producten li {
    background: white;
    padding: 10px 15px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 3px;
    font-weight: 600;
    width: 45%;
    color: black;
    margin-bottom: 15px;
    padding-left: 0;
    vertical-align: top;
}
ul.producten li span {
    margin-left: 15px;
    text-align: left;
    position: absolute;
    width: 175px;
}
ul.producten li:nth-of-type(1):before, ul.producten li:nth-of-type(5):before, ul.producten li:nth-of-type(9):before, ul.producten li:nth-of-type(13):before, ul.producten li:nth-of-type(4):before, ul.producten li:nth-of-type(8):before, ul.producten li:nth-of-type(12):before {
    content: '';
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/11/kwabo_afbouw.png) no-repeat;
    background-size: contain;
    background-position: center center;
    margin-right: 10px;
}
ul.producten li:nth-of-type(2):before, ul.producten li:nth-of-type(3):before, ul.producten li:nth-of-type(6):before, ul.producten li:nth-of-type(7):before, ul.producten li:nth-of-type(10):before, ul.producten li:nth-of-type(11):before, ul.producten li:nth-of-type(14):before {
    content: '';
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/wand-icon.png) no-repeat;
    background-size: contain;
    background-position: center center;
    margin-right: 10px;
}
.gallery-item {
    margin: 0;
    display: inline-block;
    width: 25%;
    height: 405px;
    overflow: hidden;
        border-right: 1px solid white;
    border-left: 1px solid white;
    float: left;
}
.showroom .gallery-item {
    border: 0;
    height: 250px;
        border-left: 5px solid #e4e4e4;
    border-right: 5px solid #e4e4e4;
    position: relative;
}
.showroom .gallery {
    padding-top: 45px;
    overflow: hidden;
}
.showroom .gallery-item img {
    height: 100%;
    width: auto;
    max-width: initial;
    left: 0;
    position: absolute;
}
.page-id-758 .sfeerfotos .gallery .gallery-item {
    margin: 0;
    display: inline-block;
    width: 33.3%;
    height: 405px;
    overflow: hidden;
    float: left;
}
.page-id-758 .sfeerfotos .gallery .gallery-item:nth-of-type(2), .page-id-758 .sfeerfotos .gallery .gallery-item:nth-of-type(5) {
    border-left: 2px solid white;
    border-right: 2px solid white;
}
.sfeerfotos .gallery-item img {
    width: auto;
    height: 100%;
    max-width: initial;
}
.logoFotos .gallery-item img {
    width: 90%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.logoFotos .gallery-item {
    display: inline-block;
    width: 25%;
    height: 125px;
    float: left;
    position: relative;
}
.logoFotos .gallery a {
    pointer-events: none;
}
.logoFotos {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 49%;
    vertical-align: top;
    margin-top: 90px;
}
.sfeerfotos .gallery-caption {
    display: none;
}
.sfeerfotos .inner a {
    font-weight: bold;
    font-size: 15px;
}
div#new-royalslider-3 {
    height: 100% !important;
}
.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs {
    background: white !important;
}
.afbouw .Boxes .box {
    background: #fafafa;
    padding: 2em;
    text-align: left;
    margin-bottom: 2em;
    border-radius: 5px;
}
.afbouw .Boxes .box:first-of-type {
    background: #fafafa url(https://www.kwabo.nl/wp-content/uploads/2017/11/kwabo_spaan.png) no-repeat;
    background-size: 300px;
    background-position: 105% center;
    padding-right: 10em;
}
.afbouw .Boxes .box:nth-of-type(2) {
    background: #fafafa url(https://www.kwabo.nl/wp-content/uploads/2017/10/icon2.png) no-repeat;
    background-size: 300px;
    background-position: -5% 40%;
    padding-left: 11em;
}
.afbouw .Boxes .box:nth-of-type(3) {
    background: #fafafa url(https://www.kwabo.nl/wp-content/uploads/2017/10/icon3.png) no-repeat;
    background-size: 300px;
    background-position: 100% center;
    padding-right: 15em;
}
.afbouw .Boxes .box h2 {
    text-transform: none;
    font-size: 17px;
}
.afbouw .Boxes .box p {
    font-size: 14px;
}
.afbouw .box-info {
    display: inline-block;
    margin-bottom: 2em;
    background: #071133;
    padding: 2em;
    box-sizing: border-box;
    width: 32%;
    border-radius: 5px;
    float: right;
    vertical-align: top;
}
.afbouw input, .afbouw textarea {
    padding: 15px;
    width: 100%;
    border: 0;
    color: black;
    resize: none;
}
.afbouw .box-info h3 {
    text-transform: none;
}
.afbouw .box-info ul li span {
    font-weight: bold;
    font-size: 14px;
    display: table;
    margin-top: 15px;
}
.afbouw .box-info input.wpcf7-form-control.wpcf7-submit {
    background: #071133;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    float: left;
    transition: .1s ease-in-out;
    border-radius: 3px;
    font-size: 1rem;
    letter-spacing: 0.65px;
    font-weight: 700;
}
.afbouw .box-info {
    color: white;
}
.afbouw .box-info ul li {
    font-size: 14px;
    letter-spacing: 1px;
}
.afbouw .box-info .box-item > div:first-of-type {
    margin: 2em 0em;
}
.box-item p {
    color: white;
}
 .Boxes .box-item span {
    color: #071133;
    font-weight: bold;
    font-size: 14px;
    display: table;
    margin-top: 10px;
}
 .Boxes .box-item p {
    height: 40px;
    overflow: hidden;
    transition: .2s ease-in-out;
}
.Boxes .box-item h2 {
    margin-bottom: 0;
    font-size: 16px;
    height: 40px;
}
 .Boxes .box-item a:after {
    content: ">";
    margin-left: 5px;
}
 .Boxes .box-item:first-of-type {
    border-top: 3px solid #ffd58f;
}
.Boxes .box-item:nth-of-type(2) {
    border-top: 3px solid #ffc35e;
}
.Boxes .box-item:last-of-type {
    border-top: 3px solid #ffa100;
}
.Boxes .box-item:first-of-type p.open {
    height: 140px;
     transition: .2s ease-in-out;
}
.Boxes .box-item:nth-of-type(2) p.open {
    height: 160px;
     transition: .2s ease-in-out;
}
 .Boxes .box-item:last-of-type p.open {
    height: 100px;
     transition: .2s ease-in-out;
}
 .Boxes .box-item span.gone {
    transition: .1s ease-in-out;
    opacity: 0;
    margin-top: -22px;
    }


.page-id-22 .Boxes .box-item {
    border: 0px !important;
    width: 30%;
    margin-bottom: 10px;
    pointer-events: none;
}
section#producten-box {
    background: #eeeeee;
}
#producten-box h2 {
    text-align: center;
    font-size: 25px;
}
#producten-box .inner > span {
    text-align: center;
    color: #ffa100;
    display: table;
    margin: 0 auto;
    font-size: 20px;
}
.box-wrapper.Boxes span {
    display: inline-block;
    font-size: 15px;
    max-width: 800px;
    margin: 0 auto;
    background: #ffffff;
    padding: 1em;
    text-align: left;
    border-radius: 5px;
    width: 45%;
    vertical-align: top;
    min-height: 210px;
    margin: 1em 1em;
}
.box-wrapper.Boxes span:nth-of-type(3), .box-wrapper.Boxes span:nth-of-type(4) {
    min-height: auto;
}

.tabel th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #071133;
    color: white;
    padding-left: 12px;
}

.tabel tr:nth-child(even) {
    background: #d0dce8;
}

td, th {
    padding: 10px;
}

.tabel tr td:first-of-type, .tabel tr th:first-of-type {
    font-weight: bold;
    padding: 10px 15px;
    width: 120px;
}
.box-wrapper.Boxes span h3 {
    font-size: 18px;
    margin-bottom: 10px;
}
.page-id-22 .Boxes .box-item h2 {
    font-size: 15px;
}
.page-id-22 .Boxes .box-item:nth-of-type(-n+9)  {
    border-top: 3px solid #ffa100;
}
.page-id-22 .Boxes .box-item:nth-of-type(-n+6) {
    border-top: 3px solid #ffc35e;
}
.page-id-22 .Boxes .box-item:nth-of-type(-n+3) {
    border-top: 3px solid #ffd58f;
}


section.pdng-t.opmaatContact {
    background: white;
}
section.pdng-t.opmaatContact .inner.contact.padding {
    padding-top: 0;
}
.opmaatContact .googleMap {
    margin-bottom: 0;
}
/*
nieuwe wandafwerkingen pagina
*/
article.category-projecten .entry-thumbnail {
    display: none;
}
article.category-projecten {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
    line-height: 1.6;
}
article.category-projecten .entry-meta {
	display: none;
}
article.category-projecten .entry-content p {
    width: 66.66%;
    position: relative;
    min-height: 1px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.project.jansmit.kooflijsten .proj-image img {
    margin-top: -70%;
}
.galleryid-1522 {
    text-align: center;
}
article.category-projecten .gallery {
    overflow: hidden;
    margin-top: 45px;
    margin-bottom: 45px;
}
article.category-projecten .gallery .gallery-caption {
	display: none;
}
article.category-projecten .gallery .gallery-item {
    height: auto;
    margin-bottom: 5px;
    float: initial;
    vertical-align: top;
    width: 33%;
    max-height: 200px;
    overflow: hidden;
}
section.showroom.showroomImg .gallery .gallery-item {
    width: 33.3%;
    margin-bottom: 10px;
}
section.showroom.showroomImg .gallery .gallery-item img {
    min-width: 100%;
}
article.category-projecten .gallery .gallery-item img {
    min-width: 380px;
}
.postid-112 article.category-projecten .gallery .gallery-item img {
    margin-top: -20%;
}
.postid-124 article.category-projecten .gallery .gallery-item:nth-of-type(3) img {
    margin-top: -20%;
}
.nav-links {
    max-width: 1170px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 45px;
}
.nav-links a {
    margin: 0px 20px;
    text-align: center;
    margin: 0 auto;
    margin-top: 1em;
    background: #071133;
    color: white;
    border-radius: 3px;
    text-decoration: none;
    font-weight: bold;
    font-size: 1rem;
    letter-spacing: 0.65px;
    padding: 10px 20px;
    transition: .1s ease-in-out;
}

body.page-id-26 section#home {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/Decoratieve-Wandafwerking2-Large.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

body.page-id-1549 section#home {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/Kwabo-Decorativo-Ghibli-1-Large.jpg) no-repeat;
    background-size: cover;
    background-position: center 30%;
}

body.page-id-42 section#home {
    /* perklijsten */
    /* background: url(https://www.kwabo.nl/wp-content/uploads/2017/10/DSC_1843-Medium.jpg) no-repeat; */
    background-image: url('./images/banners/perklijstenhoeken.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 30%;
}

body.page-id-52 section#home {
    /* plinten */
    /* background: url(https://www.kwabo.nl/wp-content/uploads/2017/10/DSC_1995-Medium.jpg) no-repeat; */
    background-image: url('./images/banners/plinten.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 10%;
}

body.page-id-48 section#home {
    /* rozetten */
    /* background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/DSC_2029.jpg) no-repeat; */
    background-image: url('./images/banners/rozetten.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 10%;
}

body.page-id-46 section#home {
    /* zuilen */
    /* background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/kwabo-bg.jpg) no-repeat; */
    background-image: url('./images/banners/zuilen.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 70%;
}

section.sierlijstenmaat.pdng-t p {
    margin: 0 auto;
    max-width: 650px;
    /* color: #071133; */
    text-align: center;
}

section.sierlijstenmaat.pdng-t {

}

.sierlijstenmaat h3 {
    text-align: center;
    margin-top: 2em;
}
.projectMaat {
    text-align: center;
    margin-top: 2em;
}

.projectMaat a:first-of-type {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/11/Hermès-Kopenhagen-1-1024x578.jpg) no-repeat;
    background-size: cover;
    background-position: 20% 30%;
}
.projectMaat a:nth-of-type(2) {
	background: url(https://www.kwabo.nl/wp-content/uploads/2017/10/clubair3.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
.projectMaat a:nth-of-type(3) {
	background: url(https://www.kwabo.nl/wp-content/uploads/2017/11/Sofitel-Opera-Frankfurt-5-1-1024x768.png) no-repeat;
	background-size: cover;
	background-position: center center;
}
.projectMaat a:nth-of-type(4) {
	background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/Hotel_Bergen_2.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
.projectMaat a span {
    width: 90%;
    background: rgba(12, 78, 149, 0.56);
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: .1s ease-in-out;
    opacity: 0;
}
.projectMaat a:hover span {
	opacity: 1;
	transition: .1s ease-in-out;
}
body.page-id-1856 section#home {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/kwabo-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center 70%;
}
.projectMaat a span h2 {
    color: white;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 0px;
}

section.sierlijstenmaat .projectMaat a span p {
    color: white;
    margin-bottom: 10px;
}

.projectMaat a {
    display: inline-block;
    width: 250px;
    text-align: center;
    height: 250px;
    margin: 0px 10px;
    background: lightblue;
    position: relative;
}

.cAfb {
    display: inline-block;
    width: 47%;
    vertical-align: top;
    margin: 0px 5px;
    margin-bottom: 10px;
    position: relative;
    float: left;
    overflow: hidden;
    height: 190px;
}
.cAfb img {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: auto !important;
    max-width: initial;
    z-index: 0;
}
.cAfb p {
    z-index: 2;
    position: absolute;
    pointer-events: none;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
    font-size: 16px;
    width: 90%;
    background: rgba(12, 78, 149, 0.6);
    margin: 0 auto;
    padding: 10px;
    font-weight: bold;
    opacity: 0;
    transition: .1s ease-in-out;
}
.page-id-40 .cAfb:nth-of-type(5) img {
    width: 100% !important;
    height: auto;
    top: -50%;
}

.page-id-52 .cAfb:nth-of-type(5) {
    float: left;
}
.page-id-52 .box-wrapper .box-info .box-item:nth-of-type(1)>a, .page-id-48 .box-wrapper .box-info .box-item:nth-of-type(1)>a {
	clear: both;
}
.page-id-48 .cAfb:nth-of-type(3) {
    float: left;
    width: 97%;
}
.page-id-48 .cAfb:nth-of-type(3) img {
    width: 100% !important;
    height: auto;
}
.cAfb a.project {
    position: absolute;
    bottom: 0;
    height: auto;
    width: 100%;
    display: block;
    min-width: initial;
    background: #183e67;
    font-weight: bold;
    opacity: 0;
    transition: .1s ease-in-out;
}
.cAfb:hover a.project {
	opacity: 1;
	transition: .1s ease-in-out;
}
.cAfb:hover p {
	opacity: 1;
	transition: .1s ease-in-out;
}

section.stappenplan {
    background: #eeeeee;

    text-align: center;
}
.stappenplan .inner > span:first-of-type {
    display: inline-block;
    height: 300px;
    width: 300px;
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/11/kwabo_sierlijst-op-maat_2.jpg) no-repeat;
    background-size: contain;
    background-position: center center;
    margin-top: 2em;
}

.stappenplan .inner > span:nth-of-type(2) {
    display: inline-block;
    height: 300px;
    width: 300px;
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/11/kwabo_sierlijst-op-maat_1.png) no-repeat;
    background-size: contain;
    background-position: center center;
    margin-top: 2em;
}
.stappen .stap {
    display: inline-block;
    width: 20%;
    float: left;
}
.stappenplan .inner {
    max-width: 1300px;
}
.stappen {
    overflow: hidden;
    margin-top: 3em;
}
.stappen .stap span {
    background: #211798;
    color: white;
    display: block;
    height: 75px;
    width: 75px;
    text-align: center;
    line-height: 57px;
    font-size: 50px;
    font-weight: bold;
    border: 4px solid white;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.stappen .stap span:after {
    content: '';
    width: 200px;
    height: 5px;
    display: block;
    position: absolute;
    background: #071133;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    left: 75px;
}
.rozettenMaat .inner {
    text-align: center;
}
.rozettenMaat .inner p {
    margin: 0 auto;
    max-width: 650px;

    color: #071133;
    text-align: center;
}
.rozetBox span {
    height: 275px;
    width: 275px;
    border: 5px solid white;
    position: relative;
    display: inline-block;
    background: grey;
    margin: 0px 25px;
}
.rozetBox span:after {
    content: '';
    width: 450px;
    height: 5px;
    display: block;
    position: absolute;
    background: #071133;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    left: 0px;
}

.rozetBox span:nth-of-type(1):after, .rozetBox span:last-of-type:after {
    display: none;
}
.rozetBox {
    margin-top: 3em;
    text-align: center;
    overflow: hidden;
}
.rozetBox span:nth-of-type(2) {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/11/IMG_6557.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.rozetBox span:nth-of-type(1){
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/11/DSC_2353-1.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.rozetBox span:nth-of-type(3){
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/11/IMG_6559.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
 .stappen .stap:last-of-type span:after {
    display: none;
}
.stappen .stap p {
    text-align: center;
    width: 80%;
    color: #071133;
    font-size: 14px;
    margin: 0 auto;
    margin-top: 15px;
}

/* .site-header, body.page-id-26 .site-header, body.page-id-1383 .site-header, body.page-id-1549 .site-header, body.page-id-40 .site-header, body.page-id-42 .site-header, body.page-id-52 .site-header, body.page-id-48 .site-header, body.page-id-46 .site-header {
background: -moz-linear-gradient(top, rgba(91,91,91,1) 0%, rgba(137,137,137,0.5) 50%, rgba(125,185,232,0) 100%);
background: -webkit-linear-gradient(top, rgba(91,91,91,1) 0%,rgba(137,137,137,0.5) 50%,rgba(125,185,232,0) 100%);
background: linear-gradient(to bottom, rgba(91,91,91,1) 0%,rgba(137,137,137,0.5) 50%,rgba(125,185,232,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#007db9e8',GradientType=0 );
} */

body.page-id-1549 section#wandafwerkingpagina .project:nth-of-type(3) a {
	background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/Kwabo-Decorativo-Ghibli-3-Large.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

body.page-id-1549 section#wandafwerkingpagina .project:nth-of-type(4) a {
	background: url(https://www.kwabo.nl/wp-content/uploads/2017/11/Travertine-3-Large.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

body.page-id-26 h1.entry-title, .page-id-1549 h1.entry-title {
    display: none;
}

#portfolio button.filter-button {
    margin: 5px;
    padding: 10px 15px;
    cursor: pointer;
    outline: none;
    text-align: center;
    white-space: nowrap;
    color: #071133;
    border: 1px solid #071133;
    background: transparent;
    letter-spacing: 0.25px;
    font-size: 15px;
}
#portfolio .project-filter-buttons button.active-filter, #portfolio .project-filter-buttons button:hover {
    background: #071133;
    color: #fff;
}
#portfolio .meta-tag {
    display: none;
}
#portfolio .project-filter-buttons {
    max-width: 1180px;
    margin: 0 auto;
    text-align: center;
}
#portfolio .projects-grid {
    max-width: 1180px;
    margin: 0 auto;
    margin-top: 20px;
}
#portfolio .project img {
    width: 100%;
    height: auto;
}
#portfolio .project {
    height: auto !important;
}
#portfolio a.pr-image {
    display: block;
    width: 100%;
    height: 100%;

    background: whitesmoke;
}
#portfolio .project-meta {
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 90%;
    z-index: 2;
    opacity: 0;
        left: 0;
    right: 0;
    margin: 0 auto;
    padding: 20px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
}

#portfolio .project:hover .project-meta, #portfolio .project:hover .meta-tag {
    opacity: 1;
    background: rgba(12, 78, 149, 0.56);
}

.blauwegedeelte .st0 {
    fill: #071133;
}

.blauwegedeelte .st1 {
    fill: #464646;
}

.blauwegedeelte, .witteblok {
    max-width: 750px;
    margin: 2em 0em;
}

.tabel table {
display: block;
    width: 100%;
    float: initial;
    border-spacing: 0;
}

#portfolio .proj-image {
    max-height: 300px;
    overflow: hidden;
}
#portfolio .project:nth-of-type(2n+3) .proj-image {
    max-height: 250px;
}
#portfolio .project:nth-of-type(2n) .proj-image {
    height: 200px;
}
#portfolio .project:hover .project-meta, #portfolio .project:hover .meta-tag {
    opacity: 1;
}
#portfolio h2.project-title, #portfolio .project-meta span {
    color: white;
}
.galleryid-121 .gallery-item:last-of-type img {
    margin-top: -50%;
}
#portfolio {
    padding: 45px;
    padding-top: 0;
}

section#wandafwerkingpagina {
    padding: 45px;
}

section#wandafwerkingpagina .box {
    position: relative;
    overflow: hidden;
}

section#wandafwerkingpagina .box .item {
    display: inline-block;
    float: left;
    width: 33.3%;
    text-align: center;
    margin-bottom: 1em;
    padding: 0em 1em;
}

section#wandafwerkingpagina .project a {
    width: 100%;
    height: 100%;
    background: #e4e4e4;
    display: block;
}

section#wandafwerkingpagina .project:nth-of-type(2) a {
    pointer-events: none;
}


.projects-grid {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.project {
    min-width: 250px;
    width: 33.33%;
    padding: 10px;
    position:relative;
    height: 200px;
    text-align: center;
}

.project:nth-of-type(1), .project:nth-of-type(3), .project:nth-of-type(4), .project:nth-of-type(7), .project:nth-of-type(8) {
    height: 400px;
}

.project:nth-of-type(6) {
    height: 600px;
}

.project span.tekst {
    position: absolute;
    left: 0;
    right: 0;
    width: 90%;
    margin: 0 auto;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
}

#wandafwerkingpagina .project:nth-of-type(2) span.tekst {
    opacity: 1;
}


section#wandafwerkingpagina .project:nth-of-type(1) a {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/decorativo-hydro.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

section#wandafwerkingpagina .project:nth-of-type(4) a {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/Frescolori_Spatulata_01mm_1.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

section#wandafwerkingpagina .project:nth-of-type(6) a {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/IMG_2584-Large-1024x768.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

section#wandafwerkingpagina .project:nth-of-type(5) a {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/spachtel-1024x687.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}


section#wandafwerkingpagina .project:nth-of-type(3) a {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/10/IMG_8855-576x1024.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

section#wandafwerkingpagina .project:nth-of-type(7) a {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/muur-1024x753.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}


section#wandafwerkingpagina .project:nth-of-type(8) a {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/leem.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

body.page-id-44 section#home {
    /* background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/kwabo-bg.jpg) no-repeat; */
    /* Lambrisering */
    background: url('./images/banners/kooflijsten.jpg') no-repeat;
    background-size: cover;
    background-position: center 70%;
}

.project .tekst {
    color: #3c3c3c;
}
.project .tekst h2 {
    font-size: 2em;
}
.project:hover .overlayBox {
    background: rgba(228, 228, 228, 0.65);
    opacity: 1;
    transition: .1s ease-in-out;
}
 .project:hover span.tekst {
    opacity: 1;
 }

.overlayBox {
    width: 100%;
    height: 100%;
    background: transparent;
    opacity: 0;
    transition: .1s ease-in-out;
}
.showroom {
    background: #e4e4e4;
    text-align: center;
    padding: 45px 0px;
}
.showroom h2 {
    font-size: 2em;
    color: #3c3c3c;
}
.showroom .inner > a {
    display: table;
    margin: 0 auto;
    border: 1px solid #464646;
    padding: 10px 50px;
    text-transform: uppercase;
    color: #464646;
    font-weight: bold;
    margin-top: 2em;
    transition: .1s ease-in-out;
}
.showroom a:hover {
    background: #464646;
    color: white;
    transition: .1s ease-in-out;
}
.showroom .gallery-caption {
    display: none;
}
.project:nth-of-type(2) .overlayBox {
    opacity: 1;
}

.project span.tekst p {
    text-transform: uppercase;
    font-size: 17px;
}


.project:nth-of-type(2) span.tekst p {
    text-transform: none;
    font-size: 15px;
}












/*

wandafwerking achterliggende pagina foto grids

*/








#wandafwerking .col-m:last-of-type {
    padding-top: 45px;
}
.col-m ul {
    list-style-type: disc;
    color: black;
    padding-left: 18px;
    margin-top: 10px;
}

.page-id-758 .entry-content {
    padding-bottom: 90px;
}
.page-id-758 .sfeerfotos .gallery .gallery-item {
    height: 285px;
    border-bottom: 2px solid white;
}
.page-id-758 .sfeerfotos .gallery .gallery-item:nth-of-type(5) img, .page-id-758 .sfeerfotos .gallery .gallery-item:nth-of-type(1) img {
    width: 100%;
    height: auto;
}
ul.sponsoring li a {
    color: black;
    font-weight: bold;
}
.page-id-758 .sfeerfotos .gallery-icon {
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.page-id-758 .sfeerfotos .gallery .gallery-item:nth-of-type(7) img {
    width: 100%;
    height: auto;
}
#swipebox-title {
    display: none;
}

.parent-pageid-22 #swipebox-title {
    display: block;
}

.imgGrid .wp-caption-text {
    display: none;
}
.imgGrid .gallery-item {
    float: left;
    height: 250px;
    margin-bottom: 2%;
    margin-top: 0;
    width: 49%;
    margin-left: 0;
    margin-right: 0;
}
.imgGrid div#gallery-1 {
    text-align: center;
}
.imgGrid .gallery-item .gallery-icon {
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.imgGrid .gallery-item .gallery-icon a img {
    height: auto;
    position: absolute;
    max-width: inherit;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translatey(-50%);
    right: 0;
    transition: .1s ease-in-out;
}
a.cta:hover {
    background: #071133;
}
a.cta {
    display: table;
    text-align: center;
    margin: 0 auto;
    margin-top: 1em;
    background: #211798;
    color: white;
        border-radius: 3px;
    font-weight: bold;
    font-size: 1rem;
    letter-spacing: 0.65px;
    padding: 10px 20px;
    transition: .1s ease-in-out;
}
.wrap {
    text-align: center;
}
a.cta.terug:before {
    content: "\f177";
    margin-right: 10px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
}
.post-1608 a.cta, .post-1611 a.cta, .post-1614 a.cta {
    display: inline-block;
}

.post-1614 .imgGrid .gallery-item:nth-of-type(3) img {
    height: 100%;
}

.imgGrid .gallery-item:hover .gallery-icon img {
    transform: translateY(-51%);
    transition: .1s ease-in-out;
}
.imgGrid .gallery-item:nth-of-type(5n+1) {
    width: 49%;
    margin-right: 1%;
}
.imgGrid .gallery-item:nth-of-type(5n+2) {
    width: 49%;
    float: right;
    margin-left: 1%;
}
.imgGrid .gallery-item:nth-of-type(5n+3) {
    margin-right: 1%;
}
.imgGrid .gallery-item:nth-of-type(5n+4) {
    margin-left: 1%;
    margin-right: 1%;
}
.imgGrid .gallery-item:nth-of-type(5n+5) {
    margin-left: 1%;
}
.imgGrid .gallery-item:nth-of-type(5n+3), .imgGrid .gallery-item:nth-of-type(5n+5) {
    width: 25%;
}
.imgGrid .gallery-item:nth-of-type(5n+4) {
    width: 46%;
}

.post-1611 .imgGrid .gallery-item{
    width: 49% !important;
}

.post-1608 .gallery-item:nth-of-type(8) img, .post-1608 .gallery-item:nth-of-type(3) img, .post-1608 .gallery-item:nth-of-type(5) img {
    height: 100% !important;
width: auto !important;
}

.post-1614 .imgGrid .gallery-item:nth-of-type(5) img {
    height: 100% !important;
    width: auto !important;
}

.post-907 .imgGrid .gallery-item:nth-of-type(5) .gallery-icon a img {
    height: 100% !important;
    width: auto;
}

.post-903 .imgGrid .gallery-item:nth-of-type(8) .gallery-icon a img, .post-903 .imgGrid .gallery-item:nth-of-type(10) .gallery-icon a img, .post-903  .imgGrid .gallery-item:nth-of-type(13) .gallery-icon a img, .post-903 .imgGrid .gallery-item:nth-of-type(18) .gallery-icon a img {
    height: 100%;
    width: auto;
}

.post-917 .imgGrid .gallery-item:nth-of-type(3) .gallery-icon a img {
    height: 100%;
    width: auto;
}

.inner.contact.padding {
    padding-top: 90px;
}

.parent-pageid-26 h1.entry-title, .parent-pageid-1549 h1.entry-title {
        color: #3c3c3c;
}

body.page-id-1608 section#home {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/Decoratieve-Wandafwerking5-Large.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

body.page-id-1614 section#home {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/11/Travertine-7-Large.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

body.page-id-1611 section#home {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/Kwabo-Decorativo-Ghibli-1-Large.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.imgGrid {
overflow: hidden;
    padding: 45px;
    max-width: 1180px;
    margin: 0 auto;
}
section.sfeerfotos .imgGrid {
    margin-top: 0px;
}

/**
 * Sidebar projects
 * ----------------------------------------------------------------------------
 */

.side-projects .listing-item .title {
    display: none;
}
.page-id-48 .side-projects > span {
    width: 100%;
    height: 200px;
    display: block;
    margin-bottom: 20px;
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/11/DSC05128-Large.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
}
.side-projects .listing-item:nth-of-type(2n+1) {
    padding-right: 10px;
}
.side-projects .listing-item:nth-of-type(2n) {
    padding-left: 10px;
}
.side-projects .listing-item {
    float: left;
    width: 50%;
    height: 200px;
    margin-bottom: 20px;
}
.side-projects .listing-item a.image {
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.side-projects .listing-item a.image img {
    height: auto;
    max-width: inherit;
    width: auto;
    min-width: 200px;
    min-height: 200px;
}

/**
 * Search Overlay
 * ----------------------------------------------------------------------------
 */

.search-field {
    letter-spacing: 0.65px;
    font-size: 2rem;
    font-weight: 400;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding-bottom: 10px;
    width: 100%;
}
.search-submit {
    display: none;
}
.search-field::-webkit-input-placeholder {
    color: #fff;
}
.search-field:-moz-placeholder {
    color: #fff;
}
.search-field::-moz-placeholder {
    color: #fff;
}
.search-field:-ms-input-placeholder {
    color: #fff;
}

/* The Overlay (background) */

.overlay {
    height: 0;
    width: 100%;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    /* background: rgb(12, 78, 149); */
    background: rgba(7, 17, 51, 0.8);
    overflow-x: hidden;
    overflow-y: hidden;
    transition: 0.5s;
}
.overlay.is-active {
    height: 100%;
    width: 100%;
}
.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

/**
 * Divider/projecten
 * ----------------------------------------------------------------------------
 */

.port-slider {
    background: #071133;
    padding: 0;
    height: 300px;
}
.port-slider .rsContent:after {
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(12, 78, 149, 0.4);
    position: absolute;
    left: 0;
    top: 0;
    transition: 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.port-slider .rsContent:hover:after {
    background: rgba(12, 78, 149, 0);
}
.port-slider .rsActiveSlide .rsContent:after {
    background: rgba(12, 78, 149, 0);
}
.port-slider .rsArrow.rsArrowLeft {
    width: 50px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -17.5px;
    color: #fff;
    font-size: 2rem;
    text-align: right;
}
.port-slider .rsArrow.rsArrowRight {
    width: 50px;
    height: 35px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -17.5px;
    color: #fff;
    font-size: 2rem;
}
.port-slider .rsArrow.rsArrowLeft:before {
    content: "\f053";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.port-slider .rsArrow.rsArrowRight:before {
    content: "\f054";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/**
 * Divider/projecten
 * ----------------------------------------------------------------------------
 */

#colophon {
    padding: 60px 0;
    background: #211798;
}
.site-info {
    max-width: 1170px;
    margin: 0 auto;
}
.site-info ul {
    float: left;
    margin-right: 160px;
}
.site-info ul li h5,.site-info ul li .small-footer-titel {
    font-size: 12px;
    margin-bottom: 0px;
    display: block;
    margin-top: 16px;
    font-weight: bold;
}

.site-info ul:last-of-type {
    margin-right: 0;
}
.site-info ul li {
    line-height: 2;
}
.site-info ul li, .site-info ul li a {
    color: #fff;
    letter-spacing: 0.65px;
    font-weight: 400;
    list-style: none;
    text-decoration: none;
}
.site-info ul li, .site-info ul li a:hover {
    color: rgba(255, 255, 255, 0.9);
}
.site-info ul li:first-of-type~li {
    font-size: 0.8rem;
}
.site-info h4, .site-info span.footer-titel {
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 5px;
}
span.footer-titel {
    text-transform: uppercase;
    font-weight: bold;
}

/**
 * Showroom/Afbouwgroothandel
 * ----------------------------------------------------------------------------
 */

#showroom h1 {
    text-align: center;
    line-height: 1.6;
}
#showroom {
    padding-top: 80px;
    overflow: hidden;
}
#flip-controls {
    display: table;
    margin: 0 auto;
    padding: 4px;
    border: 2px solid #ffa100;
}
#flip-map, #flip-controls {
    margin-top: 30px;
}
#flip-controls button {
    letter-spacing: 0.65px;
    font-weight: 500;
    font-size: 1.2rem;
    border: 0;
    padding: 12.5px;
    color: #071133;
    width: 150px;
    text-transform: uppercase;
    background: #fff;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
#flip-controls button.active {
    background: #071133;
    color: #fff;
}
.panel {
    margin: 0 auto;
    height: 400px;
    width: 1070px;
    position: relative;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
}
.panel .front, .panel .back {
    text-align: center;
    width: 100%;
}
.panel .front {
    height: inherit;
    position: absolute;
    top: 0;
    z-index: 900;
    text-align: center;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.panel .back {
    height: inherit;
    position: absolute;
    top: 0;
    z-index: 800;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.panel.flip .front {
    z-index: 900;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}
.panel.flip .back {
    z-index: 1000;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
}
.box1 {
    background-color: #f4f4f4;
    height: 400px;
    width: 100%;
    margin: 0 auto;
}
.box2 {
    background-color: #f4f4f4;
    height: 400px;
    width: 100%;
    margin: 0 auto;
}
.box1 .col {
    width: 50%;
    height: 100%;
    text-align: left;
    float: left;
}
.box1 .col:first-of-type {

}
.box1 .col:nth-of-type(2) {
    padding: 60px;
}
.box1 .col:nth-of-type(2)>p:first-of-type {
    font-weight: 700;
    font-size: 2.2rem;
    text-transform: uppercase;
    color: #071133;
}
.box1 .col:first-of-type .royalSlider img {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

/**
 * Wandafwerking
 * ----------------------------------------------------------------------------
 */

#afwerking-box {
    max-width: 1070px;
    margin: 0 auto;
    margin-top: 90px;
    background: #f4f4f4;
    position: relative;
    padding: 15px;
}
#afwerking-box .col:first-of-type {
    float: right;
    padding-left: 15px;
}
#afwerking-box .col {
    width: 50%;
    float: left;
    text-align: left;
}
#afwerking-box .col:first-of-type ul li a {
    letter-spacing: 0.65px;
    font-size: 1.5rem;
    padding: 20px 15px;
    position: relative;
    padding-left: 90px;
    padding-right: 40px;
    display: block;
    transition: 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
#afwerking-box .col:first-of-type ul li a:hover {
    background: #fff;
    -webkit-box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, .1);
}
#afwerking-box .col:first-of-type ul li a:before {
    width: 15px;
    height: 15px;
    position: absolute;
    content: "";
    background: #071133;
    top: 31px;
    left: 40px;
}
#afwerking-box .col:first-of-type ul li a .fa {
    float: right;
    margin-top: 5px;
    opacity: 0;
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    transition: .4s;
}
#afwerking-box .col:first-of-type ul li a:hover .fa {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}
#afwerking-box .col:nth-of-type(2) {
    padding: 15px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding-right: 0;
}
#afwerking-box .col:nth-of-type(2) div {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/velutto.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
#afwerking-box .col:nth-of-type(2).frescolori div {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/frescolori.jpg) no-repeat;
    background-size: cover;
}
#afwerking-box .col:nth-of-type(2).leem div {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/leem.jpg) no-repeat;
    background-size: cover;
}
#afwerking-box .col:nth-of-type(2).metallic div {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/metallic.jpg) no-repeat;
    background-size: cover;
}
#afwerking-box .col:nth-of-type(2).moodpaints div {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/moodpaints.jpg) no-repeat;
    background-size: cover;
}
#afwerking-box .col:nth-of-type(2).velutto div {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/velutto.jpg) no-repeat;
    background-size: cover;
}
#afwerking-box .col:nth-of-type(2).muur div {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/muur.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
#afwerking-box .col:nth-of-type(2).spachtel div {
    background: url(https://www.kwabo.nl/wp-content/uploads/2017/09/spachtel.jpg) no-repeat;
    background-size: cover;
}

/**
 * Zoekresultaten pagina / 404 error pagina
 * ----------------------------------------------------------------------------
 */

.search .content-area, .error404 .content-area {
    padding: 45px 0px;
}
.search .site-content, .error404 .site-content {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}
.s-result {
    text-transform: none;
    font-style: italic;
    font-weight: 100;
}

/**
 * Subpagina's
 * ----------------------------------------------------------------------------
 */

.search .site-content .page {
    background: #eef3f9;
    margin-bottom: 1em;
    padding: 1em;
}
.search .site-content .page h1 {
    text-align: left;
    text-transform: none;
    font-size: 20px;
    font-weight: 800;
    margin-top: 0;
}
.search .site-content .page .entry-header {
    padding: 0;
}
a.more-link {
    display: table;
    margin-top: 1em;
    text-decoration: none;
    font-weight: bold;
}
.search .site-content .page .entry-summary p {
    margin-bottom: 0;
}

/**
 * Footer
 * ----------------------------------------------------------------------------
 */

.social a {
    font-size: 2rem;
    line-height:1.6;
}
.social a:first-of-type {
    margin-right: 10px;
}
span.space {
    display: inline-block;
    width: 12px;
}
.tfc-btn {
    width: 130px;
    display: block;
}
.site-info ul:nth-of-type(5) li:nth-of-type(6) p {
    width: 150px;
    color: white;
    font-size: 10px;
    margin: 0;
}
.tfc-btn img {
    width: 100%;
}

/**
 * Misc
 * ----------------------------------------------------------------------------
 */

.to-top {
    position: fixed;
    right: 15px;
    bottom: 15px;
    text-decoration: none;
    font-weight: 700;
    color: #071133;
    background: #fff;
    padding: 10px;
    letter-spacing: 0.65px;
}
.to-top:hover {
    background: rgba(255, 255, 255, 0.8);
}
.box-wrapper .box-info .c-box.c-fixed {
    width: 456px;
    margin: 0 auto;
    padding: 22px;
    border-radius: 0px 0px 5px 0px;
    background: #211798;
}
.dealers ul li:first-of-type {
    font-weight: 700;
}
.dealers ul {
    width: 350px;
    float: left;
    margin-bottom: 30px;
}
.dealers ul:nth-of-type(2n+3) {
    clear: both;
}
.wpsl-search {
    margin-bottom: 12px;
    padding: 12px 12px 0;
    background: #071133;
    color: white;
}
input#wpsl-search-btn {
    background: #071133;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    transition: .1s ease-in-out;
    border-radius: 3px;
    font-size: 1rem;
    letter-spacing: 0.65px;
    font-weight: 700;
    border: 0;
    height: 39px;
    padding: 0px 30px;
}
input#wpsl-search-btn:hover {
    background: #071133;
    transition: .1s ease-in-out;
}
@media (max-width: 767px) {
    #products .p-btn {
        width: 100%;
        height: auto;
    }
    .projectMaat a {
    	width: 100%;
    	margin: 0px 0px;
    	margin-bottom: 10px;
    	height: 150px;
    }
    .kerst.top-info.inner p {
    	font-size: 18px;
    }
    .kerst.top-info.inner h1 {
    	font-size: 1.5rem;
    }
    .kerst.top-info.inner h2 {
    	font-size: 22px;
    }
    section.showroom.showroomImg .gallery .gallery-item {
    width: 50%;
    margin-bottom: 10px;
}
.stappen .stap {
    display: block;
    width: initial;
    float: initial;
    margin-bottom: 2em;
}

    .vlaggetjes a:nth-of-type(1), .vlaggetjes a:nth-of-type(2) {
        top: 55%;
    }
    .vlaggetjes a:nth-of-type(1) {
        right: initial;
        left: 1.5em;
    }

        .vlaggetjes a:nth-of-type(2) {
        right: 1.5em;
        left: initial;
    }
body:not(.home) section.producten {
    margin-top: 45px;
    padding-top: 45px;
}
.plinten .tabel.box-wrapper {
    display: block;
    float: initial;
    width: 100%;
    overflow: hidden;
}
.cAfb {
    width: 100% !important;
    display: block;
    margin: 0px 0px;
    margin-bottom: 10px;
}
.cAfb img {
	width: 100% !important;
	height: auto !important;
}
.stappen .stap span {
    margin-left: 0;
    display: inline-block;
    vertical-align: top;
}
.rozetBox span {
    width: 100% !important;
    height: 300px !important;
    display: block !important;
    margin: 0;
}
section.sierlijstenmaat.pdng-t {
    padding-bottom: 45px;
}
section.stappenplan, .rozettenMaat {
    padding: 45px 0px;
}
.rozetBox {
    margin-top: 0;
}
.stappen .stap span:after {
    display: none;
}
.stappen .stap p {
    text-align: left;
    width: 75%;
    color: #071133;
    font-size: 14px;
    margin: 0 auto;
    display: inline-block;
    padding-left: 1em;
    vertical-align: middle;
}
    .sfeerfotos .logos {
    	margin: 2em 0em;
    }
ul.producten li {
    display: block;
    width: 100%;
    vertical-align: top;
    margin-bottom: 0;
}
ul.producten li span {
    width: auto;
}
.logoFotos {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    vertical-align: top;
    margin-top: 0px;
}

    .tabel tr td:first-of-type, .tabel tr th:first-of-type {
    	padding: 10px 0px;
    }
    .tabel th {
    	    padding-left: 5px;
    padding-right: 5px;
    }
    .tabel table {
    	font-size: 12px;
    }
    .box-wrapper.Boxes span {
    display: block;
    font-size: 15px;
    max-width: initial;
    margin: 0 auto;
    background: #ffffff;
    padding: 0em;
    text-align: left;
    border-radius: 5px;
    width: 100%;
    vertical-align: top;
    min-height: auto;
    margin: 2em 0em;
}
.page-id-758 .sfeerfotos .gallery .gallery-item {
    margin: 0;
    display: block;
    width: 50%;
    height: 150px !important;
    margin-bottom: 10px;
    overflow: hidden;
    float: left;
}
article.category-projecten .gallery  {
	text-align: center;
}
.showroom .gallery-item {
	width: 50%;
	margin-bottom: 10px;
	height: 100px;
}
#portfolio {
	padding: 10px;
}
#portfolio .project {
	height: 200px !important;
	    margin-bottom: 10px;
    overflow: hidden;
}
article.category-projecten .entry-content p {
	width: 100%;
}
h1.entry-title {
	margin-top: 45px;
}
article.category-projecten .gallery .gallery-item {
	width: 49%;
	height: 150px;
    margin-bottom: 5px;
}
.showroom .gallery-item img {
	height: auto;
	width: 100%;
}
    section.team.pdng-t {
    padding-top: 45px;
}
section#wandafwerkingpagina {
    padding: 15px;
}
section#wandafwerkingpagina .projects-grid .project:nth-of-type(1) {
    top: 250px !important;
}
section#wandafwerkingpagina .projects-grid .project:nth-of-type(2) {
    top: 0px !important;
}
.imgGrid {
    padding: 45px 15px;
}
.project {
    width: 100%;
    height: 250px !important;
}
     #overons .box-wrapper .box-persoon {
        width: 100%;
        margin-top: 100px;
        margin-left: 0;
        padding-top: 90px;
    }
    a.tfclogo {
    	display: none;
    }
    #overons .box-wrapper .box-persoon:nth-of-type(3n+1) {
        margin-right: 0;
    }
    #overons .box-wrapper .box-persoon:nth-of-type(3n+3) {
        margin-left: 0em;
    }
    #overons .box-wrapper .box-persoon span {
        width: 150px;
        height: 150px;
        top: -75px;
    }
     .imgGrid .gallery-item:nth-of-type(1n) {
        width: 100%;
        height: 125px;
            margin: 0;
        margin-bottom: 10px;
    }

    .post-907 .imgGrid .gallery-item:nth-of-type(5) .gallery-icon a img, .post-1608 .gallery-item:nth-of-type(8) img, .post-1608 .gallery-item:nth-of-type(3) img, .post-1608 .gallery-item:nth-of-type(5) img, .post-1614 .imgGrid .gallery-item:nth-of-type(5) img, .post-903 .imgGrid .gallery-item:nth-of-type(8) .gallery-icon a img, .post-903 .imgGrid .gallery-item:nth-of-type(10) .gallery-icon a img, .post-903  .imgGrid .gallery-item:nth-of-type(13) .gallery-icon a img, .post-903 .imgGrid .gallery-item:nth-of-type(18) .gallery-icon a img, .post-917 .imgGrid .gallery-item:nth-of-type(3) .gallery-icon a img {
    height: auto !important;
    width: 100% !important;
}

.inner.contact.padding {
    padding-top: 45px;
}
.afbouw {
    margin-top: 45px;
}
.overlay-content {
    top: 45%;
}
.post-24 h1.entry-title {
    font-size: 1.5rem;
}
.nav-links a {
    display: table;
    width: 80%;
}
.category-projecten h1.entry-title {
    font-size: 1.5rem;
}
.page-id-103 .pdng, .page-id-758 .entry-content {
    padding-bottom: 45px;
}
.parent-pageid-1549 section.pdng-t, .parent-pageid-26 section.pdng-t {
    padding-bottom: 0px;
}
.post-1611 .imgGrid .gallery-item {
    width: 100% !important;
}

    #products .p-btn>div {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #products .p-btn:last-of-type {
        background-position: -10px 20px;
        background-size: 90%;
    }
    .m-lnk h2 {
        font-size: 1.5rem;
    }
    .afbouw .Boxes {
    display: block;
    width: 100%;
    margin-right: 0;
}
.afbouw .box-info {
    display: block;
    width: 100%;
    padding: 1em;
}
.sfeerfotos .gallery .gallery-item {
    margin: 0;
    display: inline-block;
    width: 50%;
    height: 200px;
    border: 0 !important;
    overflow: hidden;
}
    .sfeerfotos .logoFotos .gallery-item {
    width: 25%;
    height: 100px;
}
.afbouw .Boxes .box {
    padding: 1em !important;
    background: #fafafa !important;
}
    #showroom h1 br {
        display: none;
    }
    .linksLogo {
    display: table;
    width: 100%;
    vertical-align: top;
    margin-top: 90px;
}
    #showroom h1 {
        font-size: 1.5rem;
    }
    .site-info ul {
        float: initial;
    }
    .box-wrapper .box-item h2 {
        height: auto;
    }
    .box-wrapper .box-item {
        margin-bottom: 30px;
    }
    .box-wrapper .box-item:last-of-type {
        margin-bottom: 0;
    }
    .team .box-wrapper .persoon, .box-wrapper .item, .box-wrapper .box-item, .afbouw .box-wrapper .box-item {
        width: 100%;
    }
    .afbouw .Boxes .box-item {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }
    .side-projects .listing-item {
        height: 155px;
    }
    .box-wrapper .item {
        height: auto;
        padding: 20px;
        padding-top: 0;
    }
}
@media (max-width: 768px) {
    body:not(.home) section#home {
        background-attachment: initial;
    }
    .box-wrapper .box-afb {
        display: block;
        width: 100%;
    }
    .box-wrapper .box-info {
        display: block;
        width: 100%;
    }
    #sierlijsten-page #products {
    margin-top: 0;
    background-size: cover;
    background-position: center center;
    display: block;
    float: initial;
    width: 100%;
}
#sierlijsten-page .box-wrapper {
    display: block;
    width: 100%;
    text-align: left;
    margin-top: 0;
    height: auto;
    position: relative;
}
#sierlijsten-page .box-wrapper ul {
    position: relative;
    top: initial;
    transform: initial;
}
    .cAfb {
    	width: 31%;
    }
    .stappen .stap span:after {
        width: 125px;
    }
    .rozetBox span {
        width: 125px;
        height: 125px;
    }

    .rozetBox span:after {
        width: 300px;
    }
     section#keuzes a.kwabo, section#keuzes a.tfc  {
        float: initial;
        position: relative;
        display: block;
        width: 100%;
        height: 50%;
    }
    section#keuzes a.kwabo span, section#keuzes a.tfc span {
        padding: 1em;
        font-size: 16px;
    }
    section#keuzes a.kwabo .logo, section#keuzes a.tfc .logo {
        width: 150px;
        height: 100px;
    }
    #afwerking-box .col:nth-of-type(2) {
        display: none;
    }
    #afwerking-box .col:first-of-type {
    float: initial;
    padding-left: 0;
    width: 100%;
}
#afwerking-box .col:first-of-type ul li a {
    font-size: 1.2rem;

}
    .col-m {
        width: 100%;
    }
    .box-item .afb {
        width: 42%;
        height: 152px;
        margin: 0px 10px;
        margin-bottom: 20px;
    }
    .box-wrapper .box-info .box-item.c-box div:nth-of-type(1), .box-wrapper .box-info .box-item input, .box-wrapper .box-info .box-item textarea {
        margin: 0 auto;
    }
    .box-wrapper .box-info .box-item input.wpcf7-form-control.wpcf7-submit {
        float: initial;
    }
    .producten .box-wrapper .box-afb h2 {

    }
    .box-wrapper .box-info .box-item.c-box div:nth-of-type(1) span {
        display: block;
        margin: 0 auto;
        margin-top: 1em;
    }
    figure.gallery-item {
        width: 50%;
        height: 250px;
    }
    figure.gallery-item:nth-of-type(2n) {

    }
    .box-wrapper .box-info .box-item.c-box div ul {
        width: 100%;
        text-align: center;
        padding-left: 0;
    }
    body:not(.home) section.producten {
        background-attachment: initial;
    }
    .navbar {
        float: left;
        margin-top: 20px;
        clear: both;
    }
    .box1 .col:nth-of-type(2) br {
        display: none;
    }
    .home-link {
        margin: 0 auto;
        float: none;
        max-width: 160px;
    }
    .panel, .box1 .col:nth-of-type(2) {
        width: 100%;
    }
    .box1 .col:nth-of-type(2) {
        padding: 15px;
    }
    .box1 .col:first-of-type {
        display: none;
    }
    .box1 .col:nth-of-type(2)>p:first-of-type, h1 {
        font-size: 2rem;
    }
    .search-btn {
        position: absolute;
        right: 15px;
        top: 23px;
        margin: 0;
    }
    .m-lnk {
        width: 100%;
        height: auto;
        padding-bottom: 25px;
    }
    .m-lnk:nth-of-type(2) {
        border-left: 0;
        border-right: 0;
        border-top: 2px solid #ebebeb;
        border-bottom: 2px solid #ebebeb;
    }
    .m-lnk .fa-chevron-circle-right {
        display: none;
    }
    .top-info p {
        font-size: 1.5rem;
    }
    .navbar {
        position: absolute;
        top: 10px;
        text-align: left;
        z-index: 40;

        display: none;
    }
    #portfolio .project-meta {
    	    background: rgba(12, 78, 149, 0.8);
    opacity: 1;
    }
    .project .tekst h2 {
    font-size: 24px;
    width: 100%;
    margin: 0 auto;
}
.overlayBox {
	    background: rgba(228, 228, 228, 0.8);
    opacity: 1;
}
    .scroll-back-to-top-wrapper.show {
        width: auto;
        right: 15px;
        bottom: 10px;
    }
    .contact .col:first-of-type {
        width: 100%;
    }
    .googleMap {
        clear: both;
        margin-top: 3em;
        float: left;
        width: 100%;
    }
    .contact .wpcf7 {
        margin-top: 2em;
        margin-bottom: 2em;
    }
    .contact .col {
        display: block;
        vertical-align: top;
        width: 100%;
    }
    .nav-menu li {
        display: block;
        position: relative;
        height: auto;
        clear: both;
    }
    .nav-menu li a {
        margin: 15px 0;
    }
    .sub-menu li {
        float: none;
    }
    ul.nav-menu li:hover>ul, .nav-menu ul li:hover>ul, ul.nav-menu .focus>ul, .nav-menu .focus>ul {
        width: 100%;
    }
    .wrtng {
        padding-left: 13px;
    }
    .site-info ul {
        margin-bottom: 30px;
    margin-right: 30px;
    }
    .search-field {
        font-size: 1.5rem;
    }
    .menu-hoofdmenu-container {
        padding-top: 25px;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        transition: .4s;
        -webkit-transform: translateX(-115%);
        -moz-transform: translateX(-115%);
        transform: translateX(-115%);
    }
    .toggled-on .menu-hoofdmenu-container {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
    .menu-hoofdmenu-container .sub-menu {
        background: #fff;
        color: #211798;
        padding: 15px 20px;
    }
    #primary-menu {
        background: #211798;
        padding: 5px 15px;
    }
    .top-info {
        border-left: 0;
    }
    /* Small menu */
    .menu-toggle {
        cursor: pointer;
        display: inline-block;
        margin: 0;
    }
    .menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active {
        background: none;
        border: none;
        color: #fff;
        font-weight: 600;
        padding: 0;
        margin: 0;
        font-size: 1em;
    }
    .toggled-on .nav-menu, .toggled-on .nav-menu>ul {
        display: block;
        margin-left: 0;
        padding: 0;
        width: 100%;
    }
    .toggled-on li, .toggled-on .children {
        display: block;
    }
    .toggled-on .nav-menu li>ul {
        display: block;
        float: none;
        left: auto;
        width: auto !important;
        top: auto;
    }
    .toggled-on .nav-menu li>ul a {
        width: auto;
        color: #071133;
    }
    .toggled-on .nav-menu li:hover>a, .toggled-on .nav-menu .children a {
        background-color: transparent;
    }
    .toggled-on .nav-menu>li a:hover, .toggled-on .nav-menu>ul a:hover {}
    .toggled-on .nav-menu>li a:focus, .toggled-on .nav-menu>ul a:focus {}
    ul.nav-menu, div.nav-menu>ul {}
}
@media (max-width: 960px) {
    input[type="text"], input[type="email"], input[type="tel"], input[type="submit"], textarea {
        -webkit-appearance: none;
        border-radius: 0;
    }
    a[href^="tel"] {
        color: inherit;
        text-decoration: none;
    }
}

@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
    .vlaggetjes a:nth-of-type(1), .vlaggetjes a:nth-of-type(2) {
        top: 25%;
    }
}


@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {

    .linksLogo {
    display: table;
    width: 100%;
    vertical-align: top;
}

.site-info ul {
    width: 25%;
    height: 250px;
}

    .vlaggetjes a:nth-of-type(1), .vlaggetjes a:nth-of-type(2) {
        top: 60%;
    }

.logoFotos {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    vertical-align: top;
    margin-top: 0px;
}

.sfeerfotos .logoFotos .gallery-item {
    height: 125px;
}

.logoFotos .gallery-item img {
    width: 70%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
}
}

@media (min-width: 768px) and (max-width: 1023px) {
    #products .p-btn h3 {
        font-size: 1.3rem;
    }
    article.category-projecten .gallery {
    	text-align: center;
    }



    #products .p-btn {
        height: 185px;
    }
    .rozetBox span {
    height: 150px;
    width: 150px;
}
    a.tfclogo {
    	    position: absolute;
    top: 0;
    right: 2em;
    }
    .box-wrapper .item h4 {
        font-size: 0.8rem;
        padding: 0 10px;
        width: 100%;
        height: 215px;
    }
    section#keuzes a.kwabo, section#keuzes a.tfc  {
        float: initial;
        position: relative;
        display: block;
        width: 100%;
        height: 50%;
    }
    section#keuzes a.kwabo span, section#keuzes a.tfc span {
        padding: 2em;
    }
    .project {
        width: 50%;
        height: 300px !important;
    }
    .afbouw .Boxes {
    display: block;
    width: 100%;
    margin-right: 0;
}
.afbouw .box-info {
    display: block;
    width: 100%;
}
.sfeerfotos .gallery .gallery-item {
    height: 200px;
}
     #overons .box-wrapper .box-persoon {
        width: 45%;
    }
    #overons .box-wrapper .box-persoon:nth-of-type(3n+1) {
    margin-right: 0em;
    }
    #overons .box-wrapper .box-persoon:nth-of-type(3n+3) {
        margin-left: 0;
    }
    #overons .box-wrapper .box-persoon:nth-of-type(2n+1) {
    margin-right: 1em;
    }
    #products .p-btn:last-of-type>div, #products .p-btn>div {
        margin-top: 45px;
    }
    #products .p-btn:last-of-type {
        background-position: -20px 25px;
    }

    body:not(.home) section#home {
        background-attachment: initial;
    }
    .box-wrapper .box-afb {
        display: block;
        background: white;
        width: 100%;
        float: left;
    }
    .box-wrapper .box-info {
        display: block;
        width: 100%;
    }
    .afbouw .Boxes .box-item {
        width: 70%;
        margin-bottom: 10px;
    }
    .afbouw .Boxes .box-item:first-of-type p.open {
        height: 120px;
    }
    .afbouw .Boxes .box-item:nth-of-type(2) p.open {
        height: 120px;
    }
    .afbouw .Boxes .box-item:last-of-type p.open {
        height: 90px;
    }
    .box-item .afb {
        width: 30%;
        margin: 0px 10px;
        margin-bottom: 20px;
    }


    .box-wrapper .box-info .box-item.c-box div:nth-of-type(1), .box-wrapper .box-info .box-item input, .box-wrapper .box-info .box-item textarea {
        width: 75%;
        margin: 0 auto;
    }
    .box-wrapper .box-info .box-item input.wpcf7-form-control.wpcf7-submit {
        float: initial;
    }
    .producten .box-wrapper .box-afb h2 {
        width: 100%;
    }
    body:not(.home) section.producten {
        background-attachment: initial;
    }
    .contact .col:first-of-type {
        width: 60%;
    }
    .contact .col {
        width: 39%;
    }
    .box-wrapper .box-item h2 {
        height: 88px;
    }

}
@media (min-width: 1023px) and (max-width: 1100px) {
    #products .p-btn {
        height: 250px;
    }
    .site-info ul {
        margin-bottom: 20px;
    }
    #menu-item-105 ul.sub-menu {
        position: absolute;
        right: 0;
    }
    .stappen .stap span:after {
        width: 150px;
    }
    .rozettenMaat .inner {
        width: 100%;
    }
    .rozetBox span {
        height: 150px;
        width: 150px;
    }
    .rozetBox span:after {
        width: 350px;
    }

       a.tfclogo {
    	    position: absolute;
    top: 0;
    right: 2em;
    }
    .project {
        width: 50%;
        height: 300px !important;
    }
         .afbouw .Boxes .box-item:nth-of-type(2) p.open {
        height: 190px;
    }
    .afbouw .Boxes .box-item:nth-of-type(1) p.open {
        height: 190px;
    }
    .afbouw .Boxes .box-item:nth-of-type(3) p.open {
        height: 120px;
    }
    body.home #showroom {
    	    width: 100%;
    }
    .port-slider {
        height: 250px;
    }
    .panel {
        width: 100%;
    }
  /*  body:not(.home) .site-content {
        padding: 90px 15px;
    }*/
    .m-lnk p br {
        display: none;
    }
    .m-lnk p {
        font-size: 0.8rem;
    }
    body:not(.home) section#home {
        background-attachment: initial;
        height: 30vh;
    }
    .box-item .afb {
        width: 47%;
        height: 170px;
    }
    .nav-menu li a {
        font-size: 0.85rem;
        margin: 15px 10px;
    }
    .home-link {
        max-width: 150px;
        margin-right: 15px;
    }
    .search-btn {
        margin-left: 20px;
    }
    #products .p-btn>div {
        margin-top: 55px;
    }
    #products .p-btn:last-of-type>div {
        margin-top: 110px;
    }
}


@media (min-width:780px) and (max-width: 1030px) {


a.tfclogo {
    position: absolute;
    top: 2em !important;
    right: 2em !important ;
}

.search-btn {
    position: absolute;
    top: 2em;
    right: 1em;
}

.navbar {
    display: inline-block;
    position: absolute;
}

.home-link {
    max-width: 150px;
}


}

@media (min-width: 768px) {

.vlaggetjes a:nth-of-type(1) {
    right: 10em;
}

}

@media (min-width: 1024px) {

#keuzes .vlaggetjes {
    top: 60px;
}

}

@media (min-width: 1180px) {

#keuzes .vlaggetjes {
    top: 40%;
    right: 20px;
}
.vlaggetjes a:nth-of-type(1) {
    right: 9em;
}

}