:root {
    --color-brand: #4DAF48;
    --w-space-l: 18px;
    --m-height: 80px;
    --swiper-pagination-color: #4DAF48;
}

.color-brand ,
.green-txt{
    color: var(--color-brand);
}
.bold, strong, b{
    font-weight: 500;
}
.btn.btn-primary{background: var(--color-brand);border:none;border-radius: 20px;}

.nowrap {
    white-space: nowrap;
}
/*Spacing*/
:root {
    --sp-xxs: 8px;
    --sp-xs: 12px;
    --sp-s: 18px;
    --sp-m: 24px;
    --sp-l: 28px;
    --sp-xl: 36px;
    --sp-2xl: 48px;
    --sp-3xl: 68px;
    --sp-4xl: 80px;
}

@media (min-width : 768px) {
    :root {

        --sp-3xl: 72px;
        --sp-4xl: 96px;
    } 
}

@media (min-width : 1024px) {
    :root {
        --sp-4xl: 100px;
    } 
}

@media (min-width : 1440px) {
    :root {
        --sp-xl: 36px;
        --sp-xl: 48px;
        --sp-2xl: 72px;
        --sp-3xl: 96px;
        --sp-4xl: 180px;
    } 
}
@media (min-width : 1920px) {
    :root {
        --sp-xl: 48px;
        --sp-xl: 68px;
        --sp-2xl: 80px;
        --sp-3xl: 100px;
        --sp-4xl: 200px;
    } 
}


.wp-block-spacer.is-style-xxs {
    height: var(--sp-xxs) !important;
}
.wp-block-spacer.is-style-xs {
    height: var(--sp-xs) !important;
}
.wp-block-spacer.is-style-s {
    height: var(--sp-s) !important;
}
.wp-block-spacer.is-style-m {
    height: var(--sp-m) !important;
}
.wp-block-spacer.is-style-l {
    height: var(--sp-l) !important;
}
.wp-block-spacer.is-style-xl {
    height: var(--sp-xl) !important;
}
.wp-block-spacer.is-style-2xl {
    height: var(--sp-2xl) !important;
}
.wp-block-spacer.is-style-3xl {
    height: var(--sp-3xl) !important;
}
.wp-block-spacer.is-style-4xl {
    height: var(--sp-4xl) !important;
}


/*links*/
a:link{color:var(--color-brand);text-decoration: none;outline:none;
        -webkit-transition: all .3s ease;
           -moz-transition: all .3s ease;
                transition: all .3s ease;
                }

a:visited{color:var(--color-brand);text-decoration: none;} a:active{color:var(--color-brand);text-decoration: none;}a:hover{color:var(--color-brand); text-decoration: none;}


a.link-box {
    padding: 17px 34px;
    border: none;
    border-radius: 50%;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #fff;
    background-color: var(--color-brand);
    display: inline-block;
    text-align: center;
    border-radius: 37px;
    transition: opacity 0.3s ease-in-out;
}
a.link-box:hover {
    opacity: 0.85;
}
a.link-box-w {
    color: var(--color-brand);
    background-color: #fff;
}

a.link-box-b {
    color:#000;
    background-color: none;
    border: 2px solid #000000;
}

a.link-box-w ,
a.link-box-b {
    
    display: block;
}

@media (min-width : 576px) {

    a.link-box-w ,
    a.link-box-b {
        text-align: center;
        display: inline-block;
        width: 400px;
        padding: 28px 34px;
        border-radius: 59px;
    }
}

/*container*/
@media (min-width : 576px) {
    .container{
        max-width: calc(100% - 2 * var(--w-space-l));
    }
}
@media (min-width : 1024px) {
    :root {
        --w-space-l: 36px;
    }
}
@media (min-width : 1400px) {
    :root {
        --w-space-l: 72px;
    }
}

@media (min-width : 2000px) {
    .container{
        max-width: 1920px;
    }
}
/*header*/
header {
    top: 0;
    position: -webkit-sticky;
    position: sticky;
    background: #fff;
    z-index: 1100;
}
.logo-wrap img{
    width: 120px;
}

@media (min-width : 1024px) {
    .logo-wrap img{
        width: 180px;
    }
}

/*footer*/
footer {
    background: none;
}
.c-contact {
    background-color: var(--color-brand);
    color: #fff;
    padding: 80px 0;
}
.c-contact h5 {
    font-size: 24px;
    line-height: 1.1;
    margin: 0 0 36px;
}
.c-contact p.bold {
    font-size: 18px;
    line-height: 1.1;
    margin: 0 0 48px !important;
}
@media (min-width : 768px) {
    .c-contact {
        padding: 96px 0;  
    }
    .c-contact h5 {
        margin: 0 0 48px;
    }
    .c-contact p.bold {
        max-width: 576px;
        margin: 0 auto 36px !important;
    }
}

