/*
Theme Name: Kickass Child
Theme URI: https://www.eteam.dk/
Template: kickass
Author: ETeam
Author URI: https://www.eteam.dk/
Description: Robust, powerful, and exclusive premium themes for Eteam clients.
Tags: modern
Version: 1.0.1
*/


* {
    text-rendering: optimizeLegibility;
    outline: none !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:root{
    --lato-font: 'Lato', sans-serif;
    --oswald-font: 'Oswald', sans-serif;
    --roboto-font: 'Roboto', sans-serif;
    
    --text-black: #000;
    --text-white: #fff;
    --text-opacity-white: rgba(255,255,255, .6);
    --text-blue: #1A2949;
    --text-dark-blue: #0E1E40;

    --hover-text-sky-blue: #0DA0E3;

    --font-normal: 400;
    --font-medium: 500;
    --font-semi-bold: 600;
    --font-bold: 700;

    --shadow-5: 0 3px 6px rgba(0,0,0, .05);
    --shadow-10: 0 3px 6px rgba(0,0,0, .10);
    --shadow-16: 0 3px 6px rgba(0,0,0, .16);
    --shadow-20: 0 3px 6px rgba(0,0,0, .2);
    --shadow-30: 0 3px 6px rgba(0,0,0, .3);

    --shadow-hover-16: 0 10px 12px rgba(0,0,0, .16);

    --bg-black: #000;
    --bg-white: #fff;
    --bg-off-white: #FAFAFA;
    --bg-sky-blue: #0DA0E3;
    --bg-blue: #1A2949;
    --bg-dark-blue: #0E1E40;
}

html {
    font-size: 16px;
}
body {
    color: #000;
    font-family: var(--lato-font);
    font-weight: var(--font-normal);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
}
body,
button,
input,
select,
textarea {
    /*font-size: 1rem;*/
    font-size: : 1.125rem;
    line-height: 1.65;
}
a,
a:visited {
    color: var(--text-black);
}
a:hover,
a:active,
a:focus {
    color: var(--text-blue);
}
a,
a:hover,
a:active,
a:focus,
a:visited {
    text-decoration: none;
    outline: none;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
p {
    font-weight: var(--font-normal);
    margin: 0;
}
p + p {
    margin: 1.15em 0 0;
/*    margin: 15px 0 0;*/
}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--oswald-font);
    font-weight: var(--font-medium);
    color: var(--bg-black);
    margin: 0;
    line-height: 140%;
    text-transform: inherit;
    text-shadow: var(--shadow-20);
}
h1 {
    font-size: 2.75rem;
}
h2 {
    font-size: 2.375rem;
}
h3 {
    font-size: 2.125rem;
    line-height: 1.5;
}
h4 {
    font-size: 1.625rem;
}
h5 {
    font-size: 1.875rem;
}


blockquote {
    background-color: #f8f8f8;
    border-left: 8px solid var(--bg-blue);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    line-height: 1.5;
    margin: 0 0 2.75em;
    padding: 1.25em 1.5em;
}
blockquote p {
    display: inline;
    font-size: 1.286rem;
}

input[type="text"], input[type="email"], input[type="submit"], textarea, select {
    -webkit-appearance: none;
}

a strong {
    color: var(--text-blue);
    font-weight: 700;
}
a:hover strong {
    color: var(--hover-text-sky-blue);
}

strong > a {
    color: var(--text-blue);
    font-weight: 700 !important;
}
strong > a:hover {
    color: var(--hover-text-sky-blue);
}

.wrap {
    margin: 0 auto;
    max-width: 1760px;
    width: 100%;
}
.wrap:after {
    display: block;
    clear: both;
    content: "";
    height: 0;
    visibility: hidden;
}

.skip-link {
    display: none;
}

.logged-in .site-header {
    top: 32px;
}

.widget {
    margin: 0;
}

.hentry {
    margin: 0;
}

.grecaptcha-badge {
    transition: all 0.5s ease-in-out 0s !important;
    z-index: 1;
}

.grecaptcha-badge:hover {
    right: 0 !important;
}

.site-header, .site-content, .site-footer, .site-slider {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

#lightboxOverlay {
    height: 100% !important;
}


a strong, .btn-1, .btn-1:after, .btn-2, .btn-2:after {
    -webkit-transition: all 0.3s ease-in-out 0s !important;
    -moz-transition: all 0.3s ease-in-out 0s !important;
    transition: all 0.3s ease-in-out 0s !important;
}

.btn-1, .btn-2 {
    display: inline-block;
    font-size: 18px !important;
    font-family: var(--oswald-font);
    font-weight: var(--font-medium) !important;
    text-transform: uppercase;
    text-shadow: var(--shadow-20);
    position: relative;
} 
.btn-1 {
    background: var(--bg-dark-blue);
    color: var(--text-white) !important;
    box-shadow: var(--shadow-20);
    /*padding: 7.5px 65px 9px 39px !important;*/
     padding: 7.5px 75.3px 9px 39px !important;
}
.btn-1:hover,
.btn-1:focus,
.btn-1:visited {
    color: var(--text-white) !important;
}
.btn-1:after,.btn-2:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.btn-1:after {
    background: url(assets/images/btn-arw.png) no-repeat left 1px;
    width: 24px;
    height: 24px;
    right: 41px;
}
.btn-1:hover {
    background: var(--bg-sky-blue);
}
.btn-1:hover:after {
    right: 34px !important;
}

.btn-2 {
    color: var(--text-blue) !important;
    padding-right: 34.5px;
}
.btn-2:hover {
    color: var(--hover-text-sky-blue) !important;
}
.btn-2:after {
    background: url(assets/images/b-arrow.png) no-repeat right;
    width: 42px;
    height: 42px;
    right: 0;
}
.btn-2:hover:after {
    right: -5px;
}

/*--------------------------------------------------------------
 ## Header
--------------------------------------------------------------*/
.site-header, .site-header .wrap,
.site-header .site-container {
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.site-header .site-branding img,
.site-header .hmenu-wrapper .hamburger,
.site-header .hmenu-wrapper .hamburger label,
.site-header .hmenu-wrapper .hamburger.is-active label,
.site-header .header-right .box,
.site-header .header-right,
.site-header .site-branding,
.site-header .header-contact,
.gsticky .site-header .header-right {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}


.header-wrapper {
    position: fixed;
    width: 100%;
    z-index: 999;
}
.site-header {
    background: #fff;
    border-top: 2px solid var(--bg-sky-blue);
    box-shadow: var(--shadow-16);
    height: 152px;
    left: 0;
    right: 0;
    position: fixed;
    top: 0;
    z-index: 999;
}
.site-header .wrap {
    margin: 0 auto;
    height: 100%;
}

.site-header > .wrap {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}


.site-header .site-branding {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    width: 20%;
}
.site-header .site-branding img {
    vertical-align: top;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.3));
    position: relative;
    bottom: 2px;
}
.site-header .site-branding img:hover {
    transform: scale(.95);
}
.site-header .header-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    width: 80%;
    padding-top: 14px;
    gap: 255px;
}
.site-header .header-right .box {
    position: relative;
    padding-left: 63px;
}
.site-header .header-right .box.email:before {
    background: #f8f8f8 url(assets/images/email.png) no-repeat center;
}
.site-header .header-right .box.phone {
    background: url(assets/images/smartphone.png) no-repeat left 3px;
}
.site-header .header-right .box a:hover {
    color: var(--hover-text-sky-blue);
}
.site-header .header-right .box a {
    align-items: center;
    color: var(--text-blacke);
    display: flex;
    font-size: 2.125rem;
    font-weight: var(--font-normal);
    font-family: var(--oswald-font);
    height: 100%;
    text-shadow: var(--shadow-20);
    letter-spacing: 0.1px;
}

.site-header .hmenu-wrapper {
    background: transparent;
    /*box-shadow: 0 3px 6px rgba(0, 0, 0, .6);*/
    bottom: 0;
    display: none;
    line-height: 1.25;
    height: 64px;
    right: 0;
    margin: auto 0;
    padding: 0;
    position: relative;
    top: 0;
    z-index: 9;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}
.site-header .hmenu-wrapper .hamburger {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    height: 65px;
    justify-content: center;
    /*padding: 6px 31px;*/
    padding: 6px 5px 6px 15px;
    gap: 15px;
}
.site-header .hmenu-wrapper .hamburger .hamburger-inner, 
.site-header .hmenu-wrapper .hamburger .hamburger-inner::after, 
.site-header .hmenu-wrapper .hamburger .hamburger-inner::before,
.site-header .hmenu-wrapper .hamburger.is-active .hamburger-inner, 
.site-header .hmenu-wrapper .hamburger.is-active .hamburger-inner::after, 
.site-header .hmenu-wrapper .hamburger.is-active .hamburger-inner::before {
    background-color: var(--bg-sky-blue);
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.site-header .hmenu-wrapper .hamburger:hover .hamburger-inner, 
.site-header .hmenu-wrapper .hamburger:hover .hamburger-inner::after, 
.site-header .hmenu-wrapper .hamburger:hover .hamburger-inner::before,
.site-header .hmenu-wrapper .hamburger.is-active .hamburger-inner, 
.site-header .hmenu-wrapper .hamburger.is-active .hamburger-inner::after, 
.site-header .hmenu-wrapper .hamburger.is-active .hamburger-inner::before  {
    background-color: var(--bg-dark-blue);
}

.site-header .hmenu-wrapper .hamburger:hover, .site-header .hmenu-wrapper .hamburger.is-active {
    opacity: 1 !important;
}
.site-header .hmenu-wrapper .hamburger:hover label,
.site-header .hmenu-wrapper .hamburger.is-active label {
    opacity: .8;
}
.site-header .hmenu-wrapper .hamburger-box {
    height: 22px;
    vertical-align: middle;
    width: 46px;
}
.hamburger--elastic .hamburger-inner {
    top: 0 !important;
}
.hamburger--elastic .hamburger-inner:before {
    top: 11px;
}
.hamburger--elastic .hamburger-inner::after {
  top: 22px;
}
.hamburger--elastic.is-active .hamburger-inner::after {
  top: 19px;
}
.site-header .hmenu-wrapper .hamburger-inner,
.site-header .hmenu-wrapper .hamburger-inner:after,
.site-header .hmenu-wrapper .hamburger-inner:before {
    background-color: #fff;
    border-radius: 0;
    width: 50px;
    height: 6px;
}
.site-header .hamburger--elastic .hamburger-inner:before {
    left: 0;
    width: 50px;
}

rs-module-wrap {
    left: 0 !important;
    width: 100% !important;
}
rs-module,
.rs-parallax-wrap {
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.site-slider rs-module-wrap, .site-slider rs-module {
    left: 0 !important;
    width: 100% !important;
}

.site-slider .tp-revslider-mainul {
    width: 100% !important;
}


rs-layer:not(.rs-wtbindex), .rs-layer:not(.rs-wtbindex), rs-alyer *:not(.rs-wtbindex), .rs-layer *:not(.rs-wtbindex) {
/*    text-align: center !important;*/
}

.site-slider {
    background: #2331501a;
    margin-top: 152px;
}


.gsticky .site-header {
    height: 125px;
}
.gsticky .site-slider {
    margin-top: 125px;
}
.gsticky .site-header .header-right {
    padding-top: 0;
}
.gsticky .site-header .site-branding img {
    width: 85%;
}
.gsticky .site-header .main-navigation ul.menu > li.menu-item-has-children ul {
    margin: 42px 9px 0;
}

/*for banner box*/

.home .site-slider {
    display: flex;
    flex-wrap: wrap;
    align-items: normal !important;
    flex-direction: row !important;
    position: relative;
    justify-content: space-between !important;
    z-index: 2;
}
.home .site-slider > rs-fullwidth-wrap {
    float: left !important;
    width: 66.30% !important;
    position: relative;
}
.site-slider #banner-wrap {
    position: absolute;
    right: 0;
    height: 100%;
    width: 33.70% !important;
}
.site-slider #banner-wrap .banner-text {
    background: var(--bg-blue);
    border-left: 2px solid var(--bg-white);
    color: var(--text-white);
    display: flex;
    align-items: center;
    padding: 49px 15px 50px 77px;
    position: relative;
    height: 100%;
    z-index: 2;
}
.site-slider #banner-wrap > #banner-header-section {
    position: relative;
    top: -5px;
}
.site-slider #banner-wrap .banner-text:before {
    content: '';
    display: inline-block;
    background: url(assets/images/banner-bg.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .04;
    z-index: -1;
}
#banner-wrap .title p {
    background: url(assets/images/banner-ornament.png) no-repeat top 3px left -9px;
    font-size: 2.5rem;
    font-family: var(--oswald-font);
    font-weight: var(--font-semi-bold);
    text-shadow: var(--shadow-20);
    line-height: 140%;
    padding-top: 85px;
    margin-bottom: 35px;
}
#banner-wrap .sub-text p {
    margin-left: 2px;
}
#banner-wrap .sub-text p:first-of-type {
    line-height: 180%;
}
#banner-wrap .sub-text p:last-of-type > a {
    border: 1px solid transparent;
}
#banner-wrap .btn-1 {
    min-width: 185px;
}
#banner-wrap .sub-text p:last-of-type > a:first-child {
    padding: 6.5px 65px 8px 39px !important;
}
#banner-wrap .sub-text p:last-of-type > a:last-child {
    padding: 6.5px 58px 8px 31px !important;
}
#banner-wrap .sub-text p:last-of-type > a:first-child:after {
    right: 39px;
}
#banner-wrap .sub-text p:last-of-type > a:last-child:after {
    right: 31px;
}
#banner-wrap .sub-text p:last-of-type > a:last-child:hover:after {
    right: 22px !important;
}
#banner-wrap .sub-text p:last-of-type > a:first-child,
#banner-wrap .sub-text p:last-of-type > a:last-child:hover {
    background: var(--bg-sky-blue);
}
#banner-wrap .sub-text p:last-of-type > a:last-child,
#banner-wrap .sub-text p:last-of-type > a:first-child:hover {
    background: transparent;
    border: 1px solid var(--text-opacity-white);
}

