@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;800&display=swap');

/*
Theme Name: Spoinq Theme
Description: Spoinq Theme
Version: 1.0
*/




/* CSS Document
	Resetting browser default styles
	All 
	Header
		Top menu
	Heading
	Content block
	Bottom gallery
	Blog list
	Single block
	Designers block
	Contact block
	Projecten block
	Project slider
	Single project
	Gebruikte producten
	Collectie slider
	Specificaties block
	Collectie block
	Collectie dealers
	Product cat
	Vakmanschap block
	Footer 
		Bottom menu
	Media Queries
*/


.fr a[class="selected"] {
    display: none !important;
}

.header .search_form_wrap {
    right: 260px !important;
}

.nav-lang-wrap {
    top: 480px;
    left: -45px;
    width: 300px;
    position: absolute;
}

.nav-lang-wrap .lang_sel_list_horizontal {
    border: none;
    background: unset !important;
}

.nav-lang-wrap .lang_sel_list_horizontal ul li {
    position: unset !important;
    width: 60px !important;
    margin-right: 5px !important;
}

.mobile_buttons {
    display: none;
}

@media only screen and (max-width: 959px) {
    .header .search_form_wrap {
        right: -30px !important;
    }

    .sub-menu {
        visibility: hidden;
    }

    .mobile_buttons {
        display: block;
    }
}

.fr .nl_trans, .fr .en_trans {
    display: none !important;
}

.nl .fr_trans {
    display: none !important;
}

.en .fr_trans {
    display: none !important;
}

.en .nl_trans {
    display: none !important;
}

.nl .en_trans {
    display: none !important;
}

.fr .contact_block ul li {
    display: block !important;
}

.fr .contact_block ul li:first-child {
    font-weight: 500 !important;
    font-size: 23px !important;
    color: #6A6E78 !important;
}

.fr .gform_wrapper .gform_footer {
    margin: 16px 50px 0 !important;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item {
    margin-right: 20px !important;
}

/* Mobile menu */
.menuopened {
    height: 100%;
    overflow: hidden;
}

.mobile_menu {
    display: none;
    position: absolute;
    top: 0;
    left: -200%;
    width: 100%;
    height: 100%;
    z-index: 9999;
    -webkit-transition: left linear .3s;
    transition: left linear .3s;
}

.mobile_menu > div {
    position: absolute;
    top: 0;
    left: 0;
    background: #004677;
    width: 80%;
    height: 100%;
    overflow: auto;
    box-shadow: rgba(0, 0, 0, .55) 0 0 13px 0;
}

.menuopened .mobile_menu {
    left: 0;
}

body:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -200%;
    left: -200%;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    -webkit-transition: opacity linear .2s;
    transition: opacity linear .2s;
    z-index: 9998;
}

.menuopened body:before {
    opacity: 1;
    top: 0;
    left: 0;
}

.mobile_menu nav {
    padding: 50px 0 1px 0;
    background: #025691;
}

.logged-in .mobile_menu nav {
    padding-top: 90px;
}

.mobile_menu nav > ul > li {
    font: 20px 'Ubuntu';
}

.mobile_menu nav > ul > li > a, .mobile_menu nav > ul > li > a:visited {
    display: block;
    padding: 12px 40px 12px 15px;
    color: #fff;
    background: #004677;
    margin-top: 1px;
    position: relative;
}

.mobile_menu nav > ul > li > a:hover {
    color: #ffde16;
}

.mobile_menu nav > ul > li.menu-item-has-children > a:before {
    content: '';
    display: block;
    width: 10px;
    height: 7px;
    background: url(images/icons/arrow.png) no-repeat;
    position: absolute;
    top: 21px;
    right: 15px;
    -webkit-transition: transform linear .2s;
    transition: transform linear .2s;
}

.mobile_menu nav > ul > li.menu-item-has-children.active > a:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.mobile_menu nav > ul > li > ul {
    padding: 0 0 0 50px;
    display: none;
}

.mobile_menu nav > ul > li.active > ul {
    display: block;
}

.mobile_menu nav > ul > li > ul li {
    padding: 10px 0;
}

.mobile_menu nav > ul > li > ul li a, .mobile_menu nav > ul > li > ul li a:visited {
    color: #fff;
}

.mobile_menu nav > ul > li > ul li a:hover {
    color: #ffde16;
}

body.search.search-no-results .news_section article {
    padding: 40px;
}

body.search.search-no-results .news_section article h1 {
    font-size: 18px;
}

/* .logged-in .menu_trigger.active {right: 5%;} */


/* Resetting browser default styles */
html, body {
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

body {
    font: 300 18px/27px 'Raleway', sans-serif;
    color: #424755;
    background: #fff;
}

div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption {
    margin: 0;
    padding: 0;
}

header, section, footer, aside, nav, article, figure, figcaption {
    display: block;
}

table {
    border-collapse: collapse;
}

img {
    border: none;
    max-width: 100%;
    height: auto;
}

iframe, object, embed {
    max-width: 100%;
}

ul, li {
    list-style: none;
}

input[type="text"] {
    font-family: 'Open Sans', sans-serif;
}

input {
    vertical-align: middle;
    font-family: 'Open Sans';
}

input:focus, textarea:focus {
    outline: none;
    font-family: 'Open Sans';
}

button, input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: none;
    font-family: 'Open Sans';
}

a, a:active, a:visited {
    text-decoration: none;
    color: #c4d443;
    -webkit-transition: color linear .2s;
    transition: color linear .2s;
}

a:hover {
    text-decoration: none;
    color: #c4d443;
}


/* All */
.page-id-6745 .wrapper {
    width: 100%;
}

.wrapper {
    width: 1230px;
    margin: 0 auto;
    position: relative;
}

.footer .wrapper, .powered .wrapper {
    width: 1330px;
}

.clear:after, .wrapper:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

.alignright {
    float: right;
    margin: 0 0 15px 15px;
}

.alignleft {
    float: left;
    margin: 0 15px 15px 0;
}

.cover {
    display: none;
}

*[data-cover] {
    min-height: 365px;
    background: url(images/blank.gif) center center no-repeat;
    background-size: cover;
}

.umloading {
    background: none !important;
}

#gform_fields_4 li {
    width: 100%;
}

input#gform_submit_button_4 {
    position: relative;
    left: 54px;
}


h1 {
    font: 300 36px 'Raleway';
    color: #333743;
    letter-spacing: 1.71px;
    padding-bottom: 20px;
}

h2 {
    font: 500 24px 'Raleway';
    color: #333743;
    letter-spacing: 3.42px;
    padding: 15px 0;
}

h3 {
    font: 22px 'Raleway';
    padding-bottom: 20px;
}

h4 {
    font: 19px 'Raleway';
    color: #ced855;
    padding-bottom: 20px;
}

h5 {
    font: 500 18px 'Raleway';
    padding-bottom: 15px;
    letter-spacing: 2px;
}

.button, .button:visited {
    color: #fff;
    padding: 15px 20px;
    min-height: 22px;
    font: 500 14px/20px 'Raleway';
    border: 1px solid #c4d443;
    border-radius: 5px;
    background: #c4d443;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: background-color linear .2s, border-color linear .2s;
    transition: background-color linear .2s, border-color linear .2s;
    letter-spacing: 0;
}

.button:hover {
    color: #fff;
    background: #9297a3;
    border-color: #9297a3;
}

.button.button_big, .button.button_big:visited {
    padding: 15px 35px;
    font-size: 16px;
}

.button.button_transparent, .button.button_transparent:visited {
    border-color: #fff;
    background: transparent;
}

.button.button_transparent:hover {
    color: #fff;
    background: #c4d443;
    border-color: #c4d443;
}

.button.button_white, .button.button_white:visited {
    background: #fff;
    border-color: #fff;
    color: #9c9689;
}

.button.button_white:hover {
    color: #fff;
    background: #c4d443;
    border-color: #c4d443;
}

.button.button_dark, .button.button_dark:visited {
    background: #333743;
    border-color: #333743;
    color: #fff;
}

.button.button_dark:hover {
    color: #fff;
    background: #c4d443;
    border-color: #c4d443;
}

#facebox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    text-align: left;
}


#facebox .popup {
    position: relative;
    border: 3px solid rgba(0, 0, 0, 0);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
}

#facebox .content {
    display: table;
    width: 370px;
    padding: 10px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#facebox .content > p:first-child {
    margin-top: 0;
}

#facebox .content > p:last-child {
    margin-bottom: 0;
}

#facebox .close {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 2px;
    background: #fff;
}

#facebox .close img {
    opacity: 0.3;
}

#facebox .close:hover img {
    opacity: 1.0;
}

#facebox .loading {
    text-align: center;
}

#facebox .image {
    text-align: center;
}

#facebox img {
    border: 0;
    margin: 0;
}

#facebox_overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.facebox_hide {
    z-index: -100;
}

.facebox_overlayBG {
    background-color: #000;
    z-index: 99;
}


/* Header */
.header {
 
    position: relative;
    z-index: 2000;
}

.header .wrapper {
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
}

.header .logo {
    float: left;
    display: block;
    width: 254px;
    height: 71px;
    background: url(images/logo.png) no-repeat;
    background-image: url(images/logo.svg), none;
    background-size: 212px 71px;
    font-size: 0;
    line-height: 0;
	margin-left: 35px;
}

.header .lng_wrap {
    position: absolute;
    top: -20px;
    right: 80px;
    background: #f8f8f6;
    padding: 10px 0 10px 80px;
}

.contactHeader {
    position: absolute;
    right: 0;
    color: #333743;
}

.header .lng_wrap:before {
    content: '';
    display: block;
    width: 1000px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    background: #f8f8f6;
}

.header .lng_wrap #lang_sel_list {
    height: auto !important;
}

.header .lng_wrap #lang_sel_list ul {
    border: none !important;
    width: auto !important;
}

/*.header .lng_wrap #lang_sel_list ul li:first-child {padding-right:38px !important;}*/
.header .lng_wrap #lang_sel_list ul li a {
    background: none !important;
    padding: 0 !important;
    font: 500 12px 'Raleway' !important;
    color: #9297A3 !important;
    letter-spacing: 2.18px !important;
    position: relative !important;
}

.header .lng_wrap #lang_sel_list ul li a.lang_sel_sel {
    color: #C5D444 !important;
}

.header .lng_wrap #lang_sel_list ul li a.lang_sel_sel:before {
    content: '';
    display: block;
    width: 17px;
    height: 4px;
    background: #9095a1;
    position: absolute;
    top: 5px;
    right: -27px;
    border-radius: 5px;
}

.header .lng_wrap #lang_sel_list ul li a.lang_sel_sel:after {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    background: #c4d443;
    position: absolute;
    top: 1px;
    right: -20px;
    border-radius: 5px;
}

.header .lng_wrap #lang_sel_list ul li:last-child a.lang_sel_sel:before {
    right: auto;
    left: -27px;
}

.header .lng_wrap #lang_sel_list ul li:last-child a.lang_sel_sel:after {
    right: auto;
    left: -20px;
}

.header .search_form_wrap {
    position: absolute;
    top: -25px;
    right: 120px;
    overflow: hidden;
    width: 0;
    padding-left: 40px;
    height: 60px;
    background: #f8f8f6 url(images/icons/search.png) 10px center no-repeat;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
    z-index: 1;
}

.header .search_form_wrap:hover {
    width: 240px;
}

