@font-face {
    font-family: 'Geist';
    src: url('../fonts/Geist-Medium.eot');
    src: url('../fonts/Geist-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Geist-Medium.woff2') format('woff2'),
        url('../fonts/Geist-Medium.woff') format('woff'),
        url('../fonts/Geist-Medium.ttf') format('truetype'),
        url('../fonts/Geist-Medium.svg#Geist-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geist';
    src: url('../fonts/Geist-Light.eot');
    src: url('../fonts/Geist-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Geist-Light.woff2') format('woff2'),
        url('../fonts/Geist-Light.woff') format('woff'),
        url('../fonts/Geist-Light.ttf') format('truetype'),
        url('../fonts/Geist-Light.svg#Geist-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geist';
    src: url('../fonts/Geist-Medium_1.eot');
    src: url('../fonts/Geist-Medium_1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Geist-Medium_1.woff2') format('woff2'),
        url('../fonts/Geist-Medium_1.woff') format('woff'),
        url('../fonts/Geist-Medium_1.ttf') format('truetype'),
        url('../fonts/Geist-Medium_1.svg#Geist-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geist';
    src: url('../fonts/Geist-Light_1.eot');
    src: url('../fonts/Geist-Light_1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Geist-Light_1.woff2') format('woff2'),
        url('../fonts/Geist-Light_1.woff') format('woff'),
        url('../fonts/Geist-Light_1.ttf') format('truetype'),
        url('../fonts/Geist-Light_1.svg#Geist-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geist';
    src: url('../fonts/Geist-SemiBold.eot');
    src: url('../fonts/Geist-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Geist-SemiBold.woff2') format('woff2'),
        url('../fonts/Geist-SemiBold.woff') format('woff'),
        url('../fonts/Geist-SemiBold.ttf') format('truetype'),
        url('../fonts/Geist-SemiBold.svg#Geist-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geist';
    src: url('../fonts/Geist-Regular.eot');
    src: url('../fonts/Geist-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Geist-Regular.woff2') format('woff2'),
        url('../fonts/Geist-Regular.woff') format('woff'),
        url('../fonts/Geist-Regular.ttf') format('truetype'),
        url('../fonts/Geist-Regular.svg#Geist-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geist';
    src: url('../fonts/Geist-Bold.eot');
    src: url('../fonts/Geist-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Geist-Bold.woff2') format('woff2'),
        url('../fonts/Geist-Bold.woff') format('woff'),
        url('../fonts/Geist-Bold.ttf') format('truetype'),
        url('../fonts/Geist-Bold.svg#Geist-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/Inter18pt-Light.eot');
    src: url('../fonts/Inter18pt-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter18pt-Light.woff2') format('woff2'),
        url('../fonts/Inter18pt-Light.woff') format('woff'),
        url('../fonts/Inter18pt-Light.ttf') format('truetype'),
        url('../fonts/Inter18pt-Light.svg#Inter18pt-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/Inter18pt-Medium.eot');
    src: url('../fonts/Inter18pt-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter18pt-Medium.woff2') format('woff2'),
        url('../fonts/Inter18pt-Medium.woff') format('woff'),
        url('../fonts/Inter18pt-Medium.ttf') format('truetype'),
        url('../fonts/Inter18pt-Medium.svg#Inter18pt-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/Inter18pt-Regular.eot');
    src: url('../fonts/Inter18pt-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter18pt-Regular.woff2') format('woff2'),
        url('../fonts/Inter18pt-Regular.woff') format('woff'),
        url('../fonts/Inter18pt-Regular.ttf') format('truetype'),
        url('../fonts/Inter18pt-Regular.svg#Inter18pt-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/Inter18pt-SemiBold.eot');
    src: url('../fonts/Inter18pt-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter18pt-SemiBold.woff2') format('woff2'),
        url('../fonts/Inter18pt-SemiBold.woff') format('woff'),
        url('../fonts/Inter18pt-SemiBold.ttf') format('truetype'),
        url('../fonts/Inter18pt-SemiBold.svg#Inter18pt-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/Inter18pt-Bold.eot');
    src: url('../fonts/Inter18pt-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter18pt-Bold.woff2') format('woff2'),
        url('../fonts/Inter18pt-Bold.woff') format('woff'),
        url('../fonts/Inter18pt-Bold.ttf') format('truetype'),
        url('../fonts/Inter18pt-Bold.svg#Inter18pt-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

:root {
    --black: #000;
    --white: #fff;
}

/*********************
 GENERAL
 *********************/
body { counter-reset: number; }
h1, h2, h3, h4, h5, h6 { font-family: 'Geist', sans-serif; }
body, p, ul li, ol li, table th, table td { color: #64748B; font-family: 'Inter 18pt', sans-serif; font-size: 17px; font-weight: normal; line-height: 30px; }
table th, strong, b { font-weight: bold; }
a, button { text-decoration: none; transition: .5s all ease; }
ul li, ol li { margin-bottom: 15px; }

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p,
h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul,
h1 + ol, h2 + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol { margin-top: 15px; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-weight: 700; }
h1, .h1 { font-size: 60px; line-height: 70px; }
h2, .h2 { color: #111827; font-size: 44px; line-height: 48px; }
h3, .h3 { color: #111827; font-size: 32px; line-height: 39px; }
h4, .h4 { font-size: 30px; line-height: 34px; }
h5, .h5 { color: #111827; font-size: 24px; line-height: 28px; }
h6, .h6 { color: var(--site3); font-size: 17px; font-weight: 600; letter-spacing: 4px; line-height: 17px; text-transform: uppercase; }

@media (max-width: 1299px) {
    h1, .h1 { font-size: 55px; line-height: 59px; }
    h2, .h2 { font-size: 42px; line-height: 46px; }
    h3, .h3 { font-size: 30px; line-height: 37px; }
    h4, .h4 { font-size: 28px; line-height: 32px; }
    h5, .h5 { font-size: 23px; line-height: 27px; }
    body, p, ul li, ol li, table th, table td { font-size: 16px; line-height: 23px; }
}

@media (max-width: 992px) {
    h1, .h1 { font-size: 45px; line-height: 49px; }
    h2, .h2 { font-size: 38px; line-height: 42px; }
    h3, .h3 { font-size: 28px; line-height: 35px; }
    h4, .h4 { font-size: 26px; line-height: 30px; }
    h5, .h5 { font-size: 21px; line-height: 25px; }
    h6, .h6 { font-size: 16px; line-height: 20px; }
    body, p, ul li, ol li, table th, table td { font-size: 15px; line-height: 22px; }
}

@media (max-width: 767px) {
    h1, .h1 { font-size: 40px; line-height: 44px; }
    h2, .h2 { font-size: 34px; line-height: 38px; }
    h3, .h3 { font-size: 26px; line-height: 32px; }
    h4, .h4 { font-size: 24px; line-height: 28px; }
    h5, .h5 { font-size: 19px; line-height: 23px; }
    h6, .h6 { font-size: 15px; line-height: 19px; }
}

#accessibilityArea[style*="scale(1)"] { transform: none!important; }

.fw-400 { font-weight: normal; }

.ls-1 { letter-spacing: 1px; }
.ls-2 { letter-spacing: 2px; }

.text-left { text-align: left; }

.text-site1 { color: var(--site1); }
.text-site2 { color: var(--site2); }
.text-white-opacity { color: var(--white); opacity: 0.7; }

a.text-site1:hover { color: var(--site2); }

.row.align-items-start > [class*="col-"], .row.align-items-center > [class*="col-"], .row.align-items-end > [class*="col-"] { display: flex; flex-direction: column; }
.row.align-items-start > [class*="col-"] { justify-content: flex-start; }
.row.align-items-center > [class*="col-"] { justify-content: center; }
.row.align-items-end > [class*="col-"] { justify-content: flex-end; }

.bkg-overlay { position: relative; }
.bkg-overlay::after { background-color: #000; content: ''; height: 100%; left: 0; opacity: 0.55; position: absolute; top: 0; width: 100%; }
.bkg-overlay > .container { position: relative; z-index: 1; }

/**** Buttons ****/
.button { background-color: var(--site1); border: 1px solid var(--site1); border-radius: 10px; color: var(--white); display: inline-block; font-family: 'Geist', sans-serif; font-size: 14px; font-weight: 600; line-height: 14px; padding: 16px 32px; }
.button:hover { background-color: var(--white); color: var(--site1); }

.button.button-white { background-color: var(--white); border-color: var(--white); color: #111827; }
.button:hover.button-white{ background-color: #111827; border-color: #111827; color: var(--white); }

.button.button-outline { background-color: transparent; border-color: var(--white); color: var(--white); }
.button:hover.button-outline { background-color: var(--white); border-color: var(--white); color: #111827; }

.button + .button { margin-left: 10px; }
p:has(> .button) { display: inline-block; margin-right: 10px; }

@media (max-width: 1199px) {
    .button { font-size: 16px; line-height: 21px; padding-left: 30px; }
}

@media (max-width: 992px) {
    .button { font-size: 15px; line-height: 20px; padding-left: 26px; }
}

@media (max-width: 767px) {
    .button { margin-bottom: 10px; }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-left: 20px; padding-right: 20px;}
}

/**** Flexslider ****/
.flexslider { border: 0; border-radius: 0; margin-bottom: 0; }
.flexslider .flex-direction-nav a.flex-prev { display: none; }
.flexslider .flex-direction-nav a.flex-next, .flexslider:hover .flex-direction-nav a.flex-next { opacity: 1; right: 30px; }
.flexslider .flex-direction-nav a:before, .flex-direction-nav a.flex-next:before { content: none; }

/**** Spacing ****/
.margin-bottom-xs-minus { margin-bottom: -5px; }
.margin-bottom-sm-minus { margin-bottom: -15px; }
.margin-bottom-md-minus { margin-bottom: -30px; }
.margin-bottom-lg-minus { margin-bottom: -45px; }
.margin-bottom-xl-minus { margin-bottom: -60px; }
.margin-bottom-xxl-minus { margin-bottom: -90px; }

.margin-top-xs-minus { margin-top: -5px; }
.margin-top-sm-minus { margin-top: -15px; }
.margin-top-md-minus { margin-top: -30px; }
.margin-top-lg-minus { margin-top: -45px; }
.margin-top-xl-minus { margin-top: -60px; }
.margin-top-xxl-minus { margin-top: -90px; }


.padding-top-xl { padding-top: 90px; }
.padding-bottom-xl { padding-bottom: 90px; }

@media (max-width: 1199px) {
    .margin-bottom-xxl { margin-bottom: 75px; }
    .margin-left-xxl { margin-left: 75px; }
    .margin-right-xxl { margin-bottom: 75px; }
    .margin-top-xxl { margin-top: 75px; }
    
    .margin-lg-bottom-none { margin-bottom: 0; }
    .margin-lg-bottom-xs-minus { margin-bottom: -5px; }
    .margin-lg-bottom-sm-minus { margin-bottom: -15px; }
    .margin-lg-bottom-md-minus { margin-bottom: -30px; }
    .margin-lg-bottom-lg-minus { margin-bottom: -45px; }
    .margin-lg-bottom-xl-minus { margin-bottom: -60px; }
    .margin-lg-bottom-xxl-minus { margin-bottom: -90px; }

    .margin-lg-top-none { margin-bottom: 0; }
    .margin-lg-top-xs-minus { margin-top: -5px; }
    .margin-lg-top-sm-minus { margin-top: -15px; }
    .margin-lg-top-md-minus { margin-top: -30px; }
    .margin-lg-top-lg-minus { margin-top: -45px; }
    .margin-lg-top-xl-minus { margin-top: -60px; }
    .margin-lg-top-xxl-minus { margin-top: -90px; }

    .padding-lg-bottom-none { padding-bottom: 0; }
    .padding-lg-bottom-xs { padding-bottom: 5px; }
    .padding-lg-bottom-sm { padding-bottom: 15px; }
    .padding-lg-bottom-md { padding-bottom: 30px; }
    .padding-lg-bottom-lg { padding-bottom: 45px; }
    .padding-lg-bottom-xl { padding-bottom: 60px; }
    .padding-lg-bottom-xxl { padding-bottom: 90px; }

    .padding-lg-top-none { padding-bottom: 0; }
    .padding-lg-top-xs { padding-top: 5px; }
    .padding-lg-top-sm { padding-top: 15px; }
    .padding-lg-top-md { padding-top: 30px; }
    .padding-lg-top-lg { padding-top: 45px; }
    .padding-lg-top-xl { padding-top: 60px; }
    .padding-lg-top-xxl { padding-top: 90px; }

    .padding-bottom-xxl { padding-bottom: 75px; }
    .padding-left-xxl { padding-left: 75px; }
    .padding-right-xxl { padding-bottom: 75px; }
    .padding-top-xxl { padding-top: 75px; }
}

@media (max-width: 992px) {
    .margin-bottom-xxl { margin-bottom: 60px; }
    .margin-left-xxl { margin-left: 60px; }
    .margin-right-xxl { margin-bottom: 60px; }
    .margin-top-xxl { margin-top: 60px; }

    .margin-md-bottom-none { margin-bottom: 0; }
    .margin-md-bottom-xs-minus { margin-bottom: -5px; }
    .margin-md-bottom-sm-minus { margin-bottom: -15px; }
    .margin-md-bottom-md-minus { margin-bottom: -30px; }
    .margin-md-bottom-lg-minus { margin-bottom: -45px; }
    .margin-md-bottom-xl-minus { margin-bottom: -60px; }
    .margin-md-bottom-xxl-minus { margin-bottom: -90px; }

    .margin-md-top-none { margin-bottom: 0; }
    .margin-md-top-xs-minus { margin-top: -5px; }
    .margin-md-top-sm-minus { margin-top: -15px; }
    .margin-md-top-md-minus { margin-top: -30px; }
    .margin-md-top-lg-minus { margin-top: -45px; }
    .margin-md-top-xl-minus { margin-top: -60px; }
    .margin-md-top-xxl-minus { margin-top: -90px; }

    .padding-md-bottom-none { padding-bottom: 0; }
    .padding-md-bottom-xs { padding-bottom: 5px; }
    .padding-md-bottom-sm { padding-bottom: 15px; }
    .padding-md-bottom-md { padding-bottom: 30px; }
    .padding-md-bottom-lg { padding-bottom: 45px; }
    .padding-md-bottom-xl { padding-bottom: 60px; }
    .padding-md-bottom-xxl { padding-bottom: 90px; }

    .padding-md-top-none { padding-bottom: 0; }
    .padding-md-top-xs { padding-top: 5px; }
    .padding-md-top-sm { padding-top: 15px; }
    .padding-md-top-md { padding-top: 30px; }
    .padding-md-top-lg { padding-top: 45px; }
    .padding-md-top-xl { padding-top: 60px; }
    .padding-md-top-xxl { padding-top: 90px; }

    .padding-bottom-xxl { padding-bottom: 60px; }
    .padding-left-xxl { padding-left: 60px; }
    .padding-right-xxl { padding-bottom: 60px; }
    .padding-top-xxl { padding-top: 60px; }

    .padding-top-xl { padding-top: 75px; }
    .padding-bottom-xl { padding-bottom: 75px; }
}

@media (max-width: 767px) {
    .padding-top-xl { padding-top: 60px; }
    .padding-bottom-xl { padding-bottom: 60px; }
}    


/*********************
 HEADER
 *********************/
#header { background-color: var(--site1); left: 0; padding-block: 20px; opacity: 0.9; position: absolute; top: 0; width: 100%; z-index: 999999; }
#header .brand-logo img { max-height: 72px!important; widht:auto!important; }
body.transparent-header #header { background-color: transparent; position: fixed; }
#header.fixed { background-color: var(--site2)!important; opacity: 1; padding-block: 10px; position: fixed; }
#header.fixed img { max-height: 52px!important; }

#header ul, #header ul > li, #header ul > li > a, #header .actions { display: inline-block; }
#header ul { list-style: none; margin-bottom: 0; margin-left: 0; padding-left: 0; }
#header ul > li { margin-bottom: 0; }
#header .col-lg-8 { align-items: center; display: flex; flex-direction: row; justify-content: flex-end; }

#header .actions li { margin-bottom: 0; }
#header .actions li:not(:last-child) { margin-right: 10px; }
#header .actions a { color: var(--white); font-size: 15px; line-height: 20px; }
#header .actions #accessibility-btn { position: relative; top: -2px; }
#header .actions a:hover { color: var(--site2); }

#header .actions #phone-btn { align-items: center; background-color: var(--white); border-radius: 50%; color: var(--site1); display: inline-flex; height: 23px; justify-content: center; width: 23px; transform: translateY(-3px); }
#header .actions #phone-btn i { font-size: 10px; }
#header .actions #phone-btn:hover { color: var(--site2); }


@media (min-width: 993px) {
    #header #open-menu { display: none; }

    /* Menu */
    #header .main-menu > li { margin-right: 35px; padding-bottom: 8px; position: relative; }
    #header .main-menu li > a { font-family: 'Geist'; font-size: 15px; line-height: 20px; font-weight: 500; }
    #header .main-menu > li > a { color: var(--white);padding-block: 10px; position: relative; text-transform: initial; }
    #header .main-menu > li > a:after { content: ''; background-color: var(--site4); border-radius: 10px; bottom: 0; display: block; left: -16px; opacity: 0; position: absolute; right: -16px; top: 0; transition: .5s all ease; z-index: -1; }
    #header .main-menu > li.active > a:after, #header .main-menu > li.active-parent > a:after, #header .main-menu > li > a:hover:after { opacity: 1; }

    /* Submenu */
    #header .main-menu > li > ul { background-color: var(--white); border-radius: 10px; display: none; left: -15px; padding: 20px 20px; position: absolute; text-align: left; top: 100%; width: 240px; }
    #header .main-menu > li:hover > ul { display: block; }
    #header .main-menu > li > ul > li { margin-bottom: 5px; width: 100%; }
    #header .main-menu > li > ul > li > a { color: #111827; font-family: 'Geist'; font-size: 15px; line-height: 20px; font-weight: 600; }
    #header .main-menu > li > ul > li.active > a, #header .main-menu > li > ul > li > a:hover { color: var(--site1); text-decoration: underline; text-underline-offset: 3px }

    #header.fixed .main-menu li > a, #header.fixed .actions a { font-size: 14px; line-height: 19px; }
}

@media (max-width: 1399px) {
    #header .brand-logo img { max-height: 65px!important; widht:auto!important; }

    #header .main-menu li > a, #header .actions a { font-size: 14px; line-height: 18px; }
    #header.fixed .main-menu li > a, #header.fixed .actions a { font-size: 14px; line-height: 18px; }
}

@media (max-width: 1199px) {
    #header { padding-block: 25px; }

    #header .main-menu > li { margin-right: 25px; }
    #header .main-menu > li:last-child { margin-right: 10px; }

    #header .actions li:not(:last-child) { margin-right: 8px; }

    #header .main-menu li > a, #header .actions a { font-size: 14px; line-height: 18px; }
    #header.fixed .main-menu li > a, #header.fixed .actions a { font-size: 14px; line-height: 18px; }
    #header .actions #phone-btn { height: 20px; width: 20px; }
}


@media (max-width: 992px) {
    #header { padding-block: 15px; }

    #header .main-menu { display: none; }

    #header .actions li:not(:last-child), #header .actions li { margin-right: 15px; }
     #header.fixed .actions a { font-size: 18px; line-height: 18px; }

    #header #open-menu { background-color: transparent; border: 0; box-shadow: none; margin-left: 8px; padding: 0; width: 20px; }
    #header #open-menu .line { background-color: var(--white); border-radius: 2px; display: block; height: 3px; width: 100%; transition: .5s all ease; }
    #header #open-menu .line:not(:first-child) { margin-top: 4px; }
    #header #open-menu .line:nth-child(2) { margin-left: 20%; width: 80%; }
    #header #open-menu:hover .line { background-color: var(--site2); }
}

@media (max-width: 767px) {
    #header .brand-logo img { max-height: 55px!important; widht:auto!important; }
    #header.fixed img { max-height: 45px!important; }
}


/*********************
 OFFCANVAS
 *********************/
#offCanvas { background-color: var(--site2); display: inline-block; height: 100%; min-height: 100vh; padding: 120px 40px 40px; position: fixed; right: 0; top: 0; transform: translateX(370px); transition: .5s all ease; width: 360px; z-index: 99999999999999; }
#offCanvas.active { transform: translateX(0); }

#offCanvas .logo { display: inline-block; position: absolute; left: 40px; top: 30px; }
#offCanvas .logo img { max-width: 150px; }
#offCanvas #close-menu { height: 25px; right: 15px; top: 15px; width: 25px; }

#offCanvas .main-menu, #offCanvas .main-menu > li, #offCanvas .main-menu > li > a { display: inline-block; width: 100%; }
#offCanvas .main-menu, #offCanvas .main-menu > li, #offCanvas .main-menu > li ul { list-style: none; margin-left: 0; padding-left: 0; }
#offCanvas .main-menu li:not(:last-child) { margin-bottom: 18px; }
#offCanvas .main-menu li > a { color: var(--white); font-size: 20px; font-weight: normal; line-height: 24px; position: relative; }
#offCanvas .main-menu li.parent > a:after { content: ''; background: url('../img/icons/arrow-right-white.png') no-repeat center; background-size: contain; display: inline-block; height: 12px; margin-left: 10px; width: 22px; }
#offCanvas .main-menu li.active > a, #offCanvas .main-menu li.active-parent > a, #offCanvas .main-menu li > a:hover { color: var(--site1); }

#offCanvas .main-menu > li > ul { background-color: var(--site2); display: inline-block; height: calc(100% - 120px); min-height: 100vh; padding: 40px 40px 40px; position: fixed; right: 0; top: 120px; transform: translateX(370px); transition: .5s all ease; width: 360px; z-index: 99999999999999; }
#offCanvas .main-menu > li > ul.open { transform: translateX(0); }

#offCanvas .main-menu .back { left: 40px; position: absolute; top: 0; }
#offCanvas .main-menu .back > a { font-size: 13px; letter-spacing: 2px; line-height: 18px; text-transform: uppercase; }
#offCanvas .main-menu .back > a:before { content: '\f104'; font-family: FontAwesome; margin-right: 10px; }


/*********************
 SEARCH AREA
 *********************/
#search-area { background-color: rgba(15,23,42,0.9); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999999999999999; }
#search-area.active { display: block; }

#search-area #close-search, #close-menu { background-color: transparent; border: 0; box-shadow: none; display: block; height: 40px; position: absolute; top: 50px; right: 50px; width: 40px; }
#search-area #close-search:before, #search-area #close-search:after, #close-menu:before, #close-menu:after { content: ''; background-color: var(--white); height: 2px; display: block; left: 0; position: absolute; transition: .5s all ease; top: 50%; width: 100%; }
#search-area #close-search:before, #close-menu:before { transform: rotate(45deg); }
#search-area #close-search:after, #close-menu:after { transform: rotate(-45deg); }
#search-area #close-search:hover:before, #close-menu:hover:before { transform: rotate(-45deg); }
#search-area #close-search:hover:after, #close-menu:hover:after { transform: rotate(-135deg); }

#search-area .container { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; }

#search-area form { display: inline-block; max-width: 500px; position: relative; width: 100%; }
#search-area form label { color: var(--white); font-size: 12px; left: 15px; position: absolute; top: 6px; text-transform: uppercase; }
#search-area form input { background-color: transparent; border: 1px solid var(--white); border-radius: 10px; color: var(--white); display: inline-block; font-size: 15px; padding: 30px 45px 10px 15px; width: 100%; }
#search-area form button { background-color: transparent; border: 0; bottom: 12px; box-shadow: none; color: var(--white); padding: 0; position: absolute; right: 15px; }

@media (max-width: 992px) {
    #search-area #close-search, #close-menu { height: 30px; right: 30px; top: 30px; width: 30px; }
}


/*********************
 FOOTER
 *********************/
#footer .brand-logo img { margin-bottom: 50px; max-height: 73px; }
#footer h6 { color: #DCE7EF; font-size: 11px; font-weight: 500; line-height: 15px; opacity: 0.5; }
#footer p, #footer a { color: var(--white); }

#footer .menu { column-count: 2; column-gap: 70px; }
#footer .menu, #footer .menu > li, #footer .menu > a { position: relative; }
#footer .menu, #footer .menu > li { list-style: none; padding-left: 0; }
#footer .menu > li { margin-bottom: 0; }
#footer .menu > li > a { font-family: 'Geist'; font-size: 16px; font-weight: 500; line-height: 38px; opacity: 0.7; }
#footer .menu > li.active > a, #footer .menu > li > a:hover { color: #fff; opacity: 1; text-decoration: underline; text-underline-offset: 3px; }

.phone-footer { text-align: right; }
.phone-footer a { color: var(--white); font-family: 'Geist'; font-size: 20px; font-weight: 500; line-height: 30px; }
.phone-footer a:hover { color: var(--site1)!important; }

.footer-row { position: relative; }
.footer-row .container:before { content: ''; background: url('../img/turicum_logo_vector_final.png') no-repeat center right; background-size: contain; display: block; height: 350px; opacity: 0.05; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 350px; z-index: 0; }

#copyright .container { padding-top: 15px; position: relative; }
#copyright .legal-menu { margin-bottom: 15px; padding-left: 0; }
#copyright .legal-menu li { list-style: none; display: inline-block; margin-right: 30px; margin-bottom: 0; }
#copyright .legal-menu li:last-child { margin-right: 0; }
#copyright .legal-menu li a { color: #fff; font-family: 'Geist'; font-size: 12px; font-weight: 500; line-height: 16px; opacity: 0.7; }
#copyright .legal-menu li a:hover { color: #fff; opacity: 1; text-decoration: underline; text-underline-offset: 3px; }

#copyright p { color: #fff; font-size: 12px; line-height: 16px; opacity: 0.6; }
#copyright p:has(a) { color: #fff; font-size: 12px; line-height: 16px; text-align: right; }
#copyright a:hover { opacity: 1!important; text-decoration: underline; text-underline-offset: 3px; }
#copyright p:has(a):hover { opacity: 1!important; }


@media (max-width: 992px) {
    #footer div, .phone-footer { text-align: center; }
    #footer .brand-logo { margin-bottom: 30px; }

    #copyright p, #copyright a, #copyright p:has(a) { text-align: center; }
}

@media (max-width: 767px) {
    #footer .brand-logo img { max-height: 60px; }
    #footer .menu { column-count: 1; }
    #footer .menu > li > a { font-size: 14px; line-height: 30px; }


    .phone-footer a { font-size: 16px; line-height: 24px; }
}


/*********************
 HOMEPAGE
 *********************/
.home-entry { align-items: center; display: flex; justify-content: center; min-height: 700px; position: relative; width: 100%; }
.home-entry::before { background-image: url('../img/dots-bkg.png'); background-position: right center; background-repeat: no-repeat; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.home-entry::after { content: ''; background-color: #000; height: 100%; left: 0; opacity: 0.3; position: absolute; top: 0; width: 100%; }
.home-entry .container { position: relative; z-index: 1; }
.home-entry * { color: var(--white); }

@media (max-width: 992px) {
    .home-entry { min-height: 500px; }
    .home-entry::before { background-size: contain; bottom: 15%; height: auto; top: 15%; }
}

.box-services { border-radius: 16px; box-sizing: border-box; cursor: pointer; margin-top: -80px; padding: 45px 30px 60px; position: relative; transition: transform .4s cubic-bezier(.34,1.56,.64,1); z-index: 2; }
.box-services::after { background: url('../img/icons/arrow-right-white.png') no-repeat center; background-size: contain; bottom: 35px; content: ''; height: 24px; left: 30px; position: absolute; width: 30px; }
.box-services, .box-services * { color: var(--white); }
.box-services img { margin-bottom: 25px; width: fit-content; }
.row:has(> .box-services) { gap: 15px; }

.dots-bkg-home { overflow: hidden; position: relative; }
.dots-bkg-home::before { background-image: url('../img/dots-bkg.png'); background-position: right top; background-repeat: no-repeat; background-size: contain; content: ''; height: 130%; left: 0; position: absolute; top: 0; width: 100%; }

.border-left-site4 { border-left: 5px solid var(--site4)!important; padding-left: 15px; }
.border-left-site4 h3 { margin-bottom: 0; }

@media (min-width: 992px) {
    .box-services { width: calc(33.3333% - 10px); }
    .box-services:hover { transform: translateY(-10px); }
}

@media (max-width: 1199px) {

}

@media (max-width: 992px) {
    .box-services { margin-left: 15px; margin-right: 15px; margin-top: 0; width: calc(100% - 30px); }
    .box-services:first-child { margin-top: -80px; }

    .border-left-site4 { margin-bottom: 30px; }
}

@media (max-width: 767px) {
    .home-entry { min-height: 600px; }
}

@media (max-width: 576px) {

}


/*********************
 PAGES
 *********************/
body.remove-header #header, body.remove-footer #footer { display: none; }

#header-page { align-items: center; box-sizing: border-box; display: flex; height: 468px; padding-bottom: 30px; padding-top: 90px; }

.img-border-radious { border-radius: 10px; }

.limited-width { max-width: 820px; margin-left: auto; margin-right: auto; }

.blue-gradient { background: linear-gradient(to right, var(--site4), var(--site3)); position: relative; }
.blue-gradient::before { background-image: url('../img/dots-bkg.png'); background-position: bottom right; background-repeat: no-repeat; background-size: contain; bottom: 0; content: ''; height: 382px; position: absolute; right: 0; width: 297px; }

.dots-bkg-blue { position: relative; }
.dots-bkg-blue::before { background-image: url('../img/dots-bkg.png'); background-position: bottom right; background-repeat: no-repeat; background-size: contain; bottom: 0; content: ''; pointer-events: none; position: absolute; right: 0; top: 15%; width: 100%; }

.column-bkg-content { align-self: stretch; border-radius: 10px; box-sizing: border-box; padding: 45px 30px; }
.column-bkg-content, .column-bkg-content * { color: var(--white); }
.column-bkg-content h3 { font-size: 40px; line-height: 44px; }
.row:has(> .column-bkg-content) { gap: 15px; }

.list-covered ul, .list-not-covered ul { column-gap: 40px; list-style: none; margin: 0; padding: 0; }
.list-covered ul > li, .list-not-covered ul > li { align-items: flex-start; break-inside: avoid; color: #111827; display: flex; font-size: 22px; font-weight: 500; gap: 12px; margin-bottom: 20px; }
.list-covered ul > li a { color:#111827; }
.list-covered ul > li::before { background: url('../img/icons/circle-check.png') no-repeat; content: ''; background-size: contain; flex-shrink: 0; height: 22px; width: 22px; transform: translateY(4px); }
.list-not-covered ul > li::before { background: url('../img/icons/circle-wrong.png') no-repeat; background-size: contain; content: ''; flex-shrink: 0; height: 22px; width: 22px; transform: translateY(4px); }

@media (min-width: 769px) {
    .list-covered ul, .list-not-covered ul { column-count: 2; }
}

@media (max-width: 576px) {
    .list-covered ul > li, .list-not-covered ul > li { font-size: 18px; }
    .list-covered ul > li::before, .list-covered ul > li::before { transform: translateY(0); } 
}

.stages { margin-inline: auto; max-width: 1100px; }
.stages > ul { list-style: none; margin: 0; padding: 0; }
.stages > ul > li { column-gap: 40px; display: grid; grid-template-columns: 190px 1fr; padding-bottom: 40px; position: relative; }
.stages > ul > li:last-child { padding-bottom: 0; }
.stages > ul > li:not(:last-child)::before { background-color: var(--site1); content: ''; height: calc(100% + 13px); left: 182px; position: absolute; top: 68px; width: 3px; z-index: 0; }
.stages > ul > li .stage-label { align-items: center; display: flex; height: fit-content; justify-content: space-between; transform: translateY(40px); }
.stages > ul > li .stage-label h2 { color: var(--site4); font-size: 40px; line-height: 44px; margin: 0; }
.stages > ul > li .stage-label::after { background-color: var(--site1); border-radius: 50%; content: ''; flex-shrink: 0; height: 14px; position: relative; width: 14px; z-index: 1; }
.stages > ul > li .stage-content { background-color: #F5F5F5; border-radius: 10px; padding: 40px; }
.stages > ul > li .stage-content h3 { color: #111827; font-size: 40px; line-height: 44px; }
.stages > ul > li .stage-content ul { list-style: disc; }
.stages > ul > li .stage-content ul li { margin-bottom: 15px; }

@keyframes stage-reveal { from { opacity: 0; transform: translateY(90px); } to { opacity: 1; transform: translateY(0); } }
@keyframes stage-line-draw { from { transform: scaleY(0); } to { transform: scaleY(1); } }

.stages > ul > li { animation-duration: auto; animation-fill-mode: both; animation-name: stage-reveal; animation-range: entry 0% entry 60%; animation-timeline: view(); animation-timing-function: ease-out; }
.stages > ul > li:not(:last-child)::before { animation-duration: auto; animation-fill-mode: both; animation-name: stage-line-draw; animation-range: entry 0% entry 80%; animation-timeline: view(); animation-timing-function: linear; transform-origin: top; }

@supports not (animation-timeline: view()) {
    .stages > ul > li { animation: none; opacity: 1; transform: none; }
    .stages > ul > li:not(:last-child)::before { animation: none; transform: none; }
}

@media (max-width: 1299px) {
    .stages > ul > li .stage-label h2, .stages > ul > li .stage-content h3 { font-size: 36px; line-height: 40px; }
}

@media (max-width: 992px) {
    .stages > ul > li { column-gap: 25px; grid-template-columns: 150px 1fr; }
    .stages > ul > li:not(:last-child)::before { left: 142px; }
    .stages > ul > li .stage-label h2, .stages > ul > li .stage-content h3 { font-size: 30px; line-height: 34px; }
}

@media (max-width: 767px) {
    .stages > ul > li { grid-template-columns: 1fr; row-gap: 15px; }
    .stages > ul > li:not(:last-child)::before { display: none; }
    .stages > ul > li .stage-label { flex-direction: row-reverse; justify-content: flex-end; gap: 12px; transform: translateY(0); }
    .stages > ul > li .stage-label h2, .stages > ul > li .stage-content h3 { font-size: 26px; line-height: 30px; }
    .stages > ul > li .stage-content { padding-left: 25px; padding-right: 25px; }
}

.numbered-list { margin-inline: auto; max-width: 970px; }
.numbered-list > ul { list-style: none; margin: 0; padding: 0; }
.numbered-list > ul > li { background-color: #F5F5F5; border-radius: 10px; margin-bottom: 40px; padding: 40px; position: relative; }
.numbered-list > ul > li:last-child { margin-bottom: 0; }
.numbered-list > ul > li:not(:last-child)::after { background-color: #F5F5F5; bottom: -40px; content: ''; height: 40px; left: 50%; position: absolute; transform: translateX(-50%); width: 12px; }
.numbered-list > ul > li .numbered-list-header { align-items: center; display: flex; gap: 24px; margin-bottom: 20px; }
.numbered-list > ul > li .number { align-items: center; background-color: var(--site1); border-radius: 50%; color: var(--white); display: flex; flex-shrink: 0; font-family: 'Geist', sans-serif; font-size: 32px; font-weight: 700; height: 64px; justify-content: center; width: 64px; }
.numbered-list > ul > li h3 { color: #111827; font-size: 40px; line-height: 44px; margin: 0; }
.numbered-list > ul > li .numbered-list-content > p:not(:last-child) { margin-bottom: 15px; }
.numbered-list > ul > li .numbered-list-content ul { list-style: disc; margin-top: 10px; }

@media (max-width: 1299px) {
    .numbered-list > ul > li h3 { font-size: 36px; line-height: 40px; }
}

@media (max-width: 992px) {
    .numbered-list > ul > li h3 { font-size: 30px; line-height: 34px; }
    .numbered-list > ul > li .number { font-size: 26px; height: 54px; width: 54px; }
}

@media (max-width: 767px) {
    .numbered-list > ul > li { padding: 30px 25px; }
    .numbered-list > ul > li h3 { font-size: 26px; line-height: 30px; }
    .numbered-list > ul > li .number { font-size: 22px; height: 46px; width: 46px; }
    .numbered-list > ul > li .numbered-list-header { gap: 16px; }
}

details { border-bottom: 1px solid #D5D5D6; margin-inline: auto; max-width: 840px; padding: 15px 24px; }
details + details { margin-top: 10px; }
details summary { border-bottom: 1px solid transparent; color: #111827; font-size: 22px; font-weight: 700; line-height: 26px; padding-right: 40px; position: relative; }
details summary::marker { content: none; }
details summary .icon { display: inline-block; height: 18px; position: absolute; right: 0; top: 4px; width: 18px; }
details summary .icon:before, details summary .icon:after { content: ''; background-color: var(--site5); position: absolute; transition: .5s all ease; }
details summary .icon:before { height: 1px; left: 0; top: 50%; transform: translateY(-50%); width: 100%; }
details summary .icon:after { height: 100%; left: 50%; top: 0; transform: translateX(-50%); width: 1px; }
details[open] summary { color: var(--site5); margin-bottom: 15px; padding-bottom: 15px; }
details[open] summary .icon:after { background-color: transparent; }

details ul li:not(:last-child) { margin-bottom: 10px; }
details strong { color: var(--site1); }

.download-box { align-self: stretch; border-radius: 10px; box-sizing: border-box; cursor: pointer; padding: 30px; transition: transform .4s cubic-bezier(.34,1.56,.64,1); }
.download-box, .download-box * { color: var(--white); }
.download-box h5 { font-size: 22px; font-weight: 500; line-height: 26px; margin-bottom: 0; }
.download-box > div { display: flex; flex-direction: column; height: 100%; justify-content: space-between; }
.download-box p { align-items: center; display: flex; font-family: 'Geist', sans-serif; font-weight: 500; gap: 10px; margin: 0; margin-top: 15px; }
.download-box p::after { background: url('../img/icons/arrow-right-white.png') no-repeat center; content: ''; height: 12px; width: 22px; }
.row:has(> .download-box) { gap: 10px; justify-content: center; }

@media (min-width: 992px) {
    .download-box { width: calc(25% - 7.5px); }
    .download-box:hover { transform: translateY(-10px); }
}

@media (max-width: 992px) {
    .download-box { margin-left: 15px; margin-right: 15px; padding-left: 25px; padding-right: 25px; width: calc(100% - 30px); }
    .download-box h5 { font-size: 20px; line-height: 24px; }
}

.notice-box { padding: 30px; }
.notice-box p strong { color: #64748B; font-family: 'Geist', sans-serif; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; }
.notice-box a { color: var(--site1); font-weight: 600; }

@media (max-width: 992px) {
    .notice-box { box-sizing: border-box; margin-left: 15px; margin-right: 15px; padding-left: 25px; padding-right: 25px; width: calc(100% - 30px); }
}

.glossary-list > ul { column-count: 2; column-gap: 15px; list-style: none; margin: 0; padding: 0; }
.glossary-list > ul > li { background-color: #F5F5F5; border-radius: 10px; box-sizing: border-box; break-inside: avoid; margin-bottom: 15px; padding: 30px; }
.glossary-list > ul > li > p:first-child { color: #111827; font-weight: 700; margin-bottom: 5px; }
.glossary-list > ul > li > p:last-child { margin-bottom: 0; }
.glossary-list > ul > li > ul { list-style: disc; margin-top: 10px; padding-left: 20px; }
.glossary-list > ul > li > ul > li:not(:last-child) { margin-bottom: 10px; }

.content-border-left { border-left: 5px solid var(--site4)!important; padding-left: 20px; }

@media (max-width: 767px) {
    .glossary-list > ul { column-count: 1; }

    .download-box h5 { font-size: 18px; line-height: 22px; }

    .content-border-left { padding-left: 15px; }
}


@media (max-width: 1399px) {
    #header-page { height: 420px; }
}
 
@media (max-width: 1199px) {
    #header-page { height: 400px; }

    details summary { font-size: 18px; line-height: 23px; }

    .column-bkg-content h3 { font-size: 34px; line-height: 38px; }
}

@media (min-width: 993px) {
    .column-bkg-content { width: calc(33.3333% - 14px); }
}

@media (max-width: 992px) {
    #header-page { position: relative; }

    details { padding: 13px 22px; }
    details summary { font-size: 17px; line-height: 22px; }
    details summary .icon { height: 16px; top: 3px; width: 16px; }

    .column-bkg-content { margin-left: 15px; margin-right: 15px; width: calc(100% - 30px); }
    .column-bkg-content h3 { font-size: 30px; line-height: 34px; }
}

@media (max-width: 767px) {
    #header-page { height: 380px; }

    .column-bkg-content h3 { font-size: 26px; line-height: 30px; }
}

@media (max-width: 576px) {
    #header-page { height: 360px; }
}


/*********************
 TEAM LIST
 *********************/
.team-list ul { display: grid; gap: 10px; grid-template-columns: repeat(4, 1fr); list-style: none; margin: 0; padding: 0; }
.team-list ul > li { align-items: center; background-color: #67838C; border-radius: 10px; box-sizing: border-box; display: flex; justify-content: center; min-height: 160px; padding: 45px 25px; text-align: center; }
.team-list ul > li h5 { color: var(--white); display: flex; flex-direction: column; gap: 0; }
.team-list ul > li h5 strong { font-size: 17px; font-weight: 400; line-height: 1; }

@media (max-width: 1199px) {
    .team-list ul { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 992px) {
    .team-list ul { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 576px) {
    .team-list ul { grid-template-columns: repeat(1, 1fr); }
}


/*********************
 NEWS
 *********************/
.news-listing { margin-inline: auto; max-width: 900px; }

.latest-news-item { border-bottom: 1px solid #D5D5D6; padding-block: 25px; }
.latest-news-item:first-child { padding-top: 0; }
.latest-news-item:last-child { border-bottom: 0; }
.latest-news-item .date { color: #2F7BA5; font-family: 'Geist', sans-serif; font-size: 12px; font-weight: 400; margin-bottom: 8px; text-transform: uppercase; }
.latest-news-item h5 { margin-bottom: 10px; }
.latest-news-item h5 a { color: #111827; }
.latest-news-item h5 a:hover { color: var(--site1); }
.latest-news-item .excerpt { margin-bottom: 15px; }
.latest-news-item .read-more { margin: 0; text-align: right; }
.latest-news-item .read-more a { color: var(--site1); font-family: 'Geist', sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase; text-decoration: underline; text-underline-offset: 3px; }
.latest-news-item .read-more a:hover { color: var(--site2); }

.news-hero { align-items: center; background-position: center; background-size: cover; display: flex; min-height: 500px; position: relative; width: 100%; }
.news-hero::after { background-color: #000; content: ''; height: 100%; left: 0; opacity: 0.3; position: absolute; top: 0; width: 100%; }
.news-hero .container { margin-top: 45px; position: relative; z-index: 1; }
.news-hero h1 { color: var(--white); text-align: left; }
.news-hero .date { color: var(--white); font-size: 17px; font-weight: 600; letter-spacing: 2px; line-height: 17px; margin-top: 10px; text-align: left; text-transform: uppercase; }

#news-details { padding-top: 60px; }
#news-details .back { color: var(--site1); }
#news-details .back:hover { color: var(--site2); }
#news-details .back img { height: 10px; margin-right: 5px; position: relative; top: -1px; }
#news-details h6 { font-weight: normal; margin-top: 20px; }
#news-details .separator { background-color: #B6B7B7; height: 1px; margin-block: 30px 15px; width: 100%; }
#news-details .share { color: var(--site1); }
#news-details .share:hover { color: var(--site2); }

@media (max-width: 992px) {
    #news-details { padding-top: 50px; }
}

@media (max-width: 576px) {
    #news-details { padding-top: 40px; }
}


/*********************
 CONTACT
 *********************/
.contact-details h5 { align-items: start; display: flex; gap: 15px; font-size: 22px; line-height: 26px; font-weight: 500; margin-bottom: 15px; }
.contact-details h5 a { color: var(--white); font-size: 22px; line-height: 26px; }
.contact-details h5:first-child::before { background: url('../img/icons/phone-icon.png') no-repeat; content: ''; flex-shrink: 0; height: 32px; width: 32px; }
.contact-details h5:nth-child(2)::before { background: url('../img/icons/email.png') no-repeat; background-size: contain; content: ''; flex-shrink: 0; height: 32px; width: 32px; }
.contact-details h5:last-child::before { background: url('../img/icons/map-icon.png') no-repeat; content: ''; flex-shrink: 0; height: 37px; width: 37px; }

.text-white { color: var(--white); }

@media (max-width: 1299px) {
    .contact-details h5 a { font-size: 20px; line-height: 24px; }
}

@media (max-width: 767px) {
    .contact-details h5 { gap: 10px; }
    .contact-details h5 a { font-size: 18px; line-height: 22px; }
}

.contact-border { padding-left: 30px; border-left: 5px solid var(--site1); max-width: 420px; }

.ccf-form .form-group { margin-bottom: 10px; }
.ccf-form .form-control { background-color: transparent; border: 0; border-bottom: 1px solid #D5D5D6; border-radius: 0; padding: 15px 0 5px; }
.ccf-form .form-control:focus { border-bottom-color: var(--site4); box-shadow: none; outline: 0; }
.ccf-form .form-control::placeholder { color: #3B485B; }

@media (max-width: 576px) {
    .contact-border { padding-left: 15px; }
}

/***********************
 SHARE MODAL
 ***********************/
.share-modal { background-color: rgba(0,0,0,0.9); height: 100%; left: 0; min-height: 100vh; overflow: auto; position: fixed; top: 0; width: 100%; z-index: 9999999999999999; }
.share-modal > .modal-box { background-color: #ffffff; border-radius: 10px; display: inline-block; height: auto; max-width: 300px; position: absolute; width: 100%; }
.share-modal > .modal-box ul { display: inline-block; list-style: none; margin: 0 15px; padding: 0; width: calc(100% - 30px); }
.share-modal > .modal-box ul > li { display: inline-block; width: 100%; }
.share-modal > .modal-box ul > li > a { border-bottom: 1px solid #cccccc; color: #000000; display: inline-block; font-size: 18px; line-height: 22px; padding: 15px 0; width: 100%; }
.share-modal > .modal-box ul > li:last-child > a { border-bottom: 0; }
.share-modal > .modal-box ul > li > a:hover { color: #000000; }
.share-modal > .modal-box ul > li > a .fa { margin-right: 10px; }
.share-modal > .modal-box ul > li > a small { color: #1DBDBC!important; }
.share-modal > .modal-box > .header { border-bottom: 1px solid #cccccc; display: inline-block; margin-bottom: 0; padding: 15px 25px 15px; width: 100%; }
.share-modal > .modal-box > .header > h5 { display: inline-block; float: left; font-size: 24px; line-height: 28px; margin-bottom: 0; margin-top: 0; max-width: calc(100% - 45px); position: relative; top: 3px; }
.share-modal > .modal-box > .header > a.close-modal { border: 1px solid #cccccc; border-radius: 5px; color: #333333; display: inline-block; float: right; font-size: 20px; height: 36px; line-height: 34px; padding: 0; text-align: center; width: 36px; }
.share-modal > .modal-box > .header > a.close-modal:hover { background-color: #cccccc; color: #ffffff; }

.share-modal > .modal-box > .content { display: inline-block; padding: 20px 15px; width: 100%; }
.share-modal > .modal-box > .content h5 { color: #999999; }

.share-modal input[type="text"], .share-modal input[type="email"] { border: 1px solid #eaeaea; border-radius: 6px; display: inline-block; font-size: 16px; line-height: 20px; padding: 10px; width: 100%; }
.share-modal input[type="text"]:focus, .share-modal input[type="email"]:focus { border-color: var(--site2); box-shadow: none; outline: 0; }

@media (min-width: 577px) {
    .share-modal > .modal-box { left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); }
}

@media (max-width: 576px) {
    .share-modal > .modal-box { min-height: 100vh; left: 0; max-width: 100%; top: 0; width: 100%; }
}


/***********************
 ERROR PAGE
 ***********************/
#error-page { padding-block: 75px; }

/**** Lazy Load ***/
.slide-in { opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; }
.slide-in.lazy-loaded { opacity: 1; transform: translateY(0); }