#banner-wrap .sub-text p:last-of-type {
    display: flex;
    gap: 7px;
    margin-top: 43px;
    position: relative;
    top: 2px;
}



/*--------------------------------------------------------------
 ## Body
--------------------------------------------------------------*/
.site-content {
    font-size: 18px;
    line-height: 177.78%;
/*    line-height: 145%;*/
    margin: 0;
    padding: 0;
}
.site-content .entry-content {
    margin: 0;
}
.site-content .entry-content a {
    color: var(--text-blue);
/*    font-weight: 700;*/
    font-weight: var(--font-normal);
}
.site-content .entry-content a:hover {
    color: var(--hover-text-sky-blue);
}
.site-content .entry-content ul {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0;
}
.site-content .entry-content ul li {
    background: url(assets/images/ylw-check.png) no-repeat left 12px;
/*    background-size: 18px auto;*/
    line-height: 1.65;
    padding: 3px 0 3px 25px;
    text-align: left;
}
.site-content .entry-content ul li + li {
    margin-top: 10px;
}


/*--------------------------------------------------------------
 ## Footer
--------------------------------------------------------------*/
.site-footer, .site-footer *,
#footer-col-5 .col-2 {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.site-footer {
    background: var(--bg-dark-blue);
    color: var(--text-white);
    font-size: 18px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.site-footer:before {
    background: url(assets/images/footer-bg.png) no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    position: absolute;
    opacity: .03;
    z-index: -1;
}
.site-footer p,
.site-footer li {
    line-height: 32px;
    font-weight: var(--font-normal);
}
.site-footer p + p {
    margin: 0;
}

.site-footer a {
    color: var(--text-white);
}
.site-footer a:hover {
    color: var(--hover-text-sky-blue);
}
.site-footer .wrap {
    position: relative;
    z-index: 4;
}
.site-footer .footer-wrap {
    padding: 77px 60px 75px 74px;
    z-index: 3;
}

.site-footer .footer-col {
    float: left;
    padding: 0;
    width: 100%;
}
.site-footer .widget-title {
    color: var(--text-white);
    display: inline-block;
    font-family: var(--oswald-font);
    font-size: 1.625rem;
    font-weight: var(--font-medium);
    line-height: 1.25;
    margin: 0 0 21px;
    padding-left: 24px;
    position: relative;
    text-transform: uppercase;
    text-shadow: 4px 6px 4px rgba(0, 0, 0, .08);
    width: 100%;
}
.site-footer .widget-title:before {
    content: '';
    display: inline-block;
    background: var(--bg-sky-blue);
    width: 12px;
    height: 28px;
    top: 1px;
    left: 0;
    bottom: 0;
    margin: auto 0;
    position: absolute;
}


.site-footer .footer-col ul {
    clear: both;
    line-height: 1.5;
    list-style: none;
    margin: 0;
    padding: 0;
}
.site-footer .footer-col ul > li.current-menu-item a {
    color: var(--hover-text-sky-blue);
    font-weight: var(--font-bold);
}
.site-footer .panel-grid {
    margin-bottom: 0 !important;
}
.site-footer #footer-col-1 {
    max-width: 20.5%;
}
.site-footer #footer-col-2 {
    max-width: 23.3%;
    padding-left: 127.5px;
}
.site-footer #footer-col-3 {
    max-width: 25%;
    padding-left: 129px;
}
.site-footer #footer-col-4 {
    max-width: 30.7%;
    padding-left: 159px;
}

.site-footer #footer-col-1 p {
    font-family: var(--roboto-font);
}
.site-footer #footer-col-1 .sow-image-container img {
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
    margin:3px 0 29px;
}

.site-footer #footer-col-4 label {
    display: inline-block;
    font-weight: var(--font-bold);
    width: 116.5px;
}


#copyright-wrapper {
    border-top: 1px solid rgba(255, 255, 255, .9);
    float: left;
    overflow: hidden;
    padding: 12px 0 7px;
    position: relative;
    width: 100%;
    z-index: 1;
}
#copyright-wrapper .cdev {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    color: var(--text-white);
    float: left;
}
#copyright-wrapper .wrap {
    padding: 0 74px;
}
#copyright-wrapper span {
    color: var(--hover-text-sky-blue);
    font-weight: 500;
}
#copyright-wrapper .cdev:hover {
    color: var(--hover-text-sky-blue);
}

/*--------------------------------------------------------------
 ## Header Menu
--------------------------------------------------------------*/
.site-header .main-navigation a {
    font-size: 18px;
    background: transparent;
    color: #000;
    font-family: var(--lato-font);
    font-weight: var(--font-normal);
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.site-header .main-navigation ul.menu > li + li {
    margin-left: 96.5px;
    margin-right: 0;
}
.site-header .main-navigation ul.menu li a {
    border-bottom: 3px solid transparent;
    padding: 2px 9.3px 16px;
}
.site-header .main-navigation #primary-menu > li > .sub-menu > li > .sub-menu,
.site-header .main-navigation #primary-menu > li > .sub-menu > .menu-item-has-children > .sub-menu > li > .sub-menu {
    margin-top: 0;
}
.sf-menu ul {
    width: 275px !important;
}
.site-header .main-navigation ul.menu > li.menu-item-has-children ul > li a {
    font-size: 17px;
    font-family: var(--lato-font);
    padding: 10px 15px 10px 20px;
    color: #000 !important;
    left: 0;
    width: 100%;
    text-transform: inherit;
}
.site-header .main-navigation ul.menu > li.menu-item-has-children ul {
    background: var(--bg-blue);
    margin-top: 28px;
    margin: 47px 9px 0;
}

.site-header .main-navigation ul.menu li.current-menu-item a,
.site-header .main-navigation ul.menu li.current-menu-ancestor a,
.site-header .main-navigation ul.menu li a:hover {
    border-bottom: 3px solid var(--bg-sky-blue);
}

.site-header  .main-navigation ul.menu li > ul  a:hover {
    border-bottom: 3px solid transparent;
}
.site-header .main-navigation ul.menu > li.menu-item-has-children ul > li {
    background: var(--bg-blue);
    padding: 0 10px;
     -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.site-header .main-navigation ul.menu > li.menu-item-has-children ul > li:hover,
.site-header .main-navigation ul.menu > li.menu-item-has-children ul > li.current-menu-item,
.site-header .main-navigation #primary-menu > li:nth-child(3) > .sub-menu > li.current-menu-ancestor,
.site-header .main-navigation #primary-menu > li:nth-child(3) > .sub-menu > .menu-item-has-children > .sub-menu > li.current-menu-ancestor {
    background: var(--bg-sky-blue);
}
.site-header .main-navigation ul.menu > li.menu-item-has-children ul > li a {
    border-bottom: none;
}

.site-header .main-navigation ul.menu > li.menu-item-has-children ul > li:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.site-header .main-navigation ul.menu > li.menu-item-has-children ul > li a,
.site-header .main-navigation ul.menu > li.menu-item-has-children ul > li.current-menu-item a {
    color: #fff !important;
    position: relative;
}
.site-header .main-navigation ul.menu > li.menu-item-has-children ul > li a:hover,
.site-header .main-navigation ul.menu > li.menu-item-has-children ul > li.current-menu-item a {
    padding-left: 25px !important;
}


.site-header .main-navigation ul.menu ul > li:hover > a:before, 
.site-header .main-navigation ul.menu ul > li.current-menu-ancestor > a:before, 
.site-header .main-navigation ul.menu ul > li.current-menu-item > a:before  {
    content: '';
    display: inline-block;
    background: url(assets/images/arrow-white-menu.png) no-repeat left;
    position: absolute;
    width: 9px;
    height: 8px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.site-header .main-navigation ul.menu > li:hover > a > .sf-sub-indicator, 
.site-header .main-navigation ul.menu > li > a > .sf-sub-indicator {
  display: inline-block;
  margin-left: 12px;
  width: 10px;
}

.site-header .main-navigation ul.menu > li:hover > a > .sf-sub-indicator,
.site-header .main-navigation ul.menu > li > a > .sf-sub-indicator, 
.site-header .main-navigation ul.menu > .current-menu-parent > a > .sf-sub-indicator {
    background: url('assets/images/dd.png') no-repeat center 7px;
}


/*--------------------------------------------------------------
 ## Sidebars/ Mobile Menu
--------------------------------------------------------------*/
#sb-site {
    left: 0;
}
#resp-sidebar.sb-slidebar {
    background-color: #fafafa !important;
/*    background-color: #030F27 !important;*/
    -webkit-box-shadow: inset 5px 0px 8px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: inset 5px 0px 8px 0px rgba(0, 0, 0, 0.15);
    box-shadow: inset 5px 0px 8px 0px rgb(0 0 0 / 15%);
}
#resp-sidebar .resp-sidebar-wrap {
    display: inline-block !important;
    padding: 2em 1em 1em !important;
    width: 100% !important;
    border-top: 2px solid var(--bg-sky-blue);
}
#resp-sidebar .site-branding {
    background: #fafafa;
    padding: 0 20px 30px;
    float: left;
    text-align: center;
    width: 100% !important;
}

#resp-sidebar .site-branding img {
    /*filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .16));*/
    vertical-align: top !important;
}
#resp-sidebar #mobile-navigation {
    display: inline-block !important;
    margin: 1.35em 0 0 !important;
    width: 100% !important;
}
#resp-sidebar #mobile-navigation,
#resp-sidebar #mobile-navigation * {
    line-height: 150% !important;
}
#resp-sidebar #mobile-navigation .menu-mobile-navigation-container {
    max-height: 75vh !important;
    /*overflow-y: scroll !important;*/
    -webkit-overflow-scrolling: touch !important;
}
#resp-sidebar #mobile-navigation ul {
    background-color: #f8f0e3;
    clear: both !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
#resp-sidebar #mobile-navigation .menu > li + li {
    border-top: 2px solid #fafafa;
}
#resp-sidebar #mobile-navigation li > a, #resp-sidebar #mobile-navigation li > a:before,
#resp-sidebar .site-branding {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
#resp-sidebar #mobile-navigation li > a {
    background-color: #e7e7e7;
    color: #000;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5 !important;
    padding: 12px 10px 12px 40px;
    position: relative;
    text-transform: inherit;
    width: 100%;
}
#resp-sidebar #mobile-navigation li > a:before {
    background-color: var(--bg-blue);
    bottom: 0;
    content: '';
    display: inline-block;
    height: 8px;
    left: 20px;
    margin: auto 0;
    position: absolute;
    top: 0;
    width: 8px;
}
#resp-sidebar #mobile-navigation .menu > .current-menu-parent > ul,
#resp-sidebar #mobile-navigation .menu > .current-menu-ancestor > ul,
#resp-sidebar #mobile-navigation .menu > .current-menu-ancestor .current-menu-parent > ul {
    display: block;
}

#mobile-menu .par-active > .sub-menu {
    display: block; /* Ensure the submenu is displayed */
}

#resp-sidebar #mobile-navigation .menu .sub-menu li > a:before {
    left: 20px;
    top: 13px;
    bottom: initial;
}
#resp-sidebar #mobile-navigation .menu .sub-menu .sub-menu li > a:before {
    left: 20px;
}
#resp-sidebar #mobile-navigation .menu > li > a:hover,
#resp-sidebar #mobile-navigation .menu > .current-menu-item > a,
#resp-sidebar #mobile-navigation .menu > .current-menu-ancestor > a,
#resp-sidebar #mobile-navigation .menu > .par-active > a,
#resp-sidebar #mobile-navigation .menu > li.menu-item-has-children:hover > a {
    background-color: var(--bg-blue); !important;
    color: #fff !important;
}
#resp-sidebar #mobile-navigation .menu > li > a:hover:before,
#resp-sidebar #mobile-navigation .menu > .current-menu-item > a:before,
#resp-sidebar #mobile-navigation .menu > .current-menu-ancestor > a:before,
#resp-sidebar #mobile-navigation .menu > .par-active > a:before,
#resp-sidebar #mobile-navigation .menu > li.menu-item-has-children:hover > a:before {
    background-color: #fff;
}
#resp-sidebar #mobile-navigation .menu .sub-menu li a:hover,
#resp-sidebar #mobile-navigation .menu .sub-menu .current-menu-ancestor > a,
#resp-sidebar #mobile-navigation .menu .sub-menu li.current-menu-item > a,
#resp-sidebar #mobile-navigation .menu .sub-menu li.par-active > a,
#resp-sidebar #mobile-navigation .menu .sub-menu li.menu-item-has-children:hover > a {
    color: var(--hover-text-sky-blue); !important;
}
#resp-sidebar #mobile-navigation li.menu-item-has-children {
    position: relative;
}
#resp-sidebar #mobile-navigation li.menu-item-has-children .caret {
    background: url('assets/images/icon-caret-blue.png') no-repeat center center;
    cursor: pointer;
    height: 52px;
    right: 0;
    position: absolute;
    top: 0;
    width: 52px;
    z-index: 2;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
#resp-sidebar #mobile-navigation .sub-menu li.menu-item-has-children .caret {
    height: 32px;
}
#resp-sidebar #mobile-navigation #mobile-menu > li:hover .caret,
#resp-sidebar #mobile-navigation .menu > .current-menu-ancestor .caret {
    background: url('assets/images/icon-caret.png') no-repeat center center;
}

#resp-sidebar #mobile-navigation #mobile-menu > li.menu-item-has-children > ul > li .caret {
    background: url('assets/images/icon-caret-blue.png') no-repeat center center;
}
#resp-sidebar #mobile-navigation .menu li.par-active > .caret {    
    background: url('assets/images/icon-caret.png') no-repeat center center;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