.header .search_form_wrap label, .header .search_form_wrap #searchsubmit {
    display: block;
    padding: 16px 10px;
}

.header .search_form_wrap input#s {
    border: none;
    width: 60%;
    height: 60px;
    padding: 0 10px;
    font-family: 'Open Sans';
    background-color: #f8f8f6;
    color: #333743;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.header .search_form_wrap input#s {
    font-family: 'Open Sans';
}

/* Top menu */
.menu_trigger {
    width: 30px;
    height: 18px;
    background: url(images/icons/menu_trigger.png) no-repeat;
    top: 50px;
    right: 10px;
    position: absolute;
    cursor: pointer;
    display: none;
}

.header nav {
    float: right;
}

.header nav > ul > li {
    float: left;
    margin: 9px 50px 0 0;
    position: relative;
}

.header nav > ul > li:last-child {
    margin-right: 0;
}

.header nav > ul > li > a {
    font-weight: 500;
    letter-spacing: 2.54px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
}

.header nav > ul > li a, .header nav > ul > li a:visited {
    color: #333743;
}

.header nav > ul > li a:hover, .header nav > ul > li:hover > a, .header nav > ul > li.current-menu-parent > a, .header nav > ul > li.current-menu-parent > a:visited, .header nav > ul > li.current-menu-item > a, .header nav > ul > li.current-menu-item > a:visited, .header nav > ul > li.current_page_parent > a, .header nav > ul > li.current_page_parent > a:visited {
    color: #c4d443;
}

.header nav > ul > li > ul {
    position: absolute;
    top: 100%;
    left: -20px;
    padding: 10px 0;
    white-space: nowrap;
    width: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity linear .2s;
    transition: opacity linear .2s;
}

.header nav > ul > li:hover > ul {
    width: auto;
    overflow: visible;
    opacity: 1;
}

.header nav > ul > li > ul li {
    padding: 0 20px 0 0;
    display: inline-block;
    text-transform: uppercase;
}

.header nav > ul > li > ul li:first-child {
    padding-left: 20px;
}

.header nav > ul > li > ul li a:hover, .header nav > ul > li > ul li.current-menu-item a, .header nav > ul > li > ul li.current-menu-item a:visited {
    color: #C4D444;
}


/* Heading */
.heading {
    text-align: center;
    background: #333940 url(images/demo/pattern.jpg);
    padding: 90px 0;
    position: relative;
    z-index: 1;
}

.heading h1, .bigest_heading {
    font: 700 64px/89px 'Raleway';
    color: #f8f8f6;
    letter-spacing: 55px;
    text-transform: uppercase;
}

.single-post .heading h1 {
    font: 500 48px 'Raleway';
    letter-spacing: 20px;
    text-transform: none;
}

.single-post .heading .date {
    font: 500 91px/91px 'Raleway';
    opacity: 0.03;
    color: #f8f8f6;
    letter-spacing: 0;
    position: absolute;
    top: -35px;
    left: -50px;
    max-width: 250px;
    text-align: center;
}


/* Content block */
.content_block {
    padding: 70px 95px 90px 95px;
    letter-spacing: 2px;
}

.content_block p {
    padding-bottom: 20px;
}


/* Bottom gallery */
.bottom_gallery {
    margin: 0 0 100px 0;
}

.bottom_gallery ul li {
    float: left;
    font-size: 0;
    line-height: 0;
    margin: 0 0 20px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bottom_gallery ul li a {
    display: inline-block;
    position: relative;
}

.bottom_gallery ul li a:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5) url(images/icons/plus.png) center center no-repeat;
    opacity: 0;
    -webkit-transition: opacity linear .2s;
    transition: opacity linear .2s;
}

.bottom_gallery ul li a:hover:before {
    opacity: 1;
}

.bottom_gallery ul li img {
    width: 100%;
}

.bottom_gallery ul.col2313 li:nth-child(2n) {
    float: right;
    width: 31%;
}

.bottom_gallery ul.col2313 li:nth-child(2n+1) {
    clear: both;
    width: 69%;
    padding-right: 30px;
}

.bottom_gallery ul.col13 {
    margin: 0 -15px;
}

.bottom_gallery ul.col13 li {
    width: 33.33%;
    padding: 0 15px;
}

.bottom_gallery ul.col1323 li:nth-child(2n) {
    float: right;
    width: 69%;
    padding-left: 30px;
}

.bottom_gallery ul.col1323 li:nth-child(2n+1) {
    clear: both;
    width: 31%;
}


/* Blog list */
.blog_list {
    padding-bottom: 100px;
}

.blog_list article {
    padding: 75px 0 0 0;
}

.blog_list article > div {
    float: right;
    width: 50%;
    padding: 25px 60px 0 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #6A6E78;
    letter-spacing: 2px;
    position: relative;
}

.blog_list article > div h1 a {
    color: #424755;
}

.blog_list article > div p {
    padding-bottom: 30px;
}

.blog_list article > div .date {
    font: 500 68px 'Raleway';
    opacity: 0.03;
    color: #000;
    letter-spacing: 0;
    position: absolute;
    top: -25px;
    left: -30px;
    max-width: 250px;
    z-index: -1;
    text-align: center;
}

.blog_list article > figure {
    float: left;
    width: 50%;
    padding: 0 20px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.blog_list article:nth-of-type(2n) > div {
    float: left;
    padding-left: 105px;
}

.blog_list article:nth-of-type(2n) > div .date {
    left: 0;
}

.blog_list article:nth-of-type(2n) > figure {
    float: right;
    padding: 0 0 0 20px;
}

#infscr-loading {
    clear: both;
    text-align: center;
    padding-top: 30px;
}

.posts_navigation {
    clear: both;
    text-align: center;
}

.posts_navigation a, .posts_navigation a:visited {
    border: 1px solid #2a352d;
    border-radius: 3px;
    background: #fff;
    display: inline-block;
    min-height: 50px;
    margin: 0 auto 95px auto;
    width: 196px;
    color: #2a352d;
    font: 500 16px/48px 'Raleway';
    -webkit-transition: background-color linear .2s, color linear .2s;
    transition: background-color linear .2s, color linear .2s;
}

.posts_navigation a:hover {
    background: #2a352d;
    color: #fff;
}


.logged-in .mobile_menu nav
.menu_trigger.active
    /* Single block */
.single_block {
    padding: 70px 20px 100px 60px;
    letter-spacing: 2px;
}

.single_block p {
    padding-bottom: 30px;
}

.single_block .ssba-wrap {
    padding-bottom: 20px;
}

.single_block .ssba-wrap > div a {
    vertical-align: middle;
    margin-left: 7px;
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #d3d5d8;
    -webkit-transition: border-color linear .2s, background-color linear .2s;
    transition: border-color linear .2s, background-color linear .2s;
    background: url(images/blank.gif) center top no-repeat;
}

.single_block .ssba-wrap > div a:hover {
    background-color: #c5d444;
    border-color: #c5d444;
    background-position: center bottom;
}

.single_block .ssba-wrap > div a img {
    display: none;
}

.single_block .gallery {
    font-size: 0;
    line-height: 0;
    margin: 0 75px 0 -10px !important;
    width: 55%;
    float: left;
}

.single_block .gallery .gallery-item {
    display: inline-block;
    float: none !important;
    margin: 0 0 25px 0 !important;
    padding: 0 10px;
    width: 33.33% !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.single_block .gallery .gallery-item:first-of-type {
    width: 100% !important;
}

.single_block .gallery .gallery-item .gallery-icon a img {
    border: none !important;
    width: 100%;
}

.single_block .gallery br {
    display: none;
}


/* Designers block */
.designers_block {
    color: #fff;
    background: #333940 url(images/demo/pattern.jpg);
    padding: 130px 0;
}

.designers_block article {
    text-align: center;
}

.designers_block article blockquote {
    font: 100 36px/57px 'Raleway';
    max-width: 680px;
    margin: 50px auto 0 auto;
}

.designers_block .designers_names {
    font-size: 0;
    line-height: 0;
    text-align: center;
    margin: 140px 0 100px 0;
}

.designers_block .designers_names li {
    display: inline-block;
    vertical-align: top;
    width: 90px;
    height: 78px;
    color: #ced855;
    border: 1px solid #ced855;
    border-radius: 2px;
    letter-spacing: 0;
    font: 400 14px/75px 'Raleway';
    margin: 0 42px 42px 42px;
    cursor: pointer;
    -webkit-transition: background-color linear .2s, color linear .2s;
    transition: background-color linear .2s, color linear .2s;
}

.designers_block .designers_names li span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    line-height: 18px;
}

.designers_block .designers_names li:hover {
    background: #ced855;
    color: #fff;
}

.designers_block .designers_list li {
    padding: 50px 0 150px 0;
    position: relative;
    display: none;
}

.designers_block .designers_list li .ssba-wrap {
    display: none;
}

.designers_block .designers_list li:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

.designers_block .designers_list li:first-child, .designers_block .designers_list li:nth-child(2), .designers_block .designers_list li:nth-child(3), .designers_block .designers_list.show_all li {
    display: block;
}

.designers_block .designers_list li > span {
    position: absolute;
    top: -10px;
    left: -50px;
    font: 500 200px 'Raleway';
    opacity: 0.05;
}

.designers_block .designers_list li figure {
    position: relative;
    z-index: 1;
}

.designers_block .designers_list li figure > div {
    float: left;
    width: 50%;
    padding: 70px 100px 70px 50px;
    font-size: 0;
    line-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.designers_block .designers_list li:nth-child(2n) figure > div {
    float: right;
    padding-left: 150px;
}

.designers_block .designers_list li figure > div span {
    display: inline-block;
    position: relative;
}

.designers_block .designers_list li figure > div span img {
    z-index: 1;
    position: relative;
}

.designers_block .designers_list li figure > div span:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border: 4px solid #c4d443;
    position: absolute;
    top: -25px;
    left: -25px;
}

.designers_block .designers_list li figure > div + figcaption {
    float: left;
    width: 50%;
}

.designers_block .designers_list li figure figcaption h1 {
    color: #fff;
    padding-bottom: 0;
}

.designers_block .designers_list li figure figcaption h1 + p {
    color: #ced855;
    letter-spacing: 0;
    font-weight: 400;
}

.designers_block .designers_list li figure figcaption p {
    padding-bottom: 20px;
    letter-spacing: 2px;
}

.designers_block .load_more {
    text-align: center;
}

.designers_block.collectie_designers_block {
    background: #f8f8f6;
    color: #7d808a;
    padding: 100px 0 0 0;
    margin-bottom: 0;
}

.designers_block.collectie_designers_block li figure figcaption h1 {
    color: #a2a7b1;
}


/* Contact block */
#contact_map {
    height: 460px;
}

.contact_heading {
    min-height: 460px;
}

.contact_block {
    text-align: center;
    color: #6A6E78;
    letter-spacing: 2px;
    padding: 125px 0;
}

.contact_block p {
    padding-bottom: 40px;
}

.contact_block h1 {
    color: #000;
    margin-bottom: 45px;
}

.contact_block ul li {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding: 0 54px 35px 54px;
}

.contact_block ul li a, .contact_block ul li a:visited {
    font-weight: bold;
    text-decoration: underline;
    color: #424755;
}

.contact_block ul li a:hover {
    color: #c4d443;
}

.contact_block ul li:first-child {
    font-weight: 500;
    font-size: 23px;
    color: #000;
}

