/*
Theme Name: Number Three One - Child
Theme URI: https://standoutmedia.dk/
Author: Standoutmedia A/S
Author URI: https://standoutmedia.dk/
Description: Et helt specielt Standoutmedia Tema
Template: number-three-one
Text Domain: number-three-child
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* ===== CSS Variables ===== */

:root {
    /* Font sizes */
    /* --h1: 75px; */
    --h1: 40px;
    /* --h2: 75px; */
    --h2: 30px;
    /* --h3: 45px; */
    --h3: 20px;
    --h4: 20px;
    --h5: 16px;
    --h6: 14px;
    --p: 14px;

    /* Gaps */
    --gap-l: 90px;
    --gap-m: 40px;
    --gap-s: 20px;

    /* font families */
    --h-fam: 'Work Sans', serif;
    --p-fam: 'Work Sans', serif;
    --btn-fam: var(--p-fam);
    
    --border-radius: 10px;

    /* colors */
    --color-1: #d7f205;
    --color-2: #707070;
    --color-3: #383737;
    --color-4: #d7d9d9;
    --color-bg: #181819;
    --color-text: #fff;
    --color-dark: var(--color-1);
    --color-overlay: rgb(0 0 0 / 20%);

    /* transitions */
    --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);


    /* Margin on the right and left of the main content sections (change 0 to 1 to match template distances)*/
    --content-margin: calc(0 * var(--gap-m));
    /* --slider-text-width: 800px; */
    --slider-text-width: 1000px;
    
    /* Theme defined variables from PHP */
    --content-width: initial;
    --sidebar-width: initial;
    /* END Theme defined variables from PHP */
}


/* ===== END CSS Variables ===== */


/*======================================================================//
// style.css                                                            //
//======================================================================*/

/*  */

/* Generel */
html {
	scroll-behavior: smooth;
}

body {
    /* background-color: var(--color-3); */
    background-color: var(--color-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

body,
body #page {
    overflow: initial;
}

p {
    color: #fff;
}

html, body, input, select, optgroup, textarea {
    font-weight: 350;
}

h1, h2, h3, h4, h5, h6 {
    color: #fff;
    /* font-weight: 700; */
    font-weight: 650;
    line-height: 1;
    /* letter-spacing: 3px; */
    letter-spacing: 1.5px;
}

h1 em, h2 em, h3 em, h4 em, h5 em h6 em {
    font-weight: 250;
    font-style: normal;
    color: var(--color-1);
}

b, strong {
    font-weight: 650;
}


.dark-text {
    --color-text: #383737;
    --color-white: #383737;
    color: var(--color-3);
}

/*
.stom-button a {
    display: inline-block;
    min-width: 255px;
    font-size: var(--p);
    font-weight: 450;
    color: var(--color-1);
    text-align: center;
    border: 1px solid var(--color-1);
    border-radius: 50rem;
    background: linear-gradient(to right, var(--color-1) 0%, var(--color-1) 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: 100% 0;
    padding: 11px 20px;
    transition: background-position 0.4s ease-in-out, color 0.3s ease-in-out;
}
*/

.stom-button a {
    display: inline-block;
    font-size: var(--p);
    font-weight: 450;
    color: var(--color-1);
    background-color: transparent;
    border: none;
    padding: 0;
    position: relative;
    text-decoration: none;
}

.stom-button a:after {
    content: "";
    display: block;
    width: 20%;
    height: 1px;
    background-color: var(--color-1);
    position: absolute;
    left: 0;
    bottom: -4px;
    transition: width 0.3s ease-in-out;
}

.stom-button a:hover,
.stom-button a:focus {
    color: var(--color-1);
    background-color: transparent;
}

.stom-button a:hover:after {
    width: 100%;
}

/* .stom-button a:hover {
    background-position: 0 0;
    background-color: transparent;
    color: var(--color-3);
    border-color: var(--color-1);
} */

.stom-button.black a {
    background-color: var(--color-bg);
    border-color: var(--color-bg);
    /* min-width: 375px; */
}


span.sub-heading {
    display: block;
    line-height: 1.25;
    /* font-size: 20px; */
    font-size: var(--p);
    font-weight: 650;
    color: var(--color-1);
    letter-spacing: 1px;
}

span.read-more {
    display: inline-block;
    width: fit-content;
    margin-top: 35px;
    position: relative;
}

span.read-more a {
    font-size: var(--p);
    font-weight: 650;
    color: var(--color-1);
    text-decoration: none;
    transition: var(--transition);
    position: relative;
}

span.read-more a::after {
    content: "";
    display: block;
    width: 20%;
    height: 1px;
    background-color: var(--color-1);
    position: absolute;
    left: 0;
    bottom: -4px;
    transition: width 0.3s ease-in-out;
}

span.read-more a:hover {
    
}

span.read-more a:hover::after {
    width: 100%;
}


span.read-more a:focus {
    outline: none;
}

span.full-contact-list a {
    text-decoration: none;
    transition: var(--transition);
}

span.full-contact-list a:hover {
    color: var(--color-1);
}

span.full-contact-list a .stom-custom-svg {
    color: var(--color-1);
    margin-left: .25em;
}

ul + span.read-more {
    /* margin-top: 10px; */
}

.stom-toggle-list > ul {
    margin-bottom: 35px;
}

.stom-toggle-list > ul li:nth-child(n+4),
.stom-toggle-list > p:nth-child(n+4) {
    display: none;
}

.hide-content-wrapper > span.read-more {
    margin-top: 0;
}

.hide-content-wrapper .hide-content > ul {
    margin-bottom: 1.5em !important;
}

.hide-content-wrapper .hide-content > ul + p {
    margin-bottom: 1.5em !important;
}

.stom-small.small-center {
    max-width: 950px;
}

/* Logo + Menu */
header#masthead {
    position: sticky !important;
    top: 0 !important;
    /* background-color: #181819; */
    background-color: #414141;
}

body.admin-bar header#masthead {
    top: calc(0px + 32px) !important;
}

.style-header-02 .socials-wrapper {
    display: flex;
    gap: 10px;
}

.style-header-02 .socials-wrapper a {
    padding: 0;
}

.style-header-02 .socials-wrapper a .stom-custom-svg {
    color: #fff;
    font-size: 22px;
    transition: var(--transition);
}

.style-header-02 .socials-wrapper a img {
    max-width: 21px;
    max-height: 21px;
    height: 100%;
}

.style-header-02 .socials-wrapper a:hover .stom-custom-svg {
    color: var(--color-1);
}

body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled #masthead {
    /* background-color: var(--color-3); */
    /* background-color: rgba(0, 0, 0, 1); */
    background-color: #414141;
    box-shadow: none;
}

header .main-navigation ul.menu a {
    font-size: 13px;
    /* font-weight: 350; */
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
}

header .main-navigation ul.menu a:before {
    display: none;
}

header .main-navigation ul.menu a .stom-menu-item-arrow {
    opacity: 1;
    font-size: 12px;
    margin-left: .75em;
    color: var(--color-1);
}

.hover-style-bold ul.menu li:hover > a, 
.hover-style-bold ul.menu li.focus > a, 
.hover-style-bold ul.menu .current-menu-item > a, 
.hover-style-bold ul.menu .current-menu-ancestor > a {
    /* font-weight: 350; */
    font-weight: 400;
    color: var(--color-1);
}

#primary-menu {
    align-items: center;
}

#primary-menu li.menu-item-has-children ul.sub-menu {
    background-color: #414141;
}

#primary-menu li.menu-item-has-children ul.sub-menu li.menu-item a {
    font-size: 13px;
    justify-content: flex-start;
    text-transform: inherit;
}

#primary-menu li.btn-contact {
    margin-left: var(--gap-s);
}

#primary-menu li.btn-contact a {
    display: inline-block;
    font-size: 14px;
    font-weight: 450;
    color: var(--color-1);
    background-color: transparent;
    border: none;
    padding: 0;
    position: relative;
    text-decoration: none;
}

#primary-menu li.btn-contact a:after {
    content: "";
    display: block;
    width: 20%;
    height: 1px;
    background-color: var(--color-1);
    position: absolute;
    left: 0;
    bottom: -4px;
    transition: width 0.3s ease-in-out;
}

#primary-menu li.btn-contact a:hover {
    color: var(--color-1);
    background-color: transparent;
}

#primary-menu li.btn-contact a:hover:after {
    width: 100%;
}

.style-header-02 .site-branding #logo {
    padding: 25px 0;
}

.header-sticky-active.scrolled header .site-branding #logo {
    padding: 20px 0;
}

.site-branding #logo img, 
.site-branding #logo svg {
    max-width: 215px;
    max-height: 60px;
    width: auto;
    height: auto;
}

.header-sticky-active.scrolled header .site-branding #logo img.logo-landscape {
    /* max-height: 50px; */
    max-height: 60px;
}

#site-switch {
    position: fixed;
    bottom: var(--gap-s);
    right: var(--gap-s);
	/*left: var(--gap-s);*/
    margin: 0;
    border-radius: 10px;
    background-color: var(--color-1);
    border: 1px solid var(--color-1);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);
}

#site-switch .section  {
    border-bottom: none;
    padding: 0;
}

#site-switch .section > a {
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    color: #181819;
    padding: 13px 20px;
    border-radius: 10px;
    display: inline-block;
    transition: var(--transition);
}

#site-switch .section > a:hover {
    background-color: var(--color-3);
    color: var(--color-1);
}

/* Sections */
.section-wrap.clear.stom-billede-sektion {
    margin-top: calc(var(--gap-l) * 2);
}

.section-wrap.clear.stom-billede-sektion .stom-entry-header {
    margin-bottom: calc(var(--gap-m) * 1);
}

.section-wrap.clear.stom-billede-sektion .stom-entry-header .stom-title > h2 {
    text-transform: uppercase;
}

.section-wrap.clear.stom-billede-sektion .stom-entry-header .stom-title > h2 em {
    text-transform: uppercase;
}

.section-wrap.clear.stom-billede-sektion.has-background .stom-entry-header {
    padding-block-start: calc(var(--gap-l) * 2);
    padding-block-end: 0;
}

.section-wrap.clear.stom-billede-sektion.has-background {
    padding-bottom: calc(var(--gap-l) * 2);
}

.section-wrap.clear.stom-billede-sektion.has-background .section.content {
    padding-block: 0;
}

.stom-billede-sektion.picture-left .stom-cols-6 {
    padding-left: var(--gap-m);
}

.stom-billede-sektion.picture-right .stom-cols-6 {
    padding-right: var(--gap-m);
}

.stom-billede-sektion .stom-cols-6 {
    /*width: 57%;*/
	width: 50%;
    align-items: flex-start;
    min-height: 565px;
    padding-top: 0;
}

.stom-billede-sektion .stom-cols-6 .stom-center-box > h2 {
    font-size: var(--h3);
}

.stom-billede-sektion .stom-cols-6 .stom-center-box > h4 {
    font-size: 21px;
    margin-top: 40px;
}

.stom-billede-sektion .stom-cols-6 .stom-center-box > ul {
    padding-left: 1em;
}

.stom-billede-sektion .stom-cols-6 .stom-center-box > ul li::marker {
    color: var(--color-1);
}

.stom-billede-sektion .stom-cols-6 .stom-center-box > ul li:not(:last-of-type) {
    margin-bottom: 10px;
}

.stom-billede-sektion .stom-cols-6 .stom-center-box > p + .stom-button {
    margin-top: var(--gap-m);
}

.stom-billede-sektion .stom-cols-6 .stom-center-box > p + ul {
    /* margin-top: -25px; */
    margin-top: -20px;
}

.stom-billede-sektion .stom-picture img {
    /*aspect-ratio: 3 / 4;*/
    /*height: auto;*/
}

.stom-billede-sektion .stom-picture {
    width: 43%;
}

#main-content .section-wrap.clear .section > ul li::marker,
#main-content .section-wrap.clear .section .stom-toggle-list > ul li::marker {
    color: var(--color-1);
}

#main-content .section-wrap.clear .section > ul li:not(:last-of-type),
#main-content .section-wrap.clear .section .stom-toggle-list > ul li:not(:last-of-type) {
    margin-bottom: 35px;
}

.section-wrap.clear.double-margin-top {
    margin-top: calc(var(--gap-l) * 2);
}

.section-wrap.clear.double-margin-bottom {
    margin-bottom: calc(var(--gap-l) * 2);
}

/* Header */
.page-slider-section .slick-slider {
    margin-bottom: 0;
}

.page-slider-section .slick-slider > .slick-arrow {
    background-color: transparent;
    width: auto;
    height: auto;
    box-shadow: none;
    padding: 0;
}

.page-slider-section .slick-slider > .slick-prev {
    left: var(--gap-m);
}

.page-slider-section .slick-slider > .slick-next {
    right: var(--gap-m);
}