@media (min-width : 1280px) {
    .c-contact h5 {
        font-size: 36px;

    }
    .c-contact p.bold {
        font-size: 24px;
    }
}
.c-footer {
    position: relative;
    overflow: hidden;
}
.c-footer-bg {
    position: absolute;

    left: 0px;
    width: 100vw;
    height: 110vw;
    transform: translate3d(-20%, 0, 0);
    opacity: 0.05;
}
.c-footer-bg img{
    display: block;
    width: 100%;
   
}
.c-footer .container {
    position: relative;
    padding-top: 68px;
    padding-bottom: 68px;
}
.c-footer h5{
    color:var(--color-brand);
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 36px;
    text-transform: uppercase;
}
.c-footer .row:first-child p{
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 18px !important;
}

.c-footer .row:first-child p:last-child{
    margin: 0!important;
}
.c-footer .row:first-child ul {
    list-style: none;
    padding :0;
}
.c-footer .row:first-child ul li{
    margin-bottom: 24px;
}
.c-footer .row:first-child ul li:last-child{
    margin-bottom: 0;
}
.c-footer .row:first-child ul a{
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}
.c-footer .row:first-child ul a:hover{
    color: var(--color-brand);
}
.c-footer .row:first-child [class^="icon-"]:before {
    font-size: 36px;
    color: #000;
    margin: 0 8px 0 0;
    transition: color .3s ease;
}

.c-footer .row:first-child  a:hover [class^="icon-"]:before{
    color: var(--color-brand);
}

.c-footer .row:last-child  hr{
    height: 1px;
    background-color: var(--color-brand);
    margin:0 0 18px;
}
.c-footer .row:last-child p {
    font-size: 10px;
    line-height: 12px;  
}
.c-footer .row:last-child a{
    color: #000;
}
.c-footer .row:last-child a:hover{
    color: var(--color-brand);
}
.c-footer .row:last-child > *:last-child {
    opacity: 0.48;
}
@media (max-width : 767.98px) { 
    .c-footer-bg {
        bottom: -80px;
    }
    .c-footer .row:first-child > *{
        margin-bottom: 48px;
    }
    .c-footer .row:last-child > *:last-child {
        margin-top: 18px;
    }
}

@media (min-width : 768px) {
    .c-footer-bg{
        width: 60vw;
        height: 66vw;
        transform: translate3d(-20%, 0, 0);
        top: 35%;
    }
    .c-footer .container {
        position: relative;
        padding: 96px 0;
    }
    .c-footer .row:first-child {
        padding-bottom: 96px;
    }
    .c-footer .row:first-child ul {
        column-count: 2;
        max-width: 260px;
    }
    .c-footer .row:first-child ul li{
        display: inline-block;
    }
    .c-footer .row:first-child ul li:last-child{
        margin-bottom: 24px;
    }
    .c-footer .row:last-child > *:last-child {
        text-align: right;
    }
}
@media (min-width : 1280px) {
    .c-footer-bg{
        top: 40%;
        transform: translate3d(-20%, 0, 0);
    }

}
@media (min-width : 1440px) {
    .c-footer .container {
        position: relative;
        padding-top: 180px;
        padding-bottom: 180px;
    }
    .c-footer h5,
    .c-footer .row:first-child p,
    .c-footer .row:first-child ul a{
        font-size: 18px;
        line-height: 21px;
    }
    .c-footer .row:first-child ul {
        max-width: 360px;
    }
    .c-footer .row:last-child p{
        font-size: 14px;
        line-height: 16px;
    }

}
/*menu*/