.dealers_block {
    color: #fff;
    background: #333940 url(images/demo/pattern.jpg);
    padding: 100px 0 80px 0;
}

.dealers_block .bigest_heading {
    text-align: center;
}

.dealers_block .dealers_list > li {
    padding-bottom: 45px;
}

.dealers_block .dealers_list > li h1 {
    text-align: center;
    color: #fff;
    padding: 70px 0 100px 0;
}

.dealers_block .dealers_list > li ul {
    position: relative;
    font-size: 0;
    line-height: 0;
    text-align: left;
}

/*.dealers_block .dealers_list > li ul.centered {text-align:center;}*/
.dealers_block .dealers_list > li ul li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 75px 25px 125px;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
}

.dealers_block .dealers_list > li ul:before, .dealers_block .dealers_list > li ul:after {
    content: '';
    display: block;
    width: 2px;
    height: 100%;
    background: #707479;
    position: absolute;
    top: 0;
    left: 33.33%;
}

.dealers_block .dealers_list > li ul:after {
    left: 66.66%;
}

.dealers_block .dealers_list > li ul:nth-child(3n+1) {
    clear: both;
}

.dealers_block .dealers_list > li ul li p {
    letter-spacing: 2px;
    padding-bottom: 20px;
}

.dealers_block .dealers_list > li ul li h4 {
    min-height: 47px;
}

.contact_content {
    text-align: center;
    max-width: 960px;
    margin: 0 auto 110px auto;
}

.contact_content h1 {
    font: 700 64px/89px 'Raleway';
    color: #fff;
    letter-spacing: 55px;
    text-transform: uppercase;
    padding-bottom: 60px;
}

.pr_wrap {
    max-width: 1020px;
    display: flex;
    margin: 0 auto;
}

.pr_wrap > div {
    flex: 1;
    padding: 0 90px 0 50px;
    position: relative;
}

.pr_wrap > div:nth-child(2):before {
    content: '';
    display: block;
    width: 2px;
    height: 100%;
    background: #73787c;
    position: absolute;
    top: 25px;
    left: -10px;
}

.pr_wrap h1 {
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}

.pr_wrap .pr_list > li > ul > li {
    display: flex;
    align-items: baseline;
    position: relative;
    padding: 0 0 15px 30px;
}

.pr_wrap .pr_list > li > ul > li > span {
    position: absolute;
    top: -12px;
    left: 0;
    font-size: 10px;
}

.pr_wrap .pr_list > li > ul > li h4 {
    padding: 0 15px 10px 0;
    width: 105px;
}

.pr_wrap .pr_list > li > ul > li p {
    flex: 1;
    padding: 0 15px 10px 0;
}

.pr_wrap .pr_list > li > ul > li .link {
    display: block;
    width: 25px;
    height: 25px;
    font-size: 0;
    line-height: 0;
    background: transparent;
    border: 1px solid #929599;
    text-align: center;
    transition: background-color linear .2s;
}

.pr_wrap .pr_list > li > ul > li .link:hover {
    background: #9297a3;
}

.pr_wrap .pr_list > li > ul > li .link:before {
    content: '>';
    color: #fff;
    font: 300 12px/24px 'Raleway';
}


/* Projecten block */
.projecten_block {
    color: #f8f8f6;
    background: #333940 url(images/demo/pattern.jpg);
    padding: 130px 0 20px 0;
}

.projecten_block .bigest_heading {
    text-align: center;
    margin-bottom: 30px;
}

.projecten_block .filter_wrap p {
    max-width: 1000px;
    margin: 0 auto 60px auto;
    text-align: center;
}

.projecten_block .filter_wrap ol {
    margin-bottom: 17px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.projecten_block .filter_wrap ol li {
    margin: 0 17px 17px 0;
}

.projecten_block .filter_wrap ol li a, .projecten_block .filter_wrap ol li a:visited {
    display: block;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 3px;
    min-width: 90px;
    padding: 5px 17px;
    font-size: 16px;
    text-align: center;
    box-sizing: border-box;
    transition: all linear .2s;
}

.projecten_block .filter_wrap ol li a:hover, .projecten_block .filter_wrap ol li a.selected, .projecten_block .filter_wrap ol li a.selected:visited {
    color: #31373e;
    background: #fff;
}

.projecten_block .projecten_list {
    margin: 0 -20px;
}

.projecten_block ul {
    margin: 0 -20px;
    font-size: 0;
    line-height: 0;
}

.projecten_block .project_items + ul {
    display: none;
}

.projecten_block ul li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding: 0 20px 70px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.projecten_block ul li.highligted:first-child {
    width: 66.66%;
}

.projecten_block ul li figure > div {
    position: relative;
    margin-bottom: 30px;
}

.projecten_block ul li figure > div .link {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.projecten_block ul li figure > div .button {
    position: absolute;
    bottom: -10px;
    right: 13px;
    z-index: 2;
    display: none;
}

.projecten_block ul li figure figcaption p {
    letter-spacing: 2px;
    font-weight: 400;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
}

.projecten_block ul li figure figcaption .title_address p:first-child {
    font: 300 24px 'Raleway';
    letter-spacing: 1.14px;
}

.projecten_block ul li figure figcaption div.excerpt {
    display: none;
}

.projecten_block ul li figure figcaption {
    position: relative;
    padding-right: 45px;
}

.projecten_block ul li figure figcaption .link {
    position: absolute;
    top: -2px;
    right: 0;
    display: block;
    width: 33px;
    height: 33px;
    z-index: 1;
    background: #c7d351;
    border-radius: 4px;
    text-align: center;
    transition: background-color linear .2s;
}

.projecten_block ul li figure figcaption .link:hover {
    background: #9297a3;
}

.projecten_block ul li figure figcaption .link:before {
    content: '>';
    color: #fff;
    font: 500 16px/29px 'Raleway';
}

.projecten_block ul li:first-child figure figcaption div {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    padding-right: 3%;
}

.projecten_block ul li:first-child figure figcaption div.excerpt {
    display: inline-block;
    width: 67%;
    padding-right: 0;
}

.projecten_block ul li.hide_excerpt:first-child figure figcaption div {
    display: block;
    width: auto;
    padding-right: 0;
}

.projecten_block ul li.hide_excerpt:first-child figure figcaption div.excerpt {
    display: none;
}

.projecten_block .project_home_content {
    text-align: center;
    margin: -20px auto 50px auto;
    max-width: 1040px;
}

.projecten_block .project_home_content h1 {
    color: #fff;
}

.projecten_block.projecten_block_home {
    margin-bottom: 0;
}

.projecten_block.projecten_block_home ul li.highligted:first-child {
    width: 33.33%;
}

.projecten_block.projecten_block_home ul li:first-child figure figcaption div {
    display: block;
    width: auto;
    padding-right: 0;
}

.projecten_block.projecten_block_home ul li:first-child figure figcaption div.excerpt {
    display: none;
}


/* Project slider */
.project_slider {
    font-size: 0;
    line-height: 0;
    position: relative;
}

.project_slider .project_slider_wrap {
    position: relative;
    background: #fff;
}

.project_slider .button {
    position: absolute;
    top: -42px;
    left: 0;
    z-index: 100;
}

.project_slider ul li figure {
    min-height: 500px;
    background-size: auto 100%;
}

.project_slider .bx-prev, .project_slider .bx-next {
    position: absolute;
    top: 50%;
    margin-top: -34px;
    right: 0;
    width: 99px;
    height: 68px;
    display: block;
    background: #fff url(images/icons/next.png) center center no-repeat;
    z-index: 1000;
}

.project_slider .bx-prev {
    right: auto;
    left: 0;
    background-image: url(images/icons/prev.png);
}

.project_slider .pagerwrap {
    padding: 35px 70px 27px 70px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -10;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.project_slider.showpager .pagerwrap {
    position: relative;
    z-index: 100;
}

.project_slider #bx-pager li {
    margin: 0 0 8px 0;
}

.project_slider #bx-pager li a {
    display: inline-block;
    width: 180px;
    min-height: 180px;
}

.project_slider .disabled {
    opacity: .3;
}

.project_slider1 {
    font-size: 0;
    line-height: 0;
    position: relative;
}

.project_slider1 .project_slider_wrap {
    position: relative;
    background: #fff;
}

.project_slider1 .button {
    position: absolute;
    top: -42px;
    left: 0;
    z-index: 100;
}

.project_slider1 ul li {
    max-height: 500px;
    width: auto !important;
    padding-right: 4px;
}

.project_slider1 ul li img {
    max-height: 500px;
    width: auto;
}

.project_slider1 .bx-prev, .project_slider1 .bx-next {
    position: absolute;
    top: 50%;
    margin-top: -34px;
    right: 0;
    width: 99px;
    height: 68px;
    display: block;
    background: #fff url(images/icons/next.png) center center no-repeat;
    z-index: 1000;
}

.project_slider1 .bx-prev {
    right: auto;
    left: 0;
    background-image: url(images/icons/prev.png);
}

.project_slider1 .pagerwrap {
    padding: 35px 70px 27px 70px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -10;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.project_slider1.showpager .pagerwrap {
    position: relative;
    z-index: 100;
}

.project_slider1 #bx-pager li {
    margin: 0 0 8px 0;
}

.project_slider1 #bx-pager li a {
    display: inline-block;
    width: 180px;
    min-height: 180px;
}

.project_slider1 .disabled {
    opacity: .3;
}


/* Single project */
.single_project {
    color: #f8f8f6;
    background: #333940 url(images/demo/pattern.jpg);
    padding: 130px 0 20px 0;
}

.single_project .bigest_heading {
    text-align: center;
    margin-bottom: -30px;
    font-size: 45px;
}

.single_project h2 {
    color: #f8f8f6;
}

.single_project .single_block .ssba-wrap {
    display: none;
}

.single_project .single_block .gallery {
    margin: 0 0 30px 30px !important;
    width: 31%;
    float: right;
}

.single_project .single_block .gallery .gallery-item {
    margin: 0 0 1px 0 !important;
    padding: 0 1px 0 0;
}


/* Gebruikte producten */
.gebruikte_producten {
    padding: 110px 0;
    text-align: center;
}

.gebruikte_producten_slider {
    font-size: 0;
    line-height: 0;
    margin-top: 60px;
    padding: 0 70px;
    position: relative;
}

.gebruikte_producten .bx-prev, .gebruikte_producten .bx-next {
    position: absolute;
    top: 50%;
    margin-top: -34px;
    right: 0;
    width: 99px;
    height: 68px;
    display: block;
    background: #fff url(images/icons/next.png) center center no-repeat;
    z-index: 100;
}

.gebruikte_producten .bx-prev {
    right: auto;
    left: 0;
    background-image: url(images/icons/prev.png);
}

.gebruikte_producten .disabled {
    display: none;
}

.gebruikte_producten .disabled {
    opacity: .3;
}


/* Collectie slider */
.collectie_slider {
    font-size: 0;
    line-height: 0;
    position: relative;
}

.collectie_slider ul li.imagevideo .main_image, .collectie_slider ul li.imagevideo .video_image, .collectie_slider ul li.imagetext .main_image, .collectie_slider ul li.imagetext .text_field_center {
    float: left;
    width: 50%;
    position: relative;
}

.collectie_slider ul li .main_image, .collectie_slider ul li.imagetext .text_field_center, .collectie_slider ul li .video_image {
    min-height: 735px;
}

.collectie_slider ul li .video_image {
    float: left;
    width: 50%;
}