.page-slider-section .slick-slider > .slick-dots {
    top: unset;
    bottom: var(--gap-m);
    padding-inline: var(--gap-l);
    text-align: right;
}

.page-slider-section .slick-slider > .slick-dots li button {
    width: 30px;
    height: 15px;

}

.page-slider-section .slick-slider > .slick-dots li button:before {
    background-color: transparent;
    border: 1px solid var(--color-1);
    opacity: 1;
    border-radius: 25rem;
}

.page-slider-section .slick-slider > .slick-dots li.slick-active button:before {
    background-color: var(--color-1);
}

.page-slider-section .slide-element {
    line-height: 0;
}

.page-slider-section .image-aligner img {
    /* max-height: calc(70vh - var(--header-height)); */
}

body.admin-bar .page-slider-section .image-aligner img {
    max-height: calc(100vh - var(--header-height) - 32px);
}

.page-slider-section .slider-text {
    align-items: flex-end;
    padding-bottom: var(--gap-l);
}

body:not(.home) .page-slider-section .slider-text {
    background-color: rgba(0, 0, 0, .4);
}

.page-slider-section .slider-text-inner .slider-text-inner-wrapper > h1,
.page-slider-section .slider-text-inner .slider-text-inner-wrapper .stom-print-title > h1,
.page-slider-section .slider-text-inner .slider-text-inner-wrapper > h2,
.page-slider-section .slider-text-inner .slider-text-inner-wrapper .stom-print-title > h2 {
    font-size: var(--h1);
	line-height: 1.15;
    color: #fff;
    margin-bottom: var(--gap-s);
    text-transform: uppercase;
}

.page-slider-section .slider-text-inner .slider-text-inner-wrapper > p {
    font-size: 20px;
}

/* body.landingpage .page-slider-section .image-aligner {
    line-height: 0;
} */

body:not(.home):not(.landingpage) .page-slider-section .image-aligner img {
    min-height: 600px;
    height: 100%;
}

/* body.landingpage .page-slider-section .image-aligner img {
    min-height: 768px;
    height: 100%;
} */

body.landingpage .page-slider-section .slider-text {
    /* padding-bottom: calc(var(--gap-l) * 2); */
}

.socials-wrapper a span.stom-custom-svg {
    color: var(--color-1);
}

header.site-header .section-wrap .section {
    border-bottom: 1px solid #fff;
    padding: 10px 0;
}

.header-sticky-active.scrolled .style-header-02 .section-wrap .section {
    padding: 10px 0;
}

/* Site selector */
.home header#masthead,
.home .section-wrap.clear.contact-section,
.home .section-wrap.clear.contact-alt-section,
.home #colophon {
    display: none;
}

.home .number-three-clear-cache-link {
    display: none !important;
}

#main-content .section-wrap.clear.site-selector-section {
    position: relative;
    margin-top: 0;
}

#main-content .section-wrap.clear.site-selector-section:before {
    content: '';
    background-image: url('images/site-selector-logo2.png');
    background-size: 100%;
    background-repeat: no-repeat;
    /* width: 294px; */
    width: 245px;
    height: 60px;
    /* content: url('images/site-selector-logo.png'); */
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 2;
    /* background-color: #181819; */
}

.section-wrap.clear.site-selector-section .section {
    padding-inline: 0;
}

