/*********************************************** Basic flex module settings */ /* ========================================================================== Flex modules - Header - Text and media - Section - FAQ - Section - Gallery - Section - Overview - Section - Quote - Section - Text - Section - Text and form - Section - Text and media ========================================================================== */ /* ========================================================================== Default secion settings ========================================================================== */ .flex-module section .txt-large, .flex-module section .txt-large p{/*font-size:18px; line-height:26px;*/} .spacing-xlarge{padding:200px 0;} .spacing-large{padding:150px 0;} .spacing-default{padding:100px 0;} .spacing-small{padding:50px 0;} .spacing-none{padding:0;} .spacing-top{padding:100px 0 1px 0;} .spacing-bottom{padding:1px 0 100px 0;} .spacing-small-top{padding:50px 0 1px 0;} .spacing-small-bottom{padding:1px 0 50px 0;} .bg-color-white{background-color:#fff;} .bg-color-white-transparent{background-color:rgba(255,255,255,0.9);} .bg-color-lightgray{background-color:#f3f4f9;} .bg-color-lightgray-transparent{background-color:rgba(243,244,249,0.9);} .bg-color-darkgray{background-color:#313131;} .bg-color-darkgray-transparent{background-color:rgba(49,49,49,0.9);} .bg-color-darkgray, .bg-color-darkgray p, .bg-color-darkgray a:not(.btn):not(.hs-button):not(.cta_button){color:#fff;} .bg-color-purple{background: #5667B0;background: -moz-linear-gradient(left, rgba(42,54,128,1) 0%, rgba(86,103,176,1) 100%);background: -webkit-linear-gradient(left, rgba(42,54,128,1) 0%,rgba(86,103,176,1) 100%);background: linear-gradient(to right, rgba(42,54,128,1) 0%,rgba(86,103,176,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3680', endColorstr='#5667b0',GradientType=1 );} .bg-color-purple-transparent{background: -moz-linear-gradient(left, rgba(42,54,128,0.9) 0%, rgba(86,103,176,0.9) 100%);background: -webkit-linear-gradient(left, rgba(42,54,128,0.9) 0%,rgba(86,103,176,0.9) 100%);background: linear-gradient(to right, rgba(42,54,128,0.9) 0%,rgba(86,103,176,0.9) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e62a3680', endColorstr='#e65667b0',GradientType=1 );} .txt_color_white{color:#fff;} .txt_color_white *:not(input):not(select):not(textarea):not([class*="btn"]){color:#fff;} .flex-module section.vertical-top .inner{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: start;-moz-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;} .flex-module section.vertical-middle .inner{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: center;-moz-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;} .flex-module section.vertical-bottom .inner{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: end;-moz-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;} .flex-module section.vertical-top .inner.full, .flex-module section.vertical-middle .inner.full, .flex-module section.vertical-bottom .inner.full{display:block;} @media (max-width: 992px ){ .flex-module section.vertical-top .inner, .flex-module section.vertical-middle .inner, .flex-module section.vertical-bottom .inner{display:block;} } .flex-module section.content_media .inner .block.left{-webkit-order: 1;-ms-flex-order: 1;order: 1;} .flex-module section.content_media .inner .block.right{-webkit-order: 2;-ms-flex-order: 2;order: 2;} .flex-module section.media_content .inner .block.left{-webkit-order: 2;-ms-flex-order: 2;order: 2;} .flex-module section.media_content .inner .block.right{-webkit-order: 1;-ms-flex-order: 1;order: 1;} @media (max-width: 992px ){ .flex-module section.content_media .inner .block.left, .flex-module section.media_content .inner .block.left{-webkit-order: 2;-ms-flex-order: 2;order: 2;} .flex-module section.content_media .inner .block.right, .flex-module section.media_content .inner .block.right{-webkit-order: 2;-ms-flex-order: 2;order: 2;} } @media (max-width: 992px ){ .flex-module section.vertical-top .inner.mobile-form-first, .flex-module section.vertical-middle .inner.mobile-form-first, .flex-module section.vertical-bottom .inner.mobile-form-first{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: start;-moz-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;} .flex-module section.content_media .inner.mobile-form-first .block.left, .flex-module section.media_content .inner.mobile-form-first .block.left{margin-top:20px; display:block;-webkit-order: 2; -ms-flex-order: 2; order: 2;} .flex-module section.content_media .inner.mobile-form-first .block.right, .flex-module section.media_content .inner.mobile-form-first .block.right{margin-top:0; display:block;-webkit-order: 1; -ms-flex-order: 1; order: 1;} /* .section-text-form .block.right.formf{-webkit-order: 1; -ms-flex-order: 1; order: 1;} .section-text-form .block.right.textf{-webkit-order: 2; -ms-flex-order: 2; order: 2;} */ } .square{opacity:0.9;padding:1.5vw;padding:20px;width:28vw;height:28vw;width:380px;height:380px;border-radius:8%;box-shadow:0 0 0 1px #5667B0 inset;position:absolute;top:0;} .square:after{content:'';display:block;width:25vw;height:25vw;width:340px;height:340px;border-radius:8%;background: #5667B0;background: -moz-linear-gradient(left, rgba(42,54,128,1) 0%, rgba(86,103,176,1) 100%);background: -webkit-linear-gradient(left, rgba(42,54,128,1) 0%,rgba(86,103,176,1) 100%);background: linear-gradient(to right, rgba(42,54,128,1) 0%,rgba(86,103,176,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3680', endColorstr='#5667b0',GradientType=1 );} /* .square:before{content:'';display:block;width:25vw;height:25vw;margin: -40px;width: 420px;height: 420px;border-radius:8%;box-shadow: 0 0 1px rgba(0,0,0,0.4) inset;position: absolute;} */ .square.decoration-none{display:none;} .square.decoration-left{left:0;-webkit-transform: translate(-50%, -50%) rotate(45deg);-moz-transform: translate(-50%, -50%) rotate(45deg);-ms-transform: translate(-50%, -50%) rotate(45deg);-o-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);} .square.decoration-right{right:0;-webkit-transform: translate(50%, -50%) rotate(45deg);-moz-transform: translate(50%, -50%) rotate(45deg);-ms-transform: translate(50%, -50%) rotate(45deg);-o-transform: translate(50%, -50%) rotate(45deg);transform: translate(50%, -50%) rotate(45deg);} @media (max-width: 1500px){ .square{width:300px;height:300px;width: 20vw;height: 20vw;} .square:after{width:260px;height:260px;width: calc(20vw - 40px);height: calc(20vw - 40px);} /* .square:before{width:260px;height:260px;width: calc(20vw + 40px);height: calc(20vw + 40px);} */ } @media (max-width: 768px){ .square{display:none;} } /* ========================================================================== Flex modules ========================================================================== */ /********************************* Header - Text and media *********************************/ section.header-text-media{position:relative;} section.header-text-media .inner .block{width:48%;} section.header-text-media .inner .block:after{content:'';display:table;clear:both;} section.header-text-media .inner .block.left{text-align:center;} section.header-text-media .inner .block.left img{max-width:100%;} section.header-text-media .arrow{display:none;width:19px; height:19px; border:1px solid #333; border-top:0; border-left:0; position:absolute; bottom:40px; left:calc(50% - 10px); transform:rotate(45deg); cursor:pointer;-webkit-animation: 2s ease 0s infinite normal none running bounce;-moz-animation: 2s ease 0s infinite normal none running bounce;-ms-animation: 2s ease 0s infinite normal none running bounce;animation: 2s ease 0s infinite normal none running bounce;} body.home section.header-text-media .arrow{display:block;} @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0) rotate(45deg); } 40% { -webkit-transform: translateY(-30px) rotate(45deg); } 60% { -webkit-transform: translateY(-15px) rotate(45deg); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0) rotate(45deg); } 40% { -moz-transform: translateY(-30px) rotate(45deg); } 60% { -moz-transform: translateY(-15px) rotate(45deg); } } @-ms-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -ms-transform: translateY(0) rotate(45deg); } 40% { -ms-transform: translateY(-30px) rotate(45deg); } 60% { -ms-transform: translateY(-15px) rotate(45deg); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0) rotate(45deg); } 40% { transform: translateY(-30px) rotate(45deg); } 60% { transform: translateY(-15px) rotate(45deg); } } @media (max-width: 992px ){ section.header-text-media .inner .block{ width:100%; } section.header-text-media .inner .block.right{margin-top:20px;} } /* ========================================================================== Section - Contact form ========================================================================== */ section.section-contact-form{position:relative;} section.section-contact-form .inner .form{display:inline-block; vertical-align:top;width:calc(100% - 450px);} section.section-contact-form .inner .sidebar{display:inline-block; vertical-align:top; width:400px;margin-left:50px;} section.section-contact-form .inner .sidebar strong{color:#263981;} section.section-contact-form .inner .sidebar a:not([class*="btn"]){text-decoration:none;} section.section-contact-form .inner .sidebar a:not([class*="btn"]):hover{text-decoration:underline;} @media (max-width: 992px ){ section.section-contact-form .inner .form{width:100%;} section.section-contact-form .inner .sidebar{width:100%; margin:20px 0 0 0;} } /* ========================================================================== Section - Employee slider ========================================================================== */ section.section-employee-slider{position:relative;} section.section-employee-slider .employee-slider-list{margin:40px 0;padding:0 50px; position:relative;} section.section-employee-slider .employee-slider-list .item{} section.section-employee-slider .employee-slider-list .item .item-img{margin:0 0 20px 0;} section.section-employee-slider .employee-slider-list.owl-theme .owl-nav{margin:0;} section.section-employee-slider .employee-slider-list.owl-theme .owl-nav [class*=owl-]{position:absolute; top:50%; margin:-8px 0 0 0; padding:0; -webkit-transition:all 200ms ease-in-out;moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;} section.section-employee-slider .employee-slider-list.owl-theme .owl-nav [class*=owl-]:focus{outline:none;} section.section-employee-slider .employee-slider-list.owl-theme .owl-nav [class*=owl-]:hover{color:currentColor; background:transparent;} section.section-employee-slider .employee-slider-list.owl-theme .owl-nav .owl-prev{left:0;} section.section-employee-slider .employee-slider-list.owl-theme .owl-nav .owl-next{right:0;} section.section-employee-slider .employee-slider-list.owl-theme .owl-nav [class*=owl-]{display:inline-block;vertical-align: top;width: 18px;height: 18px;border:1px solid #3b3b3b;border-bottom:0;border-left:0; border-radius:0;} section.section-employee-slider .employee-slider-list.owl-theme .owl-nav .owl-prev{-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);} section.section-employee-slider .employee-slider-list.owl-theme .owl-nav .owl-next{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);} section.section-employee-slider .employee-slider-list.owl-theme:hover .owl-nav [class*=owl-]{opacity:0.6;} section.section-employee-slider .employee-slider-list.owl-theme:hover .owl-nav [class*=owl-]:hover{opacity:1;} /********************************* Section - FAQ *********************************/ .flex-module section.section-faq{position:relative;} .flex-module section.section-faq .inner{margin:0 auto;} .flex-module section.section-faq .inner.full{display:block;} .flex-module section.section-faq .inner .block{width:48%;} .flex-module section.section-faq .inner .block:after{content:'';display:table;clear:both;} .flex-module section.section-faq .inner .block.right{} .flex-module section.section-faq .inner .block.right img{max-width:100%;} .flex-module section.section-faq .faqs{} .flex-module section.section-faq .faqs .item{background:#fff; box-shadow:0 0 20px rgba(38,57,129,0.2);border-radius:8px; overflow:hidden;} .flex-module section.section-faq .faqs .item + .item{margin-top:10px;} .flex-module section.section-faq .faqs .item .faq-title{padding: 0;width: 100%;cursor: pointer;} .flex-module section.section-faq .faqs .item .faq-title img{display:inline-block;vertical-align:top;width: 70px;} .flex-module section.section-faq .faqs .item .faq-title .faq-inner-title{padding: 16px 60px 16px 16px;display:inline-block;vertical-align: middle;width: 100%;font-weight:bold;position:relative; color:#263981;} .flex-module section.section-faq .faqs .item .faq-title .faq-inner-title:after{display:none;content:'';width: 8px;height: 8px;border: 1px solid #333;border-bottom: 0;border-left: 0;position:absolute;top:50%;right:20px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform: translateY(-50%) rotate(45deg);-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;} .flex-module section.section-faq .faqs .item .faq-title:hover .faq-inner-title:after, .flex-module section.section-faq .faqs .item.active .faq-title .faq-inner-title:after{-webkit-transform: translateY(-50%) rotate(135deg);-moz-transform: translateY(-50%) rotate(135deg);-ms-transform: translateY(-50%) rotate(135deg);-o-transform: translateY(-50%) rotate(135deg);transform: translateY(-50%) rotate(135deg);} .flex-module section.section-faq .faqs .item .faq-title .faq-inner-title .arrow{margin-top:-12px;width:24px; height:24px; position:absolute; top:50%; right:20px; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;} .flex-module section.section-faq .faqs .item:hover .faq-title .faq-inner-title .arrow{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);} .flex-module section.section-faq .faqs .item.active .faq-title .faq-inner-title .arrow{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);} .flex-module section.section-faq .faqs .item .faq-title .faq-inner-title .arrow:before, .flex-module section.section-faq .faqs .item .faq-title .faq-inner-title .arrow:after{content:''; margin-left:-1px;width:2px; height:24px; position:absolute; top:0; left:50%; background:#263981;} .flex-module section.section-faq .faqs .item .faq-title .faq-inner-title .arrow:after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);} .flex-module section.section-faq .faqs .item .faq-desc{display:none;padding: 0 16px 16px 16px;} .flex-module section.section-faq .faqs .item.with-img .faq-desc{display:none;padding: 0 58px 30px 98px;} .flex-module section.section-faq .faqs .item.with-img .faq-desc p:last-child{margin-bottom:0;} @media (max-width: 992px ){ .flex-module section.section-faq .inner .block{ width:100%; } .flex-module section.section-faq .inner .block.right{margin-top:20px;} } @media (max-width: 768px ){ .flex-module section.section-faq .faqs .item .faq-title img{width:50px; margin-top:10px;} .flex-module section.section-faq .faqs .item.with-img .faq-title .faq-inner-title{width:calc(100% - 50px);} .flex-module section.section-faq .faqs .item.with-img .faq-desc{padding:0 58px 30px 78px;} } @media (max-width: 480px ){ .flex-module section.section-faq .faqs .item .faq-title img{display:none;} .flex-module section.section-faq .faqs .item .faq-desc{padding:0 13px 13px 13px;} .flex-module section.section-faq .faqs .item .faq-title .faq-inner-title{font-size:22px; line-height:28px;padding:5px 50px 5px 5px;} .flex-module section.section-faq .faqs .item.with-img .faq-title .faq-inner-title{width:100%; } .flex-module section.section-faq .faqs .item.with-img .faq-desc{} } /********************************* Section - Gallery *********************************/ .flex-module section.section-gallery{position:relative;} .flex-module section.section-gallery .inner{margin:0 auto; } .flex-module section.section-gallery .section-gallery_list{text-align:center;} .flex-module section.section-gallery .section-gallery_item{display:inline-block;margin: 10px;} .flex-module section.section-gallery .section-gallery_thumb{display: block;width:200px;height:0;padding-bottom:100%;background-position:center center;background-size:cover; position:relative; border-radius:8px;} .flex-module section.section-gallery .section-gallery_thumb:before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:url(https://cdn2.hubspot.net/hubfs/5153444/XLwood%20theme%20dec%202018/gallery-icon-hover.svg) center 0% no-repeat rgba(0,0,0,0); background-size:100%; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;} .flex-module section.section-gallery .section-gallery_thumb:hover:before{background-color:rgba(0,0,0,0.5); background-position:center 100%;} /********************************* Section - home - branche en werkwijze *********************************/ .section-branche-workflow .section-branche{color:#fff; background-position:center center; background-size:cover;} .section-branche-workflow .section-branche *:not(input):not(select):not(textarea):not([class*="btn"]){color:#fff;} .section-branche-workflow .section-branche img{margin-bottom:20px;} .section-branche-workflow .section-branche .overlay{background: -moz-linear-gradient(left, rgba(42,54,128,0.95) 0%, rgba(86,103,176,0.95) 100%);background: -webkit-linear-gradient(left, rgba(42,54,128,0.95) 0%,rgba(86,103,176,0.95) 100%);background: linear-gradient(to right, rgba(42,54,128,0.95) 0%,rgba(86,103,176,0.95) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f22a3680', endColorstr='#f25667b0',GradientType=1 );} .section-branche-workflow .section-branche .overlay .inner{padding:100px 0 140px 0;} .section-branche-workflow .section-branche h2{text-align:center; margin:0 0 40px 0;} .branche-list{margin:-2% 0;text-align:center;} .branche-list .item{display:inline-block; vertical-align:top; width:32%; margin:2% 0 2% 2%; text-align:inherit;} .branche-list .item:nth-child(3n+1){margin-left:0;} .section-branche-workflow .section-workflow .wrapper{margin:0 0 90px 0; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;/*-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-moz-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-box-align: center;-moz-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;*/} .section-branche-workflow .section-workflow .wrapper .block{} .section-branche-workflow .section-workflow .wrapper .block.content{width:38%; margin:100px 0 0 4%;-webkit-order: 2;-ms-flex-order: 2;order: 2;} .section-branche-workflow .section-workflow .wrapper .block.media{width:58%; margin-top:-45px;-webkit-order: 1;-ms-flex-order: 1;order: 1;} .section-branche-workflow .section-workflow .wrapper .block.media img{width:100%;} @media (max-width: 992px ){ .branche-list .item{width:100%; margin-left:0;} .section-branche-workflow .section-workflow .wrapper{margin:90px 0;display:block;} .section-branche-workflow .section-workflow .wrapper .block.content{width:100%; margin:0;} .section-branche-workflow .section-workflow .wrapper .block.media{width:100%; margin:20px 0 0 0;} } @media (max-width: 768px ){ } /********************************* Section - Logo slider *********************************/ section.section-logo-slider{position:relative;} section.section-logo-slider .logo-slider-list{margin:40px 0;padding:0 50px; position:relative;} section.section-logo-slider .logo-slider-list .item{text-align:center;} section.section-logo-slider .logo-slider-list .item img{display:inline-block; vertical-align:middle;max-height:70px; width:auto;} section.section-logo-slider .logo-slider-list.owl-theme .owl-nav{margin:0;} section.section-logo-slider .logo-slider-list.owl-theme .owl-nav [class*=owl-]{position:absolute; top:50%; margin:-8px 0 0 0; padding:0; -webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;} section.section-logo-slider .logo-slider-list.owl-theme .owl-nav [class*=owl-]:focus{outline:none;} section.section-logo-slider .logo-slider-list.owl-theme .owl-nav [class*=owl-]:hover{color:currentColor; background:transparent;} section.section-logo-slider .logo-slider-list.owl-theme .owl-nav .owl-prev{left:0;} section.section-logo-slider .logo-slider-list.owl-theme .owl-nav .owl-next{right:0;} section.section-logo-slider .logo-slider-list.owl-theme .owl-nav [class*=owl-]{display:inline-block;vertical-align: top;width: 18px;height: 18px;border:1px solid #3b3b3b;border-bottom:0;border-left:0;border-radius:0;} section.section-logo-slider .logo-slider-list.owl-theme .owl-nav .owl-prev{-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);} section.section-logo-slider .logo-slider-list.owl-theme .owl-nav .owl-next{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);} section.section-logo-slider .logo-slider-list.owl-theme:hover .owl-nav [class*=owl-]{opacity:0.6;} section.section-logo-slider .logo-slider-list.owl-theme:hover .owl-nav [class*=owl-]:hover{opacity:1;} /********************************* Section - Overview *********************************/ .flex-module section.section-overview{position:relative;} .flex-module section.section-overview .inner{margin:0 auto;} .flex-module section.section-overview .overview-items{margin:60px 0 0 0;padding:0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;} .flex-module section.section-overview .overview-items > .item{margin:0 0 4% 4%;padding:0;display: inline-block;vertical-align: top;background: #fff;text-decoration: none;width: 30.6667%;border-radius:10px; box-shadow:0 0 0 1px #c2c6de;overflow:hidden; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;} .flex-module section.section-overview .overview-items > .item:nth-child(3n+1){margin-left:0;} .flex-module section.section-overview .overview-items > .item.item-link:hover{box-shadow:0 0 0 1px #c2c6de, 0 10px 30px rgba(77, 81, 109,0.3); -webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02);} .flex-module section.section-overview .overview-items > .item .content-wrapper{padding:0;width:100%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;} .flex-module section.section-overview .overview-items > .item .content-wrapper .content-img-wrapper{position:relative;} .flex-module section.section-overview .overview-items > .item .content-wrapper .content-img-wrapper img{width:100%; max-width:100%; height:auto;} .flex-module section.section-overview .overview-items > .item .content-wrapper .content-img-wrapper:after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; opacity:0; background-color:#263981; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;} .flex-module section.section-overview .overview-items > .item.item-link:hover .content-wrapper .content-img-wrapper:after{opacity:0.8;} .flex-module section.section-overview .overview-items > .item .content-wrapper .content-desc-wrapper{padding:30px; margin-top:0;} .flex-module section.section-overview .overview-items > .item .btn-wrapper{padding: 0 30px 30px 30px; width:100%;} .flex-module section.section-overview .overview-items > .item h1, .flex-module section.section-overview .overview-items > .item h2, .flex-module section.section-overview .overview-items > .item h3, .flex-module section.section-overview .overview-items > .item h4, .flex-module section.section-overview .overview-items > .item h5, .flex-module section.section-overview .overview-items > .item h6{/*overflow:hidden; text-overflow:ellipsis;*/} @media (max-width: 992px ){ .flex-module section.section-overview .overview-items > .item{width:48%;} .flex-module section.section-overview .overview-items > .item:nth-child(3n+1){margin-left:4%;} .flex-module section.section-overview .overview-items > .item:nth-child(odd){margin-left:0;} } @media (max-width: 480px ){ .flex-module section.section-overview .overview-items > .item:nth-child(3n+1){margin-left:0;} .flex-module section.section-overview .overview-items > .item{width:100%; margin-left:0;} } /********************************* Section - Quote *********************************/ .flex-module section.section-quote{background-position:center center;background-repeat:no-repeat;background-size:cover;position: relative;} .flex-module section.section-quote .overlay{position:absolute; top:0;right:0; bottom:0; left:0; z-index:1;} .flex-module section.section-quote .inner{margin:0 auto; max-width:920px; color:#fff; position:relative; z-index:2; } .flex-module section.section-quote .inner h1, .flex-module section.section-quote .inner h2, .flex-module section.section-quote .inner h3, .flex-module section.section-quote .inner h4, .flex-module section.section-quote .inner h5, .flex-module section.section-quote .inner h6, .flex-module section.section-quote .inner p, .flex-module section.section-quote .inner a:not(.btn){color:#fff;} /********************************* Section - iframe *********************************/ .flex-module section.section-iframe{position: relative;} /********************************* Section - Text *********************************/ .flex-module section.section-text{position:relative;} .flex-module section.section-text .inner{margin:0 auto;} /********************************* Section - Text and form *********************************/ section.section-text-form{position:relative;} section.section-text-form .inner{margin:0 auto;} section.section-text-form .inner .block{width:48%;} section.section-text-form .inner .block:after{content:'';display:table;clear:both;} section.section-text-form .inner .hs_cos_wrapper_type_form{width:100%;} section.section-text-form .form_highlight:after{content:''; display:table; clear:noth;} section.section-text-form .form_highlight[class*="form_highlight_"]{padding:30px; border-radius:8px;} section.section-text-form .form_highlight.form_highlight_white{background-color:#fff;} section.section-text-form .form_highlight.form_highlight_lightgray{background-color:#f3f4f9;} section.section-text-form .form_highlight.form_highlight_lightgray *:not(input):not(select):not(textarea):not([class*="btn"]){color:#263981;} @media (max-width: 992px ){ section.section-text-form .inner .block{ width:100%; } section.section-text-form .inner .block.right{margin-top:20px;} } /********************************* Section - Text and media *********************************/ section.section-text-media{background-position:center center; background-size:cover; position:relative;} section.section-text-media .inner{margin:0 auto;} section.section-text-media .inner .block{width:48%;} section.section-text-media .inner .block:after{content:'';display:table;clear:both;} section.section-text-media .inner .block.right{text-align:center;} section.section-text-media .inner .block.right img{max-width:100%;} @media (max-width: 992px ){ section.section-text-media .inner .block{ width:100%; } section.section-text-media .inner .block.right{margin-top:20px;} } /********************************* Section - Text and Video *********************************/ section.section-text-video{position:relative;} section.section-text-video .inner{margin:0 auto;} section.section-text-video .inner .block{width:48%;} section.section-text-video .inner .block:after{content:'';display:table;clear:both;} section.section-text-video .inner .block.right{text-align:center;} section.section-text-video .inner .block.right img{max-width:100%;} @media (max-width: 992px ){ section.section-text-video .inner .block{ width:100%; } section.section-text-video .inner .block.right{margin-top:20px;} } section.section-iframe #iframe-resizer{} /********************************* Section - Text columns *********************************/ section.section-text-columns{position:relative;} section.section-text-columns > div ul{margin-block-start: 0;} section.section-text-columns .column-3{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;-webkit-column-gap: 20px;-moz-column-gap: 20px;column-gap: 20px;} section.section-text-columns .column-2{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 20px;-moz-column-gap: 20px;column-gap: 20px;} section.section-text-columns .columns-wrapper{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: start;-moz-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;} section.section-text-columns .columns-wrapper > div{display:inline-block; vertical-align:top;} section.section-text-columns .columns-wrapper.wrapper-column-2 > div{width:calc(50% - 20px);} section.section-text-columns .columns-wrapper.wrapper-column-3 > div{width:calc(33.3334% - (40px / 3));} @media (max-width: 992px ){ section.section-text-columns .column-3{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 20px;-moz-column-gap: 20px;column-gap: 20px;} section.section-text-columns .columns-wrapper.wrapper-column-2 > div{width:100%;} section.section-text-columns .columns-wrapper.wrapper-column-3 > div{width:100%;} section.section-text-columns .columns-wrapper.wrapper-column-2 > div + div, section.section-text-columns .columns-wrapper.wrapper-column-3 > div + div{margin-top:20px;} } @media (max-width: 768px ){ section.section-text-columns .column-3, section.section-text-columns .column-2{-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;-webkit-column-gap: 0;-moz-column-gap: 0;column-gap: 0;} } /********************************* Section - Employees *********************************/ .section-employees{position:relative;} .section-employees .intro{max-width:740px; margin:0 auto 40px auto;} .employees_list{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-moz-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;} .employees_list .item{margin:1% 0 1% 2%; width:23.5%; text-align:center; text-decoration:none; } .employees_list .item:nth-child(4n+1){margin-left:0;} .employees_list .item .img img{width:100%; height:auto;} .employees_list .item .name{margin:10px 0 0 0; font-size:22px; line-height:1.2;} .employees_list .item .function{margin:0 0 10px 0;} @media (max-width: 768px ){ .employees_list .item{width:48%;} .employees_list .item:nth-child(odd){margin-left:0;} } @media (max-width: 480px ){ .employees_list .item{margin-left:0; width:100%;} } /********************************* Section - Contactformulier */ .flex-module section.section-contactform{position:relative;} .flex-module section.section-contactform .inner{} .flex-module section.section-contactform .inner .contactform{display:inline-block; vertical-align:top; width:calc(100% - 480px);} .flex-module section.section-contactform .inner .contactform:after{content:''; display:table; clear:both;} .flex-module section.section-contactform .inner .content{display:inline-block; vertical-align:top; width:380px; margin:0 0 20px 100px;} .flex-module section.section-contactform .inner .content:after{content:''; display:table; clear:both;} .flex-module section.section-contactform .inner .content a:not(.btn)[href*="tel"], .flex-module section.section-contactform .inner .content a:not(.btn)[href*="mailto"]{text-decoration:none;} .flex-module section.section-contactform .inner .content a:not(.btn)[href*="tel"]:hover, .flex-module section.section-contactform .inner .content a:not(.btn)[href*="mailto"]:hover{text-decoration:underline;} @media (max-width: 992px ){ .flex-module section.section-contactform .inner .contactform{width:100%;} .flex-module section.section-contactform .inner .content{width:100%; margin:20px 0 0 0;} } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width: 8px;height: 8px;margin:5px 7px;background: transparent;box-shadow: 0 0 0 1px #313131 inset;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background: #313131;}