.collectie_slider ul li .video_image .text_field_center {
    width: 100%;
}

.collectie_slider ul li.imagetext .text_field {
    left: 50%;
    margin-left: -200px;
}

.collectie_slider ul li .text_field {
    position: absolute;
    bottom: 15%;
    left: 20%;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2px;
    width: 480px;
    z-index: 2;
}

.collectie_slider ul li .text_field:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border: 4px solid #c4d443;
    position: absolute;
    top: -25px;
    left: -25px;
}

.collectie_slider ul li .text_field > div {
    background: #fff;
    padding: 40px 40px 20px 40px;
    box-shadow: rgba(0, 0, 0, .19) 0 0 14px 0;
    position: relative;
    z-index: 1;
}

.collectie_slider ul li .text_field p {
    padding-bottom: 20px;
    letter-spacing: 2px;
}

.collectie_slider ul li .text_field strong {
    font: 37px 'Raleway';
}

.collectie_slider ul li .text_field .button, .collectie_slider ul li .text_field .button:visited {
    background: #fff;
    border-color: #3b3b3b;
    color: #3b3b3b;
}

.collectie_slider ul li .text_field .button:hover {
    color: #fff;
    background: #3b3b3b;
    border-color: #3b3b3b;
}

.collectie_slider ul li .fancybox {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: -70px;
    width: 100px;
}

.collectie_slider ul li .fancybox, .collectie_slider ul li .fancybox:visited {
    margin-left: -27px;
    font-size: 0;
    line-height: 0;
    padding: 0;
    height: 55px;
    width: 55px;
    border: none;
    border-radius: 50%;
    background: url(images/icons/play.png) center top no-repeat;
}

.collectie_slider ul li .fancybox:hover {
    background: url(images/icons/play.png) center bottom no-repeat;
}

.collectie_slider ul li.fullwidth .text_field, .collectie_slider ul li.fullwidth .video_image, .collectie_slider ul li.fullwidthtext .video_image, .collectie_slider ul li.imagevideo .fullwidthtext, .collectie_slider ul li.imagetext .imagevideo, .collectie_slider ul li.imagetext .button.fancybox {
    display: none !important;
}

.collectie_slider ul li .fullvideo_text, .collectie_slider ul li.fullvideo .text_field {
    display: none !important;
}

.collectie_slider ul li.fullvideo .fullvideo_text {
    display: block !important;
    position: absolute;
    top: 60%;
    left: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: -140px;
    width: 280px;
    font: 500 20px 'Raleway';
    color: #fff;
    text-align: center;
}

.collectie_slider .bx-pager {
    position: absolute;
    bottom: 32px;
    left: 0;
    width: 100%;
    z-index: 101;
    text-align: center;
}

.collectie_slider .bx-pager .bx-pager-item {
    display: inline-block;
    vertical-align: middle;
    padding: 0 7px;
}

.collectie_slider .bx-pager .bx-pager-item .bx-pager-link, .collectie_slider .bx-pager .bx-pager-item .bx-pager-link:visited {
    display: block;
    width: 8px;
    height: 8px;
    background: #9095a1;
    border-radius: 50%;
    position: relative;
    -webkit-transition: background-color linear .2s;
    transition: background-color linear .2s;
}

.collectie_slider .bx-pager .bx-pager-item .bx-pager-link:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: -2px;
    left: -2px;
    border: 1px solid transparent;
    -webkit-transition: border-color linear .2s;
    transition: border-color linear .2s;
}

.collectie_slider .bx-pager .bx-pager-item .bx-pager-link:hover, .collectie_slider .bx-pager .bx-pager-item .active, .collectie_slider .bx-pager .bx-pager-item .active:visited {
    background: #c5d444;
}

.collectie_slider .bx-pager .bx-pager-item .bx-pager-link:hover:before, .collectie_slider .bx-pager .bx-pager-item .active:before {
    border-color: #c5d444;
}


/* Specificaties block */
.specificaties_block {
    color: #f8f8f6;
    background: #333940 url(images/demo/pattern.jpg);
    padding: 120px 0;
    text-align: center;
}

.specificaties_block .bigest_heading {
    font: 700 45px 'Raleway';
    letter-spacing: 30px;
    margin: -30px 0 40px 0;
}

.specificaties_block .specificaties_block__description {
    margin-bottom: 30px;
}

.btn-request-product {
    margin: 15px 0 30px 0;
    display: inline-block;
    background: #C4D443;
    border-radius: 6px;
    font: normal normal bold 20px/24px Raleway;
    letter-spacing: 0;
    color: #fff !important;
    text-transform: uppercase;
    padding: 16px 33px;
}

.btn-request-product:hover {
    background: #9297a3;
    border-color: #9297a3;
}

.specificaties_block h1 {
    color: #f8f8f6;
    margin-bottom: 70px;
}

.specificaties_block ul {
    font-size: 0;
    line-height: 0;
}

.specificaties_block ul li {
    position: relative;
    width: 33.33%;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2px;
    text-align: left;
    padding: 0 50px 35px 75px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.specificaties_block ul li:before {
    content: '';
    display: block;
    width: 41px;
    height: 41px;
    border: 1px solid #f7f6f4;
    position: absolute;
    top: 0;
    left: 0;
    background: url(images/blank.gif) center center no-repeat;
}

.specificaties_block ul li.materiaal:before {
    background-image: url(images/icons/materiaal.png);
}

.specificaties_block ul li.afmetingen:before {
    background-image: url(images/icons/afmetingen.png);
}

.specificaties_block ul li.downloads:before {
    background-image: url(images/icons/downloads.png);
}

.specificaties_block ul li.downloads p {
    padding-bottom: 10px;
}

.specificaties_block ul li.downloads p a, .specificaties_block ul li.downloads p a:visited {
    color: #f8f8f6;
}

.specificaties_block ul li.downloads p a:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 41px;
    height: 41px;
    border: 1px solid #f7f6f4;
    background: url(images/icons/chair.png) center center no-repeat;
    margin-right: 15px;
    -webkit-transition: border-color linear .2s, background-color linear .2s;
    transition: border-color linear .2s, background-color linear .2s;
}

.specificaties_block ul li.downloads p a:hover:before {
    border-color: #c4d443;
    background-color: #c4d443;
}

.specificaties_block ul li.downloads p a:hover {
    color: #c4d443;
}

.photogallery {
    font-size: 0;
    line-height: 0;
    position: relative;
}

.photogallery .button {
    position: absolute;
    top: -25px;
    margin-left: -65px;
    left: 50%;
}

.photogallery ul {
    text-align: center;
    padding: 70px 20px;
    display: none;
}

.photogallery ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
}

.nl .en_trans, .en .nl_trans {
    display: none;
}

.en .en_trans {
    display: block;
}

/* Collectie block */
.collectie_block {
    padding: 130px 0 20px 0;
}

.collectie_block ul {
    margin: 0 -20px;
    font-size: 0;
    line-height: 0;
}

.collectie_block ul li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding: 0 20px 70px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.collectie_block ul li.test {
    background: #ef0;
    width: 50%;
}

.collectie_block ul li figure > div {
    position: relative;
    margin-bottom: 30px;
    border: 2px solid #fbfbf9;
}

.collectie_block ul li figure > div .link {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.collectie_block ul li figure > div .button {
    position: absolute;
    bottom: -10px;
    right: 13px;
    z-index: 2;
    display: none;
}

.collectie_block ul li figure figcaption p {
    letter-spacing: 2px;
    font-weight: 400;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
}

.collectie_block ul li figure figcaption p:first-child {
    font: 300 24px 'Raleway';
    letter-spacing: 1.14px;
}

.collectie_block ul li figure figcaption {
    position: relative;
    padding-right: 45px;
}

.collectie_block ul li figure figcaption .link {
    position: absolute;
    top: -2px;
    right: 0;
    display: block;
    width: 33px;
    height: 33px;
    z-index: 1;
    background: #c7d351;
    border-radius: 4px;
    text-align: center;
    transition: background-color linear .2s;
}

.collectie_block ul li figure figcaption .link:hover {
    background: #9297a3;
}

.collectie_block ul li figure figcaption .link:before {
    content: '>';
    color: #fff;
    font: 500 16px/29px 'Raleway';
}

.collectie_filter .filter_wrap ol {
    margin: -65px 0 55px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
}

.collectie_filter .filter_wrap ol li {
    margin: 0 11px 11px 11px;
}

.collectie_filter .filter_wrap ol li a, .projecten_block .filter_wrap ol li a:visited {
    display: block;
    border: 1px solid #4d505c;
    color: #4d505c;
    border-radius: 2px;
    min-width: 102px;
    padding: 5px 17px;
    font-size: 14px;
    text-align: center;
    box-sizing: border-box;
    transition: all linear .2s;
}

.collectie_filter .filter_wrap ol li a:hover, .projecten_block .filter_wrap ol li a.selected, .projecten_block .filter_wrap ol li a.selected:visited {
    color: #fff;
    background: #4d505c;
}

.collectie_filter {
    min-height: 600px;
}

.collectie_filter #uwpqsf_id {
    border: none;
    margin: -65px 0 55px 0;
    line-height: 0;
    font-size: 0;
    text-align: center;
}

.collectie_filter #uwpqsf_id .uwpqsf_class label {
    float: none;
    width: auto;
    display: inline-block;
    min-width: 102px;
    border: 1px solid #4d505c;
    border-radius: 2px;
    margin: 0 11px 11px 11px;
    text-align: center;
    line-height: 33px;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: color linear .2s, background-color linear .2s;
    transition: color linear .2s, background-color linear .2s;
}

.collectie_filter #uwpqsf_id .uwpqsf_class label:hover, .collectie_filter #uwpqsf_id .uwpqsf_class label.active {
    color: #fff;
    background: #4d505c;
}

.collectie_filter #uwpqsf_id .uwpqsf_class label input {
    display: none;
}

.collectie_filter #uwpqsf_id .uform_title, .collectie_filter #uwpqsf_id .uwpqsf_class > span {
    display: none;
}

.filter {
    width: 65%;
}

@media only screen and (max-width: 959px) {
    .filter {
        width: 100%;
    }

    .filter li {
        max-width: 36.5%
    }
}


/* Collectie dealers */
.collectie_dealers {
    color: #f8f8f6;
    background: #8a8d90 url(images/demo/pattern2.jpg);
    padding: 80px 0;
    text-align: center;
    letter-spacing: 2px;
    font-weight: 500;
}

.collectie_dealers h1 {
    color: #f8f8f6;
    padding-bottom: 25px;
}


/* Vakmanschap block */
.vakmanschap_block {
    color: #fff;
    background: #333940 url(images/demo/pattern.jpg);
    padding: 110px 0;
}

.vakmanschap_block h1 {
    text-align: center;
    padding-bottom: 100px;
}

.vakmanschap_block .designers_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.vakmanschap_block .designers_list li {
    flex: 1 0 280px;
    min-width: 25%;
    padding: 0 15px 70px 15px;
    box-sizing: border-box;
}

.vakmanschap_block .designers_list li figure > div {
    min-height: 310px;
}

.vakmanschap_block .designers_list li figure figcaption {
    padding: 20px;
}

.vakmanschap_block .designers_list li figure figcaption h5 {
    font: 36px 'Raleway';
    min-height: 90px;
}

.vakmanschap_content {
    padding: 120px 0 0 0;
}

.vakmanschap_content > ul > li {
    padding: 0 0 190px 0;
    position: relative;
}

