/*
Theme Name: Vestermarkribe Theme
Author: KYNETIC
Author URI: www.kynetic.dk
Description: A custom theme for Vestermarkribe by KYNETIC
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: simpletheme
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Have fun using this very simple theme!
*/

/* -----------------------------------------------------------------------------
Additional Information
 ---------------------------------------------------------------------------- */

/* Foundation Breakpoints */
/*
     small: 0px,
     medium: 640px,
     large: 1024px,
     xlarge: 1200px,
     xxlarge: 1440px,
*/

/* Responsive Absolute Center */
/*
     position: absolute;
     left: 50%;
     transform: translate(-50%, 0);
*/

/* Fonts */
/*
     font-family: 'Barlow', sans-serif; (paragraphs)
     font-family: 'Ubuntu', sans-serif; (headings)
*/

/* Colors */
/*
     Lightgreen: #26B856
     Darkgreen: #007731
     Darkblue: #00213C
     Lightblue: #F5F9FD
     Main Orange: #FFB83A
*/

/* -----------------------------------------------------------------------------
Reset CSS [START]
 ---------------------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     /* font-size:100%; */
     vertical-align: baseline;
     background: transparent;
     font-family: 'DM Sans';
}

*, html {
     scroll-behavior: smooth;
     background-repeat: no-repeat;
     background-size: cover;
     font-family: 'Barlow', sans-serif;
}

div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dfn, em,
small, strong, sub, sup, var, b,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, footer {
     font-family: 'Barlow', sans-serif;
     color: #00213C;
}

body {
     line-height: 0;
     overflow-x: hidden;
     max-width: 2000px;
     margin: 0 auto;
}

footer {
     line-height: 1;
}

._form-content {
     overflow: hidden;
}

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

nav ul {
     list-style: none;
}

blockquote, q {
     quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
     content: '';
     content: none;
}

a {
     font-family: 'Barlow', sans-serif;
     color: #00213C;
     margin: 0;
     padding: 0;
     font-size: 100%;
     vertical-align: baseline;
     background: transparent;
     line-height: normal;
}

ins {
     background-color: #ff9;
     color: #000;
     text-decoration: none;
}

mark {
     background-color: #ff9;
     color: #000;
     font-style: italic;
     font-weight: bold;
}

del {
     text-decoration: line-through;
}

table {
     border-collapse: collapse;
     border-spacing: 0;
}

hr {
     display: block;
     height: 1px;
     border: 0;
     border-top: 1px solid #cccccc;
     margin: 1em 0;
     padding: 0;
}

input, select {
     vertical-align: middle;
}
/* -----------------------------------------------------------------------------
Reset CSS [END]
 ---------------------------------------------------------------------------- */

 /* ----------------------------------------------------------------------------
 Global [START]
  --------------------------------------------------------------------------- */
:root {
     /* --hybrid-black: #000000;
     --hybrid-pink: #F51766; */
     /* --logo-main: url(''); */
}
h1,
h1 p {
     /* font-size: 66px; */
     font-size: 60px;
     line-height: 1.0;
     margin-bottom: 30px;
     font-family: 'Ubuntu', sans-serif;
}
h1.h1-extra,
h1.h1-extra p {
     /* font-size: 75px; */
     font-size: 68px;
     line-height: 1.2;
     font-family: 'Ubuntu', sans-serif;
}
h2,
h2 p {
     /* font-size: 36px; */
     font-size: 40px;
     margin-bottom: 20px;
     line-height: 1.1;
     font-family: 'Ubuntu', sans-serif;
}
h3,
h3 p {
     /* font-size: 32px; */
     font-size: 29px;
     margin-bottom: 20px;
     font-family: 'Ubuntu', sans-serif;
}
h4,
h4 p {
     /* font-size: 30px; */
     font-size: 25px;
     font-family: 'Ubuntu', sans-serif;
     margin-bottom: 20px;
}
h5,
h5 p {
     /* font-size: 22px; */
     font-size: 20px;
     margin-bottom: 20px;
     font-family: 'Ubuntu', sans-serif;
}
h6,
h6 p {
     /* font-size: 18px; */
     font-size: 17px;
     margin-bottom: 30px;
     font-family: 'Ubuntu', sans-serif;
}
h1,
h1 p {
     font-weight: 700;
}
h2, h3, h4,
h2 p, h3 p, h4 p {
     font-weight: 500;
}
h5, h6,
h5 p, h6 p {
     font-weight: 400;
}
p,
p > p,
p > span {
     font-size: 16px;
     line-height: 1.6;
     margin-bottom: 20px;
     font-weight: 400;
     font-family: 'Barlow', sans-serif;
}
p.p-extra {
     font-size: 24px;
     line-height: 1.2;
}
p.p-small {
     font-size: 12px;
}
.uppercase {
     text-transform: uppercase;
     font-weight: 600;
}
b,
b p {
	font-weight: 800;
	color: inherit;
     font-family: 'Barlow', sans-serif;
}
em,
p em {
     color: inherit;
     font-family: 'Barlow', sans-serif;
}
strong,
p strong {
     color: inherit;
     margin-bottom: 12px;
     display: block;
}
.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
     padding: 0 !important;
}
.elementor-widget:not(:last-child) {
    margin-bottom: 0 !important;
}
.custom-container {
     margin-bottom: 80px;
}
.custom-container-small {
     margin-bottom: 40px;
}
.custom-container-large {
     margin-bottom: 100px;
}
.grid-x-outline {
     padding-right: 25px;
     padding-left: 25px;
}
.grid-x.grid-x-full {
     padding: 0 !important;
     width: 100%;
}
a.a-extra,
a.a-extra p {
     font-size: 30px;
}
a:hover {
     cursor: pointer;
}
.elementor-widget-container .elementor-button-content-wrapper {
     width: 100% !important;
}
* img,
img {
     object-fit: cover;
     margin-bottom: 40px;
}
button {
     margin-top: 20px;
     margin-bottom: 20px;
}
button i {
     margin-left: 10px;
}
button.btn-green {
     padding: 20px 40px;
     background: #fac417;
     color: #000;
     box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
     transition: all 0.65s cubic-bezier(.23,1,.32,1);
}
button.btn-green:hover {
     background: #fff;
     color: #fac417;
     cursor: pointer;
     box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
     transition: all 0.65s cubic-bezier(.23,1,.32,1);
}
button.btn-white {
     padding: 20px 40px;
     border: 1px solid #fff;
     box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
     color: #fff;
     transition: all 0.65s cubic-bezier(.23,1,.32,1);
}
button.btn-white:hover {
     background: #fff;
     box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
     color: #00213C;
     cursor: pointer;
     transition: all 0.65s cubic-bezier(.23,1,.32,1);
}
button.btn-white-outlined {
     padding: 20px 40px;
     background: #fff;
     color: #00213C;
     cursor: pointer;
     transition: all 0.65s cubic-bezier(.23,1,.32,1);
     border: 1px solid #00213C;
}
button.btn-white-outlined:hover {
     background: #00213C;
     color: #fff;
     transition: all 0.65s cubic-bezier(.23,1,.32,1);
}
button.btn-whitefull {
    padding: 20px 40px;
    background: #fff;
     color: #00213C;
     transition: all 0.65s cubic-bezier(.23,1,.32,1);
}
button.btn-whitefull:hover {
    color: #00213C;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    cursor: pointer;
    transition: all 0.65s cubic-bezier(.23,1,.32,1);
}
.link-tag-dark {
     color: #00213C;
     transition: all 0.65s cubic-bezier(.23,1,.32,1);
}
.link-tag {
     color: #FAC417;
     transition: all 0.65s cubic-bezier(.23,1,.32,1);
}
.link-tag .link-tag-icon,
.link-tag-dark .link-tag-icon {
     margin-right: 10px;
}
.link-tag:hover {
     color: #007731;
     border-bottom: dotted 1px #007731;
     transition: all 0.65s cubic-bezier(.23,1,.32,1);
}
.link-tag-dark:hover {
     opacity: 0.8;
     border-bottom: dotted 1px #00213C;
     transition: all 0.65s cubic-bezier(.23,1,.32,1);
}
.noboxshadow {
     box-shadow: none !important;
}

/* --- Elementor */
.elementor-widget-text-editor {
     margin-bottom: 20px !important;
}
.elementor-widget-text-editor li {
     margin-left: 40px !important;
}
.elementor-widget-text-editor a {
     color: #FAC417 !important;
}
.elementor-widget-text-editor a:hover {
     border-bottom: 1px dotted #007731;
}