#resp-sidebar #mobile-navigation .sub-menu {
    background-color: #e7e7e7;
    margin-top: 0 !important;
    display: none;
}
#resp-sidebar #mobile-navigation #mobile-menu > li > .sub-menu {
    padding: 15px 0 15px 20px !important;
}
#resp-sidebar #mobile-navigation #mobile-menu > li > .sub-menu > li > .sub-menu {
    padding-left: 20px !important;
}
#resp-sidebar #mobile-navigation #mobile-menu > li > .sub-menu > li > .sub-menu li > a:before {
    border-radius: 50px;
    width: 6px;
    height: 6px;
}
#resp-sidebar #mobile-navigation #mobile-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu li > a:before {
    width: 8px;
    height: 3px;
    left: 32px;
}
#resp-sidebar #mobile-navigation .sub-menu li:first-child {
    border-top: 0 !important;
}
#resp-sidebar #mobile-navigation .sub-menu li:last-child {
    border-bottom: 0 !important;
}
#resp-sidebar #mobile-navigation .sub-menu .sub-menu li:first-child {
    padding-top: 0;
}
#resp-sidebar #mobile-navigation .sub-menu .sub-menu li:last-child {
    padding-bottom: 0;
}
#resp-sidebar #mobile-navigation .sub-menu li > a {
    font-size: 18px;
    padding-bottom: 6px;
    padding-top: 6px;
    padding-left: 40px;
    position: relative;
}
#resp-sidebar #mobile-navigation .sub-menu .sub-menu li > a {
    padding-left: 35px;
}
#resp-sidebar #mobile-navigation .sub-menu .sub-menu li > a {
    padding-left: 35px;
}
#resp-sidebar #mobile-navigation .sub-menu .sub-menu .sub-menu li > a {
    padding-left: 50px;
}
#resp-sidebar .contact-sidebar {
    display: inline-block;
    margin: 3.5em 0 3em;
    width: 100%;
}
#resp-sidebar .contact-sidebar .box {
    background-color: #e7e7e7;
    border-left: 8px solid var(--bg-blue);
    height: 100%;
    line-height: 1;
    max-width: 100%;
    padding: 16px 5px 18px 15px;
    position: relative;
    text-align: left;
    width: 100% !important;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}
#resp-sidebar .contact-sidebar .box + .box {
    margin-top: 10px;
}
#resp-sidebar .contact-sidebar .box * {
    color: #fff;
}
#resp-sidebar .contact-sidebar .box label {
    color: #030F27;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 300;
    margin-bottom: 6px;
    vertical-align: top;
    width: 100%;
}
#resp-sidebar .contact-sidebar .box a {
    color: #030F27;
    font-size: 1.5rem;
    font-weight: 500;
}
#resp-sidebar .contact-sidebar .email a {
    font-size: 1.25rem;
}
#resp-sidebar .contact-sidebar .box a:hover {
    color: #627D90;
}

#resp-sidebar .copyright-sidebar {
    display: inline-block;
    width: 100%;
}
#resp-sidebar .copyright-sidebar {
    color: #000;
    font-size: 1rem;
    margin: 0 0 3em;
    text-align: center;
}
#resp-sidebar .copyright-sidebar a {
    color: #000;
    font-weight: 500;
}
#resp-sidebar .copyright-sidebar a:hover {
    opacity: .7;
}



/*--------------------------------------------------------------
 ## Overrides
--------------------------------------------------------------*/


/** CF7 Overwrites **/
.wpcf7 {
    float: left;
    position: relative;
    width: 100%;
}
.wpcf7-form-control-wrap {
    display: block
}
.wpcf7-response-output, .wpcf7-validation-errors, .wpcf7-mail-sent-ok {
    border: 0 !important;
    border-radius: 0;
    bottom: -25px;
    color: #000;
    font-size: 0.875rem;
    left: 0;
    line-height: 1;
    margin: 0 !important;
    padding: 0 !important;
/*    position: absolute;*/
    position: relative;
    text-align: center;
    width: 100%;
}
.wpcf7 .ajax-loader {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 14px;
    z-index: 9;
}
.wpcf7-checkbox {
    display: inline-block;
    font-size: 0.9375rem;
    margin: 0 0 0.75em;
    width: 100%;
}
.wpcf7-checkbox .wpcf7-list-item {
    margin: 0;
    max-width: 150px;
    width: 100%;
}
.wpcf7-checkbox .wpcf7-list-item-label {
    margin-left: 5px;
    vertical-align: middle;
}

/** Kontakt Formular **/
#kontakt-form {
   /* background: rgba(255, 255, 255, .96);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, .6);
    display: inline-block;
    vertical-align: top;
    padding: 70px 178.5px 80px;
    width: 100%;*/
}

#kontakt-form>p {
    margin-bottom: 30px;
}

#kontakt-form input[type="checkbox"] {
    appearance: none;
    border: 1px solid #707070;
    background: transparent;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    position: relative;
    top: -1px;
}

#kontakt-form input[type="checkbox"]:checked {
    background-color: var(--bg-dark-blue);
    accent-color: var(--bg-dark-blue);
    appearance: auto;
}

#kontakt-form .text {
    margin-bottom: 30px;
}

#kontakt-form .row,
#kontakt-form .inrow {
    float: left;
    width: 100%;
    display: flex;
}

#kontakt-form .row+.row {
    margin-top: 10px;
}

#kontakt-form .row .col+.col {
    padding-left: 6px;
}

#kontakt-form .btm-row .col:last-child {
    padding-left: 0;
}

#kontakt-form .row .col>div {
    width: 100%;
}

#kontakt-form .row .col,
#kontakt-form .row .incol {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#kontakt-form .row.col-3 .col {
    width: 33.33%;
}

#kontakt-form .row.col-3 .col+.col {
    padding-left: 10px;
}

#kontakt-form .row:last-child {
    margin-top: 17px;
    position: relative;
}

#kontakt-form .btm-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#kontakt-form .btm-row .col:first-child .wpcf7-list-item {
    margin-left: 0;
}

#kontakt-form .btm-row .col:first-child .wpcf7-list-item>label {
    display: flex;
    align-items: center;
    gap: 4px;
}

#kontakt-form .btm-row .col:first-child .wpcf7-form-control-wrap {
    color: #000;
    display: inline-block;
    font-size: 1rem;
    position: initial;
    vertical-align: middle;
    width: auto;
}
#kontakt-form .btm-row .col:first-child .wpcf7-form-control-wrap label {
     font-weight: var(--font-normal) !important; font-weight: var(--font-normal) !important;
}
#kontakt-form .btm-row .col:first-child .wpcf7-form-control-wrap a {
    color: var(--text-dark-blue) !important;
    font-weight: 400;
    font-size: 16px;
}

#kontakt-form .btm-row .col:first-child .wpcf7-form-control-wrap a:hover {
    color: #000 !important;
}

#kontakt-form .btm-row .col:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 10px;
}

#kontakt-form .btm-row .col:last-child div+div {
    margin-left: 10px;
    margin-top: 0;
}

#kontakt-form .btm-row span.wpcf7-not-valid-tip {
    left: 0;
    max-width: 125px;
    top: -15px;
}

#kontakt-form [type="text"],
#kontakt-form [type="tel"],
#kontakt-form [type="email"],
#kontakt-form [type="date"],
#kontakt-form textarea,
#kontakt-form select {
    background-color: transparent;
    border: 1px solid #A7A7A7;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #000;
    display: inline-block;
    font-size: 20px;
    font-family: var(--lato-font);
    font-weight: 400;
    height: 46px;
    padding: 5px 15px;
    text-align: left;
    width: 100%;
}

#kontakt-form [type="text"]:active,
#kontakt-form [type="tel"]:active,
#kontakt-form [type="email"]:active,
#kontakt-form textarea:active,
#kontakt-form.oensker [type="text"]:active,
#kontakt-form [type="text"]:focus,
#kontakt-form [type="tel"]:focus,
#kontakt-form [type="email"]:focus,
#kontakt-form textarea:focus,
#kontakt-form.oensker [type="text"]:focus {
    border-color: #4c3126;
}

#kontakt-form select {
    background: url(assets/images/input-selct-pointer.png) no-repeat 94% 18px #fff;
}

#kontakt-form textarea {
    height: 168px;
    vertical-align: top;
    resize: vertical;
}

#kontakt-form [type=text].wpcf7-mathcaptcha {
    border: 1px solid #c0c0c0;
    height: 44px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    width: 70px;
}

#kontakt-form .wpcf7-checkbox {
    margin: 0 !important;
}

#kontakt-form .wpcf7-checkbox .wpcf7-list-item-label {
    display: none;
}

#kontakt-form .btn-col .wpcf7-list-item {
    font-size: 1rem;
    line-height: 1.5;
    margin-left: 0 !important;
}

#kontakt-form .btn-col .wpcf7-list-item a {
    color: #7F6252;
}

#kontakt-form .btn-col .wpcf7-list-item a:hover {
    color: #516E60;
}

#kontakt-form input[type="submit"] {
    background-color: var(--bg-dark-blue);
    border: 0;
    border-radius: 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    color: #ffff !important;
    display: inline-block;
    font-size: 1.125rem;
    font-family: var(--oswald-font);
    font-weight: var(--font-medium);
    line-height: 1.5;
    padding: 10.8px 66px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

#kontakt-form input[type="submit"]:hover,
#kontakt-form.common-kontakt input[type="submit"]:hover,
#kontakt-form.main-kontakt input[type="submit"]:hover {
    background-color: #000;
    color: #fff !important;
}

#kontakt-form .ajax-loader {
    left: initial !important;
    margin: 0 !important;
    right: 0 !important;
}

#kontakt-form span.wpcf7-not-valid-tip {
    background-color: #8A121C;
    color: #fff;
    font-size: 11px;
    line-height: 1;
    margin: 0;
    padding: 4px 10px 6px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: left;
    width: auto;
}

#kontakt-form .btm-row {
    display: flex;
    flex-direction: column;
}

#kontakt-form .btm-row span.wpcf7-not-valid-tip {
    left: 0;
    margin: 0 auto !important;
    max-width: 140px;
    right: 0 !important;
    top: -15px;
}

#kontakt-form .btm-row .wpcf7-form-control-wrap {
    color: #000;
    display: inline-block;
    width: auto;
}

#kontakt-form .row:last-child .wpcf7-spinner {
    bottom: -25px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
}

#kontakt-form ::-webkit-input-placeholder {
    color: #3E3E3E !important;
    opacity: 1 !important;
}

#kontakt-form ::-moz-placeholder {
    color: #3E3E3E !important;
    opacity: 1 !important;
}

#kontakt-form :-ms-input-placeholder {
    color: #3E3E3E !important;
    opacity: 1 !important;
}

#kontakt-form :-moz-placeholder {
    color: #3E3E3E !important;
    opacity: 1 !important;
}

/** Main contact **/


/*Common contact*/


/** Back to Top **/
#back-top {
    background: url('assets/images/top-bottom.png') no-repeat center center #020a1c;
    background-size: 15px;
    border-radius: 5px;
    bottom: 70px;
    height: 50px;
    text-align: center;
    opacity: 0;
    position: fixed;
    right: 10px;
    width: 50px;
    z-index: 25;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
#back-top:hover {
    background-color: var(--bg-sky-blue);
}
#back-top.show {
    opacity: 1;
}

.sb-active #back-top {
    right: -5em;
}


/* offset target */
:target:before {
    content: "";
    display: block;
    height: 200px;
    margin: -200px 0 0;
}

/*for magic img*/
.magic,
.magic > .so-widget-sow-image,
.magic > .so-widget-sow-image > .sow-image-container {
    height: 100%;
}
.magic > .so-widget-sow-image {
    overflow: hidden;
}

/*--------------------------------------------------------------
 ## Global Css
--------------------------------------------------------------*/
.g-img-left img,
.g-img-right img,
.g-rectangle {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;    
}

.z-1 {
    z-index: 1;
}
.z-2 {
    z-index: 2;
}
.z-3 {
    z-index: 3;
}
.z-4 {
    z-index: 4;
}
.z-5 {
    z-index: 5;
}
.z-6 {
    z-index: 6;
}
.z-7 {
    z-index: 7;
}
.z-8 {
    z-index: 8;
}
.z-9 {
    z-index: 9;
}

.g-shadow-05 {
    box-shadow: var(--shadow-5) !important;
}
.g-shadow-10 {
    box-shadow: var(--shadow-10) !important;
}
.g-shadow-16 {
    box-shadow: var(--shadow-16) !important;
}
.g-shadow-20 {
    box-shadow: var(--shadow-20) !important;
}
.g-shadow-30 {
    box-shadow: var(--shadow-30) !important;
}


.g-full-container,
.g-full-container-md,
.g-full-container-lg {
    text-align: center;
    position: relative;
    box-shadow: var(--shadow-5);
}
.g-full-container label,
.g-full-container-md label,
.g-full-container-lg label,
.g-magic-container label,
.g-special-bold .textwidget p:first-of-type label,
.g-special-bold label {
    font-weight: var(--font-bold);
    color: var(--text-dark-blue);
}
.g-full-container .btn-1,
.g-full-container-md .btn-1,
.g-full-container-lg .btn-1 {
    margin-top: 25px;
}
.g-full-container {
    padding: 100px 0;
}
.g-full-container-md {
    padding: 90px 0;
}
.g-full-container-lg {
    padding: 115px 0 130px;
}

.g-special-bold .textwidget p:first-of-type {
    font-size: 1.25rem;
    margin-bottom: 28px;
}