.vakmanschap_content > ul > li .fullwidth_heading {
    position: absolute;
    top: -90px;
    left: 0;
    color: #c2c2c2;
    font: 700 300px 'Raleway';
    opacity: .11;
    white-space: nowrap;
    display: none;
}

.vakmanschap_content > ul > li figure {
    display: flex;
}

.vakmanschap_content > ul > li figure figcaption {
    flex: 1;
    padding-top: 15px;
}

.vakmanschap_content > ul > li figure figcaption p {
    padding-bottom: 20px;
}

.vakmanschap_content > ul > li figure figcaption blockquote {
    font: 300 36px/57px 'Raleway';
}

.vakmanschap_content > ul > li figure > div {
    min-height: 340px;
    width: 37%;
    margin-left: 90px;
    position: relative;
}

.vakmanschap_content > ul > li figure > div:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border: 3px solid #cfdb44;
    position: absolute;
    top: -25px;
    left: -25px;
    z-index: -1;
}

.vakmanschap_content > ul > li.center_content {
    text-align: center;
}

.vakmanschap_content > ul > li.center_content .fullwidth_heading {
    letter-spacing: 130px;
}

.vakmanschap_content > ul > li.center_content:first-child .fullwidth_heading {
    display: block;
}

.vakmanschap_content > ul > li.center_content h1 {
    font: 700 64px 'Raleway';
    letter-spacing: 28px;
}

.vakmanschap_content > ul > li.center_content blockquote {
    max-width: 710px;
    margin: 30px auto;
}

.vakmanschap_content > ul > li.center_content p {
    max-width: 1000px;
    margin: 0 auto;
}

.vakmanschap_content > ul > li.center_content figure {
    display: block;
}

.vakmanschap_content > ul > li.center_content figure > div {
    width: 100%;
    margin-left: 0;
}

.vakmanschap_content > ul > li.content_right_image_left figure > div {
    order: -1;
    margin: 0 130px 0 0;
}

.vakmanschap_content > ul > li.small_content_left_image_right figure figcaption {
    padding-top: 30px;
}

.vakmanschap_content > ul > li.small_content_left_image_right figure > div {
    min-height: 540px;
    width: 65%;
    margin-left: 60px;
}

.vakmanschap_content > ul > li.small_content_left_image_right figure > div:before {
    top: -40px;
    left: -40px;
}

.vakmanschap_content > ul > li.small_content_right_image_left figure figcaption {
    padding-top: 30px;
}

.vakmanschap_content > ul > li.small_content_right_image_left figure > div {
    order: -1;
    min-height: 540px;
    width: 65%;
    margin: 0 40px 0 0;
}

.vakmanschap_content > ul > li.small_content_right_image_left figure > div:before {
    top: -40px;
    left: -40px;
}

.vakmanschap_content > ul > li.small_content_right_image_left .fullwidth_heading {
    display: block;
}


/* Product cat */
.product_cat_links {
    float: left;
    width: 32%;
    padding: 70px 0;
}

.product_cat_links h1 {
    color: #7d808a;
}

.product_cat_links ul {
    padding: 10px 0 0 0;
    display: inline;
    font-size: 0;
    line-height: 0;
}

.product_cat_links ul li {
    display: inline-block;
    vertical-align: top;
    width: 84px;
    text-align: center;
    margin: 0 22px 24px 0;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2px;
}

.product_cat_links ul li a, .product_cat_links ul li a:visited {
    color: #6A6E78;
}

.product_cat_links ul li a span {
    display: block;
    width: 82px;
    height: 82px;
    border: 1px solid #f7f6f4;
    background: #f7f6f4 url(images/icons/fauteauls.jpg) center top no-repeat;
    background-size: 82px auto;
    margin-bottom: 5px;
    -webkit-transition: border linear .2s;
    transition: border linear .2s;
}

.product_cat_links ul li a:hover span, .product_cat_links ul li:hover a span, .product_cat_links ul li.highlighted a span {
    border-color: #c4d443;
    background-position: center bottom;
}


.product_cat_links ul li.Stoelen a span, .product_cat_links ul li.Chairs a span, .product_cat_links ul li.Chaises a span {
    background-image: url(images/icons/stoelen.jpg) !important;
}

.product_cat_links ul li.Tafels a span, .product_cat_links ul li.Tables a span {
    background-image: url(images/icons/tafels.jpg) !important;
}

.product_cat_links ul li.Fauteauls a span, .product_cat_links ul li.Armchairs a span, .product_cat_links ul li.empilables a span {
    background-image: url(images/icons/fauteauls.jpg) !important;
}

.product_cat_links ul li.Banken a span, .product_cat_links ul li.Couches a span, .product_cat_links ul li.Sofa a span, .product_cat_links ul li.Canapés a span {
    background-image: url(images/icons/banken.jpg) !important;
}

.product_cat_links ul li.Statafels a span, .product_cat_links ul li.Standing a span, .product_cat_links ul li.hautes a span {
    background-image: url(images/icons/statafels.jpg) !important;
}

.product_cat_links ul li.Accessoires a span, .product_cat_links ul li.Accessories a span {
    background-image: url(images/icons/accessoires.jpg) !important;;
}

.product_cat_links ul li.Barkrukken a span, .product_cat_links ul li.Barstools a span, .product_cat_links ul li.Barstool a span, .product_cat_links ul li.bar a span {
    background-image: url(images/icons/barkrukken.jpg) !important;
}

.product_cat_links ul li.Salontafels a span, .product_cat_links ul li.Coffee a span, .product_cat_links ul li.basses a span {
    background-image: url(images/icons/kleine.jpg) !important;
}


.product_cat_links > div {
    display: inline-block;
    vertical-align: top;
    width: 84px;
    text-align: center;
    margin: 0 22px 24px 0;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 20px;
}

.product_cat_links > div a, .product_cat_links > div a:visited {
    color: #6A6E78;
    display: block;
    width: 82px;
    height: 62px;
    padding-top: 20px;
    border: 1px solid #f7f6f4;
    background: #f7f6f4;
}

.product_cat_links > div a:hover {
    color: #c4d443;
}

.product_cat_slider {
    float: right;
    width: 68%;
    padding: 70px 0 70px 45px;
    font-size: 0;
    line-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f8f8f6;
}

.product_cat_slider:before {
    content: '';
    display: block;
    width: 200%;
    height: 100%;
    background: #f8f8f6;
    position: absolute;
    top: 0;
    left: 32%;
}

.product_cat_slider li {
    min-height: 470px;
}


/* Footer */
.slideup {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    background: url(images/icons/arrow_up.png) no-repeat;
    background-size: 40px 40px;
    cursor: pointer;
    z-index: 999;
}

.footer {
    background: #f8f8f6;
    margin-top: 0;
    position: relative;
    padding: 50px 0 20px 0;
}

.footer .logo {
    float: left;
    display: block;
    width: 230px;
    height: 64px;
    background: url(images/logo.png) no-repeat;
    background-image: url(images/logo.svg), none;
    background-size: 230px 64px;
    font-size: 0;
    line-height: 0;
    margin: 0 115px 20px 0;
}

.footer .social_list {
    float: right;
    font-size: 0;
    line-height: 0;
}

.footer .social_list li {
    float: left;
    margin: 20px 14px 0 0;
}

.footer .social_list li:last-child {
    margin-right: 0;
}

.footer .social_list li a {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #d3d5d8;
    -webkit-transition: border-color linear .2s, background-color linear .2s;
    transition: border-color linear .2s, background-color linear .2s;
    background: url(images/blank.gif) center top no-repeat;
}

.footer .social_list li a:hover {
    background-color: #c5d444;
    border-color: #c5d444;
    background-position: center bottom;
}

.footer .social_list li .pinterest {
    background-image: url(images/icons/pinterest.png);
}

.footer .social_list li .email {
    background-image: url(images/icons/email.png);
}

.footer .social_list li .facebook {
    background-image: url(images/icons/facebook.png);
}

.footer .social_list li .linkedin {
    background-image: url(https://spoinq.nl/wp-content/uploads/2019/10/linkedin-4.png);
}

.footer .social_list li .instagram {
    background-image: url(images/icons/instagram.png);
}

.footer .signup_wrap {
    background: #f8f8f6;
    position: absolute;
    bottom: 100%;
    left: 190px;
    width: 685px;
    margin-bottom: 85px;
    border-radius: 7px;
    padding: 15px 95px 15px 30px;
    display: none;
}

.footer .signup_wrap:after {
    content: '';
    left: 100%;
    top: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #f8f8f6;
    border-width: 7px;
    margin-top: -7px;
}

.footer .signup_wrap:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 100%;
    display: block;
    width: 96px;
    height: 160px;
    background: url(images/demo/spoinq.png) no-repeat;
    background-size: 96px 160px;
    font-size: 0;
    line-height: 0;
    margin-left: 30px;
}

.footer .signup_wrap label {
    color: #333743;
    letter-spacing: 2px;
    font: 20px 'Raleway' !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline;
}

.footer .signup_wrap input[type="text"] {
    margin: -6px 10px 0 10px;
    padding: 0;
    width: 270px !important;
    height: 35px;
    letter-spacing: 2px;
    font: 20px 'Raleway';
    color: #b5bf42;
    border: none;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.footer .signup_wrap .gform_wrapper {
    margin: 0;
    max-width: 100%;
}

.footer .signup_wrap .gform_wrapper .gform_footer {
    margin: 0;
    padding: 0;
}

.footer .signup_wrap .gfield {
    margin: 0;
}

.footer .signup_wrap .gfield_error {
    margin: 0 -5px !important;
    background: none !important;
    border: none !important;
}

.footer .signup_wrap .gfield_error input[type="text"] {
    margin-left: 5px;
    margin-right: 0;
}

.footer .signup_wrap .gfield_error .validation_message {
    display: none;
}

.footer .signup_wrap .gfield div {
    display: inline;
}

.footer .signup_wrap .button {
    height: 35px;
    background: #c4d443;
    color: #fff;
    font: 500 20px 'Raleway' !important;
    border: none;
    border-radius: 5px;
    min-width: 65px;
    text-align: center;
    position: absolute;
    top: 15px;
    right: 15px;
    -webkit-transition: background-color linear .2s, border-color linear .2s;
    transition: background-color linear .2s, border-color linear .2s;
    padding: 0;
    text-transform: uppercase;
}

.footer .signup_wrap .gfield_error .button {
    top: auto;
    bottom: 15px;
}

.footer .signup_wrap .gform_validation_error .button {
    top: auto;
    bottom: 25px;
}

.footer .signup_wrap .button:hover {
    color: #fff;
    background: #9297a3;
    border-color: #9297a3;
}

.footer .signup_wrap .error {
    display: block;
    font-size: 13px;
}

/* Bottom menu */
.footer nav {
    float: left;
}

.footer nav ul li {
    float: left;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1.81px;
    text-transform: uppercase;
    margin: 25px 40px 25px 0;
}

.footer nav ul li a, .footer nav ul li a:visited {
    color: #333743;
}

.footer nav ul li a:hover {
    color: #c4d443;
}

.footer nav ul li ul {
    display: none;
}

.powered {
    text-align: right;
    color: #c4c2c2;
    padding: 15px 0;
    font-size: 12px;
    font-weight: 500;
}

#gform_2 label {
    font-size: 14px !important;
}

#gform_2 .ginput_complex span label {
    font-size: 11px !important;
}