@media (max-width : 1279.98px) {
    .mega-menu-wrap {
   
        right: 1rem !important;
    }
    #mega-menu-header-menu {
        overflow: hidden!important;
        min-height: calc(100vh - var(--m-height)) !important;
    }
    #mega-menu-wrap-header-menu a.mega-menu-link{
        font-weight: 500 !important;
    }
    #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-box{
        width: 24px;
    }
    #mega-menu-wrap-header-menu .mega-menu-toggle {
        background-color: transparent;
        height: 4.9rem;
    }
    #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
    
        height: 2px;
        width: 30px;
        background-color: #000;
    }

    #mega-menu-wrap-header-menu .mega-menu-toggle + #mega-menu-header-menu {
        background-color: #fff;
        border-top: 1px solid rgba(0, 0, 0, 0.12);
        padding-top: 54px;
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item {
        position: static!important;
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link{
        color: #000;
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link ，
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{
        color: #000;
        background-color: transparent;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu:not(.mega-menu-tabbed) li.mega-menu-item-has-children:not(.mega-collapse-children) > a.mega-menu-link > span.mega-indicator, #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children.mega-hide-arrow > a.mega-menu-link > span.mega-indicator {
        display: inline-block;
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after,
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after{
        content: "\f345";
    }

    .mega-menu-item > .mega-sub-menu {
        border-top: none!important;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item > ul.mega-sub-menu {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background: #fff;
        transform: translate(100%, 0);
        transition: transform 0.25s ease-in-out;
        padding-top: 54px;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item > ul.mega-sub-menu .mega-menu-clear p{
        display: none;
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item > ul.mega-sub-menu .mega-menu-clear h2 {
        font-size: 24px;
        line-height: 28px;
        font-weight: 500!important;
        color: #000;
        margin: 48px 0 0;
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item > ul.mega-sub-menu .mega-menu-clear .m-back{
        font-size: 18px;
        line-height: 21px;
        color: #000;
        font-weight: 400!important;
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item > ul.mega-sub-menu .mega-menu-clear .m-back:before {
        content: '\f341';
        font-family: dashicons;
        font-weight: normal;
        display: inline-block;
        margin: 0 2px 0 0;
        vertical-align: top;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: rotate(0);
        color: inherit;
        position: relative;
        background: transparent;
        height: auto;
        width: auto;
        left: -2px;
        line-height: inherit;
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children.mega-toggle-on >  ul.mega-sub-menu{
        transform: translate(0, 0);
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
        padding: 24px 32px;

    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item  a.mega-menu-link {
        font-size: 24px;
        line-height: 28px;
        font-weight: 400!important;
    }
    /* #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item  a.mega-menu-link:before {
        display: none;
    } */
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
        padding: 24px 32px;
        line-height: 1.2em;
        height: auto;
        font-size: 24px;
        line-height: 28px;
 
    }
    
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-wpml-ls-current-language > ul.mega-sub-menu  {
        position: static !important;
        transform: translate(0,0) !important;
        padding-top: 0!important;
        display: none;
    }
    #mega-menu-wrap-header-menu .mega-wpml-ls-current-language .mega-menu-link {
        display: inline-block!important;

    }

    #mega-menu-wrap-header-menu .mega-wpml-ls-current-language ul.mega-sub-menu  .mega-menu-link {
        
        padding-left: 32px!important;
        font-size: 24px!important;
        line-height: 28px!important;
    }

    #mega-menu-wrap-header-menu .mega-wpml-ls-current-language  span.mega-indicator:after {
        content:"\f347" !important;
        color:var(--color-brand)!important;
    }
}
.main-menu-wrap .custom-html-widget a:hover {
    color:var(--color-brand);
}
#mega-menu-wrap-header-menu li.mega-menu-item li.mega-menu-item a.mega-menu-link {
    transition: color ease 0.35s !important;
}
@media (max-width : 765.98px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
        padding: 18px 5px;
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item  a.mega-menu-link {
        font-size: 18px;
        line-height: 21px;
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
        padding: 18px 15px;
        font-size: 18px;
        line-height: 21px;
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item > ul.mega-sub-menu .mega-menu-clear h2{
        font-size: 18px;
        line-height: 21px;
        margin: 36px 0 0;
    }
    #mega-menu-wrap-header-menu .mega-wpml-ls-current-language ul.mega-sub-menu  .mega-menu-link {
        padding-left: 16px!important;
        font-size: 18px !important;
        line-height: 21px !important;
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item > ul.mega-sub-menu {
        padding-top: 30px;
    }
    #mega-menu-wrap-header-menu .mega-menu-toggle + #mega-menu-header-menu {
        padding-top: 30px;
    }
}
@media (min-width : 1280px) {
    header .container {
        position: relative;
    }
    header .container .row {
        align-items: center;
    }
    .main-menu-wrap, .mega-menu-wrap , #mega-menu-wrap-header-menu, #mega-menu-header-menu{
        position: static !important;
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu {
        display: flex;
    }
    #mega-menu-header-menu .mega-menu-item-21,
    #mega-menu-header-menu .mega-menu-item-3160 {
        margin-left: auto !important;
    }
    ul.mega-sub-menu  .m-back{
        display: none ;
    }
    .main-menu-wrap .custom-html-widget a {
        color: #000;
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
        height: 100px;
        line-height: 100px;
    }
    .mega-menu-item > .mega-sub-menu {
        border-top: none !important;
        padding-top: 48px!important;
        padding-bottom: 48px!important;
        min-height: 300px!important;
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu:before {
        position: absolute;
        content: "";
        display: block;
        width: 100vw;
        height: 100%;
        left: 0;
        top: 0;
        margin:0 calc(50% - 50vw);
        background-color: #fff;
        border-top: 1px solid rgba(0, 0, 0, 0.12);
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-men >li{
        position: relative;
    }
    #mega-menu-header-menu >  li.mega-menu-item  > a.mega-menu-link {
        font-weight: 500 !important;
    }
    /* #mega-menu-wrap-header-menu li.mega-menu-item li.mega-menu-item a.mega-menu-link::before {
        display: none !important;
    } */


    #mega-menu-wrap-header-menu .mega-wpml-ls-current-language  span.mega-indicator:after {
        content:"\f347" !important;
        color:var(--color-brand)!important;
    }

    #mega-menu-wrap-header-menu .mega-wpml-ls-current-language  ul.mega-sub-menu {
        width: 150px!important;
        min-height: 0px!important;
        padding-top: 10px!important;
        padding-bottom: 10px!important;
    }
}
@media (min-width : 1440px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link{
        padding: 0px 16px ;
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
        padding: 16px 15px 7px 16px;
    }
    .mega-menu-item > .mega-sub-menu {
        min-height: 400px!important;
    }
    .mega-menu-wrap h2 {
        margin-bottom: 32px;
    }
    .mega-menu-wrap p{
        font-size: 21px;
        line-height: 25px;
        max-width: 600px;
    }
}
@media (min-width : 1680px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
        height: 150px;
        line-height: 150px;
    }
    #mega-menu-header-menu >  li.mega-menu-item  > a.mega-menu-link {
        font-size: 21px !important;
    }
    .mega-menu-wrap h2 {
        font-size: 36px !important;
        line-height: 42px !important;
    }
    .mega-menu-item > .mega-sub-menu {
        padding-top: 65px!important;
        padding-bottom: 65px!important;

    }
    #mega-menu-wrap-header-menu li.mega-menu-item li.mega-menu-item a.mega-menu-link {
        font-size: 18px !important;
        line-height: 21px !important;
    }
}