.g-magic-container .col-2,
.g-magic-container.col-2 {
    align-items: normal !important;
    position: relative;
}
.g-magic-container .col-2 > .panel-grid-cell,
.g-magic-container.col-2 > .panel-grid-cell {
    width: 50% !important;
}
.g-magic-container .magic-left > .panel-grid-cell:last-child,
.g-magic-container .magic-right > .panel-grid-cell:first-child,
.g-magic-container.magic-left > .panel-grid-cell:last-child,
.g-magic-container.magic-right > .panel-grid-cell:first-child {
    display: flex;
    background: rgba(255, 255, 255, .12);
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 50px 80px;
    position: relative;
    z-index: 1;
}
.g-magic-container .magic-left > .panel-grid-cell:last-child:before,
.g-magic-container .magic-right > .panel-grid-cell:first-child:before,
.g-magic-container.magic-left > .panel-grid-cell:last-child:before,
.g-magic-container.magic-right > .panel-grid-cell:first-child:before {
    content: '';
    display: inline-block;
    background: url(assets/images/klavitet-Alt-bg.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .12;
    z-index: -1;
}
.g-magic-container .magic-left > .panel-grid-cell:first-child > .so-panel,
.g-magic-container .magic-right > .panel-grid-cell:last-child > .so-panel,
.g-magic-container.magic-left > .panel-grid-cell:first-child > .so-panel,
.g-magic-container.magic-right > .panel-grid-cell:last-child > .so-panel {
    height: 100%;
}
.g-magic-container .btn-1 {
    margin-top: 25px;
}

.g-bg-fafa {
    background: #FAFAFA !important;
}

.g-img-left,
.g-img-right,
.g-img-left-2,
.g-img-right-2 {
    display: flex;
    text-align: left;
}
.g-img-left,
.g-img-right {
    align-items: center !important;
    margin: 0 20px;
}
.g-img-left-2,
.g-img-right-2 {
    align-items: normal !important;
}
.g-img-left > .panel-grid-cell,
.g-img-right > .panel-grid-cell,
.g-img-left-2 > .panel-grid-cell,
.g-img-right-2 > .panel-grid-cell {
    width: 50% !important;
}
.g-img-left > .panel-grid-cell:first-child,
.g-img-right > .panel-grid-cell:last-child {
    display: flex;
    justify-content: flex-end;
}
.g-img-left > .panel-grid-cell:first-child {
    justify-content: flex-start;
}
.g-img-right > .panel-grid-cell:last-child {
    justify-content: flex-end;
}
.g-img-right > .panel-grid-cell:first-child {
    padding-right: 80px;
}
.g-img-left > .panel-grid-cell:last-child {
    padding-left: 90px;
}
.g-img-left img,
.g-img-right img {
    box-shadow: var(--shadow-16);
}
.g-img-left img:hover,
.g-img-right img:hover {
    transform: scale(0.98);
}

.g-img-left-2,
.g-img-right-2 {
    box-shadow: var(--shadow-16);
    margin: 0 20px;
}

.g-img-left-2.width-md,
.g-img-right-2.width-md {
    margin: 0 73.5px;
}

.g-img-left-2 > .panel-grid-cell:first-child > .so-panel,
.g-img-right-2 > .panel-grid-cell:last-child > .so-panel {
    height: 100%;
}
.g-img-left-2 > .panel-grid-cell:last-child,
.g-img-right-2 > .panel-grid-cell:first-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 100px;
}
.g-img-left-2.width-md > .panel-grid-cell:last-child,
.g-img-right-2.width-md > .panel-grid-cell:first-child {
    padding: 30px 80px;
}

.g-rectangle {
    background: var(--bg-white);
    box-shadow: var(--shadow-16);
    font-style: italic;
    text-align: center;
    max-width: 932px !important;
    padding: 34px 25px;
    position: relative;
    top: 0;
    margin-top: 30px;
    margin-bottom: 10px;
    z-index: 1;
}
.g-rectangle:hover {
    box-shadow: var(--shadow-hover-16);
    top: -10px;

}
.g-rectangle:before {
    content: '';
    display: inline-block;
    position: absolute;
    border: 1px solid rgb(221, 226, 229);
    inset: 10px;
    height: auto;
    width: auto;
    z-index: -1;
}

.g-big-box {
    background: rgba(250, 250, 250, .94);
    padding: 65px 20px 70px;
    box-shadow: var(--shadow-30);
    margin: 0 20px;
}

.g-col-2-blue {
    background: var(--bg-dark-blue);
    color: var(--text-white);
}
.g-col-2,
.g-col-2-blue {
    box-shadow: var(--shadow-5);
    position: relative;
    padding: 70px 0;
}
.g-col-2-blue .btn-1 {
    background: transparent;
    border: 1px solid var(--text-opacity-white);
    margin-top: 40px;
}
.g-col-2-blue .btn-1:hover {
    background: var(--bg-sky-blue);
}
.g-col-2-blue .ornament-right h2,
.g-col-2-blue .ornament-right h3,
.g-col-2-blue .ornament-right h5 {
    color: var(--text-white);
}
.g-col-2-blue .ornament-right h2:before,
.g-col-2-blue .ornament-right h3:before,
.g-col-2-blue .ornament-right h5:before {
    background: var(--bg-sky-blue);
}
.g-col-2-blue .panel-background-overlay {
    opacity: .04 !important;
}
.g-col-2-blue .col-2,
.g-col-2 .col-2 {
    padding: 0 20px;
    align-items: normal !important;
}
.g-col-2-blue .col-2 > .panel-grid-cell,
.g-col-2 .col-2 > .panel-grid-cell {
    width: 50% !important;
    padding: 20px 0;
}
.g-col-2-blue .col-2 > .panel-grid-cell:first-child,
.g-col-2 .col-2 > .panel-grid-cell:first-child {
    padding-right: 100px;
}
.g-col-2-blue .col-2 > .panel-grid-cell:last-child,
.g-col-2 .col-2 > .panel-grid-cell:last-child {   
    padding-left: 100px;
}
.g-col-2-blue .col-2 > .panel-grid-cell:last-child {
    border-left: 1px solid rgba(255, 255, 255, .2);
}
.g-col-2 .col-2 > .panel-grid-cell:last-child {
    border-left: 1px solid rgba(225, 225, 225, .9);
}
.g-col-2-btn .col-2 > .panel-grid-cell {
    display: flex;
    flex-direction: column;
}
.g-col-2-btn .col-2 > .panel-grid-cell .btn-1 {
    margin-top: 50px;
}
.g-col-2-btn .col-2 > .panel-grid-cell > .so-panel:last-child {
    margin-top: auto !important;
}   

/*--------------------------------------------------------------
 ## SiteOrigin CSS
--------------------------------------------------------------*/
.magic .sow-image-container,
#forside-row-1 .wrap > .panel-layout > .panel-grid,
#forside-row-1 .box .title p > img,
#kontakt-row-1 .col-4 > .panel-grid-cell {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.magic .sow-image-container,
#social-floater-section > .panel-layout > .panel-grid {
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.img-shadow img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
#forside-row-1 .box .title p > img:hover {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
#image-bubble-wrap .so-widget-image {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}
.magic .sow-image-container:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

/*For Pseudo Element*/
.border-box:before,
#kontakt-row-1 .col-4 > .panel-grid-cell:before {
    content: '';
    display: inline-block;
    position: absolute;
}

/*full background */
#bottom-kontakt-row:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}



#page-title-wrap {
    background: var(--bg-white);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
    text-align: center;
    padding: 42px 20px 37.5px;
    position: relative;
    z-index: 10;
}

#page-title-wrap h1 {
    color: var(--text-black);
    margin: 0;
}

#kontakt-vss-section {
    background: var(--bg-dark-blue);
    padding: 55.5px 0 56px;
    box-shadow: var(--shadow-16);
}
#kontakt-vss-section .wrap {
    display: flex;
    align-items: center !important;
    justify-content: center;
    gap: 0 70px;
}
#kontakt-vss-section .wrap > .panel-grid-cell:last-child {
    width: fit-content;
}
#kontakt-vss-section .wrap > .panel-grid-cell:first-child {
    width: 70% !important;
    padding-left: 70px;
}
#kontakt-vss-section .title p {
    color: var(--text-white);
    font-size: 2rem;
    font-family: var(--oswald-font);
    font-weight: var(--font-medium);
    text-shadow: var(--shadow-20);
    line-height: 1.46875;
}
#kontakt-vss-section .btn-wrap p {
    display: flex;
    gap: 7px;
}
#kontakt-vss-section .btn-wrap .btn-1 {
    min-width: 185px;
}

#kontakt-vss-section .btn-wrap p > a:first-child {
  border: 1px solid transparent;
}
#kontakt-vss-section .btn-wrap p > a:first-child:after {
    right: 39px;
}
#kontakt-vss-section .btn-wrap p > a:last-child {
    padding: 6.5px 58px 8px 31px !important;
}
#kontakt-vss-section .btn-wrap p > a:last-child:after {
  right: 31px;
}
#kontakt-vss-section .btn-wrap p > a:last-child:hover::after {
  right: 22px !important;

}
#kontakt-vss-section .btn-wrap p > a:first-child, 
#kontakt-vss-section .btn-wrap p > a:last-child:hover {
  background: var(--bg-sky-blue);
}
.om-os-row-4 .btn-wrap p > a:last-child {
	background: var(--bg-sky-blue) !important;
	border: 1px solid transparent !important;
}
.om-os-row-4 .btn-wrap p > a:last-child:hover {
	background: transparent !important;
 	border: 1px solid var(--text-opacity-white) !important;
}
#kontakt-vss-section .btn-wrap p > a:last-child, 
#kontakt-vss-section .btn-wrap p > a:first-child:hover {
  background: transparent;
  border: 1px solid var(--text-opacity-white);
}

.border-box {
    position: relative;
    z-index: 1;
}
.border-box:before,
#kontakt-row-1 .col-4 > .panel-grid-cell:before {
    border: 1px solid #DDE2E5;
    bottom: 10px;
    height: auto;
    left: 10px;
    top: 10px;
    right: 10px;
    width: auto;
    z-index: -1;
}

/*For Forside Page*/
#forside-row-1 {
    box-shadow: var(--shadow-5);
}
#forside-row-1 .wrap > .panel-layout {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 35px;
}
#forside-row-1 .wrap > .panel-layout > .panel-grid {
    text-align: center;
    background: var(--bg-white);
    width: calc(33.3333% - 1 * 24.6px);
    box-shadow: var(--shadow-16);
    top: 0;
    position: relative;
}
#forside-row-1 .wrap > .panel-layout > .panel-grid:hover {
    top: -10px;
    box-shadow: var(--shadow-hover-16);
}
#forside-row-1 .box {
    padding: 41px 45px 35px;
    height: 100%;
}
#forside-row-1 .box .panel-background-overlay {
    background-repeat: no-repeat !important;
    background-position: 95% 77%;
    opacity: .02 !important;
}
#forside-row-1 .box > .panel-grid-cell {
    display: flex;
    flex-direction: column !important;
    height: 100%;
}
#forside-row-1 .box > .panel-grid-cell > .so-panel:last-child {
    margin-top: auto !important;
}
#forside-row-1 .box .title a {
    display: inline-block;
    font-size: 2rem;
    font-family: var(--oswald-font);
    text-shadow: var(--shadow-20);
/*     margin-bottom: 25px; */
}
#forside-row-1 .box .title p {
    display: flex;
    align-items: center;
    font-weight: var(--font-medium);
    gap: 18px;
	 margin-bottom: 25px;
}
#forside-row-1 .box .title p > img {
    filter: drop-shadow(var(--shadow-20));
}
#forside-row-1 .box .btn-2 {
    margin-top: 25px;
}
#forside-row-2 .g-special-bold {
	padding: 0 9%;
}
#forside-row-3.g-magic-container .col-2 .g-special-bold .textwidget p:first-of-type,
#forside-row-3.g-magic-container.col-2 .g-special-bold .textwidget p:first-of-type  {
    font-size: 1.125rem;
}
#forside-row-5 .g-img-right > .panel-grid-cell:first-child {
    padding: 0 80px 0 74px;
}
#forside-row-5 .g-img-right > .panel-grid-cell:last-child > .so-panel {
    padding-right: 53px;
}


/*for Energioptimering page*/
#energioptimering-row-3 .g-special-bold {
    padding: 0 10%;
}
#energioptimering-row-4.g-magic-container.magic-right > .panel-grid-cell:first-child {
    padding: 50px 100px;
}

#badev-row-1 .g-rectangle,
#total-row-1 .g-rectangle,
#om-os-row-4 .g-rectangle,
#hilleroed-row-1 .g-rectangle {
    display: inline-block;
    width: auto !important;
}

/*for Varmesystemer page*/
#varmesystemer-row-3 .g-special-bold {
    padding: 0 13%;
}

/*for Badeværelser page*/
#badev-row-1 .g-rectangle {
    padding: 34px 147px;
}
#badev-row-2.g-magic-container .magic-left > .panel-grid-cell:last-child,
#badev-row-2.g-magic-container .magic-right > .panel-grid-cell:first-child {
    padding: 50px 100px;
}

/*for Totalrenovering page*/
#total-row-1 .g-rectangle {
    padding: 34px 111px;
}
#total-row-3 .g-special-bold {
    padding: 0 13%;
}

/*for Tagrender page*/
#tagrender-row-2.g-magic-container .magic-left > .panel-grid-cell:last-child,
#tagrender-row-2.g-magic-container .magic-right > .panel-grid-cell:first-child {
    padding: 50px 110px;
}

/*for Om os page*/
#om-os-row-4 .g-rectangle {
    padding: 34px 138px;
}
#om-os-row-4 .col-3 {
    justify-content: center !important;
    margin: 10px 0 15px;
}
#om-os-row-4 .col-3 > .panel-grid-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: auto !important;
    padding: 29px 100px;
}
#om-os-row-4 .col-3 > .panel-grid-cell:last-child {
    padding-right: 0;
}

#om-os-row-4 .col-3 > .panel-grid-cell:nth-child(2) {
    border-left: 1px solid rgba(225, 225, 225, .9);
    border-right: 1px solid rgba(225, 225, 225, .9);
}
#om-os-row-4 .col-3 .text :is(p,a) {
    font-family: var(--oswald-font);
    font-weight: var(--font-medium);
    font-size: 1.75rem;
    text-shadow: var(--shadow-20);
}

