/*
	Theme Name: Trimm
	Theme URI: http://www.burotijs.nl/
	Description: Trimm theme Version 1.0 By Buro Tijs
	Author: BuroTijs
	Author URI: http://www.burotijs.nl/
	Version: 1.0
	Template: genesis
	License: GPL-2.0+
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/* Fonts */
@font-face {
    font-family: 'BaskervilleURW-Bol';
    src: url('fonts/BaskervilleURW-Bol.eot');
    src: url('fonts/BaskervilleURW-Bol.eot?#iefix') format('embedded-opentype'),
        url('fonts/BaskervilleURW-Bol.woff2') format('woff2'),
        url('fonts/BaskervilleURW-Bol.woff') format('woff'),
        url('fonts/BaskervilleURW-Bol.ttf') format('truetype'),
        url('fonts/BaskervilleURW-Bol.svg#BaskervilleURW-Bol') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BaskervilleURW-Reg';
    src: url('fonts/BaskervilleURW-Reg.eot');
    src: url('fonts/BaskervilleURW-Reg.eot?#iefix') format('embedded-opentype'),
        url('fonts/BaskervilleURW-Reg.woff2') format('woff2'),
        url('fonts/BaskervilleURW-Reg.woff') format('woff'),
        url('fonts/BaskervilleURW-Reg.ttf') format('truetype'),
        url('fonts/BaskervilleURW-Reg.svg#BaskervilleURW-Reg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BaskervilleURW-RegIta';
    src: url('fonts/BaskervilleURW-RegIta.eot');
    src: url('fonts/BaskervilleURW-RegIta.eot?#iefix') format('embedded-opentype'),
        url('fonts/BaskervilleURW-RegIta.woff2') format('woff2'),
        url('fonts/BaskervilleURW-RegIta.woff') format('woff'),
        url('fonts/BaskervilleURW-RegIta.ttf') format('truetype'),
        url('fonts/BaskervilleURW-RegIta.svg#BaskervilleURW-RegIta') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'AktivGroteskEx-Light';
    src: url('fonts/AktivGroteskEx-Light.eot');
    src: url('fonts/AktivGroteskEx-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/AktivGroteskEx-Light.woff2') format('woff2'),
        url('fonts/AktivGroteskEx-Light.woff') format('woff'),
        url('fonts/AktivGroteskEx-Light.ttf') format('truetype'),
        url('fonts/AktivGroteskEx-Light.svg#AktivGroteskEx-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'AktivGroteskEx-Regular';
    src: url('fonts/AktivGroteskEx-Regular.eot');
    src: url('fonts/AktivGroteskEx-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/AktivGroteskEx-Regular.woff2') format('woff2'),
        url('fonts/AktivGroteskEx-Regular.woff') format('woff'),
        url('fonts/AktivGroteskEx-Regular.ttf') format('truetype'),
        url('fonts/AktivGroteskEx-Regular.svg#AktivGroteskEx-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'AktivGroteskEx-XBold';
    src: url('fonts/AktivGroteskEx-XBold.eot');
    src: url('fonts/AktivGroteskEx-XBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/AktivGroteskEx-XBold.woff2') format('woff2'),
        url('fonts/AktivGroteskEx-XBold.woff') format('woff'),
        url('fonts/AktivGroteskEx-XBold.ttf') format('truetype'),
        url('fonts/AktivGroteskEx-XBold.svg#AktivGroteskEx-XBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/* CSS reset */
* {margin:0px; padding:0px; border:none; outline:none; box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;font-feature-settings: lnum;font-variant-numeric: lining-nums;}
html {text-size-adjust: none;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;-o-text-size-adjust: none;}
body {font-family: 'BaskervilleURW-Reg';font-size: 18px;color: #01020E;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: 0px;}
img {border:none; outline:none;max-width: 100%;}
a,h1,h2,h3,h4,h5,h6,p,div,img {text-decoration:none; padding:0px; margin:0px;font-weight: normal;}
ul {list-style-type: none;margin-bottom: 0px;}
input,textarea,select,input[type="text"], input[type="email"], input[type="button"], input[type="submit"] {-webkit-appearance: none;-moz-appearance: none;border-radius: 0px;-ms-appearance: none;-o-appearance: none;appearance: none;}
a:hover, a:focus {text-decoration: none;}
p:empty {display: none;}
svg {max-width: 100%;}
small {font-size: 100%;}
picture > img {width: 100%; height: 100%; object-fit: cover; }
.custom-object-fit {background-size: cover;background-position: center;background-repeat: no-repeat;}
.custom-object-fit > img {opacity: 0;}
#tslOverlay {z-index: 999999 !important;}

::-moz-selection { background: #DDDDE6;color: #01020E; }
::selection { background: #DDDDE6; color: #01020E;}

::-webkit-input-placeholder {color: #b4b7ba;}
:-moz-placeholder { /* Firefox 18- */color: #b4b7ba;opacity: 1;}
::-moz-placeholder {  /* Firefox 19+ */color: #b4b7ba;opacity: 1;}
:-ms-input-placeholder {color: #b4b7ba;}
/* End of reset css */

/* Common css */
header.site-header,.contact-click,.menu-click span::before,.xs-submenu-section,.menu-click span::after,.menu-click span,.menu-click,.contact-info-list li a,.widget .menu li a,.social-links li a,.contact-click > svg g,.main-form .gform_wrapper.gravity-theme .gform_footer input[type="submit"],.contact-info-list li a i,#nav_menu-3 .menu li a::after,.menu-service-box,.menu-overlay,.video-icon i,.video-icon span,.modal button.close,.body-text p code > a::after,.body-text p code > a::before,.body-text p code > a,.submenu-list li > a,.dark-btn,.image-slide p,.body-text p > em > a,.body-text p > em > a::after,.body-text p > strong > a,.slick-dots li button,.text-link::after,.text-link::before,.text-link,.project-box,.project-box .more-infos,.project-box h3,.project-slider.owl-carousel .owl-nav button,.custom-tab-title li a,.contact-info-cover,.service-click .more-infos,.overlay-right-col,.overlay-left-col,.menu-header,.main-btn::after,.main-btn,.cta-col > a i,.cta-col > a p, .cta-col > a address,.main-form .gform_wrapper.gravity-theme .gfield_label,.body-text p > em > strong > a::after,.body-text p > em > strong > a::before,.logobar-list li img,.body-text p > em > strong > a,.body-text p > span > a::before,.body-text p > span > a:after,.body-text p > span > a,.menu-click svg g{transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;}

section,h1,h2,h3,h4,h5,h6,p {float: left;width: 100%;}
h1,h2,h3 {font-family: 'AktivGroteskEx-Light';text-transform: uppercase;}
h1,h2,h3,h4,h5,h6{color: #01020E;}
h1 {font-size: 40px;line-height: 50px;letter-spacing: 3px;}
h2 {font-size: 35px;line-height: 45px;letter-spacing: 2.7px;}
h3 {font-size: 25px;line-height: normal;letter-spacing: 2px;}
h4 {font-size: 22px;line-height: normal;font-family: 'AktivGroteskEx-Regular';letter-spacing: 1.75px;}
h5,h6 {font-size: 22px;line-height: normal;font-family: 'BaskervilleURW-Reg';}
p {line-height: 31px;}
a {color: #7F692E;}
b,strong {font-weight: normal;}
.row.d-flex {display: flex;flex-wrap: wrap;}
.row.d-flex::before,.row.d-flex::after {display: none;}
.slick-slide img {display: inline; }

.dark-btn,.body-text p > strong > a {display: inline-block; padding: 17px 35px 17px; background-color: #01020E; border-radius: 2px; color: #fff; font-size: 13px; text-transform: uppercase; font-family: 'AktivGroteskEx-XBold'; cursor: pointer;line-height: normal;}
.firefox .dark-btn,.firefox .body-text p > strong > a {padding: 19px 35px 15px;}
.dark-btn:hover,.body-text p > strong > a:hover {background-color: #393A41;}
.dark-btn:active,.body-text p > strong > a:active {background-color: #54555F;}

.body-text p > em > a,.main-btn {display: inline-block; background-color: #B6A169; padding: 17px 78px 17px 30px; font-size: 13px; color: #01020E; font-family: 'AktivGroteskEx-XBold'; font-style: normal; line-height: normal; text-transform: uppercase; border-radius: 2px; position: relative; cursor: pointer;overflow: hidden;}
.firefox .body-text p > em > a,.firefox .main-btn {padding: 19px 78px 15px 30px;}
.body-text p > em > a::after,.main-btn::after {content: ""; position: absolute; right: 0; top: 0; bottom: 0; background-color: #AB955B; width: 48px; background-image: url('images/icon-arrow-right-white.svg'); background-repeat: no-repeat; background-position: center; }
.body-text p > em > a:hover,.main-btn:hover {background-color: #AB955B;}
.body-text p > em > a:active,.body-text p > em > a:active::after,
.main-btn:active,.main-btn:active::after {background-color: #B6A169;}

/* ********** Header ********** */
header.site-header {position: fixed; z-index: 999; background-color: #fff; width: 100%; top: 0; left: 0; height: 80px; padding: 0 30px;}
header.site-header.sticky {box-shadow: 0 2px 6px rgba(1,2,14,0.06);}
body.admin-bar header.site-header {top: 32px; }
header.site-header .wrap {display: flex; flex-wrap: wrap; width: 100%; height: 100%; align-items: center; justify-content: space-between; }
header .title-area {position: absolute; width: 159px; margin: 0 auto; left: 0; right: 0; }
.custom-logo-link {width: 100%; float: left; }
.custom-logo-link > .custom-logo {width: auto; height: auto; }
.header-left-col {order: 1; }
.menu-click {float: left; cursor: pointer; font-size: 18px; color: #01020E; }
.menu-click span {width: 18px; height: 2px; float: left; background-color: #01020E; margin-right: 16px; position: relative; top: 5px; }
.menu-click span::before,
.menu-click span::after {content: ""; position: absolute; width: inherit; height: inherit; background-color: inherit; top: 8px; left: 0; }
.menu-click span::after {top: 16px;}
.menu-click:hover span {background-color: #7F692E;}
.menu-click svg {float: left;margin-right: 16px;position: relative;top: 5px;}
.menu-click:hover svg g {stroke:#7F692E;}
.header-right-col {order: 3; }
.contact-click {color: #01020E; }
.contact-click.show-ph {display: none; }
.contact-click > svg {margin-right: 10px; position: relative; top: 3px; }
.menu-click:hover,.contact-click:hover {color: #7F692E;}
.contact-click:hover > svg g {fill: #7F692E;}
.header-right-col .contact-click:first-child {margin-right: 15px;}

/* ********** Footer ********** */
footer.site-footer {float: left; width: 100%; padding: 73px 0 40px; background-color: #01020E; }
.footer-cta-part {float: left; width: 100%; margin-bottom: 58px; }
#custom_html-2 {float: left; width: 880px; }
.widget_custom_html h3 {color: #FFFFFF; font-size: 21px; letter-spacing: 1.67px; }
#custom_html-2 h3 {width: 200px; margin-top: 1px; }
.contact-info-list {display: flex; width: calc(100% - 200px); padding-left: 39px; flex-wrap: wrap; }
.contact-info-list li {display: flex; width: 344px; flex-wrap: wrap; align-items: center; padding-right: 30px; margin-bottom: 47px; }
.contact-info-list li:nth-child(2n) {width: 297px; padding-right: 0; }
.contact-info-list li a {display: flex; flex-wrap: wrap; align-items: center; color: #fff; }
.contact-info-list li a i {width: 45px; height: 45px; margin-right: 22px; }
.contact-info-list li a:hover,
.widget .menu li a:hover {color: #B6A169;}
.contact-info-list li a:hover i {transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);}

#custom_html-3 {float: right; width: 493px; }
footer.site-footer p {color: #fff; font-size: 15px; letter-spacing: 1.19px; line-height: normal; }
#custom_html-3 h3 {margin-bottom: 13px;}

.footer-info-part {float: left; width: 100%; }
#custom_html-4 {float: left; margin-right: 150px; margin-top: -5px; }
#custom_html-4 p {width: auto; }
#custom_html-4 p a {color: inherit;}
#nav_menu-2 {float: left; }
.widget .menu {float: left; }
.widget .menu li {float: left; margin-right: 45px; }
.widget .menu li a {float: left; color: #FFFFFF; font-size: 14px; letter-spacing: 1.11px; text-transform: uppercase; font-family: 'AktivGroteskEx-Light'; }
#custom_html-5 {float: right; margin-top: -16px; }
.social-links {float: left; }
.social-links li {float: left; margin-right: 11px; }
.social-links li:last-child {margin-right: 0; }
.social-links li a {display: flex; flex-wrap: wrap; width: 45px; height: 45px; border: 1px solid #B6A169; border-radius: 50%; align-items: center; justify-content: center;background-color: transparent;}
.social-links li a:hover {background-color: #B6A169;}

/* Form CSS */
.main-form {float: left; width: 100%;}
.main-form br {display: none; }
.main-form .gform_wrapper {float: left; width: 100%; }
.main-form .gform_wrapper form {float: left; width: 100%; }
.main-form .gform-body {float: left; width: 100%; }
.main-form .gform_wrapper.gravity-theme .gform_fields {float: left; width: 100%; display: block;}
.main-form .gform_wrapper.gravity-theme .gfield {float: left; width: 100%; margin-bottom: 17px; position: relative; }
.main-form .gform_wrapper.gravity-theme .gfield_label {width: auto; font-size: 19px; color: #FFFFFF; font-family: 'BaskervilleURW-Reg'; font-weight: normal; line-height: 31px; padding: 0 5px; margin-bottom: 0; position: absolute; left: 16px; top: 8px; z-index: 1; pointer-events: none; background-color: #01020E; }
.main-form .gform_wrapper.gravity-theme .hidden_label .gfield_label,.main-form .gform_wrapper.gravity-theme .hidden_sub_label {display: none !important; }
.main-form .gform_wrapper .gfield_label > .gfield_required {color: #fff; padding: 0; font-size: inherit; margin-left: 6px; }
.main-form .gform_wrapper .gfield_label > .gfield_required > .gfield_required {font-size: inherit; color: inherit; padding: inherit; }
.main-form .ginput_container {float: left; width: 100%;position: relative;}
.main-form .gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .main-form .gform_wrapper.gravity-theme .gfield select, .main-form .gform_wrapper.gravity-theme .gfield textarea {float: left; width: 100%; height: 50px; border: 2px solid #ACACAC; background-color: transparent; font-size: 19px; color: #fff; font-family: 'BaskervilleURW-Reg'; border-radius: 1px; padding: 0 21px; }
.main-form .gform_wrapper.gravity-theme .gfield select {background-image: url('images/icon-dropdown.svg'); background-repeat: no-repeat; background-position: calc(100% - 19px); padding-right: 60px; }
.main-form .gform_wrapper.gravity-theme .gfield textarea {height: 125px !important; padding: 18px 21px; resize: none; }

.main-form .gfield_radio, .main-form .gfield_checkbox {float: left; width: 100%;}
.main-form .gchoice {float: left; width: 100%; margin-bottom: 10px; }
.main-form .gchoice:last-child {margin-bottom: 0; }
.main-form .gform_wrapper.gravity-theme .gfield-choice-input {position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; pointer-events: none; }
.main-form .gform_wrapper.gravity-theme .gfield_checkbox label,
.main-form .gform_wrapper.gravity-theme .gfield_radio label {font-size: 19px; float: left; width: auto; margin-bottom: 0; color: #FFFFFF; font-family: 'BaskervilleURW-Reg'; font-weight: normal; padding-left: 38px; position: relative; cursor: pointer; line-height: 31px; max-width: 100%; }
.main-form .gform_wrapper.gravity-theme .gfield_checkbox label > a,
.main-form .gform_wrapper.gravity-theme .gfield_radio label > a {color: inherit; border-bottom: 1px solid #fff; }
.main-form .gform_wrapper.gravity-theme .gfield_checkbox label::after {content: ""; position: absolute; left: 0; top: 5px; width: 22px; height: 22px; border: 1px solid #ACACAC; border-radius: 1px; }
.main-form .gform_wrapper.gravity-theme .gfield_checkbox label::before {content: ""; position: absolute; left: 5px; top: 12px; height: 6px; width: 12px; border-left: 2px solid #ACACAC; border-bottom: 2px solid #ACACAC; transform: rotate(-45deg); opacity: 0; }
.main-form .gform_wrapper.gravity-theme .gfield_radio label::after {content: ""; position: absolute; left: 0; top: 3px; width: 22px; height: 22px; border: 1px solid #ACACAC; border-radius: 50%; }
.main-form .gform_wrapper.gravity-theme .gfield_radio label::before {content: ""; position: absolute; left: 6px; top: 9px; width: 10px; height: 10px; background-color: #ACACAC; border-radius: 50%; opacity: 0; }
.main-form .gform_wrapper.gravity-theme .gfield-choice-input:checked ~ label::before {opacity: 1;}

.main-form .gform_wrapper.gravity-theme .gform_footer {float: left; width: 100%; margin: 12px 0 0; padding: 0;position: relative;display: block;}
.main-form .gform_wrapper.gravity-theme .gform_footer input[type="submit"] {float: left; width: auto; margin-bottom: 0; border: none;background-color: #B6A169; padding: 17px 78px 17px 30px; font-size: 13px; color: #01020E; font-family: 'AktivGroteskEx-XBold'; font-style: normal; line-height: normal; text-transform: uppercase; border-radius: 2px; position: relative; cursor: pointer; overflow: hidden;background-image: url('images/bg-arrow.svg');background-repeat: no-repeat;background-position: right;background-size: auto 100%;}
.firefox .main-form .gform_wrapper.gravity-theme .gform_footer input[type="submit"] {padding: 19px 78px 15px 30px;}
.main-form .gform_wrapper.gravity-theme .gform_footer input[type="submit"]:hover {background-color: #AB955B;}

.main-form .gform_wrapper .gform_validation_errors {float: left; width: 100%; padding: 10px 20px 10px; background: #ee8100; position: relative; margin-bottom: 15px; border-radius: 0; border: none; box-shadow: none; margin-top: 0; }
.main-form .gform_wrapper .gform_validation_errors > h2 {color: #fff; font-size: 18px; font-weight: normal; line-height: 22px; margin: 0 !important; letter-spacing: normal; font-family: 'BaskervilleURW-Reg'; text-transform: none; }
.main-form .gform_wrapper .gform_validation_errors > h2 .gform-icon {display: none;}
.main-form .gform_wrapper.gravity-theme .gfield_description {float: left; width: 100%; font-size: 15px; color: #ee8100; line-height: normal; padding: 0; border: none; background-color: transparent; margin-top: 4px; font-family: 'BaskervilleURW-Reg'; }
.main-form .gform_wrapper.gravity-theme .gfield.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),.main-form .gform_wrapper.gravity-theme .gfield.gfield_error select {border-color: #ee8100;}
.main-form .gform_wrapper.gravity-theme .gfield.gfield_error textarea {border-color: #ee8100;}
.main-form .gform_confirmation_wrapper {float: left; width: 100%; }
.main-form .gform_confirmation_message {float: left; width: 100%; color: #B6A169; font-size: 18px; font-family: 'BaskervilleURW-Reg'; background: transparent; padding: 0; line-height: 31px; }
.main-form .gform_wrapper.gravity-theme .gfield.input-focus .gfield_label {font-size: 16px; top: -16px; }

.main-form .gform_wrapper.gravity-theme .gfield.custom-file-upload .gfield_label {font-size: 16px; top: -16px; }
.main-form .gform_wrapper.gravity-theme .gfield input[type="file"] {width: 100%; height: 50px; float: left; cursor: pointer; color: #fff; padding: 0 60px 0 21px; line-height: 50px; }
.main-form .gform_wrapper.gravity-theme .gform_fileupload_rules {float: left; width: 100%; margin-top: 0px;color: #fff;}
.main-form .gform_wrapper.gravity-theme .gform_fileupload_rules::after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 50px; border: 2px solid #ACACAC; background-color: transparent; font-size: 19px; color: #fff; font-family: 'BaskervilleURW-Reg'; border-radius: 1px; padding:0 60px 0 21px; pointer-events: none;background-image: url('images/icon-upload-white.svg');background-repeat: no-repeat;background-size: 18px;background-position: calc(100% - 20px);}
.main-form input[type="file"]::file-selector-button {display: none;}

/* End of for css */

#custom_html-3 .main-form {margin-top: 25px; }
.main-form.newsletter-form .gform_wrapper form {position: relative;}
.main-form.newsletter-form .gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {border: 1px solid #3A3C5D; border-radius: 0; padding: 0 150px 0 20px; }
.main-form.newsletter-form .gform_wrapper.gravity-theme .gform_footer {width: auto; margin: 0; padding: 0; position: absolute; right: 20px; top: 2px; }
.main-form.newsletter-form .gform_wrapper.gravity-theme .gform_footer input[type="submit"] {height: 50px; padding: 0; background-color: transparent; color: #B6A169; font-size: 15px; font-family: 'AktivGroteskEx-Light'; border-radius: 0; box-shadow: none; cursor: pointer; text-transform: uppercase; letter-spacing: 1.19px; background-image: none; }
.main-form.newsletter-form .gform_wrapper.gravity-theme .gform_footer input[type="submit"]:hover {color: #7F692E;}

/* ********** Menu overlay ********** */
.menu-overlay {position: fixed; left: 0; right: 0; top: 0; bottom: 0;z-index: 9999;overflow: auto;pointer-events: none;opacity: 0;visibility: hidden;}
.menu-overlay.menu-show {pointer-events: auto; opacity: 1; visibility: visible; }
body.scroll-hidden {overflow-y: hidden; }
.menu-header {float: left; width: 100%; padding: 24px 33px 0; height: 122px; position: relative;background-color: #01020E;transform: translateY(-100%);-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);-moz-transform: translateY(-100%);}
.menu-overlay.menu-show .menu-header {transform: translate(0); -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); }
.overlay-logo {position: absolute; width: 159px; left: 0; right: 0; margin: 0 auto; top: 28px; }
.close-overlay {float: left; color: #FFFFFF; cursor: pointer; }
.close-overlay svg {margin-right: 15px; position: relative; top: 3px; }
body.admin-bar .close-overlay {position: relative; top: 32px; }
body.admin-bar .overlay-logo {top: 60px; }

.overlay-body {display: flex; flex-wrap: wrap; width: 100%; min-height: calc(100vh - 122px);overflow: hidden;}
.overlay-right-col {width: 50%; border-left: 1px solid #505166; display: flex; flex-wrap: wrap; align-content: flex-end;background-color: #01020E;transform: translateX(100%);-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);}
#custom_html-6 {height: 265px; width: 100%; border-top: 1px solid #505166; }
#custom_html-6 .textwidget {height: 100%; }
#custom_html-6 .contact-info-list {width: 100%; height: 100%; align-items: flex-start; padding-top: 65px; padding-left: 25px; padding-right: 25px; }
#custom_html-6 .contact-info-list li {margin-bottom: 0; max-width: 239px; padding: 0; justify-content: center; text-align: center; width: 33.33%; }
#custom_html-6 .contact-info-list li a {justify-content: center; }
#custom_html-6 .contact-info-list li a i {width: 55px; height: 55px; margin-right: 0;margin-bottom: 32px;}
#custom_html-6 .contact-info-list li a i img {width: 100%; height: 100%; }
#custom_html-6 .contact-info-list li a span {width: 100%; }

#nav_menu-3 {float: left; padding-left: 80px; padding-bottom: 61px; padding-top: 60px; }
#nav_menu-3 .menu li {margin-right: 0; clear: left; margin-bottom: 41px; }
#nav_menu-3 .menu li:last-child {margin-bottom: 0;}
#nav_menu-3 .menu li a {font-size: 18px; letter-spacing: 1.43px; font-family: 'AktivGroteskEx-Regular';padding-left: 0;position: relative;}
#nav_menu-3 .menu li a::after {content: ""; position: absolute; left: 0; top: 11px; height: 2px; width: 0px; background-color: #B6A169; }
.firefox #nav_menu-3 .menu li a::after {top: 8px;}
#nav_menu-3 .menu li a:hover {padding-left: 48px;}
#nav_menu-3 .menu li a:hover::after {width: 30px;}

.overlay-left-col {width: 50%; padding: 54px 30px 54px; display: flex; flex-wrap: wrap; align-items: center;background-color: #01020E;transform: translateX(-100%);-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);-moz-transform: translateX(-100%);}
#custom_html-7 {max-width: 550px; margin: 0 auto; }
#custom_html-7 .custom-html-widget {float: left; width: 100%; }
.menu-service-list {display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; }
.menu-service-box {width: 242px; min-height: 164px; border: 1px solid transparent; padding: 14px 10px; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; position: relative; margin-bottom: 50px; }
.menu-service-box:hover {border-color: #505166;}
.menu-service-box:last-child, .menu-service-box:nth-last-child(2) {margin-bottom: 0; }
a.link-cover {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 11; }
.service-icon {width: 157px; height: 91px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 20px; }
.service-icon > img {max-width: 100%;max-height: 100%;}
.menu-service-box h5 {color: #fff; font-size: 21px; line-height: 23px; }

.menu-service-title {float: left; padding-top: 36px; padding-left: 30px; width: 280px; }
.menu-service-title h3 {font-size: 23px; letter-spacing: 1.83px; position: relative; line-height: 32px; }
.menu-service-title h3::before {content: ""; width: 30px; height: 2px; background-color: #B6A169; display: inline-block; vertical-align: middle; position: relative; top: -2px; margin-right: 12px; }

.menu-overlay.menu-show .menu-header,
.menu-overlay.menu-show .overlay-left-col,
.menu-overlay.menu-show .overlay-right-col {transform: translate(0); -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); }

/* ********** Flex page (Service page) ********** */
.divider-row,.text-section,.image-slider-section,.sliding-text-section,.step-image-section,.specification-section,.step-main-section,.quote-main-section,.fact-section,.usp-section,.tabbed-image-section,
.contact-person-section,.other-service-section,.logo-section {padding-bottom: 100px;}
.pdb-small {padding-bottom: 30px;}
.pdb-large {padding-bottom: 200px;}

.large-banner-section {min-height: 100vh; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 100px 0; }
.full-banner {position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.large-banner-section::after {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #01020E; opacity: 0.45; }
.banner-content {display: flex; width: 1150px; max-width: 100%; flex-wrap: wrap; padding: 0 30px; justify-content: center; text-align: center; position: relative; z-index: 1; }
.banner-content h1 {color: #fff; font-size: 50px; letter-spacing: 3.97px; line-height: 64px;position: relative;}
.video-icon {width: 120px; cursor: pointer; text-align: center; margin-top: 9px; }
.video-icon i {width: 63px; height: 63px; display: inline-block; vertical-align: middle; margin-bottom: 9px; }
.video-icon i img {width: 100%; height: 100%; }
.video-icon span, .more-view span {width: 100%; display: inline-block; color: #fff; font-size: 13px; text-transform: uppercase; font-family: 'AktivGroteskEx-XBold'; text-shadow: 0 2px 4px rgba(0,0,0,0.5); }
.video-icon:hover i {transform: scale(1.12);-webkit-transform: scale(1.12);-moz-transform: scale(1.12);-ms-transform: scale(1.12);}
.video-icon:hover span {text-shadow: 0 1px 4px rgba(0,0,0,0.71);}
.more-view {position: absolute; z-index: 1; bottom: 5px; width: 135px; cursor: pointer; left: 0; right: 0; margin: auto;text-align: center;}
.more-view i {position: relative; left: 4px; margin-top: -17px; display: inline-block; vertical-align: middle; }
picture > span {position: absolute; left: 15px; bottom: 18px; font-size: 13px; color: rgba(255,255,255,0.75); z-index: 1; background-image: url('images/icon-camera-light.svg'); background-repeat: no-repeat; background-size: 11px; background-position: 7px center; background-color: transparent; padding: 2px 10px 3px 27px;transition: none !important;}
picture > span:hover {background-color: #fff;color: rgba(0, 0, 0, 0.75);background-image: url('images/icon-camera-dark.svg');}

/* Banner video overlay */
#videomodal {text-align: center; }
#videomodal::before {content: ""; display: inline-block; vertical-align: middle; height: 100%; }
#videomodal .modal-dialog {width: 1200px; max-width: 94%; margin: 30px auto; display: inline-block; vertical-align: middle; text-align: left; }
.modal-content {margin-bottom: 30px;background-color: transparent;border: none !important;border-radius: 0;box-shadow: none !important;}
.modal-content, .video-box {float: left; width: 100%; }
.modal button.close {position: absolute; top: -20px; right: -20px; opacity: 1; box-shadow: none; font-size: 0; text-shadow: none; width: 40px; height: 40px; background-color: #B6A169; border-radius: 50%; z-index: 1; }
.modal button.close img {width: 14px; }
.modal button.close:hover {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
.video-box {height: auto; padding-top: 56.25%; position: relative;background-color: #000; box-shadow: 0 10px 40px rgba(0,0,0,0.20); }
.video-box video {height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; }
.modal-backdrop {background-color: #01020E;}
.modal-backdrop.fade.show {opacity: 0.8;filter: alpha(opacity=80);}
.banner-bg-video {position: absolute; left: 0; width: 100%; top: 0; bottom: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; overflow: hidden; }
.banner-bg-video video {height: 100vh; width: 100vw; object-fit: cover; object-position: center; }

/* Small header section */
.header-wrapper {display: flex; width: 100%; flex-wrap: wrap; align-items: center; height: 100vh; max-width: 1920px; margin: 0 auto; }
.left-banner-col {width: calc(50% + 100px); height: 100%; }
.left-banner-col picture {float: left; width: 100%; height: 100%;position: relative;}
.left-banner-col .banner-bg-video {position: relative; height: 100%; }
.left-banner-col .banner-bg-video video {width: 100%; height: 100%; }
.right-banner-text {width: calc(50% - 100px); padding: 50px 65px; max-width: 640px; }
.right-banner-text.body-text h1 {font-size: 33px; line-height: 42px; letter-spacing: 2.48px; margin-bottom: 21px; }
.body-text h2 {margin-bottom: 21px; }
.body-text p {margin-bottom: 25px; }
.body-text p:last-child { margin-bottom: 0;}
.body-text p > a {border-bottom: 1px solid #7F692E; }

.body-text p code {padding: 0; font-size: 100%; background-color: transparent; border-radius: 0; font-family: inherit; }
.body-text p code > a,.text-link,.body-text p > em > strong > a,.body-text p > span > a {font-size: 13px; color: #B6A169; text-transform: uppercase; font-family: 'AktivGroteskEx-XBold'; display: inline-block;padding-right: 40px;position: relative;font-style: normal;}

.body-text p code > a:hover,.text-link:hover,.body-text p > em > strong > a:hover,.job-list-part .step-content-col:hover .text-link,.body-text p > span > a:hover {color: #7F692E;}

.body-text p code > a::before,.body-text p code > a::after,.text-link::after,.text-link::before,
.body-text p > em > strong > a::after,.body-text p > em > strong > a::before,.body-text p > span > a::after,.body-text p > span > a::before {content: ""; position: absolute; right: 15px; top: 9px; width: 17px; height: 11px; background-image: url('images/icon-right-arrow-long.svg'); background-repeat: no-repeat; background-size: 31px; background-position: right; }

.firefox .body-text p code > a::before,.firefox .body-text p code > a::after,
.firefox .text-link::after,.firefox .text-link::before,
.firefox .body-text p > em > strong > a::after,.firefox .body-text p > em > strong > a::before,
.firefox .body-text p > span > a::after,.firefox .body-text p > span > a::before{top: 8px;}

.body-text p code > a::after,.text-link::after,.body-text p > em > strong > a::after,.body-text p > span > a::after {background-image: url('images/icon-right-arrow-long-hover.svg');opacity: 0;}

.body-text p code > a:hover::before,.body-text p code > a:hover::after,
.text-link:hover::after,.text-link:hover::before,
.body-text p > em > strong > a:hover::after,.body-text p > em > strong > a:hover::before,
.job-list-part .step-content-col:hover .text-link::before,
.job-list-part .step-content-col:hover .text-link::after,
.body-text p > span > a:hover::before,.body-text p > span > a:hover::after{right: 0;width: 31px;}

.body-text p code > a:hover::after,.text-link:hover::after,.body-text p > em > strong > a:hover::after,
.job-list-part .step-content-col:hover .text-link::after,
.body-text p > span > a:hover::after{opacity: 1;}

.body-text p code > a:hover::before,.text-link:hover::before,.body-text p > em > strong > a:hover::before,
.job-list-part .step-content-col:hover .text-link::before,
.body-text p > span > a:hover::before{opacity: 0;}

/* Submenu section */
.submenu-section {padding: 25px 0 50px; position: relative; }
.submenu-list {display: flex; flex-wrap: wrap; justify-content: center; position: relative; width: 100%; background-color: #fff; z-index: 99;left: 0;}
.submenu-list.stick {position: fixed; top: 80px;}
body.admin-bar .submenu-list.stick {top: 112px; }
.submenu-list::after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-color: #D8D8D8; z-index: -1; }
.submenu-list li {margin-right: 20px; width: 230px; text-align: center; display: flex; flex-wrap: wrap; }
.submenu-list li:last-child {margin-right: 0; }
.submenu-list li > a {font-size: 14px; color: #000000; font-family: 'AktivGroteskEx-Regular'; text-transform: uppercase; line-height: 23px; letter-spacing: 1.12px; display: flex; flex-wrap: wrap; align-content: center; width: 100%; justify-content: center; border-bottom: 2px solid transparent; padding-bottom: 11px;padding-top: 19px;}
.submenu-list li > a:hover {color: #7F692E;border-bottom-color: #7F692E;}
.submenu-list li.active > a {color: #000000; border-bottom-color: #01020E;}

.submenu-section.xs-submenu-section {display: none; }

/* Text section */
.body-text.small-body-text {float: left; max-width: 940px; width: 100%; }
.body-text h2 > em, h2 > em {font-style: normal; }
.body-text h2 > em::before,h2 > em::before {content: ""; display: inline-block; width: 40px; height: 2px; background-color: #B6A169; vertical-align: middle; margin-right: 13px; position: relative; top: -4px; }

/* Image slider section */
.image-slider-header {display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; align-items: flex-end; }
.image-slider-header .body-text {margin-bottom: 6px; }
.more-infos {float: left; width: 100%; }
.image-slider-header .more-infos {width: auto; }

.image-slider {float: left; width: 100%; margin-top: 57px; }
.image-slider:hover {cursor: none;}
.image-slide {float: left; width: 700px; margin-right: 20px; }
.image-slide picture {float: left; width: 100%; height: 427px;position: relative;}
.image-slide p {font-size: 16px; line-height: 25px; padding: 21px 35px;color: #ACACAC;}
.slick-center.image-slide p {color: #01020E;}
.image-slider + .more-infos { display: none;}

/* Sliding Text section */
.sliding-text-section {padding-left: 20px; padding-right: 20px; overflow: hidden;}
.sliding-text-section h2 {font-size: 100px; color: #B6A169;font-family: "aktiv-grotesk-extended";font-weight: 100; letter-spacing: 7.95px; line-height: 145px; transform: translateX(110%);-webkit-transform: translateX(110%);}
.sliding-text-section h2.aos-animate {transform: translateX(0); -webkit-transform: translateX(0); }

/* Step multi image section */
.step-image-section {position: relative;}
.step-image-wrapper {float: left; width: 100%; }
.step-text-col {float: left; width: 510px;padding-top: 7px;}
.step-multi-image {float: right; width: 810px; }
.step-multi-image picture {float: left; width: 100%; /*height: 496px;*/ margin-bottom: 30px;position: relative;    display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.step-multi-image picture:nth-child(2n) {/*height: 860px;*/}
.step-multi-image picture:last-child {margin-bottom: 0; }
.step-multi-image picture > img { object-fit: contain; max-width: 100%;  max-height: 100%;}
.body-text ul,.body-text ol {float: left; width: 100%; margin-bottom: 25px; }
.body-text ul li,.body-text ol li {float: left; width: 100%; position: relative; font-size: 19px; line-height: 31px; color: #01020E; padding-left: 25px; }
.body-text ul li::before {content: ""; position: absolute; left: 0; top: 14px; width: 5px; height: 5px; background-color: #B6A169; }
.body-text ol {list-style: none; counter-reset: li;}
.body-text ol li {counter-increment: li;}
.body-text > ol > li::before {content: "." counter(li); color: #B6A169; display: inline-block; width: 17px; margin-left: -26px; text-align: right; direction: rtl; margin-right: 10px; font-family: 'BaskervilleURW-Bol'; }

/* Specification section */
.specification-wrapper {float: left; width: 100%; }
.specification-wrapper h2 {width: 450px; }
.specification-list {float: right; width: calc(100% - 470px); display: flex; flex-wrap: wrap; padding-top: 6px; }
.specification-list li {float: left; width: 33.33%; margin-bottom: 38px; padding-right: 30px; }
.specification-list li h4 {font-size: 14px; line-height: 25px; color: #B6A169; letter-spacing: 3px; text-transform: uppercase; margin-bottom: -2px; }
.specification-list li p {line-height: 25px; color: #000000; }

/* 3D image section */
.image-3d-section {position: relative;}
.image-3d-sticky {/*background-color: #01020E;*/ float: left; width: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.image-3d-wrapper {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; height: 100vh; padding: 100px 0 100px; }
.image-3d-content {width: 520px; }
.image-3d-content h1,.image-3d-content h2,.image-3d-content h3,.image-3d-content h4,.image-3d-content h5,.image-3d-content h6,.image-3d-content blockquote p {color: #fff;}
.image-3d-content p {color: #fff;max-width: 370px; }
.image-3d-content ul li, .image-3d-content ol li,.image-3d-content p a,.image-3d-content ul li a,.image-3d-content ol li a {color: #fff;}
.image-3d-group {width: 695px; margin-right: 100px;position: relative;text-align: center;}
.image-3d-group > img {max-height: 770px; }
.images-stack {float: left; width: 100%;background-color: #01020E;}
.image-stack-row {opacity: 0;float: left;width: 100%;height: 300px;}
.xs-image-grp {display: none; }
/*#concept-phase{height:2500px}*/
/* Step main section */
.step-main-section {overflow: hidden; }
.step-main-wrapper {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; }
.step-main-wrapper.rev-step {flex-direction: row-reverse; }
.step-media {width: 810px; height: 496px;position: relative;}
.step-media picture {float: left; width: 100%; height: 100%;position: relative;}
.step-main-wrapper .step-media{transform: translateX(-80px); -webkit-transform: translateX(-80px); opacity: 0; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; }
.step-main-wrapper.rev-step .step-media,
.job-list-part:nth-child(2n+1) .step-media {transform: translateX(80px); -webkit-transform: translateX(80px); }
.step-main-wrapper.aos-animate .step-media {transform: translateX(0) !important; -webkit-transform: translateX(0) !important; opacity: 1; }

.step-media .video-icon {margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 98px; }
.step-content-col {width: 540px;position: relative;}
.step-content-col p {max-width: 400px; }

/* Text section */
.body-text h1 {margin-bottom: 12px;}
.body-text h3 {margin-bottom: 11px;}
.body-text h4 {margin-bottom: 8px;}

/* Image grid section */
.image-grid-section .body-text {float: left; width: 100%; margin-bottom: 20px; }
.image-grid-list {float: left; width: 100%; }
.image-grid-box {margin-bottom: 30px; height: 275px; }
.image-grid-box picture {float: left; width: 100%; height: 100%;position: relative;}
.image-grid-box picture > a,.custom-content picture > a {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }
.image-grid-box:nth-child(1), .image-grid-box:nth-child(2) {width: 50%;height: 420px;}
body .lb-data .lb-details {display: none;}
body .lightboxOverlay {background-color: #01020e;}
body .lb-outerContainer {border-radius: 0;}
body .lightbox .lb-image {border-radius: 0;border: none;}
body .lightbox {position: fixed; top: 0 !important; bottom: 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; }

/* Full width section */
.full-width-section.large-banner-section {min-height: inherit; padding: 200px 0 213px; }
.banner-content h2, .banner-content p {color: #fff; }
.banner-content h2 {margin-bottom: 3px;position: relative;}
.banner-content p {margin-bottom: 9px;position: relative;}
.banner-content .video-icon {position: relative;}

/* Quote section */
.quote-slider {float: left; width: 100%;}
.quote-slide {float: left; width: 100%;padding-bottom: 40px;}
.quote-image {float: left; width: 330px; height: 415px; margin-left: 40px; position: relative; }
.quote-image picture {float: left; width: 100%; height: 100%; }
.quote-image::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #F3F1EA; z-index: -1; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; }
.quote-slide.slick-active .quote-image::after {left: -40px; top: 40px; }
.quote-image::before {content: ""; position: absolute; right: -27px; top: -21px; width: 55px; height: 90px; z-index: 1; background-image: url('images/icon-quote-new.svg'); background-repeat: no-repeat; background-size: 53px; pointer-events: none; }
.quote-content {width: 820px; float: left; padding-left: 75px; padding-top: 73px; padding-bottom: 30px; opacity: 0; transform: translateY(-50px); -webkit-transform: translateY(-50px); transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; }
.quote-slide.slick-active .quote-content {opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); }
.quote-content h5 {font-size: 18px; line-height: 31px; color: #7F692E; margin-bottom: 20px; }
.quote-content blockquote {float: left; width: 100%; margin-bottom: 22px; }
.quote-content blockquote p {font-size: 24px; letter-spacing: 1.91px; text-transform: uppercase; font-family: 'AktivGroteskEx-Light'; }
.quote-content > p {font-size: 19px; line-height: 23px; }
.quote-content > p strong {font-size: 13px; line-height: inherit; font-family: 'AktivGroteskEx-Regular'; text-transform: uppercase; }
.quote-content .quote-image {display: none; }

.quote-slider .slick-dots {float: right; width: calc(100% - 370px); margin-top: -42px; padding-left: 75px; position: relative; z-index: 1; }
.quote-slider .slick-dots li {float: left; margin-right: 6px; }
.quote-slider .slick-dots li button {float: left; font-size: 0; width: 22px; height: 3px; background-color: #DDD0AD; cursor: pointer;border: none;}
.quote-slider .slick-dots li.slick-active button {background-color: #01020E; }

/* Fact section */
.facts-list {display: flex; flex-wrap: wrap; justify-content: center; width: 100%; }
.fact-box {width: 25%; text-align: center; padding: 0 30px; margin-bottom: 30px; }
.fact-icon {display: flex; width: 67px; height: 73px; align-content: center; justify-content: center; margin: 0 auto 30px; }
.fact-icon > img {max-height: 100%; }
.fact-box h3 {font-size: 60px; color: #B6A169; letter-spacing: 2.5px; line-height: 60px; }

/* Project slider section */
.project-slider-section {padding: 77px 0 50px; position: relative;}
.project-slider-section.pdb-small {margin-bottom: 30px; }
.project-slider-section.pdb-large {margin-bottom: 200px; }
.project-slider-section::before {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 1430px; max-width: 95%; background-color: #F3F1EA; z-index: -1; margin: 0 auto; }
.project-slider-section > h5 {text-align: center; font-size: 19px; line-height: 31px; color: #7F692E; margin-bottom: 13px; }

.project-slider {float: left; width: 100%; }
.project-box {float: left; width: 1090px;padding: 70px 0; position: relative;transform: scale(0.75) translate(131px);-webkit-transform: scale(0.75) translate(131px);-moz-transform: scale(0.75) translate(131px);-ms-transform: scale(0.75) translate(131px);}
.owl-item.center .project-box {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);}
.owl-item.center ~ .owl-item .project-box {transform: scale(0.75) translate(-131px);-webkit-transform: scale(0.75) translate(-131px);-moz-transform: scale(0.75) translate(-131px);-ms-transform: scale(0.75) translate(-131px);}
.project-image-wrapper {float: left; width: 100%; height: 665px; position: relative; }
.project-image-wrapper picture {float: left; width: 100%; height: 100%;position: relative;}
.project-image-wrapper picture > span {right: 15px; left: initial; }
.project-label {position: absolute; left: 0; bottom: 0; width: 100%; padding: 7px 15px; z-index: 1; }
.project-label label {float: left; margin-right: 8px; font-weight: normal;margin-bottom: 0; background-color: #01020E; color: #fff; padding: 4px 10px 4.5px; font-size: 13px; font-family: 'AktivGroteskEx-Light'; text-transform: uppercase; margin-bottom: 8px;}
.firefox .project-label label {padding: 6px 10px 2.5px;}
.project-label label:empty {display: none; }
.project-box h3 {text-align: center; position: absolute; top: 0; left: 0;opacity: 0;}
.project-box .more-infos {position: absolute; left: 0; bottom: 17px; text-align: center;opacity: 0;}
.text-link {line-height: 31px; }
.owl-item.center .project-box h3,.owl-item.center .project-box .more-infos{opacity: 1;}

.project-slider .owl-nav {position: absolute; top: 43px; width: 1252px; left: 0; right: 0; margin: auto;display: block !important;}
.project-slider .owl-nav button span {display: none; }
.project-slider.owl-carousel .owl-nav button {width: 31px; height: 20px;background-repeat: no-repeat;background-size: 41px;position: relative;top: 50px;}
.project-slider.owl-carousel .owl-nav button.owl-prev {float: left;background-image: url('images/icon-nav-left.svg');margin-left: 10px;}
.project-slider.owl-carousel .owl-nav button.owl-next {float: right;background-image: url('images/icon-nav-right.svg');background-position: right;margin-right: 10px;}
.project-slider.owl-carousel .owl-nav button:hover {margin: 0;width: 41px;}

/* USP section */
.usp-section .container {max-width: 1325px; }
.usp-section .body-text {float: left; width: 400px; }
.usp-lists {float: right; width: calc(100% - 520px); display: flex; flex-wrap: wrap;justify-content: space-between;}
.usp-lists .fact-box {width: 41%; padding: 0; margin-bottom: 57px; text-align: left; }
.usp-lists .fact-box:last-child, .usp-lists .fact-box:nth-last-child(2) {margin-bottom: 0; }
.usp-lists .fact-box .fact-icon {float: left; margin-bottom: 25px; }
.usp-lists .fact-box h5 {font-size: 18px; color: #000000; letter-spacing: 1.43px; font-family: 'AktivGroteskEx-Regular'; text-transform: uppercase; margin-bottom: 15px; }

/* Tabbed image section */
.tabbed-image-section h2 {text-align: center; margin-bottom: 23px; }
.tab-title-part {display: flex; flex-wrap: wrap; width: 100%; justify-content: center; margin-bottom: 63px; }
.custom-tab-title {display: flex; flex-wrap: wrap; justify-content: center; position: relative; padding: 0 25px;border: none !important;}
.custom-tab-title::after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-color: #D8D8D8; z-index: -1; }
.custom-tab-title li {width: 205px; display: flex; flex-wrap: wrap;margin-bottom: 0;}
.custom-tab-title li a {font-size: 18px; color: #7F692E !important; font-family: 'AktivGroteskEx-Regular'; text-transform: uppercase; line-height: 23px; letter-spacing: 1.44px; display: flex; flex-wrap: wrap; align-content: center; width: 100%; justify-content: center; border: none !important; padding-bottom: 16px; cursor: pointer; border-bottom: 2px solid transparent !important;margin-right: 0;}
.custom-tab-title li.active a, .custom-tab-title li a:hover {border-bottom-color: #7F692E !important; }

.tab-content-part {float: left; width: 100%; }
.custom-content {float: left; width: 100%; }
.image-grid-left {float: left; width: calc(46.3% - 20px); }
.custom-content picture {float: left; width: 100%; margin-bottom: 30px; border: 1px solid #DDDDE6; }
.image-grid-left picture:nth-child(1) {height: 425px; }
.image-grid-left picture:nth-child(2) {height: 315px; width: 74%; float: right; }
.image-grid-right {float: right; width: calc(53.7% - 20px); }
.image-grid-right picture:nth-child(1) {height: 497px; }
.image-grid-right .body-text::before {content: ""; position: absolute; left: 50px; top: 9px; bottom: 12px; width: 2px; background-color: #B6A169; }
.image-grid-right .body-text {float: left; width: 90%; padding: 0 80px; position: relative; margin-top: 37px; }

/* Contact Person section */
.contact-person-list {float: left; width: 100%; }
.person-col {margin-bottom: 30px; }
.contact-info-cover {float: left; width: 100%;background-color: #F3F1EA;height: 100%;}
.contact-info-cover:hover {transform: translateY(-20px);-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);}
.contact-info-cover picture {float: left; width: 100%; height: 415px;background-color: #fff;}
.contact-meta {float: left; width: 100%; padding: 32px 30px 40px; text-align: center; }
.contact-meta h2 {font-size: 31px; letter-spacing: 2.46px; position: relative; line-height: normal; margin-bottom: 34px; }
.contact-meta h2::after {content: ""; position: absolute; left: 0; right: 0; bottom: -14px; height: 2px; width: 35px; background-color: #B6A169; margin: 0 auto; }
.contact-meta h5 {font-size: 18px; letter-spacing: 1.43px; line-height: 23px; text-transform: uppercase; font-family: 'AktivGroteskEx-Regular'; margin-bottom: 20px; }
.person-links {display: flex; width: 100%; flex-wrap: wrap; justify-content: center;flex-direction: column;}
.person-links > a {font-size: 19px; color: #01020E; line-height: 29px;word-break: break-word; }

/* Horizontal Slider */
.horizontal-slider-section {}
.slider-wrapper {display: flex !important; flex-wrap: wrap; align-items: center; height: 100vh; position: absolute; left: 0; top: 0; width: 100%;}
.large-slide {position: absolute; right: 0; top: 0; bottom: 0; width: calc(100% - 350px); transform: translateX(-150%); -webkit-transform: translateX(-150%); transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; }
.slider-wrapper.show .large-slide {transform: translateX(0); -webkit-transform: translateX(0); }
.slider-wrapper.show ~ .slider-wrapper .large-slide {transform: translateX(100%); -webkit-transform: translateX(100%); }
.slider-wrapper .body-text {background-color: #fff; position: relative; z-index: 1; width: 566px; padding: 51px 50px 40px 75px; opacity: 0; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; }
.slider-wrapper.show .body-text {opacity: 1; }
.scrollmagic-pin-spacer {width: 100%; }
.features-benefits {height: 100vh; display: inline-block; position: relative; transition: none; top: 0; left: 0; right: 0; bottom: 0; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; will-change: transform; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden;width: 100%;}
.features-benefits__container {width: 100%; height: 100vh; display: inline-block; position: relative; }
.slider-wrapper.show {z-index: 5; }
.slide-title-label {display: none;float: left;width: 100%;color: #01020E;font-family: 'AktivGroteskEx-XBold';font-weight: normal;font-size: 13px;text-transform: uppercase;margin-bottom: 10px;}

.pagination-list {position: absolute; width: 60px; top: calc(50% - 120px); z-index: 11; left: 0; padding-left: 20px;bottom: 0;}
.pagination-list::after {content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 280px; pointer-events: none; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
.pagination-list .dot {-webkit-writing-mode: vertical-lr;writing-mode: sideways-rl; margin-bottom: 42px; font-size: 12px; color: #A09FB4; font-family: 'AktivGroteskEx-Regular'; text-transform: uppercase; cursor: pointer;transition: 0.4s all ease-in-out;-webkit-transition: 0.4s all ease-in-out;}
.pagination-list .dot.is-selected {color: #01020E; font-family: 'AktivGroteskEx-XBold'; }
.mobile-arrows {display: none; }

/* Other service section */
.title-part {float: left; width: 100%; text-align: center; margin-bottom: 40px; }
.title-part h5 {font-size: 19px; color: #7F692E; line-height: 31px; margin-bottom: 14px; }
.other-service-list {display: flex; flex-wrap: wrap; width: 100%;}
.service-click.menu-service-box {border: none; background-color: transparent; width: 16.6%; margin-bottom: 30px; padding: 28px 10px; margin-right: 11.2%; }
.service-click.menu-service-box:nth-child(4) {margin-right: 0; }
.service-click.menu-service-box .service-icon {margin-bottom: 28px;}
.service-click.menu-service-box h5 {color: #01020E; font-size: 19px; margin-bottom: 8px; }
.service-click:hover {background-color: #F3F1EA;}
.service-click .more-infos {opacity: 0; }
.service-click:hover .more-infos {opacity: 1; }

/* Logo section */
.logo-section h3 {width: 300px; font-size: 21px; letter-spacing: 1.67px; padding-top: 20px; }
.logobar-list {float: right; width: calc(100% - 310px); }
.logobar-list li {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 25%; float: left; height: 92px; margin-bottom: 55px;position:relative;}
.logobar-list li img {max-height: 92px;max-width: 90%;}
.logobar-list li img.color-logo {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; opacity: 0; }
.logobar-list li:hover img.color-logo{opacity:1;}
.logobar-list li:hover img.black-logo{opacity:0;}
.logobar-list li > a {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}

/* ************* Home page ************* */
.home-banner {position: relative; padding: 283px 0 50px; min-height: 100vh;margin-bottom: 148px;}
.home-banner::after {content: ""; left: 0; right: 0; bottom: 0; position: absolute; height: 175px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(1,2,14,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(1,2,14,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(1,2,14,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#01020e',GradientType=0 ); }
.home-banner-content {float: left; width: 650px; max-width: 100%; position: relative; z-index: 1; }
.home-banner-content h1 {margin-bottom: 36px; }
.home-banner-content .video-icon {display: inline-block; vertical-align: middle; width: auto; margin-top: 0; }
.home-banner-content .video-icon > i {margin-bottom: 0; width: 35px; height: 35px; box-shadow: 0 2px 4px rgba(255,255,255,0.5); border-radius: 50%; }
.home-banner-content .video-icon span {width: auto; vertical-align: middle; color: #01020E; text-shadow: 0 2px 4px rgba(255,255,255,0.5); margin-top: 2px; margin-left: 9px; }
.firefox .home-banner-content .video-icon span {margin-top: 8px;}
.home-banner-content .video-icon:hover i {transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2);box-shadow: none;}
.home-banner-content .video-icon:hover span{text-shadow: none;}
.home-banner-content .main-btn {margin-right: 40px;vertical-align: middle;}
.home-banner-content .main-btn::after{background-image: url('images/icon-arrow-down-white.svg');}
.general-text-section .body-text p {max-width: 640px; }
.general-horizontal-slider {margin-bottom: 205px; }
.general-usp-section {padding-bottom: 200px; }
.general-quote-section {padding-bottom: 200px; }
.general-project-section {margin-bottom: 200px; }
.general-logo-section {padding-bottom: 130px; }
.project-quick-link {position: absolute; right: 67px; bottom: 36px; z-index: 1; }
.project-quick-link h5 {color: #fff; width: auto; font-size: 24px; line-height: 31px; }
.project-quick-link p {width: auto; margin-left: 17px; }
.project-quick-link .text-link {padding-right: 0; padding-left: 33px; margin-left: 17px; }
.project-quick-link .text-link::after {display: none !important; }
.project-quick-link .text-link::before {right: inherit; left: 0; background-image: none !important; background-color: #B6A169; opacity: 1 !important; width: 20px !important; height: 2px !important; top: 13px !important; }

/* ************* Contact page ************* */
.normal-banner {align-content: flex-start; padding-top: 292px;min-height: calc(100vh - 100px);}
.normal-banner .banner-content {width: 1000px;}

.contact-main-info {position: relative; z-index: 1; margin-top: -111px; padding-bottom: 95px; }
.contact-container {display: flex; flex-wrap: wrap; width: 1230px; margin: 0 auto; background-color: #fff; box-shadow: 0 2px 21px rgba(0,0,0,0.11); justify-content: center; padding: 48px 30px 36px; max-width: 100%;}
.cta-col {width: 25%; text-align: center; padding: 0 15px; }
.cta-col > a {display: inline-block; }
.cta-col > a i {width: 55px; height: 55px; display: inline-block; margin-bottom: 19px; }
.cta-col > a:hover i {transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);}
.cta-col > a i > img {width: 100%; height: 100%; }
.cta-col > a > h3 {font-size: 22px; color: #B6A169; letter-spacing: 0.92px; font-family: 'AktivGroteskEx-Regular'; margin-bottom: 5px; }
.cta-col > a p, .cta-col > a address {font-size: 18px; color: #1C1C1C; font-style: normal; line-height: 19px; }
.cta-col > a:hover p, .cta-col > a:hover address{color: #B6A169;}

.map-section {padding: 0 0 100px; }
.map-section h2 {margin-bottom: 52px; }
.map-wrapper {float: left; width: 100%; position: relative; height: 560px; }
.map-image {float: left; width: 100%; height: 100%; }
.map-image > img {width: 100%; height: 100%; object-fit: cover; }
.address-col {position: absolute; left: 40px; top: 50%; z-index: 1; width: 306px; background-color: #01020E; padding: 28px 45px 34px; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%); }
.address-col address {float: left; width: 100%; color: #fff; font-style: normal; font-size: 22px; line-height: 33px; margin-bottom: 11px; }
.person-info-section {padding: 5px 0 100px; }
.person-info-section .body-text {float: left; width: 690px; max-width: 100%; margin-bottom: 102px; }
.linkedin-cta {padding-bottom: 165px; }

.views-template-contact-page-template .modal-backdrop {opacity: 0 !important; }
#formModal {text-align: center; }
#formModal::before {content: ""; display: inline-block; vertical-align: middle; height: 100%; }
#formModal .modal-dialog {width: 690px; display: inline-block; vertical-align: middle; text-align: left; }
#formModal .modal-content {background-color: #01020E; padding:40px 57px 53px; }
#formModal .modal-content > h2 {color: #fff; margin-bottom:27px; width: calc(100% - 100px);}
.custom-close {float: right; color: #fff; padding-left: 25px; background-image: url('images/icon-close.svg'); background-repeat: no-repeat; background-size: 14px; background-position-y: 7px; }

.body-text.job-overview-list {max-width: 100%; }
.job-list-part {margin-bottom: 100px; }
.job-list-part:last-child {margin-bottom: 0; }
.job-list-part:nth-child(2n+1) {flex-direction: row-reverse; }

/* Page transition */
.page-cover {position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #F3F1EA; z-index: 99999; transform: translateX(-100%);-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);transition:0.4s transform ease-in-out 0s,0s opacity ease-in-out 0.5s;-webkit-transition:0.4s transform ease-in-out 0s,0s opacity ease-in-out 0.5s;-moz-transition:0.4s transform ease-in-out 0s,0s opacity ease-in-out 0.5s;-ms-transition:0.4s transform ease-in-out 0s,0s opacity ease-in-out 0.5s;pointer-events: none;}
.page-cover.show-in {transform: translateX(0%);-webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);}
.page-cover.show-out {transform: translateX(100%);-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);opacity: 0;transition:0.5s transform ease-in-out 0s,0s opacity ease-in-out 0.5s;-webkit-transition:0.5s transform ease-in-out 0s,0s opacity ease-in-out 0.5s;-moz-transition:0.5s transform ease-in-out 0s,0s opacity ease-in-out 0.5s;-ms-transition:0.5s transform ease-in-out 0s,0s opacity ease-in-out 0.5s;}

/* Block Reveal Animation */
.block-reveal {position: relative; overflow: hidden; }
.block-reveal::after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #F3F1EA; transform: translateY(100%); transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; }
.block-reveal img {transform: scale(1.1); opacity: 0; transition: all 0.3s ease-in-out 0.5s; -webkit-transition: all 0.3s ease-in-out 0.5s; }
.block-reveal span {opacity: 0;transition: all 0.3s ease-in-out 0.5s; -webkit-transition: all 0.3s ease-in-out 0.5s; }
.block-reveal.aos-animate::after,.project-slider-section.aos-animate .block-reveal::after{transform: translateY(-100%); -webkit-transform: translateY(-100%); }
.block-reveal.aos-animate img,.project-slider-section.aos-animate .block-reveal img {opacity: 1; transform: scale(1); -webkit-transform: scale(1); }
.block-reveal.aos-animate span,.project-slider-section.aos-animate .block-reveal span {opacity: 1;}
.block-reveal + .video-icon {opacity: 0;transition: all 0.3s ease-in-out 0.5s;-webkit-transition: all 0.3s ease-in-out 0.5s;}
.block-reveal.aos-animate + .video-icon {opacity: 1;}

/* Cursor CSS */
.cursor {position: fixed; width: 92px; height: 92px; background-image: url('images/icon-drag-slider-arrow.svg'); background-repeat: no-repeat; background-size: 100%; border-radius: 50%; transition: transform 0.3s ease-in-out,opacity 0.3s ease-in-out; -webkit-transition: transform 0.3s ease-in-out,opacity 0.3s ease-in-out; pointer-events: none; opacity: 0; z-index:1111; transform:translate(-50%, -50%) scale(0.1); -webkit-transform:translate(-50%, -50%) scale(0.1); }
.image-slider:hover ~ .cursor,
.cursor-show.cursor{opacity: 1; transform:translate(-50%, -50%) scale(1); -webkit-transform:translate(-50%, -50%) scale(1);}

/* Windows os css for button */
body.windows .body-text p > em > a,body.windows .main-btn {padding: 20px 78px 14px 30px;}
body.windows .project-label label {padding: 7px 10px 2px;}
body.windows .dark-btn, body.windows .body-text p > strong > a {padding: 20px 35px 14px;}

/* VC css */
body .vc_row {margin-left: 0; margin-right: 0; background: #fff; position: relative; }
body .vc_column_container > .vc_column-inner {padding-left: 0;padding-right: 0;}
.windows .main-form .gform_wrapper.gravity-theme .gform_footer input[type="submit"] {padding: 19px 78px 15px 30px;}

/* New scroll section */
.scroll-img-section {background-color: #000;}
#rotation > img {cursor: pointer;}

/* Disable overflow of site-container (unwanted white-space below footer) */
.site-container {overflow: hidden;}

/* job indicator */
.job-indicator {
display: inline-block;
position: relative;
top: -5px;
left: -2px;
width: 19px;
height: 19px;
background: #B6A169;
text-align: center;
line-height: 19px;
font-size: 14px;
color: #000;
border-radius: 50%;
}

.lb-outerContainer + .lb-dataContainer{display:none!important;}
.lb-dataContainer.tb-lb-dataContainer + .lb-dataContainer.tb-lb-dataContainer{display:none!important;}
.lb-dataContainer{padding-bottom: 8px;}

/* project filters */
.wrap--project-filters {background-color: #F3F1EA; padding-top: 8rem; padding-bottom: 3rem; margin-bottom: 3rem;}
@media only screen and (max-width: 1199px) {
    .wrap--project-filters { padding-top: 2rem; }
}
@media only screen and (max-width: 767px) {
    .wrap--project-filters { padding-top: 5rem; }
}

.wrap--project-filters .container { text-align: center; }
.wrap--project-filters .content { color: #7F692E; margin: 0 auto 2rem; max-width: 700px; }
.wrap--project-filters h1 {
    font-size: 31px; line-height: 45px;letter-spacing: 2.7px; margin-bottom: 1rem;
}

.filter-main-part {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding-top: 2rem;
}

.filter-main-part .checkbox,
.filter-main-part p {
    display: block;
    flex: 0 0 auto;
    margin: .5rem .75rem .25rem;
    width: auto;
}

.filter-main-part .checkbox label,
.filter-main-part p a {
    position: relative;
    padding-left: 1.9rem;
    font-family: 'AktivGroteskEx-Light';
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1.5rem;
    color: #000;
}

.filter-main-part p a {
    padding-left: 0;
    display: block;
    transform: translateY(3px);
}

@media only screen and (max-width : 767px) {
    .filter-main-part {
        display: inline-flex;
        justify-content: flex-start;
        width: auto;
        flex-direction: column;
        margin-bottom: -1.5rem;
    }

    .filter-main-part .checkbox,
    .filter-main-part p {
        flex: 1 1 auto;
        width: 100%;
    }

    .filter-main-part .checkbox label,
    .filter-main-part p a {
        width: 100%;
        text-align: left;
    }
}

.filter-main-part .checkbox label input[type=checkbox] {
    height: 1.5rem;
    width: 1.5rem;
    appearance: none;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0;
    margin-left: 0;
    border-radius: 0;
    border: 1px solid #B6A169;
    background: #fff;
    cursor: pointer;
}

.filter-main-part .checkbox label input[type=checkbox]:focus {
    outline: none;
}

.filter-main-part .checkbox label input[type=checkbox]:hover {
    border: 2px solid #7F692E;
}

.filter-main-part .checkbox label input[type=checkbox]:checked {
    border: 1px solid #B6A169;
    background-color: #B6A169;
    border-radius: 0;
    outline: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M438.6 105.4a31.93 31.93 0 0 1 0 45.2l-256 256a31.93 31.93 0 0 1-45.2 0L9.37 278.6a31.94 31.94 0 0 1 0-45.2 32 32 0 0 1 45.26 0L159.1 338.7l234.3-233.3a31.9 31.9 0 0 1 45.2 0z'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 75% auto;
}

.filter-main-part .checkbox label:hover {
    font-weight: 800;
}

/* project overview */
.project-card {display: block; text-align: center; }
.project-card img {aspect-ratio: 450/270; transition: transform 100ms ease-in-out; transform-origin: bottom;}
.project-card h3 { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 1rem 0 2rem;}

.project-card:hover img {transform: scale(1.05);}
.project-card:hover h3 {font-weight: 800;}