/*hero*/
.hero-wrap {
    position: relative;
}
.hero-text-wrap {
    height: calc(100vh - var(--m-height));
    position: relative;
}
.hero-text {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: calc(20px + 10vh);
    max-width: 557px;
    color: #fff;
    /* text-shadow: 1px 1px 2px #666; */
}
.hero-wrap .container {
    position: relative;
}
.hero-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.hero-bg img,
.hero-bg video{
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.h-hero {
    font-size: 36px;
    line-height: 42px;
}
.hero-wrap .h-hero {
    margin: 0 0 18px;
}
.hero-wrap p{
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
}

.hero-wrap p:not(:last-child) {
    margin: 0 0 36px;
}
.hero-wrap a {
    border: 2px solid #FFFFFF;
    border-radius: 59px;
    color: #fff;
    padding: 18px 32px;
    display: inline-block;
}

@media (min-width : 768px) {
    .h-hero {
        font-size: 48px;
        line-height: 56px;
    }
    .hero-wrap .h-hero {
        margin: 0 0 24px;
    }

}
@media (min-width : 1440px) {
    .h-hero {
        font-size: 56px;
        line-height: 66px;
    }
    .hero-wrap p:not(:last-child) {
        margin: 0 0 48px;
    }
    .hero-text {
        max-width: 746px;
        bottom: calc(20px + 15vh);
    }
    .hero-wrap p{
        font-size: 24px;
        line-height: 28px;
    }
    
}



/*contents*/

p , li{
    font-size: 14px;
    line-height: 1.14;
}
li {
    margin: 0 0 0.5em;
}

.h-key, h2 {
    font-weight: 500;
    font-size: 36px;
    line-height: 1.167;
}
.p-key, h3{
    font-weight: 500;
    font-size: 18px;
    line-height: 1.167;
}

body {
    --wp--preset--font-size--small: 12px;
    --wp--preset--font-size--medium: 14px;
    --wp--preset--font-size--large: 18px;
    --wp--preset--font-size--x-large: 36px;
}

@media (min-width : 1024px) {

    body {
        --wp--preset--font-size--large: 24px;
        --wp--preset--font-size--x-large: 48px;
    }

    
    .h-key , h2{
        font-size: 48px;

    }
    .p-key , h3{
        font-size: 24px;
    }

}

@media (min-width : 1440px) {

    body {
        --wp--preset--font-size--small: 16px;
        --wp--preset--font-size--medium: 24px;
        --wp--preset--font-size--large: 36px;
        --wp--preset--font-size--x-large: 56px;
    }

    p , li{
        font-size: 24px;
        line-height: 1.167;
    }
    .h-key , h2{
        font-size: 56px;
        line-height: 1.178;
    }
    .p-key, h3 {
        font-size: 36px;
    }
}

/*bg icon*/

body.home main {
    overflow: hidden;
}
body.home main > div {
    position: relative;
}
.hm-icon-bg {
    --icon-width : 80vw;
}
.hm-icon-bg > div {

    display: block;
    position: absolute;
    width: var(--icon-width);
    height: var(--icon-width);
    left: 40%;
    top: 0;
    background: no-repeat  url('/wp-content/themes/espg/img/logo-s.svg');
    background-size: contain;
    opacity: 0.05;
}

.hm-icon-bg-left > div {
    left: auto;
    right: 55%;
    top: -20px;
}


/*image text*/
.imagetext-text-wrap h3{
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 18px;
}
.imagetext-text-wrap p{
    font-size: 14px;
    line-height: 16px;
}
.imagetext-text-wrap p:first-child{
    margin-bottom: 18px;
}
.imagetext-txt-dark {
    background-color: #636569;
}
.imagetext-txt-green {
    background-color: var(--color-brand);
}
.imagetext-txt-dark, .imagetext-txt-green  {
    color: #fff;
}
.imagetext-wrap figure {
    position: relative;
}
.imagetext-wrap figure a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.imagetext-wrap figure  video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1; 
    background: #000;
}
.imagetext-wrap figure a img{
    width: 48px;
    height: auto;
}
.imagetext-wrap figure > img{
    width: 100%;
    height: auto;
}
@media (max-width : 767.98px) {

    .imagetext-wrap figure{
        width: 100vw;
        height: auto;
        margin:0 calc(50% - 50vw) 36px;
    }
    .imagetext-wrap {
        padding-bottom: 36px;
    }
    .imagetext-text {
        padding: 40px 0;
    }
}