/*for Kontat page*/
#kontakt-row-1 .col-4 {
    justify-content: center;
    align-items: normal !important;
    gap: 35px;
}
#kontakt-row-1 .col-4 > .panel-grid-cell {
    background: var(--bg-white);
    box-shadow: var(--shadow-16);
    position: relative;
    top: 0;
    width: 20.5%;
    padding: 56.5px 30px;
    z-index: 1;
}
#kontakt-row-1 .col-4 > .panel-grid-cell:hover {
    top: -10px;
    box-shadow: var(--shadow-hover-16);
}
#kontakt-row-1 .col-4 > .panel-grid-cell .sow-image-container {
    justify-content: center;
}
#kontakt-row-1 .col-4 > .panel-grid-cell .sow-image-container img {
    filter: drop-shadow(var(--shadow-20));
}
#kontakt-row-1 .col-4 > .panel-grid-cell .title p:first-of-type {
    font-family: var(--oswald-font);
    font-weight: var(--font-medium);
    font-size: 2rem;
    text-shadow: var(--shadow-20);
}
#kontakt-row-1 .col-4 > .panel-grid-cell .title label {
    font-weight: var(--font-bold);
}
#kontakt-row-2 {
    background: var(--bg-dark-blue);
    color: var(--text-white);
    text-align: center;
    padding: 65px 0;
}
#kontakt-row-3 .wrap {
    max-width: 1547px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, .6);
    display: inline-block;
    vertical-align: top;
    padding: 70px 178.5px 80px;
    width: 100%;
}
#kontakt-row-2 p {
    font-family: var(--oswald-font);
    font-weight: var(--font-medium);
    font-size: 2rem;
    line-height: 1.75;
    text-shadow: var(--shadow-20);
}

/*for VVS Frederikssund page*/
#freder-row-4 .g-img-right > .panel-grid-cell:first-child {
    padding-right: 100px;
}

/*for VVS Hilleroed page*/
#hilleroed-row-1 .g-rectangle {
    padding: 34px 137px;
}
#hilleroed-row-3 .g-special-bold {
    padding: 0 15%;
}

#om-cookies.g-full-container {
    text-align: left;
}
#om-cookies .wrap {
    padding: 0 20px;
}
#om-cookies label {
  display: inline-block;
  font-size: 1.375rem;
  font-family: var(--oswald-font);
  font-weight: var(--font-medium);
  letter-spacing: 0.72px;
  line-height: 1.5;
  margin: 20px 0 0;
  padding-left: 18px;
  position: relative;
}
#om-cookies label::before {
  content: '';
  display: inline-block;
  background: var(--bg-dark-blue);
  width: 8px;
  height: 22px;
  left: 0;
  position: absolute;
  bottom: 0;
  top: 5px;
}
#om-cookies ul {
    margin: 20px 0 20px 20px;
}


.ornament-top h1, .ornament-top h2, .ornament-top h3, .ornament-top h5,
.ornament-right h1, .ornament-right h2, .ornament-right h3, .ornament-right h5 {
    position: relative;
    display: inline-block;
}
.ornament-top h1:before, .ornament-top h2:before, .ornament-top h3:before, .ornament-top h5:before {
    background: var(--bg-dark-blue);
    width: 160px;
    height: 1px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.ornament-top h2 {
    padding-top: 26px;
    margin-bottom: 35px;
}
.ornament-top h3 {
    padding-top: 22px;
    margin-bottom: 32px;
}
.ornament-top h5 {
    padding-top: 21px;
    margin-bottom: 35px;
}


.ornament-right h1:before, .ornament-right h2:before, .ornament-right h3:before, .ornament-right h5:before {
    background: var(--bg-dark-blue);
    width: 12px;
    height: 32px;
    left: 0;
/*     top: 8px; */
	top: 11px;
    bottom: 0;
}
.ornament-right h2 {
    padding-left: 25px;
    margin-bottom: 30px;
}
.ornament-right h2:before {
	top: 12px;
}
.ornament-right h3 {
    padding-left: 25px;
    margin-bottom: 30px;
}
.ornament-right h3:before {
	top: 11px;
}
.ornament-right h5 {
    padding-left: 25px;
    margin-bottom: 30px;
}
.ornament-right h5:before {
	top: 5px;
}

.ornament-pipe-btm h1, .ornament-pipe-btm h2, .ornament-pipe-btm h3, .ornament-pipe-btm h5 {
    background: url(assets/images/b-center.png) no-repeat bottom center;
    position: relative;
}
.ornament-pipe-btm h1:before, .ornament-pipe-btm h2:before, .ornament-pipe-btm h3:before, .ornament-pipe-btm h5:before,
.ornament-pipe-btm h1:after, .ornament-pipe-btm h2:after, .ornament-pipe-btm h3:after, .ornament-pipe-btm h5:after {
    background: rgba(178, 178, 178, .6);
    width: 100px;
    height: 1px;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.ornament-pipe-btm h1:before, .ornament-pipe-btm h2:before, .ornament-pipe-btm h3:before, .ornament-pipe-btm h5:before {
    left: 140px;
}
.ornament-pipe-btm h1:after, .ornament-pipe-btm h2:after, .ornament-pipe-btm h3:after, .ornament-pipe-btm h5:after {
    right: 140px;
}
.ornament-pipe-btm h2 {
    padding-bottom: 45px;
    margin-bottom: 34px;
}
.ornament-pipe-btm h3 {
    padding-bottom: 45px;
    margin-bottom: 34px;
}

.ornament-top h1:before, .ornament-top h2:before, .ornament-top h3:before, .ornament-top h5:before,
.ornament-right h1:before, .ornament-right h2:before, .ornament-right h3:before, .ornament-right h5:before,
.ornament-pipe-btm h1:before, .ornament-pipe-btm h2:before, .ornament-pipe-btm h3:before, .ornament-pipe-btm h5:before,
.ornament-pipe-btm h1:after, .ornament-pipe-btm h2:after, .ornament-pipe-btm h3:after, .ornament-pipe-btm h5:after {
    content: '';
    display: inline-block;
    position: absolute;
} 

/*-- flexbox safari workaround --*/
.panel-grid.panel-has-style > .panel-row-style,
.panel-grid.panel-no-style {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
}

/*--------------------------------------------------------------
 ## Responsive CSS
--------------------------------------------------------------*/

#social-floater-section {
  display: inline-block;
  position: fixed;
  left: -254px;
  top: 27.4375rem;
  z-index: 999;
}
#social-floater-section > .panel-layout > .panel-grid {
    left: 0;
    position: relative;
}
#social-floater-section > .panel-layout > .panel-grid:hover {
    left: 245px;
}
#social-floater-section > .panel-layout > .panel-grid + .panel-grid {
    margin-top: 8px;
}
#social-floater-section > .panel-layout > .panel-grid:first-child .social-wrap > .panel-grid-cell > .so-panel {
    background: #ECECEC;
}
#social-floater-section > .panel-layout > .panel-grid:last-child .social-wrap > .panel-grid-cell > .so-panel {
    background: var(--bg-sky-blue);
}
#social-floater-section > .panel-layout > .panel-grid:first-child .social-wrap > .panel-grid-cell > .so-panel a {
    font-size: 26px;
    font-weight: var(--font-medium);
}
#social-floater-section > .panel-layout > .panel-grid:last-child .social-wrap > .panel-grid-cell > .so-panel a {
    color: var(--text-white);
}
#social-floater-section .social-wrap > .panel-grid-cell {
    display: flex;
    flex-direction: row-reverse;
    gap: 3px;
}
#social-floater-section .social-wrap > .panel-grid-cell > .so-panel {
    box-shadow: var(--shadow-20);
}
#social-floater-section .social-wrap > .panel-grid-cell > .so-panel:first-child {
    display: grid;
    place-items: center;
    width: 65px;
    height: 60px;
}
#social-floater-section .social-wrap > .panel-grid-cell > .so-panel:last-child {
    display: flex;
    align-items: center;
    padding: 5px 15px;
    width: 85%;
    justify-content: flex-end;
}
#social-floater-section > .panel-layout > .panel-grid:hover .icon-tel img {
    animation: jump-shaking 0.83s infinite;
}
#social-floater-section > .panel-layout > .panel-grid:hover .icon-mail img {
    animation: pulse 1.3s infinite;
}
#social-floater-section .social-wrap a {
    font-size: 19px;
    font-family: var(--oswald-font);
    letter-spacing: 1.02px;
}

@keyframes jump-shaking {
  0% { transform: translateX(0) }
  25% { transform: translateY(-2px) }
  35% { transform: translateY(-2px) rotate(17deg) }
  55% { transform: translateY(-2px) rotate(-17deg) }
  65% { transform: translateY(-2px) rotate(17deg) }
  75% { transform: translateY(-2px) rotate(-17deg) }
  100% { transform: translateY(0) rotate(0) }
}
 @keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

/*--------------------------------------------------------------
 ## Responsive CSS
--------------------------------------------------------------*/
@media only screen and (max-width: 1860px) {
    .home .site-slider > rs-fullwidth-wrap {
        width: 64.3% !important;
    }
    .site-slider #banner-wrap {
        width: 35.7% !important;
    }
    .site-slider #banner-wrap .banner-text {
        padding: 49px 30px 50px 60px;
    }

    .wrap {
        max-width: 93%;
    }

    .site-header .header-right {
        gap: 190px;
    }

    .site-footer .footer-wrap {
        padding: 77px 0 75px 25px;
    }
    #copyright-wrapper .wrap {
        padding: 0 25px;
    }

    .g-magic-container .magic-left > .panel-grid-cell:last-child, 
    .g-magic-container .magic-right > .panel-grid-cell:first-child, 
    .g-magic-container.magic-left > .panel-grid-cell:last-child, 
    .g-magic-container.magic-right > .panel-grid-cell:first-child,
    #energioptimering-row-4.g-magic-container.magic-right > .panel-grid-cell:first-child,
    #badev-row-2.g-magic-container .magic-left > .panel-grid-cell:last-child, 
    #badev-row-2.g-magic-container .magic-right > .panel-grid-cell:first-child,
    #tagrender-row-2.g-magic-container .magic-left > .panel-grid-cell:last-child, 
    #tagrender-row-2.g-magic-container .magic-right > .panel-grid-cell:first-child {
        padding: 80px 60px;
    }

    .g-img-left-2.width-md, .g-img-right-2.width-md {
        margin: 0 23.5px;
    }
    .g-img-left-2.width-md > .panel-grid-cell:last-child, 
    .g-img-right-2.width-md > .panel-grid-cell:first-child {
        padding: 30px 60px;
    }
    .g-img-left-2 > .panel-grid-cell:last-child, 
    .g-img-right-2 > .panel-grid-cell:first-child {
        padding: 30px 60px;
    }

    .g-col-2-blue .col-2, 
    .g-col-2 .col-2 {
        padding: 0;
    }
    .g-col-2-blue .col-2 > .panel-grid-cell:first-child, 
    .g-col-2 .col-2 > .panel-grid-cell:first-child {
        padding-right: 60px;
    }
    .g-col-2-blue .col-2 > .panel-grid-cell:last-child, 
    .g-col-2 .col-2 > .panel-grid-cell:last-child {
        padding-left: 60px;
    }

    .g-img-left > .panel-grid-cell:last-child {
        padding-left: 50px;
    }
    .g-img-right > .panel-grid-cell:first-child {
        padding-right: 50px;
    }

    #freder-row-4 .g-img-right > .panel-grid-cell:first-child {
        padding-right: 60px;
    }

    #hilleroed-row-3 .g-special-bold {
        padding: 0 10%;
    }

    #kontakt-vss-section .wrap > .panel-grid-cell:first-child {
        padding-left: 0;
    }

    #forside-row-5 .g-img-right > .panel-grid-cell:first-child {
        padding: 0 80px 0 0;
    }

    #varmesystemer-row-3 .g-special-bold,
    #total-row-3 .g-special-bold  {
        padding: 0 10%;
    }
}

@media only screen and (max-width: 1799px) {
    .site-header {
        height: 135px;
    }
    .site-header .header-right {
        gap: 8%;
        padding-top: 0;
    }
    .site-header .header-right .box {
        bottom: 3px;
    }

    .site-slider {
        margin-top: 135px;
    }
    .site-slider #banner-wrap .banner-text {
        padding: 35px 30px 35px 60px;
    }
    #banner-wrap .title p {
        font-size: 2.375rem;
    }

    .site-footer #footer-col-2 {
        max-width: 20.3%;
        padding-left: 85.5px;
    }
    .site-footer #footer-col-3 {
        max-width: 24%;
        padding-left: 86px;
    }
    .site-footer #footer-col-4 {
        max-width: 34.7%;
        padding-left: 90px;
    }

    .g-full-container {
        padding: 90px 0;
    }
    .g-full-container-md {
        padding: 80px 0;
    }

    .g-img-right > .panel-grid-cell:first-child,
    .g-img-left > .panel-grid-cell:last-child {
        width: 60% !important;
    }
    .g-img-right > .panel-grid-cell:last-child,
    .g-img-left > .panel-grid-cell:first-child {
        width: 40% !important;
    }
    .g-img-right > .panel-grid-cell:first-child,
    #forside-row-5 .g-img-right > .panel-grid-cell:first-child {
        padding-right: 70px;
    }
    .g-img-left > .panel-grid-cell:last-child {
        padding-left: 70px;
    }

    #forside-row-1 .box {
        padding: 41px 35px 35px;
    }

    #energioptimering-row-3 .g-special-bold {
        padding: 0 5%;
    }
    #varmesystemer-row-3 .g-special-bold {
        padding: 0 10%;
    }

    .g-col-2-blue .col-2 > .panel-grid-cell:first-child, 
    .g-col-2 .col-2 > .panel-grid-cell:first-child {
        padding: 20px 60px 20px 40px;
    }

    .g-rectangle {
        width: auto !important;
        display: inline-block;
        padding: 34px 80px !important;
        max-width: 100% !important;
    }

    .g-full-container-md {
        padding: 70px 0;
    }
    .g-full-container {
        padding: 80px 0;
    }

    .page-id-18 .g-magic-container .magic-right > .panel-grid-cell:first-child .ornament-top br,
    .page-id-18 .g-magic-container .magic-left > .panel-grid-cell:last-child .ornament-top br,
    .page-id-336 .g-magic-container .magic-right > .panel-grid-cell:first-child .ornament-top br,
    .page-id-336 .g-magic-container .magic-left > .panel-grid-cell:last-child .ornament-top br {
        display: none;
    }

    #varmesystemer-row-3 .g-special-bold {
        padding: 0;
    }

}