.importantRuleCustom_background-green {
    background: #007731 !important;
    background-color: #007731 !important;
}
/* -----------------------------------------------------------------------------
Global [END]
---------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
Custom CSS [START]
 ---------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
No Breakpoint [START]
----------------------------------------------------------------------------- */
/* --- element_header-video [START] --- */
.element_header-video video {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     -o-object-position: center;
     object-position: center;
     min-height: 900px;
     max-height: 900px;
}
.element_header-video .overlay {
     min-height: 100vh;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
.element_header-video .overlay h2 {
     background: #000 none repeat scroll 0 0;
     color: tan;
     font-weight: 600;
     margin: 2rem 3rem 0;
     mix-blend-mode: overlay;
     padding: 5px 15px;
     text-align: center;
}
.element_header-video header {
     background: tan;
     position: fixed;
     width: 100%;
     text-align: center;
     color: white;
     -webkit-transition: .4s;
     transition: .4s;
     padding: 0.5em;
}
.element_header-video nav a {
     color: inherit;
     padding: 0 12px;
     text-decoration: none;
}
.element_header-video .cell-content {
     position: relative;
}
.element_header-video .video-overlay {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     width: 100%;
     background: linear-gradient(90deg, rgba(0,33,60,1) 0%, rgba(0,212,255,0) 58%);
     height: 100%;
}
.element_header-video .grid-x-video-main {
     height: 100%;
     flex-direction: column;
     justify-content: center;
}
.element_header-video .video-overlay h1,
.element_header-video .video-overlay p {
     color: #fff;
}
.element_header-video .video-overlay p {
     opacity: 0.8;
}
.element_header-video .btn-white {
     margin-left: 40px;
}
@media only screen and (max-width: 1024px) {
     .element_header-video .btn-white {
          margin-left: 0;
     }
     .element_header-video .btn-white,
     .element_header-video .btn-green {
          width: 100%;
     }
     .element_header-video video {
          min-height: 90vh;
          max-height: 90vh;
     }
}
/* --- element_header-video [END] --- */

/* --- element_header-kpi-overlay [START] --- */
.element_header-kpi-overlay {
     position: relative;
}
.element_header-kpi-overlay .grid-x {
     transform: translateY(-60px);
}
.element_header-kpi-overlay .kpi-box {
     position: relative;
     background: #fff;
     padding: 40px 30px;
     box-shadow: -5px 18px 60px 0 rgba(210,210,234,.55);
     overflow: hidden;
     transition: all 0.65s cubic-bezier(.23,1,.32,1);
}
.element_header-kpi-overlay .kpi-box-header i {
     font-size: 80px;
     margin-bottom: 20px;
}
.element_header-kpi-overlay .kpi-box-content {
     position: relative;
     z-index: 2;
     padding-top: 20px;
}
.element_header-kpi-overlay .kpi-box-backgroundicon i {
     position: absolute;
     right: -40px;
     bottom: -50px;
     font-size: 250px;
     z-index: 0;
     color: #00213C;
     opacity: 0.1;
     transform: rotate(30deg);
}
.element_header-kpi-overlay .kpi-box::after {
     content: "";
     position: absolute;
     width: 0;
     height: 3px;
     background: #00213C;
     left: 0;
     bottom: 0;
     transition: all 0.65s cubic-bezier(.23,1,.32,1);
}
.element_header-kpi-overlay .cell:hover .kpi-box::after {
     content: "";
     position: absolute;
     width: 100%;
     height: 3px;
     background: #00213C;
     left: 0;
     bottom: 0;
     transition: all 0.65s cubic-bezier(.23,1,.32,1);
}
.element_header-kpi-overlay .kpi-box:hover {
     transform: translateY(-10px);
     transition: all 0.65s cubic-bezier(.23,1,.32,1);
}
@media only screen and (min-width: 1024px) {
     .element_header-kpi-overlay .grid-x {
          display: flex;
          justify-content: space-between;
     }
     .element_header-kpi-overlay .grid-x .cell.large-4 {
          max-width: 30%;
     }
}
@media only screen and (max-width: 1024px) {
     .element_header-kpi-overlay .kpi-box {
          margin-bottom: 40px;
     }
}
.element_header-video .video-overlay h1 {
     opacity: 0;
     transform: translateX(-100%);
     animation-name: animateFadeInLeft05sec;
     animation-duration: 0.65s;
     animation-delay: 1.25s;
     animation-iteration-count: 1;
     animation-fill-mode: forwards;
     animation-timing-function: cubic-bezier(.23,1,.32,1);
}
@keyframes animateFadeInLeft05sec {
     0% {
          opacity: 0;
          transform: translateX(-100%);
     }
     100% {
          opacity: 1;
          transform: translateX(0%);
     }
}
.element_header-video .video-overlay p {
     opacity: 0;
     transform: translateX(-100%);
     animation-name: animateFadeInLeft08sec;
     animation-duration: 0.65s;
     animation-delay: 1.55s;
     animation-iteration-count: 1;
     animation-fill-mode: forwards;
     animation-timing-function: cubic-bezier(.23,1,.32,1);
}
@keyframes animateFadeInLeft08sec {
     0% {
          opacity: 0;
          transform: translateX(-100%);
     }
     100% {
          opacity: 1;
          transform: translateX(0%);
     }
}
.element_header-video .video-overlay .double-button-container {
     opacity: 0;
     transform: translateX(-100%);
     animation-name: animateFadeInLeft1sec;
     animation-duration: 0.65s;
     animation-delay: 1.65s;
     animation-iteration-count: 1;
     animation-fill-mode: forwards;
     animation-timing-function: cubic-bezier(.23,1,.32,1);
}
@keyframes animateFadeInLeft1sec {
     0% {
          opacity: 0;
          transform: translateX(-100%);
     }
     100% {
          opacity: 1;
          transform: translateX(0%);
     }
}
.element_header-video .element_header-video-inner {
     clip-path: ellipse(0 0 at 100% 100%);
     animation-name: elementHeaderVideoClipPath;
     animation-duration: 1.65s;
     animation-delay: 1.25s;
     animation-iteration-count: 1;
     animation-fill-mode: forwards;
     animation-timing-function: cubic-bezier(.23,1,.32,1);
}
@keyframes elementHeaderVideoClipPath {
     0% {
          clip-path: ellipse(0 0 at 100% 100%);
     }
     100% {
          clip-path: ellipse(3000px 3000px at 100% 100%);
     }
}
/* --- element_header-kpi-overlay [END] --- */

/* --- element_header-kpi-overlay-single [START] --- */
.element_header-kpi-overlay-single {
     margin-top: 40px;
}
/* --- element_header-kpi-overlay-single [END] --- */

/* --- element_menu-navigation [start] --- */
.element_menu-navigation .menu-topbar {
     /* background: #FFB83A; */
     background: #FFB83A;
     padding: 10px 0 10px 0;
     text-align: center;
}
.element_menu-navigation .menu-topbar p {
     margin-bottom: 0;
     color: #fff;
}
.element_menu-navigation .menu-topbar a {
     margin-left: 15px;
     color: #00213C;
}
.element_menu-navigation .menu {
     width: 100%;
}
.element_menu-navigation .menu img {
     width: 100%;
     height: 250px;
     margin-bottom: 0;
}
.element_menu-navigation .menu-container {
     margin: 0 auto;
     background: #fff;
}
.element_menu-navigation .menu a.logo {
     display: inline-block;
     padding: 1.4em 1em;
     width: 19%;
     float: left;
     position: absolute;
}
.element_menu-navigation .menu a.logo img {
     max-height: 40px;
     object-fit: contain;
}
.element_menu-navigation .menu img {
     max-width: 100%;
}
.element_menu-navigation .menu-mobile {
     display: none !important;
     position: absolute;
     padding: 20px;
}
.element_menu-navigation .menu-mobile:after {
     /* content: "\f394";
     font-family: "Ionicons"; */
     font-size: 2.5rem;
     padding: 0;
     float: right;
     position: relative;
     top: 50%;
     -webkit-transform: translateY(-25%);
     transform: translateY(-25%);
}
.element_menu-navigation .menu-dropdown-icon:before {
     /* content: "\f489";
     font-family: "Ionicons"; */
     display: none;
     cursor: pointer;
     float: right;
     padding: 2em 2em;
     background: #fff;
     color: #333;
}
.element_menu-navigation .menu>ul {
     margin: 0 auto;
     width: 70%;
     list-style: none;
     padding: 0;
     position: relative;
     /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
     box-sizing: border-box;
     clear: right;
}
.element_menu-navigation .menu>ul:before,
.element_menu-navigation .menu>ul:after {
     content: "";
     display: table;
}
.element_menu-navigation .menu>ul:after {
     clear: both;
}
.element_menu-navigation .menu>ul>li {
     float: left;
     background: #fff;
     padding: 0;
     margin: 0;
}
.element_menu-navigation .menu>ul>li a {
     text-decoration: none;
     padding: 2em 2.2em;
     display: block;
     /* font-weight: 600; */
}
.element_menu-navigation .menu>ul>li:hover {
     background: #f0f0f0;
}
.element_menu-navigation .menu>ul>li>ul {
     display: none;
     width: 100%;
     background: #fff;
     padding: 20px;
     position: absolute;
     z-index: 9999999999;
     left: 0;
     margin: 0;
     list-style: none;
     box-sizing: border-box;
     box-shadow: 0 40px 80px 0 rgb(83 94 132 / 15%);
}
.element_menu-navigation .menu>ul>li>ul:before,
.element_menu-navigation .menu>ul>li>ul:after {
     content: "";
     display: table;
}
.element_menu-navigation .menu>ul>li>ul:after {
     clear: both;
}
.element_menu-navigation .menu>ul>li>ul>li {
     margin: 0;
     padding-bottom: 0;
     list-style: none;
     width: 50%;
     background: none;
     float: left;
}
.element_menu-navigation .menu>ul>li>ul>li a {
     /* color: #777; */
     padding: .2em 0;
     width: 95%;
     display: block;
     border-bottom: 1px solid #ccc;
}
.element_menu-navigation .menu>ul>li>ul>li a:hover {
     /* color: #03a9f4; */
}
.element_menu-navigation .menu>ul>li>ul>li>ul {
     display: block;
     padding: 0;
     margin: 10px 0 0;
     list-style: none;
     box-sizing: border-box;
}
.element_menu-navigation .menu>ul>li>ul>li>ul:before,
.element_menu-navigation .menu>ul>li>ul>li>ul:after {
     content: "";
     display: table;
}
.element_menu-navigation .menu>ul>li>ul>li>ul:after {
     clear: both;
}
.element_menu-navigation .menu>ul>li>ul>li>ul>li {
     float: left;
     width: 100%;
     padding: 10px 0;
     margin: 0;
     /* font-size: .8em; */
}
.element_menu-navigation .menu>ul>li>ul>li>ul>li a {
     border: 0;
     /* font-size: 14px; */
}
.element_menu-navigation .menu>ul>li>ul.normal-sub {
     width: 300px;
     left: auto;
     padding: 10px 20px;
}
.element_menu-navigation .menu>ul>li>ul.normal-sub>li {
     width: 100%;
}
.element_menu-navigation .menu>ul>li>ul.normal-sub>li a {
     border: 0;
     padding: 1em 0;
}
.element_menu-navigation .menu-contact {
     position: absolute !important;
     right: 0 !important;
     width: auto !important;
}
.element_menu-navigation .menu-contact li:first-child {
     position: absolute;
     right: 0;
     top: 80px;
     z-index: 99999;
     background: #00213C !important;
     width: 100%;
     text-align: center;
}
.element_menu-navigation .menu-contact li {
     background: #FAC417 !important;
     color: #000;
}
.element_menu-navigation .menu-contact li:nth-child(2) {
     border-right: 1px solid;
}
.element_menu-navigation .menu-contact li a {
     color: #000;
     font-weight: 600;
}
.element_menu-navigation .menu-contact li a.kontaktmenu {
     color: #fff;
     font-weight: 600;
}
.element_menu-navigation .link-tag-icon {
     margin-right: 10px;
}
.element_menu-navigation .menu-subtitle {
     margin-top: 20px;
     font-size: 22px;
     padding-bottom: 20px;
}
.element_menu-navigation .menu-subtitle-li {
     padding-bottom: 10px;
}
.element_menu-navigation .ul-header {
     list-style: none;
     margin-left: 0;
}
.element_menu-navigation .ul-header a {
     padding: 0 !important;
     text-decoration: underline !important;
     padding-top: 20px !important;
}
.element_menu-navigation {
     pointer-events: none;
     -webkit-animation: elementMenuNavigation 0.5s 0.1s forwards ease-in;
     -moz-animation: elementMenuNavigation 0.5s 0.1s forwards ease-in;
     -ms-animation: elementMenuNavigation 0.5s 0.1s forwards ease-in;
     -o-animation: elementMenuNavigation 0.5s 0.1s forwards ease-in;
     animation-name: elementMenuNavigation 0.5s 0.1s forwards ease-in;
}
.menu-container .menu-childrenul-dynamic {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin-bottom: 1rem;
}
@keyframes elementMenuNavigation {
     0% {
          pointer-events: none;
     }
     100% {
          pointer-events: all;
     }
}
@media screen and (max-width: 1750px) and (min-width: 1024px) {
     .element_menu-navigation .menu-contact {
          top: 80px;
          z-index: 999;
     }
}
@media only screen and (min-width: 1024px) {
     .element_menu-navigation .menu>ul {
          margin: 0 auto;
          width: 70%;
          list-style: none;
          padding: 0;
          position: relative;
          /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
          box-sizing: border-box;
          clear: right;
          margin: 0 auto;
          display: flex;
          justify-content: center;
     }
     .element_menu-navigation .menu-childrenul li {
          width: 100% !important;
     }
     .element_menu-navigation .menu-haschildren-4row .menu-subtitle-li {
          width: 25% !important;
     }
     .element_menu-navigation .menu-haschildren-4row .menu-subtitle-li .menu-childrenul li {
          width: 100% !important;
     }
}
@media only screen and (max-width: 1024px) {
    .element_menu-navigation .menu a.logo img {
        width: 80px;
        max-width: initial;
    }
     .element_menu-navigation .menu-container {
          width: 100%;
     }
     .element_menu-navigation .menu-container .menu {
          display: inline-block;
     }
     .element_menu-navigation .menu-mobile {
          display: block !important;
          float: right;
          padding: 1.5em 2em;
          position: relative;
     }
     .element_menu-navigation .menu-mobile i {
          font-size: 30px;
     }
     .element_menu-navigation .menu-dropdown-icon:before {
          display: block;
     }
     .element_menu-navigation .menu>ul {
          display: none;
          width: 100%;
     }
     .element_menu-navigation .menu>ul>li {
          width: 100%;
          float: none;
          display: block;
     }
     .element_menu-navigation .menu>ul>li a {
          padding: 2em;
          width: 100%;
          display: block;
     }
     .element_menu-navigation .menu>ul>li>ul {
          position: relative;
          padding: 0 40px;
     }
     .element_menu-navigation .menu>ul>li>ul.normal-sub {
          width: 100%;
     }
     .element_menu-navigation .menu>ul>li>ul>li {
          float: none;
          width: 100%;
          margin-top: 20px;
     }
     .element_menu-navigation .menu>ul>li>ul>li:first-child {
          margin: 0;
     }
     .element_menu-navigation .menu>ul>li>ul>li>ul {
          position: relative;
     }
     .element_menu-navigation .menu>ul>li>ul>li>ul>li {
          float: none;
     }
     .element_menu-navigation .menu .show-on-mobile {
          display: block;
     }
     .element_menu-navigation .menu-contact {
          width: 100% !important;
     }
     .element_menu-navigation .menu-contact li {
          border: 10px solid;
     }
     .element_menu-navigation .menu-contact a {
          text-align: center;
     }
     .menu-contact.show-on-mobile {
          position: relative !important;
     }
     .menu-contact.show-on-mobile li {
          position: relative !important;
          top: 0 !important;
     }
     .element_menu-navigation .menu-contact li:nth-child(2) {
          border: 10px solid !important;
     }
     .element_menu-navigation .menu-topbar p {
          padding: 0 10px;
          line-height: 1.1;
     }
}
/* --- element_menu-navigation [END] --- */

/* --- element_projektgalleri-box [START] --- */
     .element_projektgalleri-box .content-box {
          height: 500px;
          width: 100%;
          padding: 40px;
          display: flex;
          flex-direction: column;
          justify-content: end;
          position: relative;
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     .element_projektgalleri-box .content-box .box-content {
          position: relative;
          z-index: 2;
     }
     .element_projektgalleri-box .content-box::after {
          content: "";
          width: 100%;
          height: 0%;
          background: linear-gradient(0deg, rgba(0,33,60,0) 0%, rgba(0,212,255,0) 58%);
          position: absolute;
          left: 0;
          bottom: 0;
          opacity: 0;
          z-index: 1;
          opacity: 0;
          transition: all 0.95 cubic-bezier(.23,1,.32,1);
     }
     .element_projektgalleri-box .cell:hover .content-box::after {
          content: "";
          animation-name: animation_projektGalleriBox;
          animation-duration: 0.25s;
          animation-delay: 0s;
          animation-iteration-count: 1;
          animation-fill-mode: forwards;
          animation-timing-function: cubic-bezier(.23,1,.32,1);
     }
     @keyframes animation_projektGalleriBox {
          0% {
               width: 100%;
               height: 0%;
               background: linear-gradient(0deg, rgba(0,33,60,0) 0%, rgba(0,212,255,0) 95%);
               position: absolute;
               left: 0;
               bottom: 0;
               z-index: 1;
               opacity: 0;
          }
          100% {
               width: 100%;
               height: 100%;
               background: linear-gradient(0deg, rgba(0,33,60,1) 0%, rgba(0,212,255,0) 95%);
               position: absolute;
               left: 0;
               bottom: 0;
               z-index: 1;
               opacity: 1;
          }
     }
     .element_projektgalleri-box .content-box h3,
     .element_projektgalleri-box .content-box p {
          color: #fff;
     }
     .element_projektgalleri-box .content-box p {
          opacity: 0.8;
     }
     .element_projektgalleri-box .content-box:hover {
          transform: scale(110%);
          z-index: 999;
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     .element_projektgalleri-box .box-content-arrow i {
          color: #fff;
          font-size: 80px;
     }
     .element_projektgalleri-box .box-content-arrow {
          z-index: 999;
          opacity: 0;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     .element_projektgalleri-box .content-box:hover .box-content-arrow {
          opacity: 1;
          z-index: 999;
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     .element_projektgalleri-box .cell-header h2 {
          text-align: center;
     }
     .element_projektgalleri-box .box-content-cta {
          margin: 0 auto;
          text-align: center;
          margin-top: 60px;
     }
/* --- element_projektgalleri-box [END] --- */

/* --- element_numbers-kpi [START] --- */
     .element_numbers-kpi .element_numbers-kpi-inner {
          padding: 60px 0;
          /* background: linear-gradient(180deg,#fff 60%,#F5F9FD 40%); */
          background: #F5F9FD;
     }
     .element_numbers-kpi .header-text,
     .element_numbers-kpi .kpi-content {
          text-align: center;
     }
     .element_numbers-kpi .kpi-content h2,
     .element_numbers-kpi .kpi-content p {
          text-align: center;
          display: inline;
     }
     .element_numbers-kpi .kpi-content p {
          opacity: 0.8;
     }
     .element_numbers-kpi .kpi-content .title {
          margin-bottom: 20px;
     }
     .element_numbers-kpi .kpi-content h2 {
          font-size: 75px;
          font-weight: 800;
          position: relative;
          z-index: 10;
     }
     .element_numbers-kpi h2::after {
          content: "";
          position: absolute;
          width: 100%;
          height: 10px;
          background: #FFB83A;
          left: 0;
          bottom: 15px;
          z-index: -1;
     }
     @media screen and (max-width: 1440px) {
          .element_numbers-kpi .kpi-content h2 {
               font-size: 80px;
          }
     }
     @media screen and (max-width: 1024px) {
          .element_numbers-kpi .kpi-content h2 {
               font-size: 60px;
          }
          .element_numbers-kpi .kpi-content {
               margin-bottom: 40px !important;
          }
     }
     @media screen and (max-width: 640px) {
          .element_numbers-kpi .kpi-content h2 {
               font-size: 50px;
          }
          .element_numbers-kpi {
               padding: 20px 0;
          }
     }
     @media screen and (min-width: 1024px) {
          .element_numbers-kpi .kpi-content {
               margin-bottom: 60px;
          }
     }
/* --- element_numbers-kpi [END] --- */

/* --- element_services-section [START] --- */
     .element_services-section .services-header {
          text-align: center;
     }
     .element_services-section .services-header p {
          max-width: 800px;
          margin: 0 auto;
     }
     .element_services-section .grid-x-services-content .services-box {
          box-shadow: -5px 18px 60px 0 rgba(210,210,234,.55);
          padding: 40px 30px;
          max-width: 90%;
          margin: 0 auto;
          margin-top: 80px;
          position: relative;
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     .element_services-section .grid-x-services-content .services-box .link-section {
          position: absolute;
          bottom: 40px;
          left: 30px;
     }
     .element_services-section .grid-x-services-content .services-box i {
          font-size: 22px;
          background: #FAC417;
          border-radius: 100%;
          padding: 20px 25px;
          color: #007731;
          margin-bottom: 20px;
     }
     .element_services-section .grid-x-services-content .services-box p {
          margin-bottom: 40px;
     }
     .element_services-section .services-box {
          position: relative;
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     .element_services-section .grid-x-services-content .cell:nth-child(1) .services-box {
          background-image: url("https://vestermarkribe.dk/wp-content/uploads/2022/03/nature-1.jpg");

     }
     .element_services-section .grid-x-services-content .cell:nth-child(1) .services-box h3,
     .element_services-section .grid-x-services-content .cell:nth-child(1) .services-box p,
     .element_services-section .grid-x-services-content .cell:nth-child(1) .services-box i {
          position: relative;
     }
     .element_services-section .grid-x-services-content .cell:nth-child(1) .services-box h3,
     .element_services-section .grid-x-services-content .cell:nth-child(1) .services-box p,
     .element_services-section .grid-x-services-content .cell:nth-child(1) .services-box a,
     .element_services-section .grid-x-services-content .cell:nth-child(1) .services-box .link-section,
     .element_services-section .grid-x-services-content .cell:nth-child(1) .services-box i {
          z-index: 999;
          color: #fff;
     }
     .element_services-section .grid-x-services-content .cell:nth-child(1) .services-box::after {
          content:"";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 1;
          background: linear-gradient(90deg, rgba(0,33,60,1) 0%, rgba(0,212,255,0) 88%)
     }
     .element_services-section .services-box:hover {
          background: #26B856;
          /* background-image: url("https://placeimg.com/500/500/nature"); */
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     .element_services-section .services-box:hover h3,
     .element_services-section .services-box:hover p,
     .element_services-section .services-box:hover a {
          color: #fff;
     }
     @media screen and (min-width: 1024px) {
          .element_services-section .grid-x-services-content .services-box {
               min-height: 500px;
               max-height: 500px;
               overflow: hidden;
          }
     }
     @media screen and (max-width: 1024px) {
          .element_services-section .grid-x-services-content .services-box i {
               font-size: 14px;
               /* padding: 12px; */
               padding: 12px 16px;
          }
          .element_services-section .grid-x-services-content .services-box {
               min-height: 320px;
               margin-top: 40px;
          }
     }
/* --- element_services-section [END] --- */

/* --- element_slider-box-offscreen [START] --- */
     .element_slider-box-offscreen {
          background: linear-gradient(0deg,#F5F9FD 60%,#fff 40%);
     }
     .element_slider-box-offscreen .slider-content .slick-slide {
          opacity: 0.2;
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     .element_slider-box-offscreen .slider-content .slick-slide.slick-active {
          opacity: 1;
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     .element_slider-box-offscreen .slider-content {
          position: relative;
     }
     .element_slider-box-offscreen .slick-arrow {
          position: absolute;
          bottom: 0;
          z-index: 999;
          background: #fff;
          padding: 20px;
          border-radius: 100%;
     }
     .element_slider-box-offscreen .slick-arrow i {
          margin: 0;
     }
     .element_slider-box-offscreen .slick-arrow:hover {
          cursor: pointer;
     }
     .element_slider-box-offscreen .slick-prev {
          left: 0;
     }
     .element_slider-box-offscreen .slick-next {
          left: 70px;
     }
     .element_slider-box-offscreen .slick-disabled {
          opacity: 0.2;
     }
     .element_slider-box-offscreen .slider-content .box .img-box {
          /* width: 100%; */
          height: 400px;
          object-fit: cover;
          position: relative;
     }
     .element_slider-box-offscreen .slider-content .box img {
          margin-bottom: 0;
          height: 100%;
          width: 100%;
     }
     .element_slider-box-offscreen .slider-content .box h3 {
          margin-top: 40px;
     }
     .element_slider-box-offscreen .slider-content .box .img-box::after {
          content: "";
          position: absolute;
          width: 100%;
          height: 0%;
          left: 0;
          bottom: 0;
          background: linear-gradient(0deg, rgba(0,33,60,0.9) 20%, rgba(0,212,255,0) 100%);
          z-index: 100;
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     .element_slider-box-offscreen .slider-content .box:hover .img-box::after {
          height: 100%;
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     .element_slider-box-offscreen .slider-content .box .img-box i {
          z-index: 9999;
          opacity: 0;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          color: #fff;
          font-size: 80px;
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     .element_slider-box-offscreen .slider-content .box:hover .img-box i {
          opacity: 1;
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     @media screen and (min-width: 1024px) {
          .element_slider-box-offscreen .slider-content .box {
               max-width: 25vw;
               padding: 20px 20px 40px 20px;
               margin-bottom: 60px;
          }
     }
     @media screen and (max-width: 1024px) {
          .element_slider-box-offscreen .slider-content .box {
               padding: 20px 10px;
               width: 100%;
               max-width: 90vw;
               max-width: auto;
          }
          .element_slider-box-offscreen .slider-content .box img {
               /* width: 100%; */
               height: 320px;
               object-fit: cover;
          }
          .element_slider-box-offscreen .slick-arrow {
               bottom: -60px;
          }
     }
/* --- element_slider-box-offscreen [END] --- */

/* --- element_testimonials-squared [START] --- */
     .element_testimonials-squared {
          padding: 80px 0;
     }
     .element_testimonials-squared .testimonials-imagebox {
          background: #00213C;
     }
     .element_testimonials-squared .testimonials-content {
          background: #F5F9FD;
          padding: 40px 60px;
          position: relative;
     }
     .element_testimonials-squared .testimonials-content i {
          position: absolute;
          bottom: 80px;
          right: -20px;
          font-size: 100px;
          /* color: #007731; */
          color: #00213C;
          /* opacity: 0.8; */
     }
     .element_testimonials-squared h2,
     .element_testimonials-squared h3 {
          /* color: #fff; */
     }
     .element_testimonials-squared h5 {
          line-height: 1.2;
          max-width: 80%;
     }
     .element_testimonials-squared h5,
     .element_testimonials-squared h5 p {
          font-size: 16px;
          line-height: 1.2;
     }
     .element_testimonials-squared:hover {
          cursor: pointer;
     }
     .element_testimonials-squared .testimonials-imagebox img {
          width: 100%;
          height: 350px;
          box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
     }
     .element_testimonials-squared .testimonials-box .grid-x {
          display: flex;
          align-items: center;
     }
     .element_testimonials-squared .testimonials-box p {
          /* color: #fff; */
     }
     .element_testimonials-squared .testimonials-box h4 {
          margin-top: 60px;
          color: #007731;
          font-weight: 400;
     }
     .element_testimonials-squared .grid-x-main {
          position: relative;
     }
     .element_testimonials-squared .cell-testimonials .slick-arrow {
          z-index: 999;
          position: absolute;
          bottom: 0;
     }
     .element_testimonials-squared .cell-testimonials .slick-arrow.slick-prev {
          left: 100px;
     }
     .element_testimonials-squared .cell-testimonials .slick-arrow i {
          font-size: 30px;
     }
     .element_testimonials-squared .cell-testimonials .slick-arrow.slick-next {
          left: 160px;
     }
     .element_testimonials-squared .cell-testimonials .slick-disabled {
          opacity: 0.4;
     }
     .element_testimonials-squared .slick-dots {
          position: absolute;
          display: flex;
          /* width: 10%; */
          justify-content: space-between;
          right: 60px;
     }
     .element_testimonials-squared .slick-dots li {
          opacity: 0.4;
          margin-left: 10px;
     }
     .element_testimonials-squared .slick-dots li.slick-active {
          opacity: 1;
     }
     .element_testimonials-squared .slick-dots li.slick-active::marker {
          width: 10px;
     }
     .element_testimonials-squared .slick-dots li {
          list-style: none;
     }
     .element_testimonials-squared .slick-dots li button {
          background: #00213C;
          width: 10px;
          height: 10px;
          border-radius: 100%;
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     .element_testimonials-squared .slick-dots li.slick-active button {
          width: 40px;
          border-radius: 10px;
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     @media screen and (min-width: 1024px) {
          .element_testimonials-squared .testimonials-imagebox img {
               transform: translate(30px, 0);
               position: relative;
               z-index: 999;
          }
          .element_testimonials-squared .testimonials-box {
               padding: 40px 60px;
          }
     }
     @media screen and (max-width: 1024px) {
          .element_testimonials-squared {
               padding: 30px 0;
          }
          .element_testimonials-squared .cell-testimonials .slick-arrow i {
               font-size: 40px;
          }
          .element_testimonials-squared .cell-testimonials .slick-arrow.slick-prev {
               left: 0;
          }
          .element_testimonials-squared .cell-testimonials .slick-arrow.slick-next {
               left: 100px;
          }
          .element_testimonials-squared .cell-testimonials .slick-arrow {
               bottom: -40px;
          }
          .element_testimonials-squared .testimonials-box {
               padding: 10px 10px;
          }
          .element_testimonials-squared .testimonials-content {
               overflow: hidden;
          }
          .element_testimonials-squared .testimonials-imagebox img {
               box-shadow: none;
          }
          .element_testimonials-squared .testimonials-content {
               padding: 30px 40px;
          }
          .element_testimonials-squared .testimonials-content i {
               font-size: 70px;
          }
          .element_testimonials-squared .slick-dots {
               right: 10px;
          }
          .element_testimonials-squared .testimonials-imagebox img {
               margin-bottom: 0;
               height: 250px;
          }
     }
/* --- element_testimonials-squared [END] --- */

/* --- element_logos-clients [START] --- */
     .element_logos-clients {
          margin-top: 80px;
          padding: 120px 0;
          /* background: #F5F9FD; */
          border-top: 2px solid #F5F9FD;
          border-bottom: 2px solid #F5F9FD;
     }
     .element_logos-clients .logo-box {
          margin: 0 auto;
          text-align: center;
     }
     .element_logos-clients .logo-box img {
          max-width: 80%;
          margin: 0 auto;
          width: 100px;
        height: 100px;
        object-fit: contain;
        filter: grayscale(1);
        transition: all 0.1s cubic-bezier(.23,1,.32,1);
     }
     .element_logos-clients .logo-box img:hover {
          filter: grayscale(0);
          transition: all 0.1s cubic-bezier(.23,1,.32,1);
     }
     .element_logos-clients .grid-x {
          display: flex;
          align-items: center;
     }
     .element_logos-clients h5 {
          color: #26B856;
     }
     .element_logos-clients .cell-logo-text {
          text-align: center;
          margin-bottom: 40px
     }
     @media screen and (max-width: 1024px) {
          .element_logos-clients .logo-box {
               margin-bottom: 20px;
               margin-top: 20px;
          }
          .element_logos-clients {
               padding: 80px 0;
               margin-top: 40px;
          }
     }
/* --- element_logos-clients [END] --- */

/* --- element_footer [START] --- */
     .element_footer {
          padding: 80px 0;
          /* background: linear-gradient(0deg,#F5F9FD 20%,#fff 20%); */
          position: relative;
          overflow: hidden;
     }
     .element_footer .element_footer_image {
          pointer-events: none;
     }
     .element_footer .element_footer_image img {
          position: absolute;
          position: absolute;
          right: -500px;
          z-index: -1;
          top: -80px;
          width: auto;
     }
     .element_footer .element_footer_image::after {
          content: "";
          position: absolute;
          background: #FFB83A;
          border-radius: 50%;
          box-shadow: 0 0 0 0 rgba(255,184,58, 1);
          margin: 10px;
          height: 20px;
          width: 20px;
          transform: scale(1);
          animation: footerMapAnimation 3s infinite;
          top: 520px;
          right: 370px;
     }
     @keyframes footerMapAnimation {
          0% {
               transform: scale(0.95);
               box-shadow: 0 0 0 0 rgba(255,184,58,0,7);
          }
          
          70% {
               transform: scale(1);
               box-shadow: 0 0 0 120px rgba(255,184,58,0);
          }
          
          100% {
               transform: scale(0.95);
               box-shadow: 0 0 0 0 rgba(255,184,58,0);
          }
     }
     .element_footer .footer-form form {
          display: flex;
          align-items: center;
     }
     .element_footer .footer-form form input {
          margin-bottom: 0;
          margin-right: 40px;
          padding: 20px;
          max-height: 60px;
          height: 60px;
     }
     .element_footer .footer-form form button {
          height: 60px;
          width: 100%;
          padding: 10px;
     }
     .element_footer .footer-form form {
          position: relative;
     }
     .element_footer .grid-x-footer-bottom {
          margin-top: 60px;
     }
     .element_footer .grid-x-footer-bottom .cell-middle-right,
     .element_footer .grid-x-footer-bottom .cell-middle-left {
          display: flex;
          justify-content: center;
     }
     .element_footer .grid-x-footer-bottom .cell-middle-right .link-section,
     .element_footer .grid-x-footer-bottom .cell-middle-left .link-section {
          margin-bottom: 10px;
     }
     .element_footer .grid-x-footer-bottom .footer-box-left i {
          font-size: 20px;
          margin-right: 10px;
          /* color: #007731; */
     }
     .element_footer .grid-x-footer-bottom .footer-box-left .icons {
          margin-top: 40px;
     }
     .element_footer .grid-x-footer-bottom .cell-right p {
          font-weight: 600;
     }
     .element_footer .grid-x-footer-top {
          align-items: end;
     }
     .element_footer .cell-footer-top-right {
          position: relative;
     }
     .element_footer .cell-footer-top-right img {
          position: absolute;
          left: -130px;
          top: -100px;
          -webkit-transform: scaleX(-1);
          transform: scaleX(-1) rotate(35deg) scale(1.2);
     }
     @media screen and (max-width: 1024px) {
          .element_footer .footer-form form {
               flex-direction: column;
          }
          .element_footer .footer-form form input {
               margin-right: 0;
          }
          .element_footer .grid-x-footer-bottom .cell-middle-right,
          .element_footer .grid-x-footer-bottom .cell-middle-left {
               margin-top: 60px;
               margin-bottom: 40px;
          }
          .element_footer .element_footer_image {
               display: none;
          }
          .element_footer .cell-footer-top-right img {
               display: none;;
          }
     }
/* --- element_footer [END] --- */

/* --- element_blogoversigt [START] --- */
     .element_blogoversigt .grid-x-blogoversigt-filter button {
          min-width: 200px;
     }
     .element_blogoversigt .grid-x-blogoversigt-blogs .blogs-box-top {
          position: relative;
     }
     .element_blogoversigt .grid-x-blogoversigt-blogs .blogoversigt-blogs-content .newest-blog {
          position: absolute;
          top: 0;
          right: 40px;
          background: #00213C;
          padding: 10px 20px;
     }
     .element_blogoversigt .grid-x-blogoversigt-blogs .blogoversigt-blogs-content .newest-blog p {
          margin-bottom: 0;
          color: #fff;
     }
     .element_blogoversigt .grid-x-blogoversigt-blogs .blogs-box-top .blogs-box-date {
          position: absolute;
          top: 20px;
          left: 20px;
     }
     .element_blogoversigt .grid-x-blogoversigt-blogs .blogs-box-top .blogs-box-date p {
          /* color: #fff; */
          padding: 10px 15px;
          background: #F5F9FD;
     }
     .element_blogoversigt .grid-x-blogoversigt-blogs img {
          width: 100%;
          height: 350px;
          transition: all 0.1s cubic-bezier(.23,1,.32,1);
     }
     .element_blogoversigt .blogoversigt-blogs-content .blog-box {
          padding: 20px 15px;
          /* min-height: 600; */
          position: relative;
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     .element_blogoversigt .blogoversigt-blogs-content .blog-box:hover img {
          box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     .element_blogoversigt .blogoversigt-blogs-content .blog-box:hover {
          /* background: #F5F9FD; */
          transition: all 0.1s cubic-bezier(.23,1,.32,1);
     }
     .element_blogoversigt .blogoversigt-blogs-content .blogs-box-bottom h4,
     .element_blogoversigt .blogoversigt-blogs-content .blogs-box-bottom h3 {
        margin-bottom: 40px;
        line-height: 1.1;
     }
     .element_blogoversigt .blogoversigt-blogs-content .blogs-box-bottom p {
          position: absolute;
          bottom: 0;
          opacity: 0.8;
          font-weight: 400;
     }
     .element_blogoversigt .blogoversigt-blogs-content .cell {
          margin-bottom: 40px;
     }
     .element_blogoversigt .blogoversigt-title,
     .element_blogoversigt .blogoversigt-excerpt {
          text-align: center;
     }
     @media screen and (min-width: 1024px) {
          .element_blogoversigt .grid-x-blogoversigt-blogs {
               background: linear-gradient(90deg,#F5F9FD 100%,#fff 100%);
          }
     }
     .element_blogoversigt .filterDiv {
          float: left;
          display: none;
     }
     .element_blogoversigt .show-filter {
          display: block;
     }
     .element_blogoversigt .container-filter {
          overflow: hidden;
     }
     .element_blogoversigt .btn {
          border: none;
          outline: none;
          background-color: #f1f1f1;
          cursor: pointer;
          color: #00213C;
     }
     .element_blogoversigt .btn:hover {
          background-color: #ddd;
     }
     .element_blogoversigt .btn.active {
          background-color: #26B856;
          color: white;
     }
     .element_blogoversigt .grid-x-blogoversigt-loadmore {
          margin-top: 40px;
          text-align: center;
     }
	@media screen and (max-width: 1024px) {
		.element_blogoversigt .btn {
			width: 100%;
			margin-top: 0;
		}
     }
/* --- element_blogoversigt [END] --- */

/* --- element_blogsingle-header [START] --- */
     .element_blogsingle-header h1 {
          color: #fff;
     }
     .element_blogsingle-header-inner {
          height: 600px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          position: relative;
     }
     .element_blogsingle-header-inner h1 {
          position: relative;
          z-index: 999;
     }
     .element_blogsingle-header-inner-after {
          content: "";
          width: 100%;
          height: 100%;
          /* background: linear-gradient(90deg, rgba(0,33,60,1) 0%, rgba(0,212,255,0) 98%); */
          position: absolute;
          left: 0;
          bottom: 0;
          z-index: 1;
     }
     .element_blogsingle-subheader.blogsingle-subheader {
          margin-top: 10px;
     }
     .element_blogsingle-subheader.blogsingle-subheader h3 {
          margin-bottom: 0;
     }
/* --- element_blogsingle-header [END] --- */

/* --- element_blogsingle-content [START] --- */
     .element_blogsingle-content .cell-content {
          position: relative;
          z-index: 9999;
          background: #fff;
          transform: translateY(-175px);
          padding: 100px;
          width: 100%;
     }
     .element_blogsingle-content .cell-content::before {
          position: absolute;
          content: "";

          z-index: -1;
          height: 300px;
          width: 100%;
          left: 0;
          top: 0;
          box-shadow: -0px -80px 60px 0 rgba(0,0,4,.35);
     }
     .element_blogsingle-content .cell-content .element_blogsingle-content-topsection {
          display: flex;
          justify-content: space-between;
     }
     .element_blogsingle-content .cell-content .element_blogsingle-content-topsection i {
          margin-right: 10px;
     }
     .element_blogsingle-content .element_blogsingle-content-main {
          margin-top: 40px;
     }
     .element_blogsingle-content .element_blogsingle-content-main .h3before {
          display: none;
     }
     .element_blogsingle-content .blogsingle-image-1,
     .element_blogsingle-content .blogsingle-image-2 {
          position: relative;
          margin-top: 60px;
          margin-bottom: 60px;
     }
     .element_blogsingle-content .blogsingle-image-1 img {
          width: 100%;
          transform: scaleX(110%);
     }
     .element_blogsingle-content .blogsingle-image-2 img {
          width: 100%;
          transform: scaleX(120%);
          height: 100%;
     }
     .element_blogsingle-content .blogsingle-quote {
          margin-top: 100px;
          margin-bottom: 60px;
     }
     .element_blogsingle-content .blogsingle-quote h2 {
          font-style: italic;
          font-weight: 800;
     }
     .element_blogsingle-content .blogsingle-quote-inner {
          position: relative;
          border-left: 2px solid;
          padding-left: 20px;
     }
     .element_blogsingle-content .blogsingle-quote-inner i {
          position: absolute;
          top: -20px;
          left: -20px;
          opacity: 0.2;
          z-index: -1;
          font-size: 120px;
     }
     .element_blogsingle-content .blogsingle-quote-inner p {
          color: #26B856;
     }
     .element_blogsingle-content .custom-container {
          position: relative;
     }
     .element_blogsingle-content .blogsingle-fixed-left {
          padding-top: 15px;
          width: 40px;
          position: absolute;
          top: 0;
          left: -60px;
          background: #fff;
          height: 100%;
     }
     .element_blogsingle-content .blogsingle-fixed-left p {
          transform: rotate(-90deg);
     }
     .element_blogsingle-content .blogsingle-fixed-left .icons {
          position: -webkit-sticky;
          position: sticky;
          top: 120px;
     }
     .element_blogsingle-content .blogsingle-fixed-left .icons {
          display: flex;
          flex-direction: column;
          margin: 0 auto;
          text-align: center;
          padding: 10px 0;
     }
     .element_blogsingle-content .blogsingle-fixed-left .icons i {
          padding: 10px 0;
          opacity: 0.8;
          font-size: 16px;
     }
     .element_blogsingle-content .blogsingle-bottom-end {
          position: relative;
          padding: 40px 0;
     }
     .element_blogsingle-content .blogsingle-bottom-end::before {
          content: '';
          display: inline-block;
          border-top: 1px dashed #cecece;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
     }
     .element_blogsingle-content .blogsingle-bottom-end .tags a {
          pointer-events: none !important;
          background: #F5F9FD;
          border-radius: 10px;
          padding: 10px 20px;
          margin-right: 10px;
          display: inline-block;
          margin-bottom: 10px;
     }
     .element_blogsingle-content .blogsingle-bottom-end.bottom-end-author .author-bio {
          background: #F5F9FD;
          padding: 20px;
          text-align: center;
          margin-top: 40px;
     }
     .element_blogsingle-content .blogsingle-bottom-end.bottom-end-author .author-image img {
          max-height: 150px;
          height: 150px;
          width: 150px;
          border-radius: 100%;
          margin-top: 40px;
          box-shadow: -5px 18px 60px 0 rgba(0,0,4,.2);
     }
     .element_blogsingle-content .blogsingle-bottom-end.bottom-end-author .author-some i {
          margin-right: 10px;
     }
     .element_blogsingle-content .grid-x-author-content {
          display: flex;
          align-items: center;
     }
     .element_blogsingle-content .element_blogsingle-content-main a {
          position: relative;
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     .element_blogsingle-content .element_blogsingle-content-main a::before {
          content: "";
          position: absolute;
          bottom: 0;
          height: 4px;
          width: 100%;
          background: #26B856;
          z-index: -1;
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     .element_blogsingle-content .element_blogsingle-content-main a:hover {
          color: #fff;
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     .element_blogsingle-content .element_blogsingle-content-main a:hover::before {
          height: 100%;
     }
     .element_blogsingle-outter .header {
          position: fixed;
          top: 0;
          z-index: 1;
          width: 100%;
          background-color: #f1f1f1;
          z-index: 999999;
     }
     .element_blogsingle-outter .progress-container {
          width: 100%;
          height: 8px;
          background: #ccc;
     }
     .element_blogsingle-outter .progress-bar {
          height: 8px;
          background-image: linear-gradient(to right, #007731, #26B856);
          width: 0%;
     }
     .element_blogsingle-outter .cell-table-of-contents {
          position: relative;
          transform: translateY(-175px);
          z-index: 999999;
     }
     .element_blogsingle-outter .table-of-contents {
          display: none !important;
          border-top: 2px solid #26B856;
          position: absolute;
          margin-left: 20px;
          background: #fff;
          padding: 20px;
          width: 100%;
          z-index: 1;
     }
     .element_blogsingle-outter .table-of-contents {
          position: -webkit-sticky;
          position: sticky;
          top: 120px;
     }
     .element_blogsingle-content .link-tag-icon {
          margin-right: 5px;
     }
     .element_blogsingle-outter .table-of-contents p {
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     .element_blogsingle-outter .element_blogsingle-content-main .blogsingle-subheader {
          border-left: 2px solid;
          padding-left: 10px;
          margin-top: 40px;
     }
     @media screen and (min-width: 1024px) {
        .blogsingle-header-box h1 {
            font-size: 45px !important;
            max-width: 70%;
        }
     }
     @media screen and (min-width: 1440px) {
          .element_blogsingle-outter .table-of-contents {
               min-width: 130%;
          }
     }
     @media screen and (max-width: 1024px) {
          .element_blogsingle-outter .cell-table-of-contents {
               display: none;
          }
          .element_blogsingle-content .cell-content {
               padding: 80px;
          }
          .element_blogsingle-content .blogsingle-bottom-end.bottom-end-author .author-bio {
               margin-bottom: 40px;
          }
          .element_blogsingle-content .blogsingle-fixed-left {
               display: none;
          }
     }
     @media screen and (max-width: 640px) {
          .element_blogsingle-content .cell-content {
               padding: 20px;
          }

     }
     .blogsingle-bottom-end .tags a {
          text-transform: capitalize;
     }
/* --- element_blogsingle-content [END] --- */

/* --- element_ordered-list [START] --- */
     .element_ordered-list {
          background: #F5F9FD;
          margin-top: 60px;
          margin-bottom: 60px;
     }
     .element_ordered-list ul {
          padding: 20px 20px 5px 20px;
     }
     .element_ordered-list ul li {
          font-weight: 600;
          margin-bottom: 10px;
     }
/* --- element_ordered-list [END] --- */

/* --- element_gallery-project [START] --- */
     .element_gallery-project .my-gallery img {
          width: 100%;
          height: auto;
          object-fit: cover;
          margin-bottom: 10px;
     }
     .element_gallery-project .grid-x-outline-gallery-project {
          position: relative;
     }
     .element_gallery-project .my-gallery figure {
          position: relative;
     }
     .element_gallery-project .my-gallery figure:hover .empty-figure-gallery {
          background: rgba(245, 249, 253, 0.8);
          mix-blend-mode: unset;
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     .element_gallery-project .galleri-content {
          position: relative;
          height: 100%;
     }
     .element_gallery-project .galleri-content .galleri-content-inner {
          position: sticky;
          top: 20px;
     }
     .element_gallery-project .my-gallery figure .empty-figure-gallery {
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
          padding: 20px;
          position: absolute;
          right: -120px;
          top: 50%;
          transform: translateY(-50%);
          pointer-events: none;
          display: flex;
          align-items: baseline;
          mix-blend-mode: overlay;
     }
     .element_gallery-project .my-gallery figure .empty-figure-gallery h2 {
          font-size: 250px;
     }
     .element_gallery-project .galleri-content h6 {
          color: #26B856;
     }
     .element_gallery-project .galleri-content .galleri-content-kpi {
          margin-top: 60px;
          background: #26B856;
          padding: 40px;
     }
     .element_gallery-project .galleri-content .galleri-content-kpi p {
          color: #fff;
     }
     .element_gallery-project .galleri-content .p-gallery-kpi-title {
          margin-bottom: 10px;
          opacity: 0.8;
     }
     @media screen and (min-width: 1024px) {
          .element_gallery-project .galleri-content {
               padding-top: 140px;
          }
     }
     @media screen and (max-width: 1024px) {
          .element_gallery-project-inner .grid-x-main {
               display: flex;
               flex-direction: column-reverse;
          }
          .element_gallery-project .galleri-content {
               margin-bottom: 60px;
          }
          .element_gallery-project .my-gallery figure .empty-figure-gallery {
               right: -80px;
          }
          .element_gallery-project .my-gallery figure .empty-figure-gallery h2 {
               font-size: 200px;
          }
          .element_gallery-project .grid-x-outline-gallery-project {
            overflow: hidden;
        }
     }

/* --- element_gallery-project [END] --- */

/* --- element_form-contact [START] --- */
     .element_form-contact {
          padding: 80px 0;
     }
     .element_form-contact .form-contact-left span {
          display: flex;
          align-items: baseline;
     }
     .element_form-contact .form-contact-left span i {
          background: #26B856;
          padding: 10px;
          color: #007731;
          border-radius: 100%;
          min-width: 60px;
          width: 60px;
          height: 60px;
          max-height: 60px;
          margin-right: 20px;
          display: flex;
          justify-content: center;
          flex-direction: column;
          text-align: center;
          font-size: 20px;
     }
     .element_form-contact .form-contact-left .span-content {
          display: block;
     }
     .element_form-contact input[type=text],
     .element_form-contact textarea {
          position: relative;
          padding: 10px;
          border: none;
          border-bottom: 1px solid #ddd;
          box-shadow: none;
          margin-bottom: 30px;
     }
     .element_form-contact input[type=text]:focus,
     .element_form-contact textarea:focus {
          border-bottom: 1px solid #00213C;
     }
     .element_form-contact .form_element.form-contact {
          background: #fff;
          position: relative;
          z-index: 999;
          padding: 40px 40px;
          box-shadow: 0 40px 80px 0 rgba(83,94,132,.15);
     }
     .element_form-contact .header-content > div {
          text-align: center;
     }
     .element_form-contact textarea {
          height: calc(100% - 30px);
     }
     .element_form-contact .form_element.form-contact button {
          width: 100%;
     }
     .element_form-contact .grid-x-main-content {
          display: flex;
          align-items: center;
     }
     .element_form-contact .form-contact-left h5 {
          margin-bottom: 0;
     }
     .element_form-contact .form-contact-left p {
          white-space: nowrap;
     }
     .form_element.form-contact .custom-container {
          margin-bottom: 40px;
     }
     @media screen and (max-width: 1024px) {
          .element_form-contact .form-contact-left {
               margin-bottom: 40px;
          }
          .element_form-contact {
               padding: 40px 0;
          }
          .element_form-contact .form_element.form-contact {
               padding: 60px 20px;
          }
          .element_form-contact .form-contact-left span {
               align-items: flex-start;
               margin-bottom: 15px;
          }
          .element_form-contact .form-contact-left span h5 {
               margin-bottom: 10px;
          }
     }
     @media screen and (min-width: 1024px) {
          .element_form-contact {
               padding-bottom: 80px;
               background: linear-gradient(90deg,#fff 60%,#F5F9FD 40%);
          }
     }
/* --- element_form-contact [END] --- */

/* --- element_text-element-imgleft [START] --- */
     .element_text-element-imgleft .image-content {
          position: relative;
          z-index: 99;
     }
     .element_text-element-imgleft .image-content::before {
          content: "";
          position: absolute;
          z-index: -1;
          width: 100%;
          height: 100%;
          background: #F5F9FD;
          left: -40px;
          bottom: -40px;
     }
     .element_text-element-imgleft .image-content img {
          max-height: 400px;
          width: 100%;
          margin-bottom: 0;
     }
     .element_text-element-imgleft .image-text {
          margin-top: 40px;
     }
     @media screen and (max-width: 1024px) {
          .element_text-element-imgleft .image-text {
               margin-top: 20px;
          }
          .element_text-element-imgleft .cell-content {
               margin-top: 40px;
          }
     }
/* --- element_text-element-imgleft [END] --- */

/* --- element_text-element-imgright [START] --- */
     .element_text-element-imgright {
          /* padding: 80px 0; */
     }
     .element_text-element-imgright .image-content {
          position: relative;
          z-index: 99;
     }
     .element_text-element-imgright .image-content::before {
          content: "";
          position: absolute;
          z-index: -1;
          width: 100%;
          height: 100%;
          background: #F5F9FD;
          right: -40px;
          bottom: -40px;
     }
     .element_text-element-imgright .image-content img {
          max-height: 400px;
          width: 100%;
          margin-bottom: 0;
     }
     .element_text-element-imgright .image-text {
          margin-top: 40px;
     }
     @media screen and (max-width: 1024px) {
          .element_text-element-imgright {
               padding-top: 0;
          }
          .element_text-element-imgright .image-text {
               margin-top: 20px;
          }
          .element_text-element-imgright .cell-content {
               margin-top: 40px;
          }
          .element_text-element-imgright {
               overflow: hidden;
          }
     }
/* --- element_text-element-imgright [END] --- */

/* --- element_google-maps-location [START] --- */
     .element_google-maps-location {
          padding: 80px 0;
     }
     .element_google-maps-location .google-maps-location {
          overflow: hidden;
     }
     .element_google-maps-location .google-maps-location .google-maps-location-mobile {
          display: none;
     }
     .element_google-maps-location .google-maps-location .google-maps-location-tablet {
          display: none;
     }
     .element_google-maps-location .map-responsive {
          overflow:hidden;
          padding-bottom:45.25%;
          position:relative;
          height:0;
     }
     .element_google-maps-location .map-responsive iframe{
          left:0;
          top:0;
          height:100%;
          width:100%;
          position:absolute;
     }
     .element_google-maps-location .grid-x-content {
          position: relative;
     }
     .element_google-maps-location .cell-mapbox-content-inner .span-icon {
          display: flex;
          margin-top: 20px;
     }
     .element_google-maps-location .cell-mapbox-content-inner h3 {
          margin-bottom: 40px;
     }
     .element_google-maps-location .cell-mapbox-content-inner .span-icon i {
          font-size: 20px;
          opacity: 0.8;
          width: 50px;
          height: 50px;
     }
     .element_google-maps-location .cell-mapbox-content-inner h5,
     .element_google-maps-location .cell-mapbox-content-inner p {
          margin-bottom: 5px;
     }
     .element_google-maps-location .cell-mapbox-content {
          border-bottom: 4px solid #26B856;
          margin-bottom: 40px;
     }
     .element_google-maps-location #ID_cellMapboxContentMain {
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     @media screen and (max-width: 1024px) {
          .element_google-maps-location {
               padding: 30px 0;
          }
          .element_google-maps-location .cell-mapbox-content {
               padding-top: 40px;
               padding-bottom: 40px;
          }
          .element_google-maps-location .cell-mapbox-content .span-icon {
               margin-left: 40px;
          }
          .element_google-maps-location .map-responsive {
               overflow:hidden;
               padding-bottom:80.25%;
               position:relative;
               height:0;
          }
     }
     @media screen and (min-width: 1024px) {
          .element_google-maps-location .cell-mapbox-content {
               position: absolute;
               width: auto;
               height: auto;
               top: -20px;
               right: 40px;
               background: #fff;
               z-index: 999;
               padding: 40px 40px;
               box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
               min-width: 400px;
          }
     }
     @media screen and (min-width: 1440px) {
          .element_google-maps-location .cell-mapbox-content {
               position: absolute;
               width: auto;
               height: auto;
               top: -140px;
               right: 80px;
               background: #fff;
               z-index: 999;
               padding: 60px;
               box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
               min-width: 600px;
          }
     }
/* --- element_google-maps-location [END] --- */

/* --- element_backgroundimage-wbox [START] --- */
     .element_backgroundimage-wbox {
          /* padding: 120px 0; */
     }
     .element_backgroundimage-wbox .element_backgroundimage-wbox-content {
          height: 700px;
          width: 100%;
          position: relative;
     }
     .element_backgroundimage-wbox .element_backgroundimage-wbox-content::after {
          position: absolute;
          content: "";
          width: 100%;
          height: 100%;
          z-index: 1;
          top: 0;
          left: 0;
          background: linear-gradient(90deg, rgba(0,33,60,1) 0%, rgba(0,212,255,0) 58%);
     }
     .element_backgroundimage-wbox .grid-x-inner {
          height: 100%;
          width: 100%;
     }
     .element_backgroundimage-wbox .element_backgroundimage-wbox-box {
          height: 100%;
          position: relative;
     }
     .element_backgroundimage-wbox .element_backgroundimage-wbox-box-inner {
         display: none;
          border-bottom: 4px solid;
          background: rgba(255, 255, 255, 0.95);
          padding: 60px 80px;
          position: absolute;
          z-index: 999;
          bottom: -40px;
          left: 0;
          box-shadow: 0 20px 40px 0 rgba(83,94,132,.35);
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     .element_backgroundimage-wbox .element_backgroundimage-wbox-box-inner:hover {
          background: #26B856;
          border-bottom: 4px solid #26B856;
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     .element_backgroundimage-wbox .element_backgroundimage-wbox-box-inner:hover h5,
     .element_backgroundimage-wbox .element_backgroundimage-wbox-box-inner:hover p {
          color: #F5F9FD;
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     @media screen and (max-width: 1024px) {
          .element_backgroundimage-wbox .element_backgroundimage-wbox-content {
               height: 400px;
               height: 70vh;
               width: 100%;
               position: relative;
          }
          .element_backgroundimage-wbox .element_backgroundimage-wbox-box-inner {
               padding: 40px 20px;
               width: 100%;
          }
          .element_backgroundimage-wbox {
               padding-bottom: 80px;
          }
     }
/* --- element_backgroundimage-wbox [END] --- */

/* --- element_team-members [START] --- */
     .element_team-members-inner {
          padding: 80px 0;
          background: linear-gradient(180deg,#fff 60%,#F5F9FD 40%);
     }
     .element_team-members .team-members-box {
          position: relative;
          background: #fff;
          box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
          padding: 40px 20px;
          max-width: 90%;
          overflow: hidden;
          display: flex;
          flex-direction: column;
          justify-content: center;
          cursor: pointer;
          transition: all 0.95s cubic-bezier(.23,1,.32,1);
          width: 100%;
     }
     .element_team-members .team-members-box .team-members-box-bio,
     .element_team-members .team-members-box .team-members-box-info,
     .element_team-members .team-members-box .team-members-box-contact {
          position: relative;
          z-index: 999;
     }
     .element_team-members .team-members-box:hover {
          transform: translateY(-5%);
          transition: all 0.95s cubic-bezier(.23,1,.32,1);
     }
     .element_team-members .team-members-box p,
     .element_team-members .team-members-box h5 {
          transition: all 0.95s cubic-bezier(.23,1,.32,1);
     }
     .element_team-members .team-members-box:hover p,
     .element_team-members .team-members-box:hover h5 {
          color: #fff;
          transition: all 0.95s cubic-bezier(.23,1,.32,1);
     }
     .element_team-members .team-members-box::after {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          width: 0%;
          height: 100%;
          background: #26B856;
          z-index: 1;
          cursor: pointer;
          transition: all 0.65s cubic-bezier(.23,1,.32,1);

     }
     .element_team-members .team-members-box:hover::after {
          width: 100%;
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     .element_team-members .team-members-box-bio {
          text-align: center;
     }
     .element_team-members .team-members-box-bio h5 {
          margin-top: 40px;
     }
     .element_team-members .team-members-box-bio p {
          opacity: 0.8;
          margin-bottom: 30px;
     }
     .element_team-members .team-members-box img {
          max-height: 280px;
          max-width: 80%;
          border-radius: 100%;
          margin: 0 auto;
          text-align: center;
          padding: 0.25rem;
          background-color: #fff;
          border: 1px solid #dee2e6;
          border-radius: 0.25rem;
          max-width: 100%;
          border-radius: 50%;
          height: 175px;
          width: 175px;
     }
     .element_team-members  .team-members-box-info p {
          margin-bottom: 0;
     }
     .element_team-members  .team-members-box-info {
          /* border-left: 2px solid; */
          /* padding-left: 20px; */
          text-align: center;
     }
     .element_team-members .grid-x-teammembers {
          margin-top: 80px;
     }
     .element_team-members .cell-team-member {
          display: flex;
          justify-content: center;
     }
     .element_team-members .team-members-box-contact {
          text-align: center;
     }
     .element_team-members .team-members-box-contact i {
          font-size: 20px;
          margin-right: 10px;
          margin-left: 10px;
          color: #007731;
          background-color: #26B856;
          padding: 10px;
          border-radius: 100%;
          height: 40px;
          width: 40px;
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     .element_team-members .team-members-box:hover .team-members-box-contact i {
          color: inherit;
          background: #F5F9FD;
          transition: all 0.65s cubic-bezier(.23,1,.32,1);
     }
     .element_team-members .member3 .team-members-box:hover a {
          color: #fff;
     }
     .element_team-members .team-members-box-bio h5 {
          margin-bottom: 0;
          font-weight: 600;
     }
     .element_team-members .team-members-box-info p {
          text-align: left;
          line-height: 1.3;
     }
     .element_team-members .member3 .team-members-box-info p {
          margin-top: 40px;
          text-align: center;
     }
     .element_team-members .team-members-box-info p {
          position: relative;
          padding-left: 10px;
     }
     .element_team-members .team-members-box-info p::after {
          content: "";
          position: absolute;
          background: #26B856;
          width: 6px;
          height: 100%;
          top: 0;
          left: -20px;
      }
      .element_team-members .team-members-box-additional {
           margin-top: 80px;
           text-align: center;
      }
      .element_team-members a {
          color: #26B856;
      }
      .element_team-members a span.link-tag-icon {
          margin-right: 10px;
      }
     @media screen and (max-width: 1024px) {
          .element_team-members .cell-team-member {
               margin-bottom: 40px;
          }
          .element_team-members .team-members-box-info {
               text-align: center;
          }
          .element_team-members .team-members-box-contact {
               margin-top: 20px;
          }
     }
     @media screen and (min-width: 1024px) {
          .element_team-members .grid-x.grid-x-teammembers > div:nth-child(1) {
               transform: translateY(0);
          }
          .element_team-members .grid-x.grid-x-teammembers > div:nth-child(2) {
               transform: translateY(-40px);
          }
          .element_team-members .grid-x.grid-x-teammembers > div:nth-child(3) {
               transform: translateY(-80px);
          }
     }
/* --- element_team-members [END] --- */

/* --- element_kpis [START] --- */
     .element_kpis .kpi-box {
          display: flex;
          align-items: center;
          max-width: 90%;
          margin: 0 auto;
     }
     .element_kpis .kpi-box i {
          font-size: 40px;
          padding: 20px;
          background: #26B856;
          color: #fff;
     }
     .element_kpis .kpi-box .content-box {
          padding: 20px;
     }
/* --- element_kpis [END] --- */

/* --- .element_form-book-catalog-inner [START] --- */
.element_form-book-catalog-inner {
     padding-top: 180px;
     padding-bottom: 40px;
     position: relative;
}
.element_form-book-catalog-inner::after {
     position: absolute;
     content: "";
     width: 40%;
     height: 100%;
     /* background: url("https://placeimg.com/400/400/arch"); */
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     z-index: -1;
     top: 0;
     right: 0;
}
@media screen and (max-width: 640px) {
     .element_form-book-catalog {
          padding-top: 40px;
     }
}
@media screen and (max-width: 1024px) {
     .element_form-book-catalog-inner::after {
          position: absolute;
          content: "";
          width: 100%;
          height: 100%;
          background: url("https://placeimg.com/400/400/arch");
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          z-index: -1;
          top: 0;
          right: 0;
     }
     .element_form-book-catalog .header-content {
          background: #fff;
          padding: 60px 20px;
          margin-bottom: 20px;
     }
}
/* --- .element_form-book-catalog-inner [END] --- */

/* --- .element_image-text-button [START] --- */
.element_image-text-button {
     width: 100%;
}
.element_image-text-button-inner {
     min-height: 600px;
     position: relative;
     height: 100%;
     width: 100%;
}
.element_image-text-button .grid-x-main {
     position: absolute;
     width: 100%;
     top: 50%;
     transform: translateY(-50%);
     align-items: center;
}
.element_image-text-button .cell-button {
     text-align: center;
}
.element_image-text-button .box-content {
     background: #fff;
     box-shadow: 0 20px 50px 0 rgba(83,94,132,.25);
     padding: 60px 40px;
}
/* --- .element_image-text-button [END] --- */

/* --- .element_2x_list [START] --- */
.element_2x_list ul {
     margin-left: 20px;
}
@media screen and (min-width: 640px) {
     .element_2x_list .box {
          padding: 0 20px;
     }
}
/* --- .element_2x_list [END] --- */

/* --- Active Campaign [START] --- */
._form-thank-you {
     background: #26B856 !important;
     padding: 20px;
     color: #fff;
}
/* --- Active Campaign [END] --- */

/* --- .element_textbox_wbackground [START] --- */
.element_textbox_wbackground {
     height: 100%;
     padding: 60px 0;
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
}
.element_textbox_wbackground .textbox-content {
     background-color: #26B856;
     padding: 60px;
     /* border-left: 20px solid #fff; */
     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.element_textbox_wbackground .textbox-content p,
.element_textbox_wbackground .textbox-content p > *,
.element_textbox_wbackground .textbox-content h2 {
    color: #fff;
}
.element_textbox_wbackground .textbox-content h2 {
    border-bottom: 2px solid #fff;
    padding-bottom: 20px;
}
@media screen and (min-width:640px) {
     .element_textbox_wbackground .textbox-content h2 {
          margin-bottom: 60px;
     }
}
@media screen and (min-width: 1024px) {
     .element_textbox_wbackground {
          margin-top: 80px;
     }
     .element_textbox_wbackground .textbox-content {
          transform: translateY(-150px);
     }
}
@media screen and (max-width: 640px) {
     .element_textbox_wbackground .textbox-content {
          background-color: #26B856;
          padding: 40px 20px;
          border-left: 5px solid #fff;
     }
}
/* --- .element_textbox_wbackground [END] --- */

/* --- .element_text2column_wsubtitle [START] --- */
.element_text2column_wsubtitle h6 {
     color: #26B856;
}
.element_text2column_wsubtitle .cell-left .text-content {
    transform: translateY(-200px);
    background: #fff;
    padding: 60px 40px;
    box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px 0px;
}
.element_text2column_wsubtitle .text-content-cta {
    /* border-left: 2px solid #eee;
    padding-left: 20px */
    transform: translateY(-100px);
}
.element_text2column_wsubtitle .text-content-cta img {
     max-width: 80%;
     border-radius: 100%;
     text-align: center;
     padding: 0.25rem;
     background-color: #fff;
     border: 1px solid #dee2e6;
     border-radius: 0.25rem;
     max-width: 100%;
     border-radius: 50%;
     height: 100px;
     width: 100px;
     margin-right: 40px;
     margin-bottom: 0;
}
.element_text2column_wsubtitle .text-content-cta h5 {
     font-weight: 600;
     margin-bottom: 0;
}
.element_text2column_wsubtitle .contact-person {
     display: flex;
     align-items: center;
     justify-content: flex-start;
     /* border-top: 2px solid #eee; */
     padding-top: 20px;
}
.element_text2column_wsubtitle .contact-info {
     display: flex;
     align-items: baseline;
}
.element_text2column_wsubtitle .contact-info p {
     margin-bottom: 0;
}
.element_text2column_wsubtitle .contact-info i {
     margin-right: 10px;
}
.element_text2column_wsubtitle .cta-content-button {
     margin-top: 30px;
}
@media screen and (min-width: 1024px) {
     .element_text2column_wsubtitle h1 {
          font-size: 45px;
     }
}
@media screen and (max-width: 640px) {
    .element_text2column_wsubtitle .cell-left .text-content {
        transform: translateY(-150px);
    }
}
/* --- .element_text2column_wsubtitle [END] --- */

/* --- .element_cta_wtext [START] --- */
.element_cta_wtext .top-header,
.element_cta_wtext .content-box,
.element_cta_wtext .button-box {
    text-align: center;
}
.element_cta_wtext .top-header {
    margin-bottom: 60px;
}
.element_cta_wtext .content-box {
    max-width: 800px;
    margin: 0 auto;
}
@media screen and (max-width: 640px) {
    .element_cta_wtext .top-header {
        margin-bottom: 20px;
    }
}
/* --- .element_cta_wtext [END] --- */

/* -----------------------------------------------------------------------------
No Breakpoint [END]
----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
Breakpoint: small (0 - 640px) [START]
----------------------------------------------------------------------------- */
@media screen and (max-width: 640px) {
     /* --- Global --- */
     h1,
     h1 p {
          /* font-size: 36px; */
          font-size: 32px;
          line-height: 1.0;
     }
     h1.h1-extra,
     h1.h1-extra p {
          font-size: 36px;
          line-height: 1.1;
     }
     h2,
     h2 p {
          /* font-size: 28px; */
          font-size: 25px;
     }
     h3,
     h3 p {
          /* font-size: 26px; */
          font-size: 19px;
     }
     h4,
     h4 p{
          /* font-size: 20px; */
          font-size: 17px;
     }
     h5,
     h5 p {
          /* font-size: 18px; */
          font-size: 16px;
     }
     h6,
     h6 p {
          /* font-size: 16px; */
          font-size: 15px;
     }
     p,
     p p {
          font-size: 13px;
     }
     .grid-x-outline {
          padding-right: 10px;
          padding-left: 10px;
     }
     .grid-x  {
          padding: 0 15px;
     }
     .grid-x-slider-box {
          padding-left: 0;
     }
     .grid-x-outline .grid-x {
          padding: 0 calc(15px - 5px);
     }
     .custom-container {
          margin-bottom: 45px;
     }
     .custom-container-large {
          margin-bottom: 50px;
     }
     a.a-extra {
          font-size: 20px;
     }
}
/* -----------------------------------------------------------------------------
Breakpoint: small (0 - 640px) [End]
----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
Breakpoint: medium (640px - 1024px) [START]
---------------------------------------------------------------------------- */
@media screen and (max-width: 1024px) and (min-width: 640px) {
     /* --- Global --- */
     h1 {
          font-size: 40px;
          line-height: 1.0;
     }
     h1.h1-extra {
          font-size: 46px;
          line-height: 1.1;
     }
     h2 {
          font-size: 30px;
     }
     h3 {
          font-size: 26px;
     }
     h4 {
          font-size: 20px;
     }
     h5 {
          font-size: 18px;
     }
     h6 {
          font-size: 16px;
     }
     p {
          font-size: 14px;
     }
     .grid-x {
          padding: 0 40px;
     }
     .grid-x-slider-box {
          padding-left: 40px;
     }
     .grid-x-outline .grid-x {
          padding: 0 calc(40px - 25px);
     }

     /* --- Elements tablet handling --- */
     .element_header-video .btn-white, 
     .element_header-video .btn-green {
          width: auto;
          margin-right: 40px;
     }

     .element_testimonials-squared .testimonials-imagebox img {
          width: 80%;
          margin-bottom: 0;
          margin: 0 auto;
     }
     .element_testimonials-squared .testimonials-imagebox {
          background: none;
      }

     .element_services-section .grid-x-services-content .services-box {
          min-height: 400px;
     }

     .element_team-members .member3 .team-members-box {
          max-width: 95%;
     }
     .element_team-members .member3 .team-members-box h1 {
          display: none;
     }
     .element_team-members .member3 .team-members-box .link-section {
          margin-top: 30px !important;
     }

}
@media screen and (max-width: 1024px) {
     p.p-extra {
          font-size: 18px;
     }
}
/* -----------------------------------------------------------------------------
Breakpoint: medium (640px - 1024px) [End]
----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
Breakpoint: large (1024px - 1440px) [START]
---------------------------------------------------------------------------- */
@media screen and (max-width: 1440px) and (min-width: 1024px) {
     /* --- Global --- */
     .grid-x {
          padding: 0 100px;
     }
     .grid-x-slider-box {
          padding-left: 100px;
     }
     .grid-x-outline .grid-x {
          padding: 0 calc(100px - 25px);
     }
}

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

}
/* -----------------------------------------------------------------------------
Breakpoint: large (1024px - 1440px) [End]
----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
Breakpoint: large (1440px+) [START]
---------------------------------------------------------------------------- */
@media screen and (min-width: 1440px) {
     /* --- Global --- */
     .grid-x {
          padding: 0 220px;
     }
     .grid-x-slider-box {
          padding-left: 220px;
     }
     /* .grid-x h1 {
          max-width: 1000px;
     } */
     .grid-x-outline .grid-x {
          padding: 0 calc(220px - 25px);
     }
}
/* -----------------------------------------------------------------------------
Breakpoint: large (1440px+) [End]
----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
Breakpoint: large (1640px+) [START]
---------------------------------------------------------------------------- */
@media screen and (min-width: 1640px) {
     /* --- Global --- */
     .grid-x {
          padding: 0 320px;
          max-width: 1900px;
          margin: 0 auto;
     }
     .grid-x-slider-box {
          padding-left: 320px;
     }
     .grid-x-outline .grid-x {
          padding: 0 calc(320px - 25px);
     }
     .custom-container-large {
          margin-bottom: 100px;
     }
}
/* -----------------------------------------------------------------------------
Breakpoint: large (1440px+) [End]
----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
Custom CSS [END]
----------------------------------------------------------------------------- */