@media (min-width : 768px) {
    .imagetext-wrap figure {
        margin: 0;
    }
    .imagetext-wrap .row {
        align-items: center;
        justify-content: space-between;
    }
    .imagetext-im-right .col-md-6:first-child   {
        order: 1;
    }
    .imagetext-wrap figure{
        width: calc(100% + var(--w-space-l) + var(--bs-gutter-x));
        height: auto;
    }
    .imagetext-im-left figure  {
        margin-left:calc(0px - var(--w-space-l) - var(--bs-gutter-x) * .5);
        margin-right: calc(0px  - var(--bs-gutter-x) * .5);
    }
    .imagetext-im-right figure  {
        margin-right:calc(0px - var(--w-space-l) - var(--bs-gutter-x) * .5);
        margin-left: calc(0px  - var(--bs-gutter-x) * .5);
    }
    .imagetext-wrap figure a img{
        width: 68px;
        height: auto;
    }

    .imagetext-txt-dark, .imagetext-txt-green  { 
        background: none;
    }
    .imagetext-txt-dark .container, .imagetext-txt-green  .container ,
    .imagetext-txt-dark .row, .imagetext-txt-green  .row{ 
        position: relative;
    }
    .imagetext-txt-dark .container:before, .imagetext-txt-green  .container:before { 
        content: "";
        position: absolute;
        width: calc(100% + 2 * var(--w-space-l) );
        left: calc(0px - var(--w-space-l));
        top: 0;
        height: 100%;
        background-color: var(--color-brand);
    }
    .imagetext-txt-dark .container:before{
        background-color:  #636569;
    }

}

@media (min-width : 1024px) {
    .imagetext-text-wrap h3{
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 24px;
    }
    .imagetext-text-wrap p{
        font-size: 14px;
        line-height: 16px;
    }
}

@media (min-width : 1440px) {
    .imagetext-text-wrap h3{
        font-size: 36px;
        line-height: 42px;
        margin-bottom: 36px;
    }
    .imagetext-text-wrap p{
        font-size: 24px;
        line-height: 28px;
    }
    .imagetext-wrap figure a img{
        width: 86px;
        height: auto;
    }
}


/*facts*/
.facts-wrap {
    background-color: var(--color-brand);
    color: #fff;
    text-align: center;
    padding: 68px 0 86px;
}
.facts-wrap h2{
    margin: 0 0 62px;
    font-size: 24px;
    line-height: 28px;
}
.facts-wrap figure{
    margin: 0;
}
.facts-wrap img {
    width: 100px;
    height: auto;
}
.facts-wrap figcaption{
    margin: 18px 0 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
}

.facts-wrap .col-md-3:not(:last-child){
    margin-bottom: 36px;
}
@media (min-width : 768px) {
    .facts-wrap {
        padding: 96px 0;
    }
    .facts-wrap img {
        width: 80px;
    }
    .facts-wrap h2{
        margin: 0 0 48px;
    }
}
@media (min-width : 1024px) {
    .facts-wrap h2{
        font-size: 36px;
        line-height: 42px;
    }
    .facts-wrap img {
        width: 100px;
    }

}