@media only screen and (max-width: 1699px) {
    .site-slider #banner-wrap .banner-text {
        padding: 40px 30px 40px 40px;
    }
    #banner-wrap .title p {
        font-size: 2.25rem;
    }

    .site-header {
        height: 120px;
    }
    .gsticky .site-header {
        height: 110px;
    }
    .site-header .site-branding img {
        width: 220px;
    }
    .gsticky .site-header .site-branding img {
        width: 70%;
    }
    .site-header .header-right .box {
        padding-left: 58px;
    }
    .site-header .header-right .box a {
        font-size: 1.75rem;
    }
    .site-header .main-navigation ul.menu > li + li {
        margin-left: 65.5px;
    }
    .site-header .header-right .box.phone {
        background: url(assets/images/smartphone.png) no-repeat left -6px;
    }
    .site-header .main-navigation ul.menu > li.menu-item-has-children ul {
        margin: 38px 9px 0;
    }
    .gsticky .site-header .main-navigation ul.menu > li.menu-item-has-children ul {
        margin: 33px 9px 0;
    }

    h1 {
        font-size: 2.5rem;
    }
    h2 {
        font-size: 2.125rem;
    }
    h3 {
        font-size: 2rem;
    }
    .ornament-right h2:before {
        top: 9px;
    }
    .ornament-right h3:before {
            top: 8px;
    }

    .site-slider {
        margin-top: 120px;
    }

    .site-header > .wrap {
        padding: 0;
    }
    .wrap {
        max-width: 96%;
    }

    .g-magic-container .magic-left > .panel-grid-cell:last-child,
    .g-magic-container .magic-right > .panel-grid-cell:first-child,
    .g-magic-container.magic-left > .panel-grid-cell:last-child,
    .g-magic-container.magic-right > .panel-grid-cell:first-child,
    #energioptimering-row-4.g-magic-container.magic-right > .panel-grid-cell:first-child, 
    #badev-row-2.g-magic-container .magic-left > .panel-grid-cell:last-child, 
    #badev-row-2.g-magic-container .magic-right > .panel-grid-cell:first-child, 
    #tagrender-row-2.g-magic-container .magic-left > .panel-grid-cell:last-child, 
    #tagrender-row-2.g-magic-container .magic-right > .panel-grid-cell:first-child {
        padding: 70px 40px;
    }

    .g-img-left, .g-img-right {
        margin: 0;
    }
    .g-img-right > .panel-grid-cell:first-child, 
    #forside-row-5 .g-img-right > .panel-grid-cell:first-child {
        padding: 0 70px 0 40px;
    }

    .g-magic-container .magic-right > .panel-grid-cell:first-child .g-special-bold  br,
    .g-magic-container .magic-left > .panel-grid-cell:last-child .g-special-bold  br {
        display: none;
    }

    #kontakt-vss-section,
    #kontakt-row-2 {
        padding: 45.5px 0 46px;
    }
    #kontakt-vss-section .title p {
        font-size: 1.75rem;
    }
    #kontakt-vss-section .wrap > .panel-grid-cell:first-child {
        padding-left: 40px;
    }

    #page-title-wrap {
        padding: 30px 20px 32.5px;
    }
    

    #forside-row-1 .wrap > .panel-layout {
        padding: 0 40px;
    }
    #forside-row-1 .box .title a {
        font-size: 1.75rem;
    }
    #forside-row-2 .g-special-bold {
        padding: 0 4%;
    }
    #forside-row-5 .g-img-right > .panel-grid-cell:last-child > .so-panel {
        padding-right: 0;
    }

    #energioptimering-row-3 .g-special-bold {
        padding: 0 3%;
    }

    .g-img-left-2 > .panel-grid-cell:last-child {
        padding: 50px 50px;
    }   
    .g-img-right-2 > .panel-grid-cell:first-child {
        padding: 50px 50px 50px 40px;
    }
    .g-img-left-2.width-md > .panel-grid-cell:last-child, 
    .g-img-right-2.width-md > .panel-grid-cell:first-child {
        padding: 50px 40px;
    }

}
   
@media only screen and (max-width: 1599px) {
    .site-header .main-navigation ul.menu > li + li {
        margin-left: 50.5px;
    }

    .site-content {
        font-size: 1.0625rem;
    }

    #social-floater-section {
        top: 20.4375rem;
    }


    #varmesystemer-row-3 .g-special-bold,
    #total-row-3 .g-special-bold,
    .g-special-bold.wrap {
        padding: 0 3%;
    }

    .g-special-bold .textwidget p:first-of-type {
        font-size: 1.125rem;
    }

    #om-os-row-4 .col-3 > .panel-grid-cell {
        padding: 29px 50px;
    }

    #kontakt-vss-section .wrap > .panel-grid-cell:first-child {
        width: auto !important;
        padding-left: 0;
    }

    #kontakt-row-3 .wrap {
        max-width: 90%;
        padding: 70px 85.5px 70px;
    }
}

@media only screen and (max-width: 1499px) {
    .home .site-slider > rs-fullwidth-wrap {
        width: 60.3% !important;
    }
    .site-slider #banner-wrap {
        width: 39.7% !important;
    }
    #banner-wrap .title p {
        font-size: 2rem;
        padding-top: 70px;
        margin-bottom: 25px;
    }
    #banner-wrap .sub-text p {
        font-size: 1rem;
    }
    #banner-wrap .btn-1 {
        font-size: 1rem !important;
        min-width: auto;
    }
    #banner-wrap .sub-text p:last-of-type {
        margin-top: 30px;
    }
    #banner-wrap .sub-text p:last-of-type > a:first-child,
    #banner-wrap .sub-text p:last-of-type > a:last-child {
        padding: 6.5px 55px 8px 24px !important;
    }
    #banner-wrap .sub-text p:last-of-type > a:first-child:after,
    #banner-wrap .sub-text p:last-of-type > a:last-child:after {
        right: 25px;
    }
    #banner-wrap .sub-text p:last-of-type > a:first-child:hover:after,
    #banner-wrap .sub-text p:last-of-type > a:last-child:hover:after {
        right: 18px !important;
    }

    #kontakt-vss-section .wrap {
        gap: 30px;
    }

    .g-img-left > .panel-grid-cell:last-child {
        padding-left: 40px;
    }
    .g-img-right > .panel-grid-cell:first-child, 
    #forside-row-5 .g-img-right > .panel-grid-cell:first-child {
        padding: 0 40px 0 40px;
    }

    .g-col-2-blue .col-2 > .panel-grid-cell:first-child, 
    .g-col-2 .col-2 > .panel-grid-cell:first-child {
        padding: 20px 40px 20px 40px;
    }
    .g-col-2-blue .col-2 > .panel-grid-cell:last-child, 
    .g-col-2 .col-2 > .panel-grid-cell:last-child {
        padding-left: 40px;
    }

    .page-id-87 .g-col-2-blue .ornament-right h3 {
        font-family: 1.875rem;
    }
    .page-id-87 .g-col-2-blue .ornament-right h3:before {
        top: 8px;
    }

    #forside-row-1.g-full-container {
        padding: 60px 0;
    }
    #forside-row-1 .box {
        padding: 41px 25px 35px;
    }
    #forside-row-1 .wrap > .panel-layout {
        gap: 20px;
    }
    #forside-row-1 .wrap > .panel-layout > .panel-grid {
        width: calc(33.3333% - 1 * 14.6px);
    }

    .g-magic-container .magic-left > .panel-grid-cell:last-child h2,
    .g-magic-container .magic-right > .panel-grid-cell:first-child h2,
    .g-magic-container.magic-left > .panel-grid-cell:last-child h2,
    .g-magic-container.magic-right > .panel-grid-cell:first-child h2 {
        font-size: 2rem;
    }

    .site-footer .footer-wrap {
        padding: 70px 0 55px 25px;
    }

    #kontakt-row-1 .col-4 {
        gap: 25px;
    }
    #kontakt-row-1 .col-4 > .panel-grid-cell {
        width: 23.5%;
    }

    #hilleroed-row-3 .g-special-bold {
        padding: 0 3%;
    }


}

@media only screen and (max-width: 1399px) {
    .site-header,
    .gsticky .site-header {
        height: 110px;
    }
    .site-header .site-branding img,
    .gsticky .site-header .site-branding img {
        width: 190px;
    }

    .site-header .header-right {
        gap: 5%;
    }
    .site-header .main-navigation ul.menu > li.menu-item-has-children ul {
        margin: 33px 9px 0;
    }
    .site-header .main-navigation ul.menu li a {
        padding: 7px 9.3px 11px;
    }
    .site-header .main-navigation ul.menu > li + li {
        margin-left: 40.5px;
    }
    .site-header .main-navigation a {
        font-size: 16px;
    }

    .site-slider {
        margin-top: 110px;
    }

    .btn-1,
    #kontakt-vss-section .btn-wrap .btn-1,
    #kontakt-vss-section .btn-wrap p > a:last-child {
        width: auto;
        min-width: auto;
        padding: 7.5px 55.3px 9px 25px !important;
    }
    .btn-1:after,
    #kontakt-vss-section .btn-wrap p > a:first-child:after,
    #kontakt-vss-section .btn-wrap p > a:last-child:after {
        right: 20px;
    }
    .btn-1:hover:after,
    #kontakt-vss-section .btn-wrap p > a:first-child:hover:after,
    #kontakt-vss-section .btn-wrap p > a:last-child:hover:after {
        right: 15px !important;
    }

    .g-full-container-md {
        padding: 65px 0 60px;
    }
    .g-full-container {
        padding: 70px 0;
    }

    .g-img-right > .panel-grid-cell:first-child, 
    #forside-row-5 .g-img-right > .panel-grid-cell:first-child {
        padding: 0 40px 0 30px;
    }

    .g-img-left-2 > .panel-grid-cell:last-child {
        padding: 50px 35px;
    }
    .g-img-right-2 > .panel-grid-cell:first-child {
        padding: 50px 30px 50px 30px;
    }

    .g-col-2, 
    .g-col-2-blue {
        padding: 55px 0;
    }
    .g-col-2-blue .col-2 > .panel-grid-cell:first-child, 
    .g-col-2 .col-2 > .panel-grid-cell:first-child {
        padding: 20px 40px 20px 30px;
    }

    .g-magic-container .magic-left > .panel-grid-cell:last-child, 
    .g-magic-container .magic-right > .panel-grid-cell:first-child, 
    .g-magic-container.magic-left > .panel-grid-cell:last-child, 
    .g-magic-container.magic-right > .panel-grid-cell:first-child, 
    #energioptimering-row-4.g-magic-container.magic-right > .panel-grid-cell:first-child, 
    #badev-row-2.g-magic-container .magic-left > .panel-grid-cell:last-child, 
    #badev-row-2.g-magic-container .magic-right > .panel-grid-cell:first-child, 
    #tagrender-row-2.g-magic-container .magic-left > .panel-grid-cell:last-child, 
    #tagrender-row-2.g-magic-container .magic-right > .panel-grid-cell:first-child {
        padding: 60px 35px;
    }

    #kontakt-vss-section, #kontakt-row-2 {
        padding: 40.5px 0 40px;
    }
    #kontakt-vss-section .wrap {
        gap: 20px 40px;
    }

    .g-full-container .btn-1, .g-full-container-md .btn-1, .g-full-container-lg .btn-1 {
        margin-top: 15px;
    }


    #social-floater-section .social-wrap > .panel-grid-cell > .so-panel:first-child {
        width: 55px;
        height: 60px;
    }
    #social-floater-section .social-wrap > .panel-grid-cell > .so-panel:first-child img {
        width: 35px;
        height: 35px;
    }

    h2 {
        font-size: 2rem;
    }
    h3 {
        font-size: 1.875rem;
    }
    h5 {
        font-size: 1.75rem;
    }

    .ornament-right h2:before {
        top: 6px;
    }
    .ornament-right h3:before {
        top: 6px;
    }
    .ornament-right h5:before {
        top: 3px;
    }

    #forside-row-1 .wrap > .panel-layout {
        padding: 0 30px;
    }
    #forside-row-1 .box .title p {
        gap: 10px;
        margin-bottom: 15px;
    }
    #forside-row-1 .box .title a {
        font-size: 26px;
    }
    #forside-row-2 .g-special-bold,
    #energioptimering-row-3 .g-special-bold,
    #varmesystemer-row-3 .g-special-bold, 
    #total-row-3 .g-special-bold, 
    .g-special-bold.wrap {
        padding: 0 2%;
    }

    .g-magic-container .magic-left > .panel-grid-cell:last-child h2, 
    .g-magic-container .magic-right > .panel-grid-cell:first-child h2, 
    .g-magic-container.magic-left > .panel-grid-cell:last-child h2, 
    .g-magic-container.magic-right > .panel-grid-cell:first-child h2 {
        font-size: 1.875rem;
    }

}

@media only screen and (max-width: 1360px) {
    .site-footer #footer-col-2 {
        max-width: 18.3%;
        padding-left: 45.5px;
    }
    .site-footer #footer-col-3 {
        max-width: 24%;
        padding-left: 60px;
    }
    .site-footer #footer-col-4 {
        max-width: 36.7%;
        padding-left: 65px;
    }

    #om-os-row-4 .col-3 .text :is(p,a) {
        font-size: 1.625rem;
    }

    #kontakt-row-1 .col-4 {
        gap: 20px;
    }
    #kontakt-row-1 .col-4 > .panel-grid-cell .title p:first-of-type {
        font-size: 1.75rem;
    }
    #kontakt-row-2 p {
        font-size: 1.75rem;
    }
    #kontakt-row-3 .wrap {
        padding: 60px 55.5px 55px;
    }
}