.contact_block #gform_2 ul li:first-child {
    color: #6A6E78 !important;
}

.contact_block #gform_2 ul li {
    display: block;
    padding: 0 0 20px 0;
}

@media only screen and (min-width: 960px) {
    #menu-item-5313 {
        display: none !important;
    }
}

/* Media Queries */
/* Desktop */
@media only screen and (min-width: 960px) and (max-width: 1330px) {
    .wrapper, .footer .wrapper, .powered .wrapper {
        width: 960px!important;
    }

    /* Header */
    /* Top menu */
    .header nav > ul > li {
        margin-right: 15px;
    }

    /* Heading */
    .heading h1, .bigest_heading {
        font-size: 54px;
        line-height: 79px;
        letter-spacing: 40px;
    }

    .single-post .heading .date {
        left: 0;
    }

    /* Single block */
    .single_block {
        padding: 70px 10px 100px 10px;
    }

    /* Designers block */
    .designers_block .designers_names li {
        margin: 0 32px 32px 32px;
    }

    /* Contact block */
    .dealers_block .dealers_list > li ul li {
        padding: 20px 45px 25px 75px;
    }

    .contact_content h1 {
        font-size: 54px;
        line-height: 79px;
        letter-spacing: 40px;
    }

    /* Projecten block */
    .projecten_block ul li figure > div {
        min-height: 280px;
    }

    /* Single project */
    .single_project .single_block .gallery {
        width: 40%;
    }

    /* Project slider */
    .project_slider ul li figure {
        min-height: 430px;
    }

    /* Collectie block */
    .collectie_block ul li figure > div {
        min-height: 280px;
    }

    /* Collectie slider */
    .collectie_slider ul li .main_image, .collectie_slider ul li.imagetext .text_field_center, .collectie_slider ul li .video_image {
        min-height: 500px;
    }

    .collectie_slider ul li .text_field {
        font-size: 13px;
        line-height: 18px;
        width: 400px;
    }

    .collectie_slider ul li .text_field:before {
        top: -15px;
        left: -15px;
    }

    .collectie_slider ul li .text_field > div {
        padding: 25px 25px 10px 25px;
    }

    .collectie_slider ul li .text_field p {
        padding-bottom: 15px;
    }

    .collectie_slider ul li .text_field strong {
        font-size: 23px;
    }

    /* Product cat */
    .product_cat_links {
        width: 40%;
    }

    .product_cat_slider {
        width: 60%;
    }

    .product_cat_slider:before {
        left: 40%;
    }

    /* Footer */
    .footer .logo {
        margin-right: 30px;
    }

    .footer .signup_wrap {
        left: 0;
    }

    /* Bottom menu */
    .footer nav ul li {
        margin-right: 20px;
    }

    .footer nav ul li:last-child {
        margin-right: 0;
    }
}

/* Tablets and mobiles */
@media only screen and (max-width: 959px) {
    .contactHeader {
        right: 11px;
    }

    .wrapper {
/*         padding: 0 10px; */
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mobile_menu {
        display: block !important;
    }

    /* Header */
    .header {
/*         padding-bottom: 50px; */
    }

    .header .lng_wrap {
        padding-right: 10px;
        padding-left: 70px;
    }

    /* Top menu */
    .menu_trigger {
        right: 0px;
/*         margin-right: -30px; */
        display: block;
    }

    .header nav {
        float: none;
        position: absolute;
        top: 100%;
        left: 0;
        margin-top: 10px;
        width: 100%;
        background: #fff;
        padding: 25px 15px 0 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: none;
    }

    .header nav > ul > li {
        float: none;
        margin: 0;
        padding-bottom: 15px;
    }

    .header nav > ul > li > ul {
        opacity: 1;
        width: auto;
        position: static;
        padding-left: 15px;
        white-space: normal;
    }

    .header nav > ul > li > ul li {
        padding: 5px 0;
        display: block;
    }

    .header nav > ul > li > ul li:first-child {
        padding-left: 0;
    }

    /* Heading */
    .heading {
        padding: 60px 0;
    }

    .heading h1, .bigest_heading {
        font-size: 44px;
        line-height: 69px;
        letter-spacing: 30px;
    }

    .single-post .heading .date {
        left: 0;
    }

    /* Content block */
    /*.bx-viewport{height:370px !important;} */
    .content_block {
        padding: 50px 0 70px 0;
    }

    /* Blog list */
    .blog_list {
        padding-bottom: 70px;
    }

    .blog_list article {
        padding-top: 55px;
    }

    .blog_list article > div {
        float: none;
        width: auto;
        padding: 25px 20px 0 20px;
    }

    .blog_list article > div .date {
        top: -25px;
        left: -40px;
    }

    .blog_list article > figure {
        float: none;
        width: auto;
        padding: 0 20px;
    }

    .blog_list article:nth-of-type(2n) > div {
        float: none;
        padding-left: 20px;
    }

    .blog_list article:nth-of-type(2n) > div .date {
        left: -40px;
    }

    .blog_list article:nth-of-type(2n) > figure {
        float: none;
        padding: 0 20px;
    }

    .posts_navigation a, .posts_navigation a:visited {
        margin-bottom: 75px;
    }

    /* Single block */
    .single_block {
        padding: 50px 0 30px 0;
    }

    .single_block .gallery {
        margin: 0 auto !important;
        width: auto;
        max-width: 600px;
        float: none;
    }

    /* Designers block */
    .designers_block {
        padding: 70px 0;
    }

    .designers_block article blockquote {
        font-size: 30px;
        line-height: 50px;
        margin-top: 30px;
    }

    .designers_block .designers_names {
        margin: 70px 0 50px 0;
    }

    .designers_block .designers_names li {
        margin: 0 22px 22px 22px;
    }

    .designers_block .designers_list li {
        padding: 20px 0 70px 0;
    }

    .designers_block .designers_list li > span {
        left: -10px;
        font-size: 100px;
        line-height: 110px;
    }

    .designers_block .designers_list li figure > div {
        float: none;
        width: auto;
        padding: 30px 0 30px 50px;
    }

    .designers_block .designers_list li:nth-child(2n) figure > div {
        float: none;
        padding-left: 50px;
    }

    .designers_block .designers_list li figure > div + figcaption {
        float: none;
        width: auto;
    }

    /* Contact block */
    #contact_map {
        height: 380px;
    }

    .contact_block {
        padding: 70px 0;
    }

    .contact_block ul li {
        padding: 0 35px 25px 35px;
    }

    .dealers_block {
        padding: 70px 0;
    }

    .dealers_block .dealers_list > li {
        padding-bottom: 25px;
    }

    .dealers_block .dealers_list > li h1 {
        padding: 30px 0 50px 0;
    }

    .dealers_block .dealers_list > li ul:before, .dealers_block .dealers_list > li ul:after {
        left: 50%;
    }

    .dealers_block .dealers_list > li ul:after {
        display: none;
    }

    .dealers_block .dealers_list > li ul li {
        width: 50%;
        padding: 20px 35px 25px 55px;
    }

    .contact_content {
        margin-bottom: 70px;
    }

    .contact_content h1 {
        font-size: 44px;
        line-height: 69px;
        letter-spacing: 30px;
        padding-bottom: 20px;
    }

    .pr_wrap > div {
        padding: 0 40px 0 30px;
    }

    .pr_wrap > div:nth-child(2):before {
        left: 0;
    }

    /* Projecten block */
    .projecten_block {
        padding: 70px 0 20px 0;
    }

    .projecten_block ul li {
        width: 50%;
        padding-bottom: 50px;
    }

    .projecten_block ul li.highligted:first-child {
        width: 100%;
    }

    .projecten_block.projecten_block_home ul li.highligted:first-child {
        width: 50%;
    }

    /* Single project */
    .single_project {
        padding: 70px 0 20px 0;
    }

    .single_project .bigest_heading {
        margin-bottom: -50px;
    }

    .single_project .single_block .gallery {
        margin: 0 auto 30px auto !important;
        width: auto;
        max-width: 400px;
        float: none;
    }

    /* Project slider */
    .project_slider ul li figure {
        min-height: 400px;
    }

    .project_slider .button {
        left: 10px;
    }

    /* Collectie slider */
    .collectie_slider ul li .main_image, .collectie_slider ul li.imagetext .text_field_center, .collectie_slider ul li .video_image {
        min-height: 500px;
    }

    .collectie_slider ul li.imagetext .text_field {
        width: 85%;
        margin-left: 0;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    /* Specificaties block */
    .specificaties_block {
        padding: 70px 0;
    }

    .specificaties_block .bigest_heading {
        font: 700 40px 'Raleway';
        margin: -15px 0 30px 0;
    }

    .specificaties_block h1 {
        margin-bottom: 30px;
    }

    .specificaties_block ul li {
        width: auto;
        display: block;
    }

    /* Collectie block */
    .collectie_block {
        padding: 70px 0 20px 0;
    }

    .collectie_block ul li {
        width: 50%;
        padding-bottom: 50px;
    }

    .collectie_filter .filter_wrap ol {
        margin-top: -10px;
    }

    .collectie_filter #uwpqsf_id {
        margin-top: -10px;
    }

    /* Gebruikte producten */
    .gebruikte_producten {
        padding: 70px 0;
    }

    /* Product cat */
    .product_cat_links {
        float: right;
        width: auto;
        padding: 50px 0 30px 0;
    }

    .product_cat_slider {
        float: right;
        width: auto;
        padding: 50px 0;
        position: relative;
    }

    .product_cat_slider:before {
        width: 300%;
        left: -100%;
    }

    .product_cat_slider li {
        min-height: 400px;
    }

    /* Footer */
    .slideup {
        bottom: 40px;
        right: 20px;
    }

    .footer {
        padding-top: 30px;
    }

    .footer .signup_wrap {
        left: 0;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 55px;
        padding: 10px 95px 10px 10px;
    }

    .footer .signup_wrap:after {
        display: none;
    }

    .footer .signup_wrap input[type="text"] {
        width: 250px !important;
    }

    .footer .signup_wrap .button {
        top: 10px;
        right: 10px;
    }

    .footer .social_list {
        float: none;
        position: absolute;
        top: 0;
        right: 10px;
    }
}

/* Tablets */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .wrapper, .footer .wrapper, .powered .wrapper {
/*         width: 768px; */
    }

    /* Collectie slider */
    .collectie_slider ul li .main_image, .collectie_slider ul li.imagetext .text_field_center, .collectie_slider ul li .video_image {
        min-height: 500px;
    }

    .collectie_slider ul li .text_field {
        font-size: 13px;
        line-height: 18px;
        width: 400px;
    }

    .collectie_slider ul li .text_field:before {
        top: -15px;
        left: -15px;
    }

    .collectie_slider ul li .text_field > div {
        padding: 25px 25px 10px 25px;
    }

    .collectie_slider ul li .text_field p {
        padding-bottom: 15px;
    }

    .collectie_slider ul li .text_field strong {
        font-size: 23px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 840px) {
    .wrapper {
        width: 700px;
    }
}