.section-wrap.clear.site-selector-section .section .grid-elements {
    gap: 0;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element {
    position: relative;
    overflow: hidden;
    height: 100vh;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:first-of-type {
    /* border-right: 1px solid var(--color-1); */
}


.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:before {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* background-color: rgba(0, 0, 0, .28); */
    transition: var(--transition);
    pointer-events: none;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:hover:before {
    background-color: rgba(24, 24, 24, .25);
    /*
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    */
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:hover .overlay > .stom-button a:after {
    width: 100%;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay {
    position: relative;
    padding: var(--gap-l);
    justify-content: center;
    /* max-width: 750px; */
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay .sub-heading {
    font-weight: 300;
    margin-bottom: 5px;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay .container {
    display: flex;
    align-items: flex-end;
    column-gap: var(--gap-s);
    margin-bottom: 15px;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay .container > h2 {
    font-size: var(--h1);
    margin-bottom: 0;
    line-height: 1;
    color: #909090;
    transition: var(--transition);
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:hover .overlay .container > h2 {
    color: #fff;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay .container > .stom-custom-svg {
    font-size: 20px;
    position: relative;
    bottom: 4px;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay .container > .stom-custom-svg svg {
    transition: var(--transition);
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:hover .overlay .container > .stom-custom-svg svg {
    transform: rotate(45deg);
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay > p {
    /* font-size: 20px; */
    font-size: 12px;
    font-weight: 350;
    line-height: 1.5;
    /* max-width: 660px; */
    max-width: 450px;
    color: #909090;
    transition: var(--transition);
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:hover .overlay > p {
    color: #fff;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element > img {
    min-height: 100vh;
    max-height: 100vh;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay > .usp {
    position: absolute;
    bottom: calc(var(--gap-l) * 1.25);
    right: var(--gap-l);
    /* opacity: 0; */
    transition: var(--transition);
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:hover .overlay > .usp {
    /* opacity: 1; */
}

/* Red background and text */
.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay > .usp ul {
    position: relative;
    padding-left: 0;
    background-color: #414141;
    z-index: 1;
    transition: var(--transition);
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:hover .overlay > .usp ul {
    background-color: #373737;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay > .usp ul li:not(:last-of-type) {
    margin-bottom: 5px;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay > .usp ul li {
    transition: var(--transition);
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:hover .overlay > .usp ul li {
    color: #fff;
}
  
.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay > .usp {
    position: absolute;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay > .usp::before {
    content: "";
    position: absolute;
    top: -30px;
    left: 30px;
    right: -20px;
    bottom: -30px;
    border: 1px solid var(--color-1);
    z-index: 0;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:last-of-type .overlay > .usp {
	bottom: calc(var(--gap-l) * 1.11);
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:last-of-type .overlay > .usp:before {
	top: -20px;
    bottom: -20px;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:last-of-type .overlay > .usp ul {
	padding-block: 20px;
}
  

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay > .usp ul {
    padding-block: 30px;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay > .usp ul li {
    font-size: 10px;
    list-style-type: none;
    color: #909090;
}

body.admin-bar .section-wrap.clear.site-selector-section .section .grid-elements .grid-element > img {
    min-height: calc(100vh - 32px);
    max-height: calc(100vh - 32px);
}

/* Frontpage */
.section-wrap.clear.cards-section {
    margin-top: calc(var(--gap-l) * 2);
}

.section-wrap.clear.cards-section .section {
    padding-left: 0;
    padding-right: 0;
}

.section-wrap.clear.cards-section .section .grid-elements {
    column-gap: 0;
}

.section-wrap.clear.cards-section .section .grid-elements .grid-element.heading {
    margin-bottom: var(--gap-m);
}

.section-wrap.clear.cards-section .section .grid-elements .grid-element.heading .overlay {
    width: var(--content-width);
    margin: 0 auto;
}

.section-wrap.clear.cards-section .section .grid-elements .grid-element.heading .overlay > h2 {
    text-transform: uppercase;
}

.section-wrap.clear.cards-section .section .grid-elements .grid-element.heading .overlay > h2 em {
    text-transform: uppercase;
}

.section-wrap.clear.cards-section .section .grid-elements .grid-element:not(.heading) {
    position: relative;
	height: calc(100vh - var(--header-height));
}

.section-wrap.clear.cards-section .section .grid-elements .grid-element:not(.heading) > img {
	height: calc(100vh - var(--header-height));
}

.section-wrap.clear.cards-section .section .grid-elements .grid-element:not(.heading):before {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .26);
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    transition: var(--transition);
    pointer-events: none;
}

.section-wrap.clear.cards-section .section .grid-elements .grid-element:not(.heading):hover:before {
    background-color: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.section-wrap.clear.cards-section .section .grid-elements .grid-element:not(.heading) .overlay {
    position: relative;
    justify-content: space-between;
    padding: var(--gap-m) var(--gap-m) 50px;
}

.section-wrap.clear.cards-section .section .grid-elements .grid-element:not(.heading) .overlay:after {
    display: none;
}

.section-wrap.clear.cards-section .section .grid-elements .grid-element:not(.heading) .overlay > h2,
.section-wrap.clear.cards-section .section .grid-elements .grid-element:not(.heading) .overlay > h3 {
    font-size: var(--h4);
    line-height: 1.3;
    max-width: 300px;
}

.section-wrap.clear.cards-section .section .grid-elements .grid-element:not(.heading) .overlay > span.vertical {
    /* font-size: 24px; */
    font-size: var(--p);
    color: var(--color-1);
    letter-spacing: 3.6px;
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    text-orientation: mixed;
    -webkit-text-orientation: mixed;
    transition: var(--transition);
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    width: fit-content;
}

.section-wrap.clear.cards-section .section .grid-elements .grid-element:not(.heading):hover .overlay > span.vertical {
    color: #fff;
}


.section-wrap.clear.about-section {
    position: relative;
}

.section-wrap.clear.about-section:after {
    content: url('images/about-element.png');
    position: absolute;
    bottom: -200px;
    right: 0;
    pointer-events: none;
}

/* Slick slider */
.stom-grid-section.section-fullpage .grid-elements.slick-slider .slick-arrow {
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    cursor: crosshair;
    display: flex;
    align-items: center;
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    text-shadow: 0px 3px 5.8px rgba(0, 0, 0, 0.21);
}

.stom-grid-section.section-fullpage .grid-elements.slick-slider .slick-arrow.slick-prev {
    left: var(--gap-s);
}

.stom-grid-section.section-fullpage .grid-elements.slick-slider .slick-arrow.slick-next {
    right: var(--gap-s);
}

.stom-grid-section.section-fullpage .grid-elements.slick-slider .slick-arrow .stom-custom-svg {
    color: #fff;
}

.section-wrap.clear.cards-section .section .grid-elements.slick-slider .grid-element-slider-wrap .slick-list .slick-track {
    gap: 0;
    margin-left: 0;
}

.section-wrap.clear.cards-section .section .grid-elements.slick-slider .grid-element-slider-wrap .slick-list .slick-track .slick-slide {
    
}

.section-wrap.clear.cards-section .section .grid-elements.slick-slider .grid-element-slider-wrap .slick-list .slick-track .slick-slide:hover {
    
}

.section-wrap.clear.split-section {
    margin-top: 0;
}

.section-wrap.clear.split-section .section {
    padding-left: 0;
    padding-right: 0;
}

.section-wrap.clear.split-section .section .grid-elements {
    gap: 0;
}

.section-wrap.clear.split-section .section .grid-elements .grid-element {
    position: relative;
}

.section-wrap.clear.split-section .section .grid-elements .grid-element:before {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .33);
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    transition: var(--transition);
    pointer-events: none;
}

.section-wrap.clear.split-section .section .grid-elements .grid-element:hover:before {
    background-color: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.section-wrap.clear.split-section .section .grid-elements .grid-element .overlay {
    position: relative;
    padding: var(--gap-l);
}

.section-wrap.clear.split-section .section .grid-elements .grid-element .overlay > h2,
.section-wrap.clear.split-section .section .grid-elements .grid-element .overlay > h3 {
    font-size: var(--h3);
    color: var(--color-1);
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.section-wrap.clear.split-section .section .grid-elements .grid-element .overlay > p {
    font-size: var(--p);
    line-height: 1.3;
    max-width: 600px;
}

.section-wrap.clear.choose-section .section {
    padding-block: calc(var(--gap-l) * 1);
}

.section-wrap.clear.choose-section .section > h2,
.section-wrap.clear.choose-section .section > h3 {
    margin-bottom: 60px;
    text-transform: uppercase;
}

.section-wrap.clear.choose-section .section > h2 em,
.section-wrap.clear.choose-section .section > h3 em {
    text-transform: uppercase;
}

.section-wrap.clear.company-section .section {
    padding-block: calc(var(--gap-l) * 2);
}

.section-wrap.clear.company-section .section > h2,
.section-wrap.clear.company-section .section > h3 {
    color: var(--color-3);
}

.section-wrap.clear.company-section .section .container {
    display: flex;
    column-gap: var(--gap-m);
    align-items: center;
    justify-content: space-between;
    margin-top: 70px;
}

.section-wrap.clear.company-section .section .container > p {
    margin-bottom: 0;
}

.section-wrap.clear.company-section .section .container .slick-list .slick-track {
    display: flex;
    align-items: center;
}

.section-wrap.clear.company-section .section .container .slick-list .slick-track .slick-slide > img {
    margin-inline: auto;
}

/* New company section */
.section-wrap.clear.company-alt-section {
    padding-inline: 0;
}

.section-wrap.clear.company-alt-section .section {
    padding-inline: 0;
}

.section-wrap.clear.company-alt-section .section .grid-elements {
    align-items: center;
    gap: 0;
}

.section-wrap.clear.company-alt-section .section .grid-elements .grid-element.heading .overlay {
    padding-left: var(--gap-l);
    padding-right: var(--gap-l);
}

.section-wrap.clear.company-alt-section .section .grid-elements .grid-element.heading .overlay > h2,
.section-wrap.clear.company-alt-section .section .grid-elements .grid-element.heading .overlay > h3 {
    font-size: 28px;
    color: var(--color-bg);
    max-width: 455px;
    text-transform: uppercase;

    line-height: 1.25;
}

.section-wrap.clear.company-alt-section .section .grid-elements .grid-element.slider {
    display: block;
    grid-column: span 2;
}

.section-wrap.clear.company-alt-section .section .grid-elements .grid-element.slider .overlay .container {
    padding-right: 0;
}

.section-wrap.clear.company-alt-section .section .grid-elements .grid-element.slider .overlay .container .slick-list {
    padding: 0 10% 0 0;
}

.section-wrap.clear.company-alt-section .section .grid-elements .grid-element.slider .overlay .container .slick-list .slick-track .slick-slide > img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    max-width: 140px;
    min-height: 90px;
    max-height: 90px;
    width: auto;
    height: auto;
    transition: var(--transition);
}

.section-wrap.clear.company-alt-section .section .grid-elements .grid-element.slider .overlay .container .slick-list .slick-track .slick-slide:hover > img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}

.section-wrap.clear.project-section {
    position: relative;
    margin-inline: 0;
    overflow: hidden;
}

.section-wrap.clear.project-section:after {
    content: url('images/project-element.png');
    position: absolute;
    left: 0;
    bottom: -70px;
    pointer-events: none;
}

.section-wrap.clear.project-section .section {
    max-width: 100%;
    padding-block: var(--gap-l);
}

.section-wrap.clear.project-section .section .grid-elements {
    gap: 0;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element .overlay {
    justify-content: flex-start;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.content {
    display: block;
}


.section-wrap.clear.project-section .section .grid-elements .grid-element.content .overlay {
    padding-inline: var(--gap-l);
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.content .overlay > h2 {
    text-transform: uppercase;
    margin-bottom: var(--gap-m);
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.content .overlay > h2 em {
    text-transform: uppercase;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.content .overlay > p + .stom-button {
    margin-top: var(--gap-m);
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.content .overlay .project-details-list {
    padding-inline: 0;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.content .overlay .project-details-list .project-detail-content {
    margin-inline: 0;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.content .overlay .project-details-list .project-detail-content > .project-summary {
	max-width: 700px;
	margin-bottom: var(--gap-s);
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.content .overlay .project-details-list .project-detail-content > .project-title {
    font-size: 16px;
    font-family: var(--p-fam);
    margin-bottom: 5px;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.content .overlay .project-details-list .project-detail-content > .project-coordinates {
	

}

.section-wrap.clear.project-section .section .grid-elements .grid-element.content .overlay .project-details-list .project-detail-content > .stom-button {
    margin-top: var(--gap-m);
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.content .overlay .project-details-list .project-detail-content > .stom-button a:after {
	bottom: 0;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects,
.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay {
    display: block;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list {
    padding-inline: 0;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list {
    padding: 0 20% 0 0;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list .slick-track {
    overflow: hidden;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list .slick-track:before,
.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list .slick-track:after {
    display: none;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list .slick-track .project-item-wrapper {
    position: relative;
    cursor: pointer;
	margin: 0 20px;1
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list .slick-track .project-item-wrapper > a.full-element-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: transparent;
    z-index: 5;

    pointer-events: none;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list .slick-track .project-item-wrapper .project-item-background {
    position: relative;
    padding: var(--gap-s);
    min-height: 600px;
    width: 100%;
    margin-bottom: 10px;
	
	aspect-ratio: 341 / 600;
    height: auto !important;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list .slick-track .project-item-wrapper .project-item-background > a.full-element-link {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: transparent;
    z-index: 5;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list .slick-track .project-item-wrapper .project-item-background .project-category {
    position: relative;
    display: inline-block;
    padding: 5px 20px;
    background-color: var(--color-1);
    border: 1px solid var(--color-1);
    color: var(--color-bg);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 350;
    transition: var(--transition);
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list .slick-track .project-item-wrapper:hover .project-item-background .project-category {
    color: #fff;
    background-color: var(--color-bg);
	border-color: var(--color-bg);
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list .slick-track .project-item-wrapper .project-item-background:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .26);
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    transition: var(--transition);
    pointer-events: none;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list .slick-track .project-item-wrapper:hover .project-item-background:before {
    /*background-color: rgba(0, 0, 0, .5);*/
	background-color: rgba(215, 242, 5, .25);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list .slick-track .project-item-wrapper .project-item-title {
    font-size: 16px;
    font-weight: 250;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-dots {
    position: static;
    padding-inline: var(--gap-s);
    margin-top: var(--gap-m);
    text-align: right;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-dots li button {
    width: 30px;
    height: 15px;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-dots li button:before {
    background-color: transparent;
    border: 1px solid var(--color-1);
    opacity: 1;
    border-radius: 25rem;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-dots li.slick-active button:before {
    background-color: var(--color-1);
}

/* Sidebar */
body:not(.home):not(.no-sidebar),
body:not(.home):not(.no-sidebar) #page {
    overflow: visible;
}

aside#secondary {
    position: sticky;
    top: 150px;
}

body.admin-bar aside#secondary {
    top: calc(150px + 32px);
}

.widget-area .widget:not(.widget_search):not(.widget_instagram-feed-widget):not(.widget-no-border) {
    font-size: 14px;
    margin-bottom: var(--gap-l);
}

/* Subpages */
body:not(.home):not(.no-sidebar) {
    background-color: var(--color-4);
}

body:not(.home):not(.no-sidebar) #primary {
    width: calc(100% - var(--sidebar-width) - 100px);
}

body:not(.home):not(.no-sidebar) header#masthead {
    background-color: rgba(0, 0, 0, 1);
}

body:not(.home):not(.no-sidebar) #main-content #conntet {
    margin-bottom: var(--gap-m);
}

body:not(.home):not(.no-sidebar) .entry-content .stom-button a {
    color: var(--color-bg);
}

body:not(.home):not(.no-sidebar) .entry-content .stom-button a:after {
    background-color: var(--color-bg);
}

body:not(.home) .entry-content {
    padding-bottom: var(--gap-l);
}

body:not(.home) .entry-content > h3 {
    margin-top: 50px;
}

body:not(.home) .entry-content > h2,
body:not(.home) .entry-content > h3 {
    font-size: var(--h3);
    color: var(--color-bg);
    /* text-transform: uppercase; */
}

body:not(.home) .entry-content > h2 em,
body:not(.home) .entry-content > h3 em {
    /* text-transform: uppercase; */
    color: var(--color-bg);
}

body:not(.home) .entry-content > p {
    color: var(--color-bg);
}

.stom-checkmark-list ul {
    padding-left: 0;
}

.stom-checkmark-list ul li {
    position: relative;
    padding-left: 1.75em;
    list-style: none;
}

.stom-checkmark-list ul li:not(:last-of-type) {
    margin-bottom: 5px;
}

.stom-checkmark-list ul li:before {
    content: url('images/checkmark.svg');
    position: absolute;
    left: 0;
    width: 1em;
    filter: brightness(0) invert(1);
    line-height: 1.75;
}

.section-wrap.clear.faq-section .section > h2 {
    font-size: var(--h3);
    max-width: 750px;
}

/* Certifications alt */
.section-wrap.clear.certification-alt-section:not(:first-of-type) {
    margin-top: calc(var(--gap-l) * 1.5);
}

.section-wrap.clear.certification-alt-section {
    margin-top: calc(var(--gap-l) * 2);
}

.section-wrap.clear.certification-alt-section .section > h2 {
    font-size: var(--h4);
}

.section-wrap.clear.certification-alt-section .section > .stom-checkmark-list {
    /* border: 1px solid var(--color-1);
    padding: var(--gap-m); */
}

.section-wrap.clear.certification-alt-section .section > .stom-checkmark-list ul li > strong {
    font-weight: 350;
    color: var(--color-1);
}

.section-wrap.clear.certification-section {
    margin-top: 0;
}

.section-wrap.clear.certification-section .section {
    padding-block: calc(Var(--gap-l) * 2);
}

.section-wrap.clear.certification-section .section > * {
    color: var(--color-3);
}

.section-wrap.clear.certification-section .section .container {
    display: flex;
    align-items: flex-start;
    column-gap: 75px;
    margin-top: 80px;
}

.section-wrap.clear.certification-section .section .container > p {
    margin: 0;
}

.section-wrap.clear.accordion-section .section .stom-picture > img {
    max-height: 565px;
}

.section-wrap.clear.comprehensive-section .section .stom-picture > img {
    max-height: 675px;
}

.section-wrap.clear.technology-section {
    margin-top: calc(var(--gap-l) * 2);
}

.section-wrap.clear.technology-section .section {
    margin-bottom: calc(var(--gap-l) * 2);
}

.section-wrap.clear.technology-section .section .grid-elements {
    column-gap: var(--gap-l);
}

.section-wrap.clear.technology-section .section .grid-elements .grid-element.heading .overlay > h2,
.section-wrap.clear.technology-section .section .grid-elements .grid-element.heading .overlay > h2 em {
    text-transform: uppercase;
}

.section-wrap.clear.technology-section .section .grid-elements .grid-element:not(.heading) .overlay {
    justify-content: flex-start;
}

.section-wrap.clear.technology-section .section .grid-elements .grid-element:not(.heading) .overlay > h3 {
    font-size: var(--p);
    letter-spacing: normal;
}

.section-wrap.clear.technology-section .section .grid-elements .grid-element:not(.heading) .overlay > ul {
    padding-left: 1em;
}

.section-wrap.clear.technology-section .section .grid-elements .grid-element:not(.heading) .overlay > ul li:not(:last-of-type) {
    margin-bottom: 5px;
}

.section-wrap.clear.technology-section .section .grid-elements .grid-element:not(.heading) .overlay > ul li::marker {
    color: var(--color-1);
}

body.contact-page .section-wrap.clear.contact-page-section {
	margin-top: 0;
}

body.contact-page #main-content {
	margin-top: 0;
}

body.contact-page .section-wrap.clear.contact-alt-section {
    display: none;
}

/* Management - Employee */
.section-wrap.clear.management-section {
	margin-top: 0;
}

.section-wrap.clear.management-section .section {
    margin-top: 0;
    padding-block: calc(var(--gap-l) * 2);
}

.section-wrap.clear.management-section .section > h2,
.section-wrap.clear.management-section .section > h3 {
    color: var(--color-bg);
}

.section-wrap.clear.management-section .section > h2 em,
.section-wrap.clear.management-section .section > h3 em {
    color: var(--color-bg);
} 

.section-wrap.clear.management-section .section > * {
    color: var(--color-bg);
}

/* Contact page section */
.section-wrap.clear.contact-page-section .section .grid-elements {
    column-gap: 70px;
}

.section-wrap.clear.contact-page-section .section .grid-elements .grid-element.grid-span-2 {
    grid-column: span 2;
}

.section-wrap.clear.contact-page-section .section .grid-elements .grid-element .overlay {
    justify-content: flex-start;
}

.section-wrap.clear.contact-page-section .section .grid-elements .grid-element.info .overlay {
    padding: 20px 0 0;
}

.section-wrap.clear.contact-page-section .section .grid-elements .grid-element.info .overlay > p a {
    text-decoration: none;
    transition: var(--transition);
}

.section-wrap.clear.contact-page-section .section .grid-elements .grid-element.info .overlay > p a:hover {
    color: var(--color-1);
}

.employee-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--gap-l) var(--gap-m);
    margin-top: var(--gap-m);
}

.employee-container .employee .thumbnail {
    line-height: 0;
}

.employee-container .employee .thumbnail > img {
    aspect-ratio: 3 / 4;
    object-fit: cover;
}

.employee-container .employee .content {
    padding-block: 20px;
    border-bottom: 1px solid var(--color-bg);
}

.employee-container .employee .content > .title {
    font-size: 18px;
    margin-bottom: 10px;
    color: var(--color-bg);
}

.employee-container .employee .content > .position {
    display: inline-block;
    /* color: var(--color-1); */
    /* background-color: var(--color-bg); */
    /* padding: 8px 18px; */
    font-size: 14px;
}

.employee-container .employee .content > .contact-info {
    margin-top: 10px;
    display: flex;
}

.employee-container .employee .content > .contact-info .mail:after {
    content: '|';
    margin: 0 10px;
}

.employee-container .employee .content > .contact-info .mail,
.employee-container .employee .content > .contact-info .phone {
    display: block;
}

.employee-container .employee .content > .contact-info .mail a,
.employee-container .employee .content > .contact-info .phone a {
    text-decoration: none;
}

.employee-container .employee .content > .contact-info .mail a:hover,
.employee-container .employee .content > .contact-info .phone a:hover {
    text-decoration: underline;
}

/* Accordion */
.mere-tekst-wrapper > button {
    font-size: var(--p);
    padding-block: 25px;
    padding-inline: 0;
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    transition: var(--transition);

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mere-tekst-wrapper > button.fold-ind {
    color: var(--color-1);
}

.mere-tekst-wrapper > button:hover {
    border-color: var(--color-1);
    color: var(--color-1);
}

.mere-tekst-wrapper > button .stom-custom-svg {
    font-size: 16px;
    color: var(--color-1);
    line-height: 0;
}

.mere-tekst-wrapper > .mere-tekst {
    font-size: var(--p);
    padding-right: var(--gap-m);
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Gravity Form */
.gform_wrapper form .gform_body .gform_fields {
    grid-column-gap: 25px;
    grid-row-gap: 30px;
}

.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container > * {
    font-size: 15px;
    font-weight: 250;
    /* border-bottom: 4px solid var(--color-3) !important; */
    border: none;
    background-color: #000;
    text-indent: 10px;
}

.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container > *::placeholder {
    color: #fff;
    font-size: 15px;
    font-weight: 350;
}

.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container > *:focus-visible {

}

.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container > input {
    padding-bottom: 5px;
    height: 58px;
}

.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container > textarea {
    height: 175px;
}

.gform_wrapper form .gform_body .gform_fields .stomGFAS-container-field .stomGFAS-inner {
    max-width: 100%;
    width: 100%;
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
}

.gform_wrapper form .gform_body .gform_fields .stomGFAS-container-field .stomGFAS-inner .stomGFAS-description .stomGFAS-changes .stomGFAS-the-element {
    border: none;
    width: 20px;
    height: 20px;
}

.gform_confirmation_wrapper .gform_confirmation_message {
    margin-top: var(--gap-m);
    color: var(--color-1);
}

.gform_wrapper form .gform_body .gform_fields .stomGFAS-container-field:focus-within:after {
    display: none;
}

.gform_wrapper form .gform_body .gform_fields .stomGFAS-container-field .stomGFAS-label {
    font-size: 14px;
    color: #fff;
}

.gform_wrapper form .gform_body .gform_fields .stomGFAS-container-field .stomGFAS-icon {
    font-size: 40px;
}

.gform_wrapper form .gform_body .gform_fields .stomGFAS-container-field .stomGFAS-icon > svg path {
    fill: var(--color-1) !important;
}

.gform_wrapper form .gform_body .gform_fields .stomGFAS-container-field .stomGFAS-complete {
    font-size: 16px;
    color: var(--color-1);
}

.gform_wrapper form .gform_footer {
    justify-content: center !important;
    margin: 40px 0 0 !important;
}

.gform_wrapper form .gform_footer .gform_button {
    display: inline-block;
    min-width: 255px;
    font-size: var(--p);
    font-weight: 400;
    color: var(--color-1);
    text-align: center;
    border: 1px solid var(--color-1);
    border-radius: 50rem;
    background: linear-gradient(to right, var(--color-1) 0%, var(--color-1) 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: 100% 0;
    padding: 11px 20px;
    transition: background-position 0.4s ease-in-out, color 0.3s ease-in-out;
    min-width: 392px;
    padding: 16px 20px;
}

.gform_wrapper form .gform_footer .gform_button:hover {
    background-position: 0 0;
    color: var(--color-3);
    border-color: var(--color-1);
}


/* Before Colophon */
.section-wrap.clear.contact-section {
    /* margin-top: calc(var(--gap-l) * 2); */
    margin-top: 0;
}

.section-wrap.clear.contact-section .section .stom-cols-6 {
    padding-right: 60px;
}

.section-wrap.clear.contact-section .section .stom-cols-6 .stom-center-box > p {
    font-weight: 300;
    line-height: 1.25;
}

/* New contact section */
.section-wrap.clear.contact-alt-section {
    margin-top: 0;
}

.section-wrap.clear.contact-alt-section .section {
    padding-block: calc(var(--gap-l) * 2);   
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > h2,
.section-wrap.clear.contact-alt-section .section .stom-small.small-center > h3,
.section-wrap.clear.contact-alt-section .section .stom-small.small-center > h2 em,
.section-wrap.clear.contact-alt-section .section .stom-small.small-center > p,
.section-wrap.clear.contact-alt-section .section .stom-small.small-center > span.full-contact-list a {
    color: var(--color-bg);
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > h2 {
    margin-bottom: 50px;
    text-transform: uppercase;
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > h2 em {
    text-transform: uppercase;
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > h3 {
    font-size: 20px;
    font-weight: 650;
    letter-spacing: normal;
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > p {
    font-weight: 450;
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > span.full-contact-list {
    display: block;
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > span.full-contact-list a {
    font-weight: 550;
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > span.full-contact-list a:hover {
    text-decoration: underline;
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > span.full-contact-list a .stom-custom-svg {
    color: var(--color-bg);
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > .stom-button {
    margin-top: 50px;
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > .stom-button a {
    min-width: 325px;
    display: inline-block;
    font-size: var(--p);
    font-weight: 450;
    color: #000;
    text-align: center;
    border: 1px solid #000;
    background-color: #fff;
    border-radius: 50rem;
    padding: 11px 20px;
    transition: var(--transition);
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > .stom-button a:after {
    display: none;
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > .stom-button a:hover {
    background-color: #000;
    color: #fff;
}

/* Colophon */
#colophon.footer-setting-02 {
    /* background-color: var(--color-3); */
    /* font-size: 18px; */
    font-size: var(--p);
    line-height: 1.25;
    background-color: var(--color-bg);
}

.footer-setting-02 .footer-widget-area-site-info .section {
    border-top-color: var(--color-1);
}

.footer-setting-02 .footer-widget-area .section {
    padding: 90px 0 50px;
}

.footer-setting-02 .footer-widget-area .section > .footer-entry-title {
    font-size: var(--h3);
    color: var(--color-1);
    margin-bottom: 20px;
    letter-spacing: normal;
}

.footer-setting-02 .footer-widget-area .section > .bottom-footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 70px;
}

.footer-setting-02 .footer-widget-area .section > .bottom-footer > p:first-of-type {
    margin: 0;
}

.footer-setting-02 .footer-widget-area .section > .bottom-footer > p:first-of-type img {
    line-height: 0;
    max-width: 215px;
}

.footer-setting-02 .footer-widget-area .section > .bottom-footer .socials-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.footer-setting-02 .footer-widget-area .section > .bottom-footer .socials-wrapper a {
    padding: 0;
    width: 40px;
    height: 40px;
    background-color: var(--color-3);
    border-radius: 50rem;

    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-setting-02 .footer-widget-area .section > .bottom-footer .socials-wrapper a > img {
    max-width: 16px;
}

.footer-setting-02 .footer-widget-area .section > .bottom-footer .socials-wrapper a span.stom-custom-svg {
    font-size: 16px;
    color: var(--color-1);
    transition: var(--transition);
}

.footer-setting-02 .footer-widget-area .section > .bottom-footer .socials-wrapper a:hover span.stom-custom-svg {
    color: var(--color-1);
}

.footer-setting-02 .footer-widget-area .section .grid-elements {
    /* display: flex;
    justify-content: space-between; */
    column-gap: var(--gap-l);
}

.footer-setting-02 .footer-widget-area .section .grid-elements .grid-element .overlay .footer-widgets .widget .textwidget > p strong {
    color: var(--color-1);
}

#colophon .footer-widget-area.stom-grid-section .grid-element .overlay .footer-widgets .widget .textwidget > p a {
    text-decoration: none;
    transition: var(--transition);
}

#colophon .footer-widget-area.stom-grid-section .grid-element .overlay .footer-widgets .widget .textwidget > p a:hover {
    color: var(--color-1);
}

#colophon .copyright {
    font-size: 14px;
    font-weight: 350;
    color: var(--color-2);
}

#colophon .footer-widget-area-site-info .section {
    padding: 20px 0;
}

#colophon .copyright .section .footer-widgets .widget .textwidget > ul {
    display: flex;
    align-items: center;
}

#colophon .copyright .section .footer-widgets .widget .textwidget > ul li {

}

#colophon .copyright .section .footer-widgets .widget .textwidget > ul li:not(:last-of-type):after {
    content: '|';
    margin: 0 5px;
}

#colophon .copyright .section .footer-widgets .widget .textwidget > ul li a {
    padding: 0;
    transition: var(--transition);
    text-decoration: none;
}

#colophon .copyright .section .footer-widgets .widget .textwidget > ul li a:hover {
    color: var(--color-1);
}



/*======================================================================//
// END style.css                                                        //
//======================================================================*/


/*======================================================================//
// woocommerce.css                                                      //
//======================================================================*/


/* woocommerce style goes here */


/*======================================================================//
// END woocommerce.css                                                  //
//======================================================================*/

#number-three-sticky-mobile-cta .cta-container .stom-button a {
    border-radius: 0;
    flex-direction: row;
    gap: 8px;
    font-size: var(--p);
    color: #fff;
    min-width: auto;
}

#number-three-sticky-mobile-cta .cta-container .stom-button a p {
    
}

#number-three-sticky-mobile-cta .cta-container .stom-button a .stom-custom-svg {
    line-height: 0;
    font-size: var(--p);
}

#number-three-sticky-mobile-cta .cta-container .stom-button:not(:last-child) a {
    border-right-color: var(--color-1);
}












/* Overlay Base Style */
#fullscreenOverlay.overlay {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-bg);
    color: #fff;
    transition: top 0.5s ease;
    z-index: 99999;
    overflow-y: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}


#fullscreenOverlay.overlay.active {
    top: 0;
}

body.admin-bar #fullscreenOverlay.overlay.active {
    top: calc(0px + 32px);
}

#fullscreenOverlay .overlay-content {
    max-width: 1000px;
    width: 100%;
    text-align: center;
    padding: var(--gap-m);
}

#fullscreenOverlay .overlay-content > h3 {
    letter-spacing: normal;
}

#fullscreenOverlay .overlay-content > p {
    max-width: 750px;   
    margin-inline: auto;
}

.overlay-close {
    position: absolute;
    top: 15px;
    right: 25px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    transition: color 0.3s ease;
}

.overlay-close:hover {
    color: var(--color-1);
}

/* Prevent background scroll when overlay is active */
body.overlay-active {
    overflow: hidden;
}


/* Projects */
.section-wrap.clear.project-alt-section .section > p {
    max-width: 950px;
}

body.project-page .section-wrap.clear.contact-alt-section {
    margin-top: calc(var(--gap-l) * 2);
}

body.project-page .projects-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--gap-m);
    margin-top: var(--gap-m);
}

body.project-page .projects-list .project-item-wrapper {
    position: relative;
}

body.project-page .projects-list .project-item-wrapper > a.full-element-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: transparent;
    z-index: 5;
}

body.project-page .projects-list .project-item-wrapper > .project-item-title {
    font-size: 20px;
    font-weight: 250;
}

body.project-page .projects-list .project-item-wrapper .project-item-background {
    position: relative;
    min-height: 600px;
    padding: var(--gap-s);
    margin-bottom: 10px;
}

body.project-page .projects-list .project-item-wrapper .project-item-background:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .26);
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    transition: var(--transition);
    pointer-events: none;
}

body.project-page .projects-list .project-item-wrapper:hover .project-item-background:before {
    background-color: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

body.project-page .projects-list .project-item-wrapper .project-item-background > .project-category {
    position: relative;
    display: inline-block;
    padding: 5px 20px;
    background-color: var(--color-1);
    border: 1px solid var(--color-1);
    color: var(--color-bg);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 350;
    transition: var(--transition);
}

body.project-page .projects-list .project-item-wrapper:hover .project-item-background > .project-category {
    color: #fff;
    background-color: transparent;
}

body.single-projects {
    background-color: var(--color-4);
}

body.single-projects #main-content {
    /* margin-top: 0; */
}

body.single-projects .section-wrap.clear .section > h2,
body.single-projects .section-wrap.clear .section > h3,
body.single-projects .section-wrap.clear .section > p,
body.single-projects .section-wrap.clear .section > .stom-button a {
    color: var(--color-bg);
}

body.single-projects .section-wrap.clear .section > .stom-button a:after {
    background-color: var(--color-bg);
}

body.single-projects .section-wrap.clear.no-margin-top {
    margin-top: 0;
}

body.single-projects #main-content + .section-wrap.clear.stom-billede-sektion {
    margin-top: 0;
}

body.single-projects .section-wrap.clear.stom-billede-sektion .stom-cols-6 .stom-center-box > h2,
body.single-projects .section-wrap.clear.stom-billede-sektion .stom-cols-6 .stom-center-box > p {
    color: var(--color-bg);
}

body.single-projects .section-wrap.clear.stom-billede-sektion .stom-cols-6 .stom-center-box > .stom-button a {
    color: var(--color-bg);
}

body.single-projects .section-wrap.clear.stom-billede-sektion .stom-cols-6 .stom-center-box > .stom-button a:after {
    background-color: var(--color-bg);
}

body.single-projects .section-wrap.clear.stom-billede-sektion .stom-entry-header .stom-title > h2,
body.single-projects .section-wrap.clear.stom-billede-sektion .stom-entry-header .stom-title > h2 em {
    color: var(--color-bg);
}

body.single-projects .entry-content {
    margin-top: 0;
}

body.single-projects .entry-content > h2,
body.single-projects .entry-content > h3 {
    /* color: #fff; */
}

body.single-projects .entry-content > h2 em,
body.single-projects .entry-content > h3 em {
    /* color: #fff; */
}

body.single-projects .entry-content > p {
    /* color: #fff; */
}

body.single-projects .section-wrap.clear.contact-alt-section {
    margin-top: calc(var(--gap-l) * 2);
}




































.zf-flLeft {
	float:left;
}
.zf-flRight {
	float:right;
}
.zf-clearBoth,.zf-eclearBoth {
	clear:both;
}
ol, ul {
	list-style: none outside none;
}
.zf-normalText {
	font-size:13px;
	line-height:1.5;
}
.zf-smallText {
	font-size:0.9em;
	font-weight:normal;
}
.zf-smallHeading {
	font-size:18px;
}
.zf-heading {
	font-size:2em;
}
.zf-subHeading {
	font-size:1.5em;
}
.zf-boldText, .zf-boldText a {
	font-weight:bold;
	text-decoration:none;
}
.zf-italicText {
	font-style:italic;
}
.zf-heading a {
	text-decoration:underline;
}
.zf-heading a:hover {
	text-decoration:none;
}
.zf-blodText {
	font-weight:bold;
}
.zf-overAuto {
	overflow:auto;
}
.zf-split {
	color: #8B9193;
	padding: 0 3px;
}
.zf-backgroundBg {
	background:rgba(237, 239, 244, 1);
}
.zf-templateWidth {
	margin:0 auto;	
	
	max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}
.zf-templateWrapper {
	background: transparent;
    /*
	-webkit-box-shadow: 0px 0px 22px 0px #d8dfed;
    -moz-box-shadow: 0px 0px 22px 0px #d8dfed;
    box-shadow: 0px 0px 22px 0px #d8dfed;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 0;
	*/
}

.zf-templateWrapper ul {
	padding: 0;
}

.zf-tempContDiv input[type="text"], .zf-tempContDiv textarea, .zf-tempContDiv .zf-pdfTextArea {
	background: #fff;
    border: 1px solid rgba(184, 187, 211, 1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 4px;
    padding: 5px;
    font-size: 15px;
    color: rgb(37, 44, 62);
    padding: 11px 10px 10px 10px;
	height: 50px;
	transition: 0.3s;
}
.zf-tempContDiv input[type="text"]::placeholder, .zf-tempContDiv textarea::placeholder, .zf-tempContDiv .zf-pdfTextArea::placeholder {
	color: rgb(37,44,62);
	opacity: 0.5;
}
.zf-tempContDiv input[type="text"]:hover,  .zf-tempContDiv textarea:hover{	
	border: 1px solid rgba(184, 187, 211, 1);	
	}	
.zf-tempContDiv input[type="text"]:focus, .zf-tempContDiv textarea:focus{	
	border: 1px solid #2eb79f;
    box-shadow: 0px 0px 2px 0px #2eb79f;
}

	
.zf-tempContDiv textarea {
	min-height: 100px;
    height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
}
/* .arrangeAddress .zf-addrCont  span.zf-addtwo{ width: 100% !important;float: none !important;} 		 */
/**********Error Message***********/	
.zf-errorMessage {
	font: 15px Arial, Helvetica, sans-serif;
    color: #f41033;
    padding-top: 10px;
}

/**********Mandatory Message***********/	
.zf-important {
	color: #ff0000 !important;
    padding: 0;
    font-size: 17px !important;
    margin-left: 2px;
    font-weight: bold;
}

/**********instruction Message***********/
.zf-instruction {
	color: #465475;
    font-style: normal;
    font-size: 13px;
    overflow: visible !important;
    word-break: break-all;
    padding: 8px 0px 0px 0px;
    font-weight: 500;
	clear: both;
}	
.zf-symbols {
	padding:0 5px;
}

.zf-overflow{ overflow:hidden;}

/*****************template Header Starts Here****************/

.zf-tempHeadBdr {
	margin:0;
	padding:0;
	overflow:hidden;
	
	display: none;
}

.zf-tempHeadContBdr {
	background: #ffffff;
    border-bottom: 1px solid #ced3e0;
    margin: 0;
    padding: 28px 40px;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 10px 10px 0 0;
}
.zf-tempHeadContBdr .zf-frmTitle {
	color: #252c3e;
    margin: 0;
    padding: 0;
    font-size: 33px;
    font-weight: 500;
    text-align: center;
}
.zf-tempHeadContBdr .zf-frmDesc {
	color: #667291;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    padding-top: 8px;
    text-align: center;
}

/****************template Header Ends Here****************/
.zf-subContWrap {
	padding: 0;
}

.zf-subContWrap ul {
	padding: 0;
}

.zf-tempFrmWrapper {
	/*padding: 16px 40px 16px 40px;*/
    margin: 0 0 40px;
    box-sizing: border-box;
}

.zf-tempFrmWrapper .zf-tempContDiv {
	margin:0;
	padding:0;
}
.zf-tempFrmWrapper .zf-labelName {
	font-weight: 500;
    font-size: 16px;
    color: #fff;
}
.zf-form-sBox { 
	padding: 9px 10px 10px 5px;
	background: #fff;
    border: 1px solid rgba(184, 187, 211, 1);
    border-radius: 4px;
    font-size: 16px;
    height: 40px;
    transition: 0.3s;
    vertical-align: middle;
    position: relative;
    color: rgba(37, 44, 62, 1);
}
.zf-form-sBox:focus,.zf-form-sBox:focus:hover {
	border: 1px solid #2eb79f;
	box-shadow: 0px 0px 2px 0px #2eb79f;
	outline: none;
}
.zf-form-sBox::after {
	content: " ";
	position: absolute;
}
.zf-name .zf-tempContDiv span, .zf-phone .zf-tempContDiv span, .zf-time .zf-tempContDiv span{
	float: left;
	display:block;
}
.zf-name .zf-tempContDiv span{ margin-left: 4%;}
.zf-name .zf-tempContDiv span.last{ margin-right:0;}
.zf-name .zf-tempContDiv span label{ display: block;padding-top:3px;}
.zf-name .zf-tempContDiv input[type="text"] {width:100%;}
.zf-phone .zf-tempContDiv span label, .zf-date .zf-tempContDiv span label, .zf-time .zf-tempContDiv span label, .zf-address .zf-tempContDiv span label, .zf-geolocation .zf-tempContDiv span label, .zf-name .zf-tempContDiv span label{ 
	font-style: normal;
    font-size: 13px;
    overflow: visible !important;
    word-break: break-all;
    padding: 8px 0px 0px 0px;
    font-weight: 500;
	}
.zf-phone .zf-tempContDiv label, .zf-date .zf-tempContDiv label, .zf-time .zf-tempContDiv label, .zf-address .zf-tempContDiv label, .zf-name .zf-tempContDiv span label {
	color: var(--color-1);
    opacity: 1;
}
.zf-phone .zf-tempContDiv span label {
	display: block;
	padding-top:3px;
	text-align:left;
}
.zf-phone .zf-tempContDiv .zf-symbols {
	display: block;
    margin: 9px 1%;
    width: 2%;
    text-align: center;
    padding: 0;
    padding-top: 3px;
}
.zf-currency .zf-tempContDiv span { 
	display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: #252c3e;
    margin-right: 8px;
	float: left;
    margin-top: 10px;
}
.zf-currency .zf-tempContDiv input[type="text"] ~ span {
	margin-left: 8px;
	margin-right: 0;
	float: none;
}
.zf-currency .zf-tempContDiv span label {
	display: block;
	padding-top:3px;
	}
.zf-currency .zf-tempContDiv .zf-symbol {
	font-size: 14px;
    margin-left:5px;
    margin-top: 4px;
	width:auto;
	font-weight:bold;
	}

.zf-decesion .zf-tempContDiv{ 
	width:100% !important; 
	margin-top:4px;
	}
.zf-decesion input[type="checkbox"] {
    display: block;
    height: 13px;
    margin: 0;
    padding: 0;
    width: 13px;
	float:left;
	margin-top:4px;
}
.zf-decesion label {
    display: block;
    margin: 0px 0 0 25px !important;
    padding-bottom: 0 !important;
	width:95% !important;
	float:none !important;
	line-height:21px !important;
	text-align:left !important;
} 
.zf-tempContDiv input[type="file"]{
	outline: none;
    margin: 0 auto;
    width: 50%;
    border: 1px dashed rgba(184, 187, 211, 1);
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    padding: 12px 12px;
    font-size: 15px;
    color: rgb(37, 44, 62);
}
.zf-address .zf-tempContDiv span, .zf-geolocation .zf-tempContDiv span {
	display:block;
	padding-top:15px;
}

.zf-address .address_row_1 .zf-addresCols {
	padding-top: 0;
}	
.zf-address .zf-tempContDiv span label, .zf-geolocation .zf-tempContDiv span label{
	display: block;
	}	
	
.zf-address .zf-tempContDiv .zf-addOne, .zf-geolocation .zf-tempContDiv .zf-addOne{
	float: none;
	padding-bottom:15px;
	margin-right:0;
	padding-right: 0;
	}

.zf-address .zf-tempContDiv .zf-addOne input, .zf-geolocation .zf-tempContDiv .zf-addOne input{
	width:100%;
	}
.zf-leftAlign .zf-address .zf-tempContDiv span.zf-addtwo, 
.zf-leftAlign .zf-geolocation .zf-tempContDiv span.zf-addtwo,
.zf-rightAlign .zf-address .zf-tempContDiv span.zf-addtwo, 
.zf-rightAlign .zf-geolocation .zf-tempContDiv span.zf-addtwo {
	width: 100%;
}
.zf-leftAlign .zf-address.zf-addrmedium .zf-tempContDiv span.zf-addtwo, 
.zf-leftAlign.zf-addrmedium .zf-geolocation .zf-tempContDiv span.zf-addtwo,
.zf-rightAlign .zf-address.zf-addrmedium .zf-tempContDiv span.zf-addtwo, 
.zf-rightAlign.zf-addrmedium .zf-geolocation .zf-tempContDiv span.zf-addtwo
{
	width: 47%;
	float: left;
}
.zf-leftAlign .zf-address.zf-addrlarge .zf-tempContDiv span.zf-addtwo, 
.zf-leftAlign.zf-addrlarge .zf-geolocation .zf-tempContDiv span.zf-addtwo,
.zf-rightAlign .zf-address.zf-addrlarge .zf-tempContDiv span.zf-addtwo, 
.zf-rightAlign.zf-addrlarge .zf-geolocation .zf-tempContDiv span.zf-addtwo {
	width: 48%;
	float: left;
}
.zf-leftAlign .zf-address.zf-addrlarge .zf-tempContDiv span.zf-addtwo:nth-last-of-type(2), 
.zf-leftAlign .zf-address.zf-addrmedium .zf-tempContDiv span.zf-addtwo:nth-last-of-type(2),
.zf-rightAlign .zf-address.zf-addrlarge .zf-tempContDiv span.zf-addtwo:nth-last-of-type(2), 
.zf-rightAlign .zf-address.zf-addrmedium .zf-tempContDiv span.zf-addtwo:nth-last-of-type(2) {
	padding-bottom: 0;
}
.zf-address .zf-tempContDiv span.zf-addtwo:nth-child(even), .zf-geolocation .zf-tempContDiv span.zf-addtwo:nth-child(even) {
	padding-right: 0;
}
.zf-address .zf-tempContDiv span.zf-addtwo input, .zf-geolocation .zf-tempContDiv span.zf-addtwo input{
	width:100%;
	}	
.zf-address .zf-tempContDiv span.zf-addtwo .zf-form-sBox{
	width:100%;
	}
	
.zf-signContainer{ 
	margin:0; 
	padding:0; 
	width:100%;
	}
.zf-signContainer canvas{ 
	cursor: crosshair;
    border: 1px solid rgba(184, 187, 211, 1);
    background: #fff;
    border-radius: 5px;
    width: 100%;
    height: 130px;
	box-sizing: border-box;
	}
.zf-signContainer a{
	font-size: 14px;
    text-decoration: underline;
    display: block;
    color: #465475;
    margin-top: 8px;
	}	
	
.zf-section h2{
	border-bottom: 1px solid #a7abb2;
	font-size:22px; 
	color:#000; 
	font-weight:500; 
	padding-bottom:10px;
	}
.zf-section p{ 
	color: #465475;
    margin-top: 10px;
    font-size: 15px;
}
	
.zf-note .zf-labelName{	
	padding-top:7px;
	}
.zf-templateWrapper .zf-note{ 
	overflow:hidden;
	}

.zf-date .zf-tempContDiv span label {
	display: block;
    text-align: left;
    color: #252c3e;
    padding-top: 8px;
    font-size: 14px;
    opacity: .8;
}

.zf-subDate{ margin-right:10px;}
.zf-subDate label{ text-align:left !important;}

.zf-time .zf-tempContDiv span label {
	display: block;
	padding-top:8px;
	font-size: 13px;
}

.zf-time .zf-tempContDiv .zf-form-sBox{
	min-width: 58px;
    width: 72px;
    padding: 9px 20px 10px 6px;
}

.zf-time .zf-tempContDiv .zf-symbols {
	padding-top:12px;
}

.zf-tempContDiv input[type="checkbox"], .zf-tempContDiv input[type="radio"] {
	display: block;
	height: 13px;
	margin: 4px 0 0;
	padding: 0;
	width: 13px;
	cursor: pointer;
	
}
.zf-tempContDiv input[type="radio"] {
	-webkit-appearance: none;
	border: 1.2px solid #47476b;
	border-radius: 50%;
	width: 20px;
	height: 20px;
}
.zf-tempContDiv input[type="radio"] ~ label {
	cursor: pointer;
}
.zf-tempContDiv input[type="checkbox"] {
	-webkit-appearance: none;
	border-radius: 3px;
    border: 1.2px solid #47476b;
    transition: 0.5s ease all;
	position: relative;
	width: 20px;
	height: 20px;
}
.zf-tempContDiv input[type="checkbox"] ~ label {
	cursor: pointer;
}
.zf-tempContDiv .zf-termsAccept input[type="checkbox"] ~ label {
	cursor: default;
}
.zf-tempContDiv input[type="radio"]:before {
	content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-top: 3px;
    margin-left: 3px;
    box-sizing: border-box;
}
.zf-tempContDiv input[type="checkbox"]:before {
	content: '';
	display: block;
	width: 60%;
	height: 60%;
	margin: 19% auto;
}
.zf-tempContDiv input[type="radio"]:checked:before {
	background: rgba(46, 183, 159,1);
}
.zf-tempContDiv input[type="radio"]:checked {
	border: 1.2px solid rgba(46, 183, 159,1);
	box-shadow: 0px 0px 0px 0.5px rgba(46, 183, 159,1);
	outline: none;
}

.zf-tempContDiv input[type="checkbox"]:checked {
	border: 1.2px solid rgba(46, 183, 159,1);
	box-shadow: 0px 0px 2px 0px rgba(46, 183, 159,1);
	outline: none;
}
.zf-tempContDiv input[type="checkbox"]:checked:before {
	content: " ";
    display: inline-block;
    transform: rotate(45deg);
    height: 10px;
    width: 4px;
    border-bottom: 2px solid rgba(46, 183, 159, 1);
    border-right: 2px solid rgba(46, 183, 159, 1);
    position: absolute;
    top: -2px;
    left: 6px;
}
.zf-sideBySide .zf-tempContDiv span {
	margin: 0 4% 16px 0;
	padding:0;
	width:auto;
	float: left;
	display:block;
}
.zf-sideBySide .zf-tempContDiv span input[type="checkbox"] {
	display: block;
	min-width: 20px;
	width: 20px;
	height: 20px;
	padding: 0;
	margin-top:1px;
	float:left;
	margin-left: 2px;
}
.zf-sideBySide .zf-tempContDiv span input[type="radio"] {
	display: block;
	width: 20px;
	height: 20px;
	margin-top: 1px;
	padding: 0;
	float:left;
	margin-left: 1px;
}
.zf-sideBySide .zf-tempContDiv span label {
	line-height: 21px;
    display: block;
    padding: 0 0 0 32px;
    cursor: pointer;
    font-size: 15px;
    color: #47476b;
}
.zf-oneColumns .zf-tempContDiv span {
	margin:0 0 16px 0;
	padding:0;
	width:100%;
	display:block;
	clear: both;
}
.zf-oneColumns .zf-multiAttType label ~ input[type="text"],
.zf-twoColumns .zf-multiAttType label ~ input[type="text"],
.zf-threeColumns .zf-multiAttType label ~ input[type="text"],
.zf-sideBySide .zf-multiAttType label ~ input[type="text"] {
	margin-top: 15px;
	width: 100%;
}
.zf-oneColumns .zf-tempContDiv span:last-child { margin-bottom:0;}
.zf-oneColumns .zf-tempContDiv span input[type="checkbox"] {
	display: block;
	min-width: 20px;
	width: 20px;
	height: 20px;
	margin:0;
	padding: 0;
	margin-top:1px;
	float:left;
	margin-left: 2px;
}
.zf-oneColumns .zf-tempContDiv span input[type="radio"] {
	display: block;
	min-width: 20px;
	width: 20px;
	height: 20px;
	margin-top:1px;
	padding: 0;
	float:left;
	margin-left: 1px;
}
.zf-oneColumns .zf-tempContDiv span label {
	line-height: 21px;
    display: block;
    margin: 0 0 0 32px;
    padding: 0;
    font-size: 15px;
    color: #47476b;
}
.zf-twoColumns .zf-tempContDiv span {
	margin: 0 4% 16px 0;
	width: 48%;
	float: left;
	display:block;
}
.zf-twoColumns .zf-tempContDiv span:nth-child(even) {
	margin-right: 0;
}
.zf-twoColumns .zf-tempContDiv span input[type="checkbox"] {
	display: block;
	min-width: 20px;
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	margin-top:1px;
	float:left;
	margin-left: 2px;
}
.zf-twoColumns .zf-tempContDiv span input[type="radio"] {
	display: block;
	min-width: 20px;
	width: 20px;
	height: 20px;
	margin-top: 1px;
	padding: 0;
	float:left;
	margin-left: 1px;
}
.zf-twoColumns .zf-tempContDiv span label {
	line-height: 21px;
    display: block;
    margin: 0 0 0 32px;
    padding: 0;
    font-size: 15px;
    color: #47476b;
}
.zf-threeColumns .zf-tempContDiv span {
	margin: 0 4% 15px 0;
    width: 30.6%;
    float: left;
    display: block;
}
.zf-threeColumns .zf-tempContDiv span:nth-child(3n) {
	margin-right: 0;
}
.zf-threeColumns .zf-tempContDiv span input[type="checkbox"] {
	display:block;
	min-width: 20px;
	width: 20px;
	height: 20px;
	padding: 0;
	margin-top:1px;
	float:left;
	margin-left: 2px;
}
.zf-threeColumns .zf-tempContDiv span input[type="radio"] {
	display:block;
	min-width: 20px;
	width: 20px;
	height: 20px;
	margin-top:1px;
	padding: 0;
	float:left;
	margin-left: 1px;
}
.zf-threeColumns .zf-tempContDiv span label {
	line-height: 21px;
    display: block;
    margin: 0 0 0 32px;
    padding: 0;
    font-size: 15px;
    color: #47476b;
}

.zf-mSelect select { 
	font-size: 15px;
    border: 1px solid rgba(184, 187, 211, 1);
    overflow: auto;
    border-radius: 4px;
    color: #47476b;
    outline: none;
    box-sizing: border-box;
    height: 101px;
}	
.zf-mSelect select option {
	padding: 8px 10px;
    box-sizing: border-box;
}

.zf-fmFooter {
	margin:40px 0 0;
	padding:0;
	text-align:left;
}

.zf-fmFooter .zf-submitColor{ 
	font-size: 16px;
    padding: 13px 38px;
	background-color: var(--color-1);
	color: #000;
}

.zf-submitColor {
	color: #fff;
    border: 1px solid transparent;
    background: rgba(46, 183, 159, 1);
    border-radius: 150px;
    min-width: 100px;
    transition: transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93), -webkit-transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93), -o-transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    cursor: pointer;
	}
	
.zf-submitColor:hover{
	-webkit-transform: scale3d(1.03, 1.03, 1) translate3d(0, 0, 0) perspective(500px);
    transform: scale3d(1.03, 1.03, 1) translate3d(0, 0, 0) perspective(500px);
	}	   	

/****************Field Small/Medium/Large Starts Here****************/
.zf-tempContDiv textarea {
	width: 100% !important;
}


.zf-small .zf-tempContDiv input[type="text"], .zf-small .zf-tempContDiv textarea, .zf-small .zf-mSelect select, .zf-small .zf-tempContDiv .zf-sliderCont, .zf-small .zf-tempContDiv .zf-pdfTextArea, .zf-small .zf-signContainer{
	width:100%;
	}
.zf-medium .zf-tempContDiv input[type="text"], .zf-medium .zf-tempContDiv textarea, .zf-medium .zf-mSelect select, .zf-medium .zf-tempContDiv .zf-sliderCont, .zf-medium .zf-tempContDiv .zf-pdfTextArea, .zf-medium .zf-signContainer{
	width:75%;
	}
.zf-large .zf-tempContDiv input[type="text"], .zf-large .zf-tempContDiv textarea, .zf-large .zf-mSelect select, .zf-large .zf-tempContDiv .zf-sliderCont, .zf-large .zf-tempContDiv .zf-pdfTextArea, .zf-large .zf-signContainer{
	width:100%;
	}
.signContainer canvas{
	width:100%;
}
.zf-small .zf-tempContDiv .zf-form-sBox{
	width:50%;
	}
.zf-medium .zf-tempContDiv .zf-form-sBox{
	width:75%;
	}
.zf-large .zf-tempContDiv .zf-form-sBox{
	width:100%;
	}
.zf-name .zf-tempContDiv .zf-form-sBox{
	width:100%;
	padding: 8px 10px 10px 4px;
}
.zf-namesmall .zf-nameWrapper{ width: 50%;}
.zf-namesmall .zf-tempContDiv span {
    width: 49%;
    margin-left: 2%;
}
.zf-namesmall .zf-oneType .zf-salutationWrapper span{width:63%; }
.zf-namesmall .zf-oneType .zf-salutationWrapper .zf-salutation{ width: 33%;}
.zf-namesmall .zf-twoType .zf-salutationWrapper span{width:34%;margin-left:3%;}
.zf-namesmall .zf-twoType .zf-salutationWrapper .zf-salutation{ width:26%;}
.zf-namesmall .zf-threeType .zf-nameWrapper span{width:32%; margin-left:2%;}
.zf-namesmall .zf-threeType .zf-salutationWrapper span{ 
	width: 25%;
    float: left;
    margin-left: 2%;
	margin-bottom: 0;
}
.zf-namesmall .zf-threeType .zf-salutationWrapper .zf-salutation{ width:19%;}
.zf-namesmall .zf-tempContDiv span:first-child{ margin-left:0;}

.zf-leftAlign .zf-namesmall .zf-threeType .zf-salutationWrapper span, 
.zf-rightAlign .zf-namesmall	.zf-threeType .zf-salutationWrapper span
{     
	float: left;
    margin-left: 2%;
    width: 25%;}
.zf-leftAlign .zf-namesmall .zf-threeType .zf-salutationWrapper .zf-salutation, 
.zf-rightAlign .zf-namesmall .zf-threeType .zf-salutationWrapper .zf-salutation{ width: 19%; }
.zf-namemedium .zf-nameWrapper{ width: 100%;}
.zf-namemedium .zf-tempContDiv span{width:49%; margin-left:2%;}  
.zf-namemedium .zf-oneType .zf-salutationWrapper span{width:73%; }
.zf-namemedium .zf-oneType .zf-salutationWrapper .zf-salutation{ width: 25%;}
.zf-namemedium .zf-twoType .zf-salutationWrapper span{width:38%;margin-left:2%;}
.zf-namemedium .zf-twoType .zf-salutationWrapper .zf-salutation{ width:20%;}
.zf-namemedium .zf-threeType .zf-nameWrapper span{width:32%; margin-left:2%;}
.zf-namemedium .zf-threeType .zf-salutationWrapper span{width:25%;margin-left:2%;}
.zf-namemedium .zf-threeType .zf-salutationWrapper .zf-salutation{ width:19%;}
.zf-namemedium .zf-tempContDiv span:first-child{ margin-left:0;}
.zf-namelarge .zf-tempContDiv span{width:23.5%; margin-left:2%; margin-right: 0; margin-bottom: 0;}
.zf-namelarge .zf-twoType .zf-nameWrapper span{width:49%; margin-left:2%;}
.zf-namelarge .zf-threeType .zf-nameWrapper span{width:32%; margin-left:2%;}
.zf-namelarge .zf-twoType .zf-salutationWrapper span{width:40%; margin-left:2%;}
.zf-namelarge .zf-twoType .zf-salutationWrapper .zf-salutation{ width: 16%;}
.zf-namelarge .zf-threeType .zf-salutationWrapper span{width:26%; margin-left:2%;}
.zf-namelarge .zf-threeType .zf-salutationWrapper .zf-salutation{ width: 19.8%;}
.zf-namelarge .zf-oneType .zf-salutationWrapper span{width:73%; margin-left:2%;}
.zf-namelarge .zf-oneType .zf-salutationWrapper .zf-salutation{ width:25%;}
.zf-namelarge .zf-tempContDiv span:first-child { margin-left:0 !important;}
.zf-csmall .zf-tempContDiv input[type="text"] {
	width:100%;
}
.zf-cmedium .zf-tempContDiv input[type="text"] {
	width:100%;
}
.zf-clarge	 .zf-tempContDiv input[type="text"] {
	width:100%;
} 	
.zf-nsmall .zf-tempContDiv input[type="text"] {	
	width:50%;	
	}
.zf-nmedium .zf-tempContDiv input[type="text"] {
	width:75%;
	}
.zf-nlarge .zf-tempContDiv input[type="text"] {
	width:100%;
	}

.zf-signSmall .zf-tempContDiv .zf-signContainer .zf-signArea {	
	width:49%;
	}
.zf-signMedium .zf-tempContDiv .zf-signContainer .zf-signArea {
	width:60%;
	}
.zf-signLarge .zf-tempContDiv .zf-signContainer .zf-signArea {	
	width:74%;
	}	

.zf-addrsmall .zf-tempContDiv .zf-addrCont{ 
	width:50%;
	}
.zf-addrmedium .zf-tempContDiv .zf-addrCont{ 
	width:75%;
	}
.zf-addrlarge .zf-tempContDiv .zf-addrCont{ 
	width:100%;
	}	
	
.zf-leftAlign .zf-currency .zf-tempContDiv input[type="text"],
.zf-rightAlign .zf-currency .zf-tempContDiv input[type="text"] {
	float: left;
}
.zf-leftAlign .zf-currency.zf-clarge .zf-tempContDiv input[type="text"],
.zf-rightAlign .zf-currency.zf-clarge .zf-tempContDiv input[type="text"] {
	float: left;
}
.zf-leftAlign .zf-currency.zf-clarge .zf-tempContDiv input[type="text"] ~ span,
.zf-rightAlign .zf-currency.zf-clarge .zf-tempContDiv input[type="text"] ~ span {
	margin-top: 9px;
}	
/****************Field Small/Medium/Large Ends Here****************/	

.zf-topAlign .zf-tempFrmWrapper .zf-labelName {
	padding-bottom: 10px;
	display:block;
}

.zf-topAlign .zf-threeColumns .zf-labelName, .zf-topAlign .zf-twoColumns .zf-labelName, .zf-topAlign .zf-oneColumns .zf-labelName, .zf-topAlign .zf-sideBySide .zf-labelName{ padding-bottom:8px;}

.zf-leftAlign {
	display:block;
}
.zf-leftAlign .zf-tempFrmWrapper .zf-labelName {
	float: left;
    width: 30%;
    line-height: 20px;
    padding-right: 30px;
    box-sizing: border-box;
}
.zf-leftAlign .zf-tempFrmWrapper .zf-tempContDiv {
	float: right;
    width: 70%;
}
.zf-leftAlign .zf-slider .zf-tempContDiv{ margin-top:6px;}
.zf-leftAlign .zf-decesion .zf-tempContDiv, .zf-rightAlign .zf-decesion .zf-tempContDiv{ margin-left:0 !important;}
.zf-rightAlign {
	display:block;
}
.zf-rightAlign .zf-tempFrmWrapper .zf-labelName {
	float: left;
    width: 30%;
    line-height: 20px;
    text-align: right;
    padding-right: 30px;
    box-sizing: border-box;
}
.zf-rightAlign .zf-tempFrmWrapper .zf-tempContDiv {
	float: right;
    width: 70%;
}
.zf-matrixTable{ font-size:13px; overflow-x: auto;padding-bottom: 15px !important;}
.zf-matrixTable table th, .zf-matrixTable table td{padding:10px;}
.zf-matrixTable thead th, .zf-matrixTable table td{ text-align:center;}
.zf-matrixTable table td input[type="radio"], .zf-matrixTable table td input[type="checkbox"]{ display:inline-block;}
.zf-matrixTable tbody th{     
	font-weight: normal;
    font-size: 16px;
    text-align: left;
    padding: 12px 10px;
    color: #252c3e;
    width: 218px;
    box-sizing: border-box;
}
.zf-matrixTable thead th {     word-break: normal;
    font-weight: normal;
    font-size: 16px;
    padding: 12px 10px;
    color: #252c3e;
    text-align: center;}

/****************Form Top Align Starts Here****************/	

.zf-termsContainer{ margin:0; padding:0;}
.zf-termsContainer .zf-termsMsg {
	border: 1px solid #252c3e;
    max-height: 250px;
    overflow-y: auto;
    padding: 12px 10px 12px;
    margin-bottom: 12px;
    border-radius: 4px;
    min-height: 70px;
    font-size: 13px;
}
.zf-termsContainer .zf-termScrollRemove { border: 1px solid #252c3e;
    overflow-y: auto;
    padding: 12px 10px 12px;
    margin-bottom: 12px;
    border-radius: 4px;
    min-height: 70px;
    font-size: 13px;}
.zf-termsAccept{ 
	margin-top: 0 !important;
}
.zf-termsAccept input[type="checkbox"]{ margin-top:0 !important; float:left;}
.zf-termsAccept label{ 
	margin-left: 30px;
    font-size: 15px;
    float: none;
    display: block;
    color: #252c3e;}
.zf-termsWrapper .zf-tempContDiv{ margin-left:0 !important;}
.zf-termsWrapper .zf-labelName{ width:100% !important; text-align:left !important; padding-bottom:8px !important;}
.zf-medium .zf-phwrapper {
    width: 75%;
}
.zf-phwrapper.zf-phNumber span {
	width: 100% !important;
}
.zf-phwrapper span:first-child {
    margin-left: 0;
    width: 22%;
}
.zf-phwrapper label {
	display: block;
    color: var(--color-1);
    font-size: 13px;
    padding-top: 8px;
    opacity: 1;
}
.zf-medium .zf-phonefld input[type="text"], .zf-small .zf-phonefld input[type="text"] {
    width: 100%;
}
.zf-small .zf-phwrapper {
    width: 50%;
}
.zf-tempFrmWrapper.zf-phone span {
	width: 30%;
	margin: inherit;
}
.zf-tempFrmWrapper .zfPhoneUSA span {
    width: 22.3%;
    position: relative;
}
.zf-tempFrmWrapper.zf-phone span input[type="text"] {
	width: 100%;
}
.zfMultiColGrid .zf-tempFrmWrapper.zf-phone .zf-symbols {
    display: none;
}
.zf-tempFrmWrapper.zf-phone .zfPhoneUSA {
	display: flex;
}
.zfMultiColGrid .zf-tempFrmWrapper.zf-phone .zfPhoneUSA span,
.zfoneColumn .zf-tempFrmWrapper.zf-phone .zfPhoneUSA span {
	width: 30%;
	flex: 1 1 auto;
	margin-left: 8px;
}
.zf-tempFrmWrapper.zf-phone .zfPhoneUSA span:first-of-type {
	margin-left: 0;
}
.zf-phwrapper span {
    float: left;
    width: 76%;
    margin-left: 2%;
}
.zf-descFld a { 
	text-decoration:underline;
	color: #252c3e;
}
.zf-descFld em{ font-style:italic;}
.zf-descFld b{ font-weight:bold;}
.zf-descFld i{ font-style: italic;}
.zf-descFld u{ text-decoration:underline;}
.zf-descFld ul{ margin:auto;}
.zf-descFld ul{ list-style:disc;}
.zf-descFld ol{ list-style:decimal;}
.zf-descFld ul, .zf-descFld ol{margin: 10px 0;
    padding-left: 20px;}

.zf-descFld  ol.code {
    list-style-position: outside;
    list-style-type: decimal;
    padding: 0 30px;
}
.zf-descFld  ol.code li {
    background-color: #F5F5F5;
    border-left: 2px solid #CCCCCC;
    margin: 1px 0;
    padding: 2px;
}
.zf-descFld  blockquote.zquote {
    border-left: 3px solid #EFEFEF;
    padding-left: 35px;
}
.zf-descFld  blockquote.zquote span.txt {
    -moz-user-focus: ignore;
    -moz-user-input: disabled;
    -moz-user-select: none;
    color: #058BC2;
    float: left;
    font: bold 50px Arial,Helvetica,sans-serif;
    margin: -10px 0 0 -30px;
}
.zf-descFld  blockquote.block_quote {
    background: url("../images/newQuote.gif") no-repeat scroll 12px 10px rgba(0, 0, 0, 0);
    border-left: 3px solid #EFEFEF;
    font: 13px/20px georgia,Arial,verdana,Helvetica,sans-serif;
    margin: 15px 3px 15px 15px;
    padding: 10px 10px 10px 40px;
}
.zf-descFld  body {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin: 8px;
}
.note .noteCont{ overflow:hidden;}
.note .zf-descFld{
	overflow:hidden;
	font-size: 13px;
}

.zf-descFld img {
	width: auto;
}
/* New Css */
.zf-date .zf-tempContDiv input[type="text"]{
	width: 340px;
}
.zf-leftAlign .zf-date .zf-tempContDiv input[type="text"],
.zf-rightAlign .zf-date .zf-tempContDiv input[type="text"] {
	width: 238px;
}
.zf-leftAlign .zf-date.zf-time .zf-tempContDiv input[type="text"],
.zf-rightAlign .zf-date.zf-time .zf-tempContDiv input[type="text"] {
width: 223px;
}
.zf-decesion .zf-tempContDiv input[type="checkbox"] {
	margin-top: 0;
}
.zf-tempFrmWrapper.zf-decesion .zf-labelName {
	margin-left: 28px !important;
}
.zf-leftAlign .zf-tempFrmWrapper .zf-matrixTable,
.zf-rightAlign .zf-tempFrmWrapper .zf-matrixTable {
	width: 100%;
	clear: both;
	float: none;
	padding-top: 10px;
}
.zf-leftAlign .zf-tempFrmWrapper.zf-termsandCond .zf-tempContDiv,
.zf-rightAlign .zf-tempFrmWrapper.zf-termsandCond .zf-tempContDiv {
	float: none;
    width: 100%;
    clear: both;
    padding-top: 10px;
}
.zf-leftAlign .zf-tempFrmWrapper.zf-termsandCond .zf-labelName,
.zf-rightAlign .zf-tempFrmWrapper.zf-termsandCond .zf-labelName {
	width: 100%;
	float: none;
	text-align: left;
	display: block;
}

.zf-leftAlign .zf-namesmall .zf-threeType .zf-salutationWrapper span:first-of-type, 
.zf-rightAlign .zf-namesmall .zf-threeType .zf-salutationWrapper span:first-of-type {
	margin-left: 0;
}
.zf-rightAlign .zf-tempFrmWrapper.zf-matrixTable .zf-labelName {
	text-align: left;
}
.zfAddressTwoCol {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0 16px;
}

.zf-address .zf-tempContDiv .zfAddressTwoCol .zf-addOne {
	width: 47%;
}
.zf-addrCont .zfAddressTwoCol ~ .zfAddressTwoCol span.zf-addtwo:last-of-type {
    padding-bottom: 0;
}
.zf-csmall.zf-currency .zf-tempContDiv > div {
	width: 50%;
	display: inline-flex;
}
.zf-cmedium.zf-currency .zf-tempContDiv > div {
	width: 75%;
	display: inline-flex;
}
.zf-clarge.zf-currency .zf-tempContDiv > div {
	width: 100%;
	display: inline-flex;
}
.zf-nameWrapper.zf-salutationWrapper {
    display: flex;
}
.zf-leftAlign .zf-tempFrmWrapper .zf-termsandCond {
	float: none;
	width: 100%;
}
.zf-tempContDiv span input[type="checkbox"]:focus {
	border: 1.2px solid rgb(46, 183, 159, 1);
    box-shadow: 0px 0px 2px 0px rgb(46, 183, 159, 1);
}
.zf-multiAttType.fullColWrap,
.zf-twoColumns .zf-tempContDiv .zf-multiAttType.fullColWrap,
.zf-threeColumns .zf-tempContDiv .zf-multiAttType.fullColWrap,
.zf-sideBySide .zf-tempContDiv .zf-multiAttType.fullColWrap {
	width: 100%;
}
.zf-address.zf-tempContDiv .zf-form-sBox,
.zf-address.zf-tempContDiv input[type="text"] {
	width: 100%;
}
.address_row_3, .address_row_4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0 16px;
}
.address_row_3 span.zf-addresCols,
.address_row_4 span.zf-addresCols {
	    width: 47%;
		flex: 1 1 auto;
}
.address_row_1 .zf-addresCols,
.address_row_2 .zf-addresCols,
.address_row_3 .zf-addresCols,
.address_row_4 .zf-addresCols  {
	width: 100%;
}
.zf-tempFrmWrapper.gridName .zf-twoType .zf-nameWrapper span {
	width: 100%;
	margin-left: 0;
	margin-bottom: 15px;
}
.zf-tempFrmWrapper.gridName .zf-threeType .zf-salutationWrapper .zf-salutation {
	width: 100%;
	margin-left: 0;
}
.zf-tempFrmWrapper.gridName .zf-threeType .zf-salutationWrapper span {
	width: 100%;
	margin-left: 0;
	margin-bottom: 15px;
}
.zf-tempFrmWrapper.gridName  .zf-nameWrapper.zf-salutationWrapper {
	display: block;
}
.zf-templateWrapper .zf-note table td {
	word-break: break-all;
}
.zf-leftAlign .zf-tempFrmWrapper.zf-matrixTable .zf-labelName {
	width: 100%;
}

/* Grid Related Css Start Here */
.zfgrid_Wrapper {
	padding: 0 40px 0 40px;
	margin: 0;
	box-sizing: border-box;
}
.zfgridLabelCont {
	padding: 12px 0;
}
.zfgridLabelCont label {
	font-size: 22px;
	color: #252c3e;
}
.zfgridLabelCont span {
	font-size: 14px;
	color: #465474;
	padding-top: 8px;
	display: block;
}
.zftwoColumn,
.zfthreeColumn {
	display: flex;
  	flex-wrap: nowrap;
	gap: 32px;
}
.zfoneColumn .zfCol{
	max-width: 100%;
}
.zftwoColumn .zfCol {
	flex: 1 1;
  	overflow-x: hidden;
	max-width: 50%;
}
.zfthreeColumn .zfCol {
	flex: 1 1;
  	overflow-x: hidden;
	max-width: 33%;
}
.zfgrid_Wrapper .zf-tempFrmWrapper {
	padding-left: 0;
  	padding-right: 0;
}
.zfMultiColGrid .zf-medium .zf-tempContDiv input[type="text"], .zfMultiColGrid .zf-medium .zf-tempContDiv textarea, .zfMultiColGrid .zf-medium .zf-mSelect select, .zfMultiColGrid .zf-medium .zf-tempContDiv .zf-sliderCont, .zfMultiColGrid .zf-medium .zf-tempContDiv .zf-pdfTextArea, 
.zfMultiColGrid .zf-medium .zf-signContainer {
	width: 100%;
  }

.zfMultiColGrid .zf-small .zf-tempContDiv input[type="text"], .zfMultiColGrid .zf-small .zf-tempContDiv textarea, .zfMultiColGrid .zf-small .zf-mSelect select, .zfMultiColGrid .zf-small .zf-tempContDiv .zf-sliderCont, .zfMultiColGrid .zf-small .zf-tempContDiv .zf-pdfTextArea, 
.zfMultiColGrid .zf-small .zf-signContainer {
	width: 100%;
}
.zfMultiColGrid .zf-medium .zf-phwrapper {
	width: 100%;
}
.zfMultiColGrid .zf-small .zf-phwrapper {
	width: 100%;
}
.zfMultiColGrid .zf-tempFrmWrapper.zf-phone span,
.zfoneColumn .zf-tempFrmWrapper.zf-phone span{
	width: 30.6%;
}
.zfoneColumn .zf-tempFrmWrapper.zf-phone span.zf-symbols {
    display: none;
}
.zfMultiColGrid .zf-phone .zf-tempContDiv .zf-symbols {
	margin: 9px 1%;
  	width: 2%;
}
.zfMultiColGrid .zf-cmedium.zf-currency .zf-tempContDiv > div {
	width: 100%;
}
.zfMultiColGrid .zf-csmall.zf-currency .zf-tempContDiv > div {
	width: 100%;
}
.zfMultiColGrid .zf-medium .zf-tempContDiv .zf-form-sBox,.zfMultiColGrid .zf-small .zf-tempContDiv .zf-form-sBox {
	width: 100%;
}
.zfMultiColGrid .zf-date .zf-tempContDiv input[type="text"],
.zfMultiColGrid .zf-date.zf-time .zf-tempContDiv input[type="text"] {
	width: 100%;
}
.zfMultiColGrid .zf-tempContDiv input[type="file"] {
	width: 100%;
}
.zfMultiColGrid .zf-namemedium .zf-nameWrapper,.zfMultiColGrid .zf-namesmall .zf-nameWrapper {
	width: 100%;
  }
.zfMultiColGrid .zf-addrmedium .zf-tempContDiv .zf-addrCont,.zfMultiColGrid .zf-addrsmall .zf-tempContDiv .zf-addrCont {
	width: 100%;
}

.zftwoColumn .address_row_3, .zftwoColumn .address_row_4, .zfthreeColumn .address_row_3, .zfthreeColumn .address_row_4 {
	flex-wrap: nowrap;
	gap: 0 8px;
}
.zftwoColumn .gridAddress .address_row_3, .zftwoColumn .gridAddress .address_row_4, .zfthreeColumn .gridAddress .address_row_3, .zfthreeColumn .gridAddress .address_row_4 {
	flex-wrap: wrap;
	width: 100%;
}
.gridAddress .address_row_3 .zf-addresCols, .gridAddress .address_row_4 .zf-addresCols {
	width: 100%;
}
.zfgrid_Wrapper .zf-time .zf-tempContDiv .zf-symbols {
	display: none;
}
.zfMultiColGrid  .zf-time .zf-tempContDiv span {
	width: 32%;
	margin-right: 2%;
}
.zfMultiColGrid  .zf-time .zf-tempContDiv span:last-of-type {
	margin-right: 0;
}
.zfMultiColGrid .zf-time .zf-tempContDiv .zf-form-sBox {
	min-width: auto;
	width: 100%;
}
.zfMultiColGrid .zf-date.zf-time .zf-tempContDiv .zf-subDate {
	width: 25%;
}
.zfMultiColGrid .zf-date.zf-time .zf-tempContDiv span {
	width: 23%;
}
.zfgrid_Wrapper .zf-oneColumns .zf-tempContDiv span label,.zfgrid_Wrapper .zf-twoColumns .zf-tempContDiv span label,.zfgrid_Wrapper .zf-threeColumns .zf-tempContDiv span label,.zfgrid_Wrapper .zf-sideBySide .zf-tempContDiv span label {
	word-break: break-all;
}
.zf-leftAlign .zfMultiColGrid .zf-tempFrmWrapper .zf-labelName,
.zf-rightAlign .zfMultiColGrid .zf-tempFrmWrapper .zf-labelName {
	float: none;
	display: block;
	width: 100%;
	padding-bottom: 10px;
	text-align: left;
}
.zf-leftAlign .zfMultiColGrid .zf-tempFrmWrapper .zf-tempContDiv,
.zf-rightAlign .zfMultiColGrid .zf-tempFrmWrapper .zf-tempContDiv {
	float: none;
	width: 100%;
}
.zfInstrucTop .zf-instruction {
	padding: 0px 0px 10px 0px;
}
.zfInstrucTop .zf-decesion .zf-instruction {
	padding: 10px 0px 0px 0px;
}
.zfInstrucTop.zf-topAlign .zf-tempFrmWrapper .zf-labelName {
    padding-bottom: 6px;
    display: block;
}
.zfoneColumn .zf-time .zf-tempContDiv {
	width: 285px;
}
.zf-leftAlign .zfoneColumn .zf-time .zf-tempContDiv,
.zf-rightAlign .zfoneColumn .zf-time .zf-tempContDiv,
.zf-leftAlign .zfoneColumn .zf-time.zf-date .zf-tempContDiv,
.zf-rightAlign .zfoneColumn .zf-time.zf-date .zf-tempContDiv {
	width: 70%;
}
.zfoneColumn .zf-time .zf-tempContDiv span {
	width: 25%;
  	margin-right: 14px;
}
.zf-leftAlign .zfoneColumn .zf-time .zf-tempContDiv span,
.zf-rightAlign .zfoneColumn .zf-time .zf-tempContDiv span {
	width: 72px;
}
.zfoneColumn .zf-time.zf-date .zf-tempContDiv {
	width: 100%;
}
.zfoneColumn .zf-time.zf-date .zf-tempContDiv span {
	width: 72px;
  	margin-right: 14px;
}
.zfoneColumn .zf-time.zf-date .zf-tempContDiv .zf-subDate {
	width: 340px;
}
.zf-leftAlign .zfoneColumn .zf-time.zf-date .zf-tempContDiv .zf-subDate,
.zf-rightAlign .zfoneColumn .zf-time.zf-date .zf-tempContDiv .zf-subDate {
	width: 223px;
	
}
.zf-leftAlign .zfoneColumn .zf-time.zf-date .zf-tempContDiv span,
.zf-rightAlign .zfoneColumn .zf-time.zf-date .zf-tempContDiv span {
	margin-right: 12px;
}
.zf-leftAlign .zfoneColumn .zf-time.zf-date .zf-tempContDiv span:last-of-type,
.zf-rightAlign .zfoneColumn .zf-time.zf-date .zf-tempContDiv span:last-of-type {
	margin-right: 0;
}

/* Grid Related Css Ends Here */

/* ------------------ Divider Field Css Start here -------------------- */

.zf-divider {
    border-top-color:#b8bbd3 !important;
    margin: 0 auto;
}

.zf-small .zf-divider{
    width:50%;
}
.zf-medium .zf-divider{
    width:75%;
}
.zf-large .zf-divider{
    width:100%;
}

.zf-divider.line-One{
	border-top:1px ;
}
.zf-divider.line-Two{
	border-top:2px;
}
.zf-divider.line-Three{
	border-top:3px;
}
.zf-divider.line-Four{
	border-top:4px;
}
.zf-divider.line-Five{
	border-top:5px;
}
.zf-divider.line-Six{
	border-top:6px;
}
.zf-divider.line-Seven{
	border-top:7px;
}
.zf-divider.line-Eight{
	border-top:8px;
}
.zf-divider.line-Nine{
	border-top:9px;
}
.zf-divider.line-Ten{
	border-top: 10px;
}

.zf-divider.solidType{
	border-top-style: solid;
}
.zf-divider.dashedType{
	border-top-style: dashed;
}
.zf-divider.dottedType{
	border-top-style: dotted;
}
.zf-divider.doubleType{
	border-top-style: double;
}

.layout3 .dividerContainer{
	background: transparent;
    box-shadow: none;
	border: none;
	padding: 12px 0;
}


/* WhatsApp */
#whatsapp {
	position: fixed;
	bottom: var(--gap-s);
	left: var(--gap-s);
	transition: opacity 0.3s ease, visibility 0.3s ease;
}


#whatsapp.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

#whatsapp .section {
	border-bottom: 0;
	padding: 0;
}

.chaty-channel-list {
	right: unset;
	left: 0;
}

.home #chaty-widget-0 .chaty-widget,
.home div[data-id="zsalesiq"] {
	display: none;
}

#chaty-widget-0 .chaty-widget {
	bottom: 75px !important;
	left: 8px !important;
}

.chaty-whatsapp-header .header-wp-title {
	color: #000;
}

#chaty-widget-0 .on-hover-text,
.chaty-tooltip .on-hover-text {
	display: none;
}

.section-wrap.clear.image-section {
	margin-top: calc(var(--gap-l) * 2);
	margin-inline: 0;
}

.section-wrap.clear.image-section .section {
	max-width: 100%;
}








/* Projects - archive */
.stom-projects-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px 20px;
    align-items: stretch; 
}

.stom-projects-list .project {
    display: flex;
    flex-direction: column;
    position: relative;
}

.stom-projects-list .project > a.full-element-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: transparent;
    z-index: 5; 
}

.stom-projects-list .project .image {
    position: relative;
    line-height: 0;
}

.stom-projects-list .project .image:before {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(215, 242, 5, 0);
    transition: var(--transition);
    pointer-events: none;
}

.stom-projects-list .project:hover .image:before {
    background-color: rgba(215, 242, 5, .25);
}

.stom-projects-list .project .image > img {
    aspect-ratio: 3 / 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.stom-projects-list .project .content {
    display: flex;
    flex-direction: column;
    flex: 1;
    background-color: #fff;
    padding: 30px 20px;
}

.stom-projects-list .project .content .title {
    font-size: 16px;
    color: #000;
}


.stom-projects-list .project .content .excerpt {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.stom-projects-list .project .content .excerpt > p {
    color: #000;
}