@media only screen and (max-width: 1279px) {
    .site-slider #banner-wrap .banner-text {
        padding: 50px 25px 50px 35px;
    }
    #banner-wrap .title p {
        font-size: 1.75rem;
        margin-bottom: 20px;
    }
    #banner-wrap .sub-text p:last-of-type {
        margin-top: 20px;
    }
    #banner-wrap .sub-text p:last-of-type > a:first-child, 
    #banner-wrap .sub-text p:last-of-type > a:last-child {
        padding: 5.5px 55px 7px 24px !important;
    }
    /*.home rs-module {
        height: 100% !important;
        max-height: 100% !important
    }
    .home rs-layer-wrap {
        top: 0 !important;
    }
    .home rs-module-wrap {
        height: 100% !important;
    }
    .home rs-module-wrap .banner-bg {
        height: 100% !important;
    }*/

    .site-header .main-navigation ul.menu > li + li {
        margin-left: 35.5px;
    }

    .g-rectangle {
        padding: 25px 70px !important;
    }

    .g-img-left-2 > .panel-grid-cell:last-child br,
    .g-special-bold .textwidget p:first-of-type br,
    .g-special-bold .textwidget p br,
    .g-col-2 br,
    .g-big-box br {
        display: none;
    }

}

@media only screen and (max-width: 1199px) {
    .home .site-slider > rs-fullwidth-wrap {
        width: 57.3% !important;
    }
    .site-slider #banner-wrap {
        width: 42.7% !important;
    }
    #banner-wrap .title p {
        background-size: 50px 50px;
        font-size: 1.625rem;
        padding-top: 57px;
    }

    #header-nav-wrap {
        display: none;
    }
    .site-header .header-right {
        width: 72%;
        margin: 7px 10px 0 0;
    }
    .site-header .hmenu-wrapper {
        display: flex;
    }
    .site-header .site-branding img, 
    .gsticky .site-header .site-branding img {
        width: 220px;
    }

    #social-floater-section {
        top: 14.4375rem;
    }

    .site-footer {
        font-size: 1.0625rem;
    }
    .site-footer .footer-wrap {
        padding: 60px 0 55px 0;
    }
    .site-footer .widget-title {
        font-size: 1.5rem;
    }
    .site-footer #footer-col-1 {
        max-width: 100%;
        text-align: center;
        margin-bottom: 50px;
    }
    .site-footer #footer-col-2 {
        max-width: 27%;
        padding-left: 55.5px;
    }
    .site-footer #footer-col-3 {
        max-width: 30%;
    }
    .site-footer #footer-col-4 {
        max-width: 43%;
    }

    .site-footer #footer-col-1 .sow-image-container {
        justify-content: center;
    }

    .g-img-left {
        flex-direction: column-reverse !important;
    }
    .g-img-right > .panel-grid-cell:first-child, 
    .g-img-left > .panel-grid-cell:last-child {
        padding: 0 3.5%;
    }
    .g-img-right > .panel-grid-cell:first-child, 
    .g-img-left > .panel-grid-cell:last-child,
    .g-img-right > .panel-grid-cell:last-child, 
    .g-img-left > .panel-grid-cell:first-child {
        width: 100% !important;
        text-align: center;
    }
    .g-img-right > .panel-grid-cell:last-child, 
    .g-img-left > .panel-grid-cell:first-child {
        justify-content: center;
        margin-top: 50px;
    }

    #forside-row-2 .g-special-bold, 
    #energioptimering-row-3 .g-special-bold, 
    #varmesystemer-row-3 .g-special-bold, 
    #total-row-3 .g-special-bold, 
    .g-special-bold.wrap {
        padding: 0 3.5%;
    }

    .ornament-top h2 {
        padding-top: 15px;
        margin-bottom: 30px;
    }
    .ornament-top h3 {
        padding-top: 16px;
        margin-bottom: 27px;
    }
    .ornament-top h5 {
        padding-top: 16px;
        margin-bottom: 30px;
    }

    .ornament-pipe-btm h2 {
        padding-bottom: 35px;
        margin-bottom: 30px;
    }
    .ornament-pipe-btm h3 {
        padding-bottom: 35px;
        margin-bottom: 29px;
    }

    h1 {
        font-size: 2.25rem;
    }
    h3 {
        font-size: 1.75rem;
    }

    .ornament-right h3:before {
        top: 4px;
    }

    #page-title-wrap {
        padding: 20px 20px 25.5px;
    }

    #forside-row-1 .wrap > .panel-layout > .panel-grid {
        width: calc(50% - 1 * 14.6px);
    }
    #forside-row-1 .box {
        padding: 50px 35px 45px;
    }
    #forside-row-1 .box .title a {
        font-size: 28px;
    }
    #forside-row-1 .box .title p {
        gap: 18px;
        margin-bottom: 25px;
    }

    #om-os-row-4 .col-3 > .panel-grid-cell {
        padding: 20px 30px !important;
    }
    #om-os-row-4 .col-3 .text :is(p,a) {
        font-size: 23px;
    }

    #kontakt-row-1 .col-4 > .panel-grid-cell {
        width: 45.5%;
    }
}

@media only screen and (max-width: 1099px) {
    .home .site-slider > rs-fullwidth-wrap {
        width: 51.3% !important;
    }
    .site-slider #banner-wrap {
        width: 48.7% !important;
    }
    .site-slider #banner-wrap .banner-text {
        padding: 20px 25px 20px 35px;
    }
    #banner-wrap .btn-1 {
        line-height: 1.75 !important;
    }
    
    .site-footer .footer-wrap {
        padding: 60px 0 45px 0;
    }
    #copyright-wrapper {
        padding: 8px 0 4px;
    }

    .g-magic-container .magic-left > .panel-grid-cell:last-child, 
    .g-magic-container .magic-right > .panel-grid-cell:first-child, 
    .g-magic-container.magic-left > .panel-grid-cell:last-child, 
    .g-magic-container.magic-right > .panel-grid-cell:first-child, 
    #energioptimering-row-4.g-magic-container.magic-right > .panel-grid-cell:first-child, 
    #badev-row-2.g-magic-container .magic-left > .panel-grid-cell:last-child, 
    #badev-row-2.g-magic-container .magic-right > .panel-grid-cell:first-child, 
    #tagrender-row-2.g-magic-container .magic-left > .panel-grid-cell:last-child, 
    #tagrender-row-2.g-magic-container .magic-right > .panel-grid-cell:first-child {
        padding: 60px 25px 50px;
    }

    .g-big-box {
        padding: 60px 50px 50px;
    }

    #kontakt-vss-section .title p {
        font-size: 1.625rem;
    }
    #kontakt-vss-section, #kontakt-row-2 {
        padding: 30.5px 0 30px;
    }

    .g-img-left-2.width-md > .panel-grid-cell:last-child, 
    .g-img-right-2.width-md > .panel-grid-cell:first-child {
        padding: 40px 30px;
    }
    .g-img-left-2 > .panel-grid-cell:last-child {
        padding: 40px 35px;
    }

    .g-col-2-blue .col-2 > .panel-grid-cell:first-child, 
    .g-col-2 .col-2 > .panel-grid-cell:first-child {
        padding: 20px 40px 20px 0px;
    }


}

@media only screen and (max-width: 1040px) {
/*    empty*/
}

@media only screen and (max-width: 1024px) {
    .home .site-slider > rs-fullwidth-wrap {
        width: 51.3% !important;
    }
    .site-slider #banner-wrap {
        width: 48.7% !important;
    }

    .site-slider #banner-wrap .banner-text {
        padding: 20px 15px 20px 25px;
    }

    #forside-row-1 .wrap > .panel-layout {
        padding: 0 10px;
    }

    #kontakt-row-1 .col-4 > .panel-grid-cell {
        width: 48.5% !important;
    }

    #kontakt-row-3 .wrap {
        padding: 60px 30.5px 55px;
    }

    .g-col-2-btn .col-2 > .panel-grid-cell .btn-1 {
        margin-top: 35px;
    }

    #social-floater-section {
        top: 14.4375rem;
    }

    blockquote p {
        font-size: 1.0625rem;
    }

    #om-cookies .wrap {
        padding: 0 10px;
    }

    #kontakt-vss-section .wrap {
        text-align: center;
    }

}

@media only screen and (max-width: 991px) {
    .site-slider #banner-wrap .banner-text {
        padding: 50px 25px 50px 25px;
    }

    /*#banner-wrap .title p {
        background: url(assets/images/banner-ornament.png) no-repeat top 0px left -4px;
        margin-bottom: 10px;
    }*/
    #banner-wrap .btn-1 {
        line-height: 1.65 !important;
    }
    #banner-wrap .sub-text p:last-of-type {
        margin-top: 15px;
    }
    #banner-wrap .title p {
        background-size: 40px 40px;
        font-size: 1.625rem;
        background: none;
        padding-top: 0;
        margin-bottom: 13px;
    }

    .btn-1, .btn-2 {
        font-size: 1rem !important;
    }

    .site-footer #footer-col-2 {
        max-width: 23%;
        padding-left: 24.5px;
    }
    .site-footer #footer-col-3 {
        padding-left: 38px;
        max-width: 30%;
    }
    .site-footer #footer-col-4 {
        max-width: 47%;
        padding-left: 35px;
    }

    #forside-row-2 .g-special-bold, 
    #energioptimering-row-3 .g-special-bold, 
    #varmesystemer-row-3 .g-special-bold, 
    #total-row-3 .g-special-bold, .g-special-bold.wrap,
    .g-img-right > .panel-grid-cell:first-child, 
    #forside-row-5 .g-img-right > .panel-grid-cell:first-child {
        padding: 0 1%;
    }

    .g-img-left-2.width-md, .g-img-right-2.width-md {
        margin: 0;
    }
    .g-img-left-2, .g-img-right-2 {
        margin: 0;
    }

    .g-rectangle {
        padding: 25px 40px !important;
        margin-left: 20px;
        margin-right: 20px;
    }

    #kontakt-vss-section .title p {
        font-size: 24px;
    }
    #om-os-row-4 .col-3 > .panel-grid-cell:first-child,
    #om-os-row-4 .col-3 > .panel-grid-cell:nth-child(2) {
        border-bottom: 1px solid rgba(225, 225, 225, .9);
    }
    #om-os-row-4 .col-3 > .panel-grid-cell:nth-child(2) {
        border-right: none;
    }
    #om-os-row-4 .col-3 > .panel-grid-cell:last-child {
        width: 100% !important;
        padding-bottom: 0 !important;
    }

    #kontakt-row-3 .wrap {
        max-width: 95%;
    }
    #kontakt-row-3.g-full-container {
        padding: 50px 0;
    }

}