/* Mobile portrait and landscape modes */
@media only screen and (max-width: 768px) {
    .alignright, .alignleft {
        float: none;
        margin: 0 0 10px 0;
    }

    /* Header */
    .header .search_form_wrap:hover {
        width: 140px;
    }

    /* Top menu */
    .menu_trigger {
        top: 35px;
        display: block;
        right: 0px;
        margin-right: -30px;
    }

    /* Heading */
    .heading {
        padding: 30px 0;
    }

    .heading h1, .bigest_heading {
        font-size: 34px;
        line-height: 59px;
        letter-spacing: 10px;
    }

    .single-post .heading h1 {
        font-size: 29px;
        line-height: 54px;
        letter-spacing: 10px;
    }

    .single-post .heading .date {
        font-size: 50px;
        line-height: 50px;
        max-width: 170px;
        top: 0;
    }

    /* Content block */
    .content_block {
        padding: 30px 0 50px 0;
    }

    .single_block {
        padding-top: 110px;
    }

    /* Bottom gallery */
    .bottom_gallery ul {
        margin: 0 !important;
    }

    .bottom_gallery ul li {
        float: none !important;
        width: auto !important;
        padding: 0 !important;
    }

    .bottom_gallery ul li img {
        width: auto;
    }

    /* Designers block */
    .designers_block article blockquote {
        font-size: 22px;
        line-height: 40px;
    }

    /* Contact block */
    #contact_map {
        height: 270px;
    }

    .contact_block h1 {
        margin-bottom: 15px;
    }

    .contact_block ul li {
        display: block;
        text-align: center;
        padding: 0 0 25px 0;
    }

    .dealers_block .dealers_list > li ul li {
        padding: 20px 25px 25px 35px;
    }

    .contact_content h1 {
        font-size: 34px;
        line-height: 59px;
        letter-spacing: 10px;
    }

    .pr_wrap {
        display: block;
    }

    .pr_wrap > div {
        padding: 0 0 20px 0;
    }

    .pr_wrap > div:nth-child(2):before {
        display: none;
    }

    /* Projecten block */
    .projecten_block .projecten_list {
        margin: 0;
    }

    .projecten_block ul {
        margin: 0;
    }

    .projecten_block ul li {
        width: 100%;
        padding: 0 0 35px 0;
    }

    .projecten_block ul li figure > div {
        min-height: 300px;
    }

    .projecten_block ul li:first-child figure figcaption div, .projecten_block ul li:first-child figure figcaption div.excerpt {
        width: 100%;
        padding-right: 0;
    }

    .projecten_block.projecten_block_home ul li.highligted:first-child {
        width: 100%;
    }

    /* Single project */
    .single_project .bigest_heading {
        margin-bottom: -100px;
        font-size: 160%;
    }

    /* Project slider */
    .project_slider .bx-prev, .project_slider .bx-next {
        margin-top: -17px;
        width: 50px;
        height: 34px;
    }

    /* Gebruikte producten */
    .gebruikte_producten .bx-prev, .gebruikte_producten .bx-next {
        margin-top: -17px;
        width: 50px;
        height: 34px;
    }

    /* Collectie block */
    .collectie_block ul {
        margin: 0;
    }

    .collectie_block ul li {
        width: 100%;
        padding: 0 0 35px 0;
    }

    .collectie_block ul li figure > div {
        min-height: 300px;
    }

    /* Collectie slider */
    .collectie_slider ul li.imagetext .main_image {
        width: 100%;
    }

    .collectie_slider ul li.imagetext .text_field_center {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .collectie_slider ul li .main_image, .collectie_slider ul li.imagetext .text_field_center, .collectie_slider ul li .video_image {
        min-height: 370px;
    }

    .collectie_slider ul li.imagetext .text_field, .collectie_slider ul li .text_field {
        left: 50%;
        width: 85%;
        margin-left: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .collectie_slider ul li .text_field:before {
        top: -10px;
        left: -10px;
    }

    .collectie_slider ul li .text_field > div {
        padding: 10px 10px 5px 10px;
    }

    .collectie_slider ul li .text_field p {
        padding-bottom: 10px;
    }

    .collectie_slider ul li .text_field h1 {
        font-size: 20px;
        padding-bottom: 10px;
    }

    .collectie_slider ul li .text_field strong {
        font-size: 20px;
    }

    .collectie_slider ul li .text_field .button {
        padding: 0 15px;
        min-height: 30px;
        line-height: 30px;
    }

    /* Specificaties block */
    .specificaties_block ul li {
        padding-left: 60px;
    }

    .specificaties_block .bigest_heading {
        font: 700 30px 'Raleway';
        letter-spacing: 15px;
        margin: -5px 0 30px 0;
    }

    /* Product cat */
    .product_cat_links ul li, .product_cat_links > div {
        margin: 0 7px 15px 0;
        font-size: 12px;
        letter-spacing: 1px;
    }

    .product_cat_slider li {
        min-height: 300px;
    }

    /* Vakmanschap block */
    .vakmanschap_block {
        padding: 50px 0;
    }

    .vakmanschap_block h1 {
        padding-bottom: 50px;
    }

    .vakmanschap_content {
        padding-top: 50px;
    }

    .vakmanschap_content > ul > li {
        padding-bottom: 70px;
    }

    .vakmanschap_content > ul > li .fullwidth_heading {
        top: -40px;
        font: 700 150px 'Raleway';
    }

    .vakmanschap_content > ul > li figure {
        display: block;
    }

    .vakmanschap_content > ul > li figure figcaption blockquote {
        font-size: 26px;
        line-height: 47px;
    }

    .vakmanschap_content > ul > li figure > div {
        width: auto;
        margin: 50px 0 0 0;
    }

    .vakmanschap_content > ul > li.center_content .fullwidth_heading {
        letter-spacing: 60px;
    }

    .vakmanschap_content > ul > li.center_content h1 {
        font: 700 30px 'Raleway';
        letter-spacing: 5px;
    }

    .vakmanschap_content > ul > li.content_right_image_left figure > div {
        margin: 50px 0 0 0;
    }

    .vakmanschap_content > ul > li.small_content_left_image_right figure figcaption {
        padding-top: 15px;
    }

    .vakmanschap_content > ul > li.small_content_left_image_right figure > div {
        min-height: 340px;
        width: auto;
        margin-left: 0;
    }

    .vakmanschap_content > ul > li.small_content_right_image_left figure figcaption {
        padding-top: 15px;
    }

    .vakmanschap_content > ul > li.small_content_right_image_left figure > div {
        min-height: 340px;
        width: auto;
        margin: 50px 0 0 0;
    }

    /* Footer */
    .footer .logo {
        float: none;
        width: 125px;
        height: 35px;
        background-size: 125px 35px;
        margin: 0 0 20px 0;
    }

    .footer .signup_wrap {
        margin-bottom: 55px;
        padding: 10px 0 10px 10px;
    }

    .footer .signup_wrap:before {
        top: 10px;
        left: auto;
        right: -30px;
        width: 70px;
        height: 117px;
        background-size: 70px 117px;
    }

    .footer .signup_wrap label {
        font-size: 16px !important;
    }

    .footer .signup_wrap input[type="text"] {
        margin: 0;
        width: 100% !important;
        font-size: 16px !important;
    }

    .footer .signup_wrap .button {
        position: static;
        font-size: 16px !important;
        margin-top: 5px;
    }

    .footer .social_list {
        top: -20px;
    }

    /* Bottom menu */
    .footer nav {
        float: none;
    }

    .footer nav ul li {
        margin: 0 10px 10px 0;
    }
}

/* Mobile landscape mode */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .wrapper, .footer .wrapper, .powered .wrapper {
        width: 460px;
    }
}