@media (min-width : 1440px) {
    .facts-wrap {
        padding: 144px 0;
    }
    .facts-wrap h2{
        font-size: 48px;
        line-height: 56px;
        margin: 0 0 72px;
    }
    .facts-wrap figcaption{
        margin: 24px 0 0;

        font-size: 24px;
        line-height: 28px;
    }
    .facts-wrap img {
        width: 160px;
    }
    .facts-wrap .row:last-child {
        max-width: 1300px;
        margin: 0 auto;
    }
}
@media (min-width : 1920px) {
    .facts-wrap {
        padding: 160px 0;
    }
    .facts-wrap h2{

        margin: 0 0 100px;
    }
}


/*slider*/
.sp-wrap {
    background: #DFE0E1;
    padding: 69px 0 58px;
}
.sp-wrap-home .row:last-child {
    text-align: center;
}
.sp-wrap-home .row:last-child a{
    display: inline-block;
    padding: 18px 32px;
    background: none;
    border: 2px solid #58585A;
    border-radius: 59px;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #58585A;
    transition: opacity 0.3s ease-in-out;
}
.sp-wrap-home .row:last-child a:hover {
    opacity: 0.85;
}
.sp-wrap .sp-item {
    background-color: #fff;
}
.sp-wrap .sp-item-text{
    padding:36px;
}


.sp-item h4 {
    font-size: 24px;
    line-height: 28px;  
    margin: 0 0 18px;
    text-transform: uppercase;
}
.sp-item h5 {
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 24px;
}
.sp-item  .sp-item-text  ul {
    list-style: none;
    padding: 0;
    margin: 0 0 36px;
}
.sp-item  .sp-item-text li {
    padding-left: 20px;
    position: relative;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
}
.sp-item  .sp-item-text li:not(:last-child){
    margin: 0 0 18px;
}
.sp-item .sp-item-text li:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border: 2px solid var(--color-brand);
    position: absolute;
    left: 0;
    top: 0.15em;
    border-radius: 50%;
}

.sp-item .sp-item-text a ,
.investor-buttons .wp-block-button a,
.btn.btn-primary,
a.wp-block-button__link
{
    display: inline-block;
    line-height: 56px;
    background-color: var(--color-brand) !important;
    color: #fff !important;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    margin: 0 18px 0 0; 
    border-radius: 999px;
    transition: opacity 0.3s ease-in-out;
}

.investor-buttons .wp-block-button a {
    padding:0 24px;
}
.btn.btn-primary, a.wp-block-button__link {
    padding:0 32px;
}
.sp-item .sp-item-text a:hover,
.investor-buttons .wp-block-button a:hover ,
.btn.btn-primary:hover {
    opacity: 0.85;
}
.sp-item .sp-item-text a:last-child {
    margin: 0;
}
.sp-item .sp-item-text a img {
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 6px;
}
.sp-item .tms-slides{
    min-height: 150px;
}

.swipersl-wrap {
    position: relative;
    padding-top: 61.36%;
}