@media only screen and (max-width: 899px) {
   /* .home .site-slider {
        position: relative;
    }
    .home .site-slider > rs-fullwidth-wrap {
        width: 100% !important;
    }
    .site-slider #banner-wrap {
        position: absolute;
        inset: 0;
        margin: auto !important;
        height: fit-content !important;
        padding: 35px 25px 40px 25px;
        width: 93% !important;
        border: none;
        text-align: center;
        background: rgba(14, 30, 64, .9);
    } */

    .home .site-slider > rs-fullwidth-wrap {
        width: 45.3% !important;
    }
    .site-slider #banner-wrap {
        width: 54.7% !important;
    }
    #banner-wrap .title p br {
        display: none;
    }
    #banner-wrap .btn-1 {
        line-height: 1.45 !important;
    }

    .site-header .site-branding {
        width: 30%;
    }
    .site-header .header-right {
        width: 70%;
    }

    .site-footer #footer-col-2 {
        max-width: 50%;
        padding-left: 24.5px;
    }
    .site-footer #footer-col-3 {
        padding-left: 38px;
        max-width: 50%;
    }
    .site-footer #footer-col-4 {
        max-width: 100%;
        margin-top: 50px;
        padding-left: 24.5px;
    }

    .g-magic-container .col-2 > .panel-grid-cell, 
    .g-magic-container.col-2 > .panel-grid-cell {
        width: 100% !important;
    }
    .g-magic-container .magic-left,
    .g-magic-container.magic-left {
        flex-direction: column-reverse !important;
    }
    .g-magic-container .magic-left > .panel-grid-cell:last-child, 
    .g-magic-container .magic-right > .panel-grid-cell:first-child, 
    .g-magic-container.magic-left > .panel-grid-cell:last-child, 
    .g-magic-container.magic-right > .panel-grid-cell:first-child, 
    #energioptimering-row-4.g-magic-container.magic-right > .panel-grid-cell:first-child, 
    #badev-row-2.g-magic-container .magic-left > .panel-grid-cell:last-child, 
    #badev-row-2.g-magic-container .magic-right > .panel-grid-cell:first-child, 
    #tagrender-row-2.g-magic-container .magic-left > .panel-grid-cell:last-child, 
    #tagrender-row-2.g-magic-container .magic-right > .panel-grid-cell:first-child {
        padding: 60px 20px 50px !important;
    }

    #forside-row-2 .g-special-bold, 
    #energioptimering-row-3 .g-special-bold, 
    #varmesystemer-row-3 .g-special-bold, 
    #total-row-3 .g-special-bold, .g-special-bold.wrap, 
    .g-img-right > .panel-grid-cell:first-child, 
    #forside-row-5 .g-img-right > .panel-grid-cell:first-child {
        padding: 0;
    }

    .g-img-left-2 {
        flex-direction: column-reverse !important;
    }
    .g-img-left > .panel-grid-cell, 
    .g-img-right > .panel-grid-cell, 
    .g-img-left-2 > .panel-grid-cell, 
    .g-img-right-2 > .panel-grid-cell {
        width: 100% !important;
        text-align: center;
    }
    .g-img-left-2.width-md > .panel-grid-cell:last-child, 
    .g-img-right-2.width-md > .panel-grid-cell:first-child {
        padding: 40px 20px !important;
    }
    .g-img-left-2 > .panel-grid-cell:last-child {
        padding: 40px 20px !important;
    }
    .g-img-right-2 > .panel-grid-cell:first-child {
        padding: 40px 20px !important;
    }

    .g-full-container {
        padding: 60px 0;
    }
    .g-full-container-md {
        padding: 60px 0 55px;
    }

    .g-special-bold .textwidget p:first-of-type {
        font-size: 1.0625rem;
    }

    .g-big-box {
        padding: 60px 25px 50px;
        margin: 0;
    }

    .g-col-2-blue .col-2 > .panel-grid-cell,
    .g-col-2 .col-2 > .panel-grid-cell {
        width: 100% !important;
        text-align: center;
    }
    .g-col-2-blue .col-2 > .panel-grid-cell:first-child, 
    .g-col-2 .col-2 > .panel-grid-cell:first-child {
        padding: 0 0 40px 0 !important;
    }
    .g-col-2-blue .col-2 > .panel-grid-cell:last-child, 
    .g-col-2 .col-2 > .panel-grid-cell:last-child {
        padding: 40px 0 0 0 !important;
    }
    .g-col-2-blue .col-2 > .panel-grid-cell:last-child {
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, .2);
    }
    .g-col-2 .col-2 > .panel-grid-cell:last-child {
        border-left: none;
        border-top: 1px solid rgba(225, 225, 225, .9);
    }

    h2 {
        font-size: 1.875rem;
    }
    h3 {
        font-size: 1.625rem;
    }
    h5 {
        font-size: 1.625rem;
    }

    .page-id-87 .g-col-2-blue .ornament-right h3:before,
    .ornament-right h3:before {
        top: 4px;
    }
    .ornament-right h5:before {
        top: 2px;
    }

    #forside-row-1.g-full-container {
        padding: 40px 0;
    }
    #forside-row-1 .wrap > .panel-layout {
        padding: 0;
    }
    #forside-row-1 .box {
        padding: 40px 25px 35px;
    }

    #forside-row-1 .box .title p {
        gap: 15px;
        margin-bottom: 18px;
    }
    #forside-row-1 .box .title a {
        font-size: 1.625rem;
    }

    #om-cookies .wrap {
        padding: 0;
    }
    #om-cookies ul {
        margin: 20px 0 20px 10px;
    }
}


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

    /** FACEBOOK in-app browser fix **/
    .panel-grid .panel-grid-cell {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 0 !important;
        width: 100% !important;
    }


    .site-header, .gsticky .site-header {
        height: 100px;
    }
    .site-slider {
        margin-top: 100px;
    }

    #social-floater-section {
        display: none;
    }

    #kontakt-vss-section .wrap {
        gap: 0;
    }
    #kontakt-vss-section .btn-wrap {
        margin-top: 20px;
    }
    #kontakt-vss-section .btn-wrap p {
        justify-content: center !important;
    }

    #forside-row-1 .wrap > .panel-layout {
        gap: 15px;
    }
    #forside-row-1 .wrap > .panel-layout > .panel-grid {
        width: calc(50% - 1 * 8.6px);
    }

    #om-os-row-4 .col-3,
    #kontakt-row-1 .col-4 {
        flex-direction: row !important;
    }
    #kontakt-row-2 p {
        font-size: 1.625rem;
    }
    #kontakt-row-3 .wrap {
        padding: 50px 20.5px 55px;
    }

    #kontakt-row-1 .col-4 > .panel-grid-cell {
        padding: 45.5px 30px !important;
    }

    #om-cookies label {
        font-size: 1.375rem;
    }

}

@media only screen and (max-width: 767px) {
   /* .site-slider #banner-wrap {
        padding: 30px 35px;
    }*/

    .g-full-container-md {
        padding: 50px 0 50px;
    }

    h2 {
        font-size: 1.75rem;
    }
    .ornament-right h2:before {
        top: 3px;
    }

    #kontakt-form [type="text"], 
    #kontakt-form [type="tel"], 
    #kontakt-form [type="email"], 
    #kontakt-form [type="date"], 
    #kontakt-form textarea, #kontakt-form select {
        font-size: 1.0625rem;
    }
}

@media only screen and (max-width: 734px) {
    .home .site-slider > rs-fullwidth-wrap {
        padding-bottom: 0;
        width: 100% !important;
    }
    .site-slider #banner-wrap {
        width: 100% !important;
        text-align: center;
        position: relative;
    }
    .site-slider #banner-wrap .banner-text {
        border: none;
        padding: 30px 15px 35px 15px;
    }
    #banner-wrap .title p {
        background: url(assets/images/banner-ornament.png) no-repeat top 0px center;
        background-size: 45px 45px;
        position: relative;
        padding-top: 45px;
    }
    #banner-wrap .title p:before,
    #banner-wrap .title p:after {
        content: '';
        display: inline-block;
        background: rgba(178, 178, 178, .6);
        height: 1px;
        width: 100px;
        top: 20px;
        margin: 0 auto;
        right: 0;
        left: 0;
        position: absolute;
    }
    #banner-wrap .title p:before {
        left: 160px;
    }
    #banner-wrap .title p:after {
        right: 160px;
    }
    #banner-wrap .sub-text p:last-of-type {
        gap: 6px;
        justify-content: center;
    }


    #kontakt-row-1 .col-4 > .panel-grid-cell {
        width: 47.5% !important;
    }

    #kontakt-form .row, #kontakt-form .inrow {
        flex-direction: column;
    }
    #kontakt-form .row.col-3 .col {
        width: 100%;
    }
    #kontakt-form .row.col-3 .col+.col {
        padding-top: 10px;
        padding-left: 0;
    }
    
}

@media only screen and (max-width: 666px) {
    .site-header .site-branding {
        width: 33%;
    }
    .site-header .header-right {
        width: 54%;
        margin: 7px 0 0 0;
    }
    .site-header .header-right .box a {
        font-size: 24px;
    }
    .site-header .header-right .box.phone {
        background-size: 48px 48px;
        background-position: center left -10px;
        margin-top: 8px;
        padding-bottom: 3px;
    }
    .site-header .header-right .box {
        padding-left: 37px;
    }
    .site-header .hmenu-wrapper .hamburger {
        margin-left: 9px;
    }

    .g-magic-container .magic-left > .panel-grid-cell:last-child h2, 
    .g-magic-container .magic-right > .panel-grid-cell:first-child h2, 
    .g-magic-container.magic-left > .panel-grid-cell:last-child h2, 
    .g-magic-container.magic-right > .panel-grid-cell:first-child h2 {
        font-size: 1.75rem;
    }

    h1 {
        font-size: 34px;
    }

    #forside-row-1 .wrap > .panel-layout > .panel-grid {
        width: 100% !important;
    }
    #forside-row-1 .box {
        padding: 40px 35px 35px;
    }
    #forside-row-1 .box .title a {
        font-size: 1.75rem;
    }
}


@media only screen and (max-width: 599px) {
    #kontakt-vss-section .title p {
        font-size: 1.375rem;
    }
    #om-os-row-4 .col-3 .text :is(p,a) {
        font-size: 1.25rem;
    }
    #kontakt-row-2 p {
        font-size: 1.5rem;
    }
}


@media only screen and (max-width: 567px) {
    .g-magic-container .magic-left > .panel-grid-cell:last-child, 
    .g-magic-container .magic-right > .panel-grid-cell:first-child, 
    .g-magic-container.magic-left > .panel-grid-cell:last-child, 
    .g-magic-container.magic-right > .panel-grid-cell:first-child, 
    #energioptimering-row-4.g-magic-container.magic-right > .panel-grid-cell:first-child, 
    #badev-row-2.g-magic-container .magic-left > .panel-grid-cell:last-child, 
    #badev-row-2.g-magic-container .magic-right > .panel-grid-cell:first-child, 
    #tagrender-row-2.g-magic-container .magic-left > .panel-grid-cell:last-child, 
    #tagrender-row-2.g-magic-container .magic-right > .panel-grid-cell:first-child {
        padding: 60px 15px 50px !important;
    }

    #om-os-row-4 .col-3 > .panel-grid-cell {
        padding: 20px 15px !important;
    }

    #kontakt-row-1 .col-4 > .panel-grid-cell {
        width: 100% !important;
    }

    .g-rectangle {
        padding: 25px 20px !important;
    }

    .ornament-right h2,
    .ornament-right h3,
    .ornament-right h5 {
        display: inline;
        margin-bottom: 0;
    }


    .ornament-right h2:before {
        top: 4px;
    }
    .page-id-87 .g-col-2-blue .ornament-right h3:before, 
    .ornament-right h3:before {
        top: 2px;
    }
    .ornament-right h5:before {
        top: 4px;
    }

    .ornament-right {
        margin-bottom: 25px;
    }   
}


@media only screen and (max-width: 496px) {
    .site-footer .widget-title {
        display: inline-block;
        width: auto;
    }
    .site-footer #footer-col-2,
    .site-footer #footer-col-3,
    .site-footer #footer-col-4 {
        max-width: 100%;
        padding: 0;
        text-align: center;
    }
    .site-footer #footer-col-3 {
        margin-top: 50px;
    }
    .site-footer #footer-col-4 label {
        width: 100%;
    }
    .site-footer #footer-col-4 p + p {
        margin-top: 10px;
    }

}

@media only screen and (max-width: 479px) {
    .site-header .site-branding {
        width: 37%;
    }
    .site-header .header-right {
        width: 46%;
        margin: 7px 0 0 0;
    }
    .site-header .hmenu-wrapper .hamburger {
        margin-left: 0;
    }
    .site-header .header-right .box {
        padding-left: 29px;
    }
    .site-header .header-right .box a {
        font-size: 20px;
    }
    .site-header .header-right .box.phone {
        background-size: 42px 42px;
        margin-top: 7px;
    }

    .g-full-container-md {
        padding: 45px 0 40px;
    }
    .g-full-container {
        padding: 50px 0;
    }
    .g-magic-container .magic-left > .panel-grid-cell:last-child, 
    .g-magic-container .magic-right > .panel-grid-cell:first-child, 
    .g-magic-container.magic-left > .panel-grid-cell:last-child, 
    .g-magic-container.magic-right > .panel-grid-cell:first-child, 
    #energioptimering-row-4.g-magic-container.magic-right > .panel-grid-cell:first-child, 
    #badev-row-2.g-magic-container .magic-left > .panel-grid-cell:last-child, 
    #badev-row-2.g-magic-container .magic-right > .panel-grid-cell:first-child, 
    #tagrender-row-2.g-magic-container .magic-left > .panel-grid-cell:last-child, 
    #tagrender-row-2.g-magic-container .magic-right > .panel-grid-cell:first-child {
        padding: 50px 15px 45px !important;
    }
    .g-img-right > .panel-grid-cell:last-child, 
    .g-img-left > .panel-grid-cell:first-child {
        margin-top: 40px;
    }

    .g-img-left-2 > .panel-grid-cell:last-child {
        padding: 40px 15px !important;
    }
    #om-os-row-4 .col-3 > .panel-grid-cell:first-child,
    #om-os-row-4 .col-3 > .panel-grid-cell:nth-child(2),
    #om-os-row-4 .col-3 > .panel-grid-cell:last-child {
        width: 96% !important;
    }
    #om-os-row-4 .col-3 > .panel-grid-cell:nth-child(2) {
        border-left: none;
    }

    .g-rectangle {
        padding: 25px 30px !important;
    }

    #kontakt-row-3 .wrap {
        padding: 40px 20.5px 35px;
    }
}

@media only screen and (max-width: 413px) {
    #resp-sidebar #mobile-navigation li > a {
        font-size: 1rem;
    }
    #resp-sidebar #mobile-navigation .sub-menu li > a {
        font-size: 1rem;
    }
    #resp-sidebar .contact-sidebar .box a {
        font-size: 1.375rem;
    }
    #resp-sidebar .contact-sidebar .email a {
        font-size: 1.125rem;
    }

    h1 {
        font-size: 2rem;
    }
}


@media only screen and (max-width: 374px) {
    .site-header .site-branding {
        width: 42%;
    }
    .site-header .header-right .box.phone {
        background: none;
        padding: 0;
        margin: 0;
    }
    .site-header .header-right {
        width: 40%;
    }
    .site-header .header-right .box a {
        font-size: 18px;
    }

    #kontakt-vss-section .btn-wrap p {
        gap: 4px;
    }
}


@media only screen and (max-width: 320px) {
    
}



/** Slidebar Overrides **/
@media only screen and (max-width: 2000px) and (min-width: 1600px) {
    .sb-slidebar {
        max-width: 420px;
        width: 100%;
    }
}
@media only screen and (max-width: 1599px) and (min-width: 1367px) {
    .sb-slidebar {
        max-width: 350px;
        width: 100%;
    }
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
    .sb-slidebar {
        max-width: 350px;
        width: 100%;
    }
}
@media only screen and (max-width: 1024px) and (min-width: 901px) {
    .sb-slidebar {
        max-width: 350px;
        width: 100%;
    }
}
@media only screen and (max-width: 900px) and (min-width: 768px) {
    .sb-slidebar {
        max-width: 350px;
        width: 100%;
    }
}
@media only screen and (max-width: 767px) and (min-width: 568px) {
    .sb-slidebar {
        max-width: 350px;
        width: 100%;
    }
}
@media only screen and (max-width: 567px) and (min-width: 414px) {
    .sb-slidebar {
        max-width: 350px;
        width: 100%;
    }
}
@media only screen and (max-width: 413px) and (min-width: 321px) {
    .sb-slidebar {
        max-width: 290px;
        width: 100%;
    }
}
@media only screen and (max-width: 320px) and (min-width: 300px) {
    .sb-slidebar {
        max-width: 280px;
        width: 100%;
    }
}