@media screen and (max-width: 959px) {

    .greenVersion {
        display: block;
    }

    .header.greenVersion nav > ul > li a:hover,
    .header.greenVersion nav > ul > li:hover > a,
    .header.greenVersion nav > ul > li.current-menu-parent > a,
    .header.greenVersion nav > ul > li.current-menu-parent > a:visited,
    .header.greenVersion nav > ul > li.current-menu-item > a,
    .header.greenVersion nav > ul > li.current-menu-item > a:visited,
    .header.greenVersion nav > ul > li.current_page_parent > a,
    .header.greenVersion nav > ul > li.current_page_parent > a:visited {
        color: #e3ff00;
    }

    .header.greenVersion .wrapper {
        width: auto;
    }

    .header.greenVersion .lng_wrap {
        display: none;
    }

    .menu_trigger {
        background: none;
        top: 50px;
		padding-right: 60px;
    }

    .greenVersion .menu_trigger {
        width: 25px;
        height: 30px;
        top: 20px;
        margin-right: 5%;
    }

    .greenVersion .menu_trigger span {
        background: #e2eaa1;
    }

    .menu_trigger span {
        height: 3px;
        width: 26px;
        position: absolute;
        margin-top: 2px;
        top: 0px;
        bottom: 0px;
        background: #fff;
        border-radius: 2px;
        background-color: #c5d443;
        -webkit-transition: all 200ms ease-out;
        -moz-transition: all 200ms ease-out;
        -ms-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
        transition: all 200ms ease-out;
    }

    .menu_trigger span.y {
        margin-top: 7px;
    }

    .menu_trigger span.z {
        margin-top: 12px;
    }

    .header.greenVersion .logo {
        margin-left: 10%;
        background: url(images/logo-white.png) no-repeat;
        background-position: center;
    }

    .header.greenVersion {
        background-color: #c5d443;
        text-align: center;
        display: block !important;
    }

    .header nav {
        margin-top: 20px;
        background-color: transparent;
        text-align: center;
    }

    .header.greenVersion nav {
        float: none;
        position: absolute;
        top: 50px;
        width: 320px;
        height: 568px;
        margin-left: 8%;
    }

    .header nav > ul > li {
        padding-bottom: 25px;
    }

    .header nav > ul > li a, .header nav > ul > li a:visited {
        color: #fff;
        font-size: 1.2rem
    }

    .header nav > ul > li > ul {
        width: 300px;
        margin: 0 auto;
    }

    .header nav > ul > li > ul li {
        border: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
        padding: 7px 9px;
        float: left;
        margin: 8px;
    }

    .header nav > ul > li > ul li:first-child {
        padding-left: 9px;
    }

    .header nav > ul > li > ul li a {
        font-size: 0.9rem
    }

    .header nav > ul > li > ul li:nth-last-child(1):nth-child(odd) {
        text-align: center;
        float: none;
        clear: both;
        margin: 0 auto;
        max-width: 125px;
    }

    .socialList {
        width: 300px;
        margin: 0 auto;
    }

    .socialList .pinterest {
        background-image: url(https://spoinq.nl/wp-content/uploads/2019/10/pint0.png);
    }

    .socialList .email {
        background-image: url(https://spoinq.nl/wp-content/uploads/2019/10/mail0.png);
    }

    .socialList .facebook {
        background-image: url(https://spoinq.nl/wp-content/uploads/2019/10/fb0.png);
    }

    .socialList .linkedin {
        background-image: url(https://spoinq.nl/wp-content/uploads/2019/10/in0.png);
    }

    .socialList .instagram {
        background-image: url(https://spoinq.nl/wp-content/uploads/2019/10/insta0.png);
    }

    .socialList li {
        float: left;
        margin: 15px;
    }

    .socialList li a {
        display: block;
        width: 60px;
        height: 60px;
        background: url(images/blank.gif) center top no-repeat;
    }

    span.collapse {
        background: #c5d443;
        -webkit-transition: all 70ms ease-out;
        -moz-transition: all 70ms ease-out;
        -ms-transition: all 70ms ease-out;
        -o-transition: all 70ms ease-out;
        transition: all 70ms ease-out;
    }


    span.rotate30 {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
        -webkit-transition: all 50ms ease-out;
        -moz-transition: all 50ms ease-out;
        -ms-transition: all 50ms ease-out;
        -o-transition: all 50ms ease-out;
        transition: all 50ms ease-out;
    }

    span.rotate150 {
        -ms-transform: rotate(150deg);
        -webkit-transform: rotate(150deg);
        transform: rotate(150deg);
        -webkit-transition: all 50ms ease-out;
        -moz-transition: all 50ms ease-out;
        -ms-transition: all 50ms ease-out;
        -o-transition: all 50ms ease-out;
        transition: all 50ms ease-out;
    }

    span.rotate45 {
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 100ms ease-out;
        -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
        -o-transition: all 100ms ease-out;
        transition: all 100ms ease-out;
    }

    span.rotate135 {
        -ms-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        -webkit-transition: all 100ms ease-out;
        -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
        -o-transition: all 100ms ease-out;
        transition: all 100ms ease-out;
    }

    .circle {
        border-radius: 50%;
        width: 0px;
        height: 0px;
        position: absolute;
        top: 30px;
        right: 10px;
        background: #c5d443;
        opacity: 1;
        -webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
        -moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
        -ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
        -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
        transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    }

    .circle.expand {
        z-index: -1;
        width: 1200px;
        height: 1200px;
        top: -540px;
        left: -420px;
        -webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
        -moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
        -ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
        -o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
        transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    }

    .header .menu-top-menu-container .menu li,
    .header .menu-top-menu-container .socialList li,
    .header .menu-top-menu-eng-container li {
        list-style: none;
        position: absolute;
        top: 30px;
        left: 0;
        opacity: 0;
        width: 320px;
        text-align: center;
        font-size: 0;
        -webkit-transition: all 0.7s cubic-bezier(0.000, 0.995, 0.990, 1.000);
        -moz-transition: all 0.7s cubic-bezier(0.000, 0.995, 0.990, 1.000);
        -ms-transition: all 0.7s cubic-bezier(0.000, 0.995, 0.990, 1.000);
        -o-transition: all 0.7s cubic-bezier(0.000, 0.995, 0.990, 1.000);
        transition: all 0.7s cubic-bezier(0.000, 0.995, 0.990, 1.000);
    }

    .header .menu-top-menu-container li.animate,
    .header .menu-top-menu-eng-container li.animate {
        font-size: 21px;
        opacity: 1;
        -webkit-transition: all 0.15s cubic-bezier(0.000, 0.995, 0.990, 1.000);
        -moz-transition: all 0.15s cubic-bezier(0.000, 0.995, 0.990, 1.000);
        -ms-transition: all 0.15s cubic-bezier(0.000, 0.995, 0.990, 1.000);
        -o-transition: all 0.15s cubic-bezier(0.000, 0.995, 0.990, 1.000);
        transition: all 0.15s cubic-bezier(0.000, 0.995, 0.990, 1.000);
    }

    .header .menu-top-menu-container li.animate:nth-of-type(1), .header .menu-top-menu-eng-container li.animate:nth-of-type(1) {
        transition-delay: 0.03s;
        -webkit-transition-delay: 0.03s;
        top: 30px;
    }

    .header .menu-top-menu-container li.animate:nth-of-type(2), .header .menu-top-menu-eng-container li.animate:nth-of-type(2) {
        transition-delay: 0.07s;
        -webkit-transition-delay: 0.07s;
        top: 80px;
    }

    .header .menu-top-menu-container li.animate:nth-of-type(3), .header .menu-top-menu-eng-container li.animate:nth-of-type(3) {
        transition-delay: 0.09s;
        -webkit-transition-delay: 0.09s;
        top: 130px;
    }

    .header .menu-top-menu-container li.animate:nth-of-type(4), .header .menu-top-menu-eng-container li.animate:nth-of-type(4) {
        transition-delay: 0.12s;
        -webkit-transition-delay: 0.12s;
        top: 180px;
    }

    .header .menu-top-menu-container li.animate:nth-of-type(5), .header .menu-top-menu-eng-container li.animate:nth-of-type(5) {
        transition-delay: 0.15s;
        -webkit-transition-delay: 0.15s;
        top: 230px;
    }

    .header .menu-top-menu-container li.animate:nth-of-type(6), .header .menu-top-menu-eng-container li.animate:nth-of-type(6) {
        transition-delay: 0.18s;
        -webkit-transition-delay: 0.18s;
        top: 280px;
    }

    .header .menu-top-menu-container li.animate:nth-of-type(7), .header .menu-top-menu-eng-container li.animate:nth-of-type(7) {
        transition-delay: 0.18s;
        -webkit-transition-delay: 0.18s;
        top: 330px;
    }

    /*.header .socialList {transition-delay:2.1s;-webkit-transition-delay:2.1s;}*/
    .z.collapse.rotate150.rotate135 {
        margin-top: 3px;
    }

    .header.greenVersion .socialList {
        position: relative;
    }

    .header.greenVersion .socialList li.animate:nth-of-type(1) {
        top: 360px;
        left: 0;
        width: 30%;
        transition-delay: 0.21s;
        -webkit-transition-delay: 0.21s;
    }

    .header.greenVersion .socialList li.animate:nth-of-type(2) {
        top: 360px;
        left: 60px;
        width: 30%;
        transition-delay: 0.21s;
        -webkit-transition-delay: 0.21s;
    }

    .header.greenVersion .socialList li.animate:nth-of-type(3) {
        top: 360px;
        left: 120px;
        width: 30%;
        transition-delay: 0.21s;
        -webkit-transition-delay: 0.21s;
    }

    .header.greenVersion .socialList li.animate:nth-of-type(4) {
        top: 360px;
        left: 180px;
        width: 30%;
        transition-delay: 0.21s;
        -webkit-transition-delay: 0.21s;
    }

    .header.greenVersion .socialList li.animate:nth-of-type(5) {
        top: 360px;
        left: 240px;
        width: 30%;
        transition-delay: 0.21s;
        -webkit-transition-delay: 0.21s;
    }

    .header.greenVersion .sub-menu li {
        width: auto;
        top: 30px;
        transition-delay: inherit;
        -webkit-transition-delay: inherit;
    }

    .header.greenVersion .sub-menu li.animate:nth-of-type(2) {
        left: 45%;
        top: 30px;
        transition-delay: inherit;
        -webkit-transition-delay: inherit;
    }

    /*.header.greenVersion .sub-menu li.animate:nth-of-type(3){left:70%;top:30px;}*/
    .header.greenVersion .sub-menu li:nth-last-child(1):nth-child(odd) {
        top: 85px;
        left: 30%;
        transition-delay: inherit;
        -webkit-transition-delay: inherit;
    }

    @media screen and (max-width: 640px) and (orientation: landscape) {
        .header.greenVersion nav {
            width: auto !important;
            top: 80px !important;
            transform: translateX(-50%) !important;
            margin-left: 50% !important;
        }

        .header.greenVersion .logo {
            margin: auto !important;
        }
    }
    /* Mobile portrait mode */
    @media only screen and (max-width: 479px) {
        .wrapper, .footer .wrapper, .powered .wrapper {
            width: 300px;
        }

        .header .lng_wrap #lang_sel_list {
            width: 100px;
            margin-left: 120px !important;
        }

        /* Header */
        .header {
/*             padding-bottom: 103px !important; */
        }

        .menu_trigger {
            left: 130px !important;
        }

        .header .logo {
            width: 140px;
            background-size: 140px auto;
            position: absolute;
            top: 55px;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

        .header.greenVersion .logo {
            margin: auto;
            background: url(images/logo-white.png) no-repeat;
            background-position: center top;
            width: auto;
        }

        .header.greenVersion nav {
            top: 80px !Important;
            float: none;
            position: absolute;
            top: 50px;
            width: 220px;
            height: 568px;
            margin: auto;
            left: 50%;
            transform: translateX(-50%);
        }

        .header .menu-top-menu-container li, .header .menu-top-menu-eng-container li {
            width: 220px !important;
        }

        .socialList {
            width: 300px;
            margin: 0 auto;
            left: -60px;
        }

        .header .lng_wrap {
            padding-left: 10px;
            width: 86vw;
        }

        .header .search_form_wrap {
            right: 0px;
            top: -10px !important;
            font-size: 10px;
            height: 45px !important;
        }

        .header .search_form_wrap:hover {
            right: 0px;
        }

        .header .lng_wrap #lang_sel_list {
            width: 100px;
            margin-left: 120px !important;
            padding-left: 5px;
        }

        /* Heading */
        .heading h1, .bigest_heading {
            font-size: 29px;
            line-height: 54px;
            letter-spacing: 5px;
        }

        /* Contact block */
        .dealers_block .dealers_list > li h1 {
            font-size: 24px;
            padding-bottom: 20px;
        }

        .dealers_block .dealers_list > li ul:before, .dealers_block .dealers_list > li ul:after {
            display: none;
        }

        .dealers_block .dealers_list > li ul li {
            clear: both;
            float: none;
            width: 100%;
            padding: 15px 0 20px 0;
        }

        /* Projecten block */
        .projecten_block ul li figure > div {
            min-height: 250px;
        }

        /* Collectie block */
        .collectie_block ul li figure > div {
            min-height: 250px;
        }

        /* Footer */
        .footer .social_list {
            clear: both;
            position: static;
        }

        #gform_submit_button_2 {
            left: 0%;
        }
    }
}

/* Webshop button */
.webshop_button a {
   background-color: #C4D443;
    font: 300 14px/20px 'Raleway', sans-serif;
    border: none;
    color: white;
    border-radius: 5px;
    /* height: 36px; */
    /* width: 100px; */
    padding: 12px;
	padding-left: 20px;
	padding-right: 20px;
    /* margin-left: 550px; */
    float: right;
font-weight: bold;
	margin-right: 80px;
	transition: 0.3s;
}

.webshop_button a:hover{
background-color: #ABB93A;
transition: 0.3s;
	
}

.Webshop a {
    background-color: #C4D443;
    font: 300 14px/20px 'Raleway', sans-serif;
    border: none;
    color: white;
    border-radius: 5px;
    height: 36px;
    width: 100px;
    padding: 12px;
    margin-left: 550px;
}

/* Gratis advies button */
.advies_button a {
   background-color: #333743;
    font: 300 14px/20px 'Raleway', sans-serif;
	font-weight: bold;
    border: none;
    color: white;
    border-radius: 5px;
    /* height: 36px; */
    /* width: 100px; */
    padding: 12px;
    /* margin-left: 550px; */
    float: right;
	transition: 0.3s;
}

.advies_button a:hover{
	background-color: #21242B;
transition: 0.3s;
}

.webshop_button{
	margin-top: 10px;
	
}

.advies_button{
	margin-top: 10px;
	margin-right: 75px;
	padding-left: 25px;
}



#input_2_1_3, #input_2_1_6, #input_2_2, #input_2_3 {
    width: 100%;
}

html {
    font-family: 'Montserrat' ,sans-serif;
}



div.footer-contact {

}

div.footer-contact .gform_footer::after {
    content: ' ';
    clear: both;
}

div.footer-contact .ginput_container input,
div.footer-contact .ginput_container textarea {
    border: 0;
    background-color: #545863;
    box-shadow: none !important;
    color: #fff;
    font-size: 21px;
    padding: 8px;
}

div.footer-contact .gform_button {
    min-width: 10% !important;
}

div.footer-contact .gform_footer {
    padding-top: 60px !important;
}

div.footer-contact .gfield_validation_message {
    display: none;
}