.swiper {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}
.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-button-prev, .swiper-button-next {
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 50%;
    transition: opacity 0.3s ease-in-out;
}
.swiper-button-prev:hover, .swiper-button-next:hover {
    opacity: 0.85;
}
.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 18px;
    color:var(--color-brand);
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 18px;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{
    left: 18px;
}
.swiper-pagination-bullet {
    --swiper-pagination-bullet-inactive-opacity: 0.5;
    width: 6px;
    height: 6px;
    background: #fff;
}
@media (max-width : 767.98px) {
    .sp-wrap h2 {
        margin: 0 0 48px;
    }
    .sp-wrap .col-md-6:not(:last-child){
        margin: 0 0 24px;
    }
    .sp-wrap-home .row:last-child {
        margin-top: 48px;
    }
    .sp-wrap-home .row:last-child a{
        width: 100%;
        display: block;
    }
    .sp-item .sp-item-text a {
        width: 100px;
    }
}
@media (min-width : 768px) {
    .sp-wrap {
        padding: 96px 0;
    }

    .sp-wrap .col-md-6 {
        display: flex;
        margin-bottom: 1.5rem;
    }
    .sp-wrap  .sp-item {
        width: 100%;
    }
    .sp-wrap h2 {
        text-align: center;
        margin: 0 0 72px;
    }
    .sp-wrap-home .row:last-child {
        margin-top: 72px;
    }

    .sp-wrap:not(.sp-wrap-home) .col-md-6:not(:nth-child(1)):not(:nth-child(2)){
        margin: 24px 0 0 ;
    }
    .sp-item .sp-item-text a {
        width: 120px;
    }
}
@media (min-width : 1440px) {
    .sp-wrap {
        padding:144px 0;
    }
    .sp-wrap .sp-item-text{
        padding:48px;
    }

    .sp-item h4 {
        font-size: 36px;
        line-height: 42px; 
        margin: 0 0 24px;
    }
    .sp-item h5 {
        font-size: 24px;
        line-height: 28px;
        margin: 0 0 36px;
    }

    .sp-item  .sp-item-text  li {
        font-size: 24px;
        line-height: 36px;
        padding-left: 26px;
    }
    .sp-item .sp-item-text li:before {
        width: 14px;
        height: 14px;
        top: 0.45em;
    }
    .sp-item .sp-item-text a {
        width: 140px;
    }

    .swiper-button-prev, .swiper-button-next {
        width: 60px;
        height: 60px;
        background: #fff;
        border-radius: 50%;
        transition: opacity 0.3s ease-in-out;
    }

    .swiper-button-next:after, .swiper-button-prev:after{
        font-size: 30px;
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: 24px;
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-next{
        left: 24px;
    }

    .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .investor-buttons .wp-block-button a,
    .btn.btn-primary, a.wp-block-button__link {
        padding:0 47px;
    }
}
@media (min-width : 1920px) {
    .sp-wrap {
        padding:180px 0;
    } 
}


/*follow hero*/
main > .wp-block-cover:first-child {
    align-items: flex-end !important;
    padding-left: 12px;
}
main > .wp-block-cover.has-parallax:first-child .wp-block-cover__inner-container > * {
    text-align: left;
    text-transform: none !important;
    color: #fff;
    font-size: 36px !important;
    line-height: 42px;
    font-weight: 500;
}

@media (min-width: 576px) {
    main > .wp-block-cover:first-child {
        padding-left: 0;
        padding-right: 0;
    }
    main > .wp-block-cover.has-parallax:first-child .wp-block-cover__inner-container {
        width: calc(100% - 2 * var(--w-space-l));
        padding-left:0.75rem;
    }
}
@media (min-width : 768px) {

    main > .wp-block-cover.has-parallax:first-child .wp-block-cover__inner-container > * {
        font-size: 48px !important;
        line-height: 56px;
    }
    main > .wp-block-cover.has-parallax:first-child  {
        padding-bottom: 32px;

    }
}

@media (min-width : 1440px) {

    main > .wp-block-cover.has-parallax:first-child .wp-block-cover__inner-container > * {
        font-size: 56px !important;
        line-height: 66px;
    }

}

@media (min-width : 1680px) {
    main > .wp-block-cover.has-parallax:first-child {
        padding-bottom: 72px;
        height: 480px;
    }
}

@media (min-width : 2000px) {
    main > .wp-block-cover.has-parallax:first-child .wp-block-cover__inner-container{
        max-width: 1920px; 
    }
}

/*news*/
.page-news main {
    background: #DFE0E1;
}

.news-item {

    background: #fff;
}
.news-row .col-12:not(:last-child) .news-item {
    margin: 0 0 18px;
}
.news-item a {
    padding: 12px; 
    position: relative;
    display: block;

}

.news-item a ,
.news-item a h2{
    color: #58585A;
    font-size: 14px;
    line-height: 16px;
    transition: color 0.35s ease-in-out;
}
.news-item a:hover ,.news-item a:hover h2{
    color: var(--color-brand);
}
.news-item a div {
    margin-bottom: 8px;
}

.news-item a[href$=".pdf"]:after {
    content: "PDF Download";
    display: block;
    margin-top: 12px;
    font-size: 12px;
    line-height: 14px;
    color:var(--color-brand);
    font-weight: 500;

}
@media (min-width : 768px) {
    .news-item a {
        padding-right: 140px;
    }
    .news-item a[href$=".pdf"]:after {
        position: absolute;
        right: 12px;
        bottom: 12px;
        margin: 0;
        width: 140px;
        text-align: right;
    }
}

@media (min-width : 1440px) {
    .news-item a ,
    .news-item a h2{
        font-size: 24px;
        line-height: 28px;
        
    }
    .news-item a div {
        margin-bottom: 12px;
    }
    .news-item a {
        padding: 36px 200px 36px 36px;

    }
    .news-item a[href$=".pdf"]:after {
        font-size: 18px;
        line-height: 21px;
        right: 36px;
        bottom: 36px;
    }
}



/*lightbox*/
.gloader {
    border-color: var(--color-brand);
    border-right-color: transparent;
}
.goverlay {
    background: rgba(255,255,255,.9);
}

.glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path {
    fill: var(--color-brand);
}
.glightbox-clean .gclose, .glightbox-clean .gclose:hover {
    background: none;
}
.glightbox-clean .gnext, .glightbox-clean .gprev {
    background:  rgba(255,255,255,.32);

}
.glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover {
    background: rgba(255,255,255,.32);
}
.gclose.disabled, .gnext.disabled, .gprev.disabled {
    display: none;
}
.glightbox-clean .gprev {
    width: 40px;
}
@media (min-width : 1440px) {
    .gclose svg, .gnext svg, .gprev svg , .glightbox-clean .gclose svg{
        width: 35px;
    }

    .glightbox-clean .gprev {
        width: 60px;
    }
}


/*animations*/
/*home*/
.home .hero-wrap {
    overflow: hidden;
}
.home .hero-wrap .hero-bg {
    opacity: 0;
    transition: opacity .5s,transform .1s;
}
.home .hero-wrap  .hero-text-wrap {
    opacity: 0;
    transform: translate(0, 2rem);
    transition: opacity .5s .5s,transform .5s .5s;
}
.win-loaded .home .hero-wrap .hero-bg{
    opacity: 1;
}
.win-loaded  .home .hero-wrap   .hero-text-wrap {
    opacity: 1;
    transform: translate(0, 0);
}

.home .wp-bootstrap-blocks-container .col-12,
.home .imagetext-wrap figure, .home .imagetext-wrap .imagetext-text-wrap , .home .imagetext-wrap  .container:before,
.home .facts-wrap,
.home .sp-wrap,
.home .c-contact,
.home .c-footer {
    transform: translate3d(0, 2rem, 0);
    opacity: 0;
    transition: all ease-in-out 0.5s;
}
.hm-icon-bg  {
    opacity: 0;
    transition: opacity ease-in-out 0.5s;
}
.home .wp-bootstrap-blocks-container .col-12:nth-child(2),
.home .imagetext-wrap .imagetext-text-wrap {
    transition-delay: 0.5s;
}
.home .wp-bootstrap-blocks-container.ani-go .col-12 ,
.home .imagetext-wrap.ani-go figure, .home .imagetext-wrap.ani-go .imagetext-text-wrap , .home .imagetext-wrap.ani-go  .container:before,
.home .facts-wrap.ani-go,
.home .sp-wrap.ani-go,
.home .c-contact.ani-go,
.home .c-footer.ani-go{
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
.home  .hm-icon-bg.ani-go{
    opacity: 1;
}

/*parallax*/
.home .hero-wrap {
    ---ht-b-t: 0;
    ---ht-t-t: 0;
}
.home .hero-wrap .hero-bg img ,
.home .hero-wrap .hero-bg video{
    transform: translate3d(0,var(--ht-b-t),0);
    transition: transform .1s;
    will-change: transform;
    filter: brightness(90%);
}



.home .hm-icon-bg > div , .home .c-footer-bg {
    --hm-i-s: 1;
    --ht-i-t: 0;
    --ht-i-r: 0deg;
    transform: translate3d(0,var(--ht-i-t),0) scale(var(--hm-i-s)) rotate(var(--ht-i-r));
    transition: transform .1s;
    will-change: transform;
}

.home .c-footer-bg {
    transform: translate3d(-20%,var(--ht-i-t),0) scale(var(--hm-i-s)) rotate(var(--ht-i-r));
}




/*disclaimer*/

.page-template-disclaimer main >* {
    display: none;
}
.page-template-disclaimer main > .wp-block-cover{
    display: flex;
}
.page-template-disclaimer main > .wp-block-spacer:nth-child(2),
.page-template-disclaimer main > div.di-content.di-content-1 {
    display: block;
}
.page-template-disclaimer h2{
    margin-bottom: 3rem;
}
.di-country-wrap  {
    margin: 0 0 2rem;
}
.di-country-wrap > *{
    display: inline-block;
    font-size: 1.2rem;
}
.di-country-wrap > label {
    margin-right: 2rem;
}
.di-country-wrap > select {
    width: 200px;
} 
.di-content {
    padding-bottom: 6rem;
}
.form-select.err {
    border-color: red;
}
.di-content-btn-wrap {
    margin-top: 2rem;
}


.ub_image_slider figure{
    margin: 0;
}



/* 
overwrite for home page
*/
.home .imagetext-text h4 {
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.5;
    color: #58585A;
}
p{
    color: #58585A;  
}
.c-contact p,
.hero-text p{
    color: #fff;  
}

@media (min-width: 1200px){

}
@media (min-width: 1440px) {
    p {
        font-size: 1.125rem;
        line-height: 1.5;
        color: #58585A;
    }
}


@media (max-width: 400px) {
    .hero-wrap p:not(:last-child) {
        margin: 0 0 1rem;
    }


}
@media (max-width: 385px) {
    .hero-text{
        bottom: 1.5rem;
    }

}

@media (max-width: 360px) {
    .hero-text-wrap {
        min-height: 637px;
    }
}