@font-face {
font-family: 'TWK Lausanne 300';
src: url(https://www.kwabo.nl/sierlijsten/wp-content/themes/kwabotechniek/inc/fonts/TWKLausanne/TWKLausanne-300.woff2) format('woff2'),
url(https://www.kwabo.nl/sierlijsten/wp-content/themes/kwabotechniek/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: '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: 'TWK Lausanne 300', sans-serif;
}
.cc-window { font-family: 'TWK Lausanne 300', sans-serif !important;
} .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; }
: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 { 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;
} 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.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;
} .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;
}   .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-size: 2.3rem;
letter-spacing: 0.65px; color: #211798;
display: block; 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: 'TWK Lausanne 300', sans-serif;
font-size: 2rem;
} .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;
} .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; 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;
} .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;  width: 100%; padding: 0;
}
@media (max-width: 768px) {
#home {
min-height: 300px;
background-image: url(https://www.kwabo.nl/sierlijsten/wp-content/themes/kwabotechniek/images/banners/kooflijsten.jpg);
}
}
body:not(.home) section#home {
height: 45vh; background-image: url(https://www.kwabo.nl/sierlijsten/wp-content/themes/kwabotechniek/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(https://www.kwabo.nl/sierlijsten/wp-content/themes/kwabotechniek/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 { }
.navbar {
float: left; }
.site-header {
padding: 15px 0;
width: 100%;
position: absolute;
top: 0;
background-color: white;
}
.site-header .inner { }
.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;
} .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-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; 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);
} 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;
}
} 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;
} #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; 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-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%;    }
#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;
} 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;
} 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-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;
} .page-id-22 header.entry-header {
display: none;
} @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: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;
} .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;
} 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 {  background-image: url(https://www.kwabo.nl/sierlijsten/wp-content/themes/kwabotechniek/images/banners/perklijstenhoeken.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center 30%;
}
body.page-id-52 section#home {  background-image: url(https://www.kwabo.nl/sierlijsten/wp-content/themes/kwabotechniek/images/banners/plinten.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center 10%;
}
body.page-id-48 section#home {  background-image: url(https://www.kwabo.nl/sierlijsten/wp-content/themes/kwabotechniek/images/banners/rozetten.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center 10%;
}
body.page-id-46 section#home {  background-image: url(https://www.kwabo.nl/sierlijsten/wp-content/themes/kwabotechniek/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; 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;
} 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/sierlijsten/wp-content/themes/kwabotechniek/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 .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;
} .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-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;
} .overlay {
height: 0;
width: 100%;
position: fixed;
z-index: 1;
left: 0;
top: 0; 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;
} .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;
} #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 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;
} #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;
} .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;
} .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;
} .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%;
} .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;
} .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%;
} .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;
}
}