/*
Theme Name: 4x4 Capital
Theme URI: http://xxx.com/
Template: builder
Version: 3.4
Updated: 10/10/2024
Author: Thomas Digital
Author URI: https://www.thomasdigital.com
Description: Builder with drag and drop elements using wireframe kit design.
Tags: wordpress, bootstrap, wireframe, acf
*/

/*------------------------------------------
    #MARK: REMOVE
------------------------------------------*/
/* #region */

.mh { 
    min-height: 2000px; 
}

/* body:not(.wp-admin) {
    background: url(upload/Contact1.png) top center no-repeat;
}

body:not(.wp-admin) main {opacity: .5;} */

body:not(.wp-admin) main {overflow: hidden;} 

/* #endregion */

/*------------------------------------------
    #MARK: ROOT
------------------------------------------*/
/* #region */

:root {

    --font-size: 18px;
    --font-1: 'Sora';
    --font-2: 'Public Sans';

    --color0: #fff;
    
    --primary-color1: #094F80;
    --primary-color1-2: #1E6FA2;
    --primary-color2: #052A44;
    --primary-color3: #1b1b1b;

    --secondary-color1: #AF9870;
    --secondary-color2: #203960;
    --secondary-color3: #F6F6F6;
    --secondary-color4: #E2E4E7;

    --text-color: #656565;
    --footer-menu: #282729;

    --btitle: 16px;
    --h1: 60px;
    --post-date: 50px;
    --h2: 42px;
    --ffcta:44px;
    --h3: 30px;
    --h4: 32px;
    --h5: 24px;
    --post-title: 20px;
    --post-title-30: 30px;
    --h6: 18px;
    --menu-link: 16px;
    --form-label:15px;
    --member-position: 16px;
    --footer-link: 13px;
    --tax-term: 13px;
    --footer-contact: 13px;
    --btn: 14px;
   

    --color10: black;
    --color11: white;

    --a: #DDA15E;
    --hover: #A1AEB7;       

    --darktitle:white;
    --darktext:white;
}

/* #endregion */

/*------------------------------------------
    #MARK: GENERAL
------------------------------------------*/
/* #region */

/*LOGO HEIGHTS + WIDTH - START*/
img.logoheight-30 {height: 30px;}

/*LOGO HEIGHTS + WIDTH - END*/

body:not(.wp-admin).no-footer .footer-0, 
body:not(.wp-admin).no-footer .cta-0 {display: none;} 

.element .btitle, .btitle {
    color: var(--secondary-color1);
    font-family: var(--font-2);
    font-size: var(--btitle);
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 16px */
    letter-spacing: 3.2px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.element h1 {
    color: #FFF;
    font-family: var(--font-1);
    font-size: var(--h1);
    font-style: normal;
    font-weight: 600;
    line-height: 110%; /* 66px */
    margin-bottom: 0;
}

.element h2, h2 {
    color: var(--primary-color3);
    font-family:var(--font-1);
    font-size: var(--h2);
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 42px */
    margin-bottom: 0;
}

.element h3 {
    color: var(--secondary-color2);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: var(--font-1);
    font-size: var(--h3);
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 39px */
    margin-bottom: 0;
    transition: all 0.3s;
}

.mbtitle-30 .mtitle {
	margin-bottom: 30px;
}

.element .asterisk {
 	font-size: 50%;
  	font-weight: lighter;
  	vertical-align: super;
}

/* #endregion */

/*------------------------------------------
    #MARK: BUTTONS
------------------------------------------*/
/* #region */
.btn:after {
    height: 100%;
    width: 100%;
    opacity: 0;
}
.btn:hover:after {
    opacity: 1 !important;
}
.element .btn-2, .element .gform_wrapper form .gform-footer.gform_footer .btn.btn-2{
    padding: 13px 24px;
    border: 1px solid var(--primary-color1-2);
    border-radius: 0;
    position: relative;
    background-color: transparent;
    background: none;
}

.element .btn-2:hover, .element .btn-2:focus-visible, 
.element .gform_wrapper form .gform-footer.gform_footer .btn.btn-2:hover, .element .gform_wrapper form .gform-footer.gform_footer .btn.btn-2:focus-visible {
    background-color: transparent;
}

.element .gform_wrapper form .gform-footer.gform_footer .btn.btn-2:hover {
	background-color:var(--primary-color1-2);
}

.element .btn-2::after {
    background-color: var(--primary-color1-2);
}

.element .gform_wrapper form .gform-footer.gform_footer .btn.btn-2::after {
    background-color: var(--primary-color1-2);
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    transition: all 0s;
}

.element .gform_wrapper form .gform-footer.gform_footer .btn.btn-2:hover::after {width: 100%; height: 100%;}

.element .btn-2 span {
    color: var(--primary-color1-2);
    font-family: var(--font-2);
    font-size: var(--btn);
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    text-transform: uppercase;
    transition: all 0.3s;
}

.element .gform_wrapper form .gform-footer.gform_footer .btn.btn-2 span {
    color: var(--color0);
    font-family: var(--font-2);
    font-size: var(--btn);
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    text-transform: uppercase;
    transition: all 0.3s;
}



.element .btn-2:hover span {
    color: var(--color0);
}

.element .ptext, .element .dtext, .element .dtext p, .ptext, .dtext, .dtext p {
    color: var(--text-color);
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 27px */
}

/* #endregion */

/*------------------------------------------
    #MARK: HEADER
------------------------------------------*/
/* #region */

.navbar-brand {
    width:100%;
    max-width: 275px;
    height: auto;
    margin-right: 10px;
}

header .menu_wrap {
    padding: 23px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    transition: all 0.3s;
}

header.sticky-head .menu_wrap {
    padding: 13px 0;
    border-bottom: none;
    background: var(--primary-color2);
}

#menu-oc-right {background-color: var(--secondary-color2);} 

#menu-oc-right .main-menu {margin-top: 30px;}
#menu-oc-right .menu-item {border-bottom: none;}

#menu-oc-right .main-menu .nav-link span::after, #menu-oc-right .menu-extension .d-links::after {bottom: -10px;}

.main-menu .nav-link:hover span::after, .menu-extension .d-links:hover::after,
.main-menu .active .nav-link span::after {width: 100%;}
/* #endregion */

/*------------------------------------------
    #MARK: MENUS
------------------------------------------*/
/* #region */

.navbar-expand-lg .navbar-collapse {justify-content: end;}

.main-menu .navbar-nav, #navbar-home .navbar-nav {
    gap:40px;
}

.main-menu .navbar-nav  .nav-link {
    padding: 0;
}

.menu-extension, header[data-menu="left"] .menu-extension, #navbar-home .menu-extension {margin-left: 40px;}

.menu-extension .d-link span::before{display: none;}

.main-menu .nav-link span, .menu-extension .d-link span {
    color: var(--color0);
    font-family: var(--font-2);
    font-size: var(--menu-link);
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 16px */
    text-transform: uppercase;
    position: relative;
    text-wrap: nowrap;
}

.menu-extension .d-link img {
    margin-right: 10px;
    width: auto;
    height: 12px;
    margin-top: 0;
}
.menu-extension .d-links {position: relative;}
.main-menu .nav-link span::after, .menu-extension .d-links::after {
    content: '';
    position: absolute;
    bottom: -40px;
    background-color: var(--secondary-color1);
    width: 0%;
    height: 3px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s;
}



.sticky-head .main-menu .nav-link span::after,.sticky-head .menu-extension .d-links::after {
    content: '';
    position: absolute;
    bottom: -30px;
    background-color: var(--secondary-color1);
    width: 0%;
    height: 3px;
    left: 50%;
    transform: translateX(-50%);
}

.main-menu .nav-link:hover span::after, .menu-extension .d-links:hover::after {width: 100%;}

/* #endregion */

/*------------------------------------------
    #MARK: FOOTER
------------------------------------------*/
/* #region */
.ff-cta .wrap {
    padding-top: 114px;
    padding-bottom: 168px;
}

.ff-cta .color {opacity: 0.8;background: linear-gradient(90deg, #05213A 0%, rgba(5, 33, 58, 0.00) 100%);}

.ff-cta h2.mtitle {color: var(--color0); font-size: var(--ffcta);}
.ff-cta .btn-loop {margin-top: 40px;}
.ff-cta .btn-2::after {background-color: var(--color0);}
.ff-cta .btn-2 {border: 1px solid var(--color0);} 
.ff-cta .btn-2 span {color: var(--color0);}
.ff-cta .btn-2:hover span {color: var(--primary-color1-2);}



.footer-0 .wrap {padding-top: 71px;padding-bottom: 55px;}

.footer-0 .dtop {margin-bottom: 50px;}
.footer-0 .dtop .flexic {justify-content: space-between; gap: 20px;}
.footer-0 .footer-nav {display: flex; flex-direction: row; margin-top: 12px;}

.footer-0 .main-menu .navbar-nav {flex-direction: row; gap: 0; align-items: center;}

.footer-0 .main-menu .nav-link span, .footer-0 .menu-extension .d-link span, .footer-0 .main-menu .sep  {
    color:var(--footer-menu);
    font-family: var(--font-2);
    font-size: var(--footer-link);
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 13px */
    text-transform: uppercase;
    transition: all 0.3s;
}

.footer-0 .main-menu .nav-link:hover span, .footer-0 .menu-extension .d-link:hover span, .footer-0 .main-menu .menu-item.active span {color:var(--primary-color1-2) ;}

.footer-0 .main-menu .nav-link span::after,.footer-0 .menu-extension .d-links::after  {display: none;}

.footer-0 .main-menu .sep {margin: 0 20px;}
.footer-0 .main-menu .sep:last-child {display: block;}
.footer-0 .menu-extension {margin-left: 0px;}
.footer-0 .menu-extension .d-link img {filter:brightness(0) saturate(100%) invert(11%) sepia(6%) saturate(500%) hue-rotate(227deg) brightness(90%) contrast(85%); transition: all 0.3s;}
.footer-0 .menu-extension .d-link:hover img {filter:brightness(0) saturate(100%) invert(36%) sepia(21%) saturate(2607%) hue-rotate(167deg) brightness(94%) contrast(85%);}

.footer-0 .dmid .flexic {justify-content: space-between;}
.footer-0 .dmid .contact-lists {display: flex; gap: 22px;}
.footer-0 .social-icons .soc-link, .footer-0 .ssc .icon-bg {background-color: transparent; border:1px solid rgba(40, 39, 41, 0.10);width: 45px;height: 45px; border-radius: 100%; display: flex; justify-content: center; align-items: center;}
.footer-0 .ssc .icon-bg {margin-right: 10px;}
.footer-0 .social-icons .soc-link img, .footer-0 .ssc .icon-bg img{width: 12px; height: 12px; filter: brightness(0) saturate(100%) invert(36%) sepia(21%) saturate(2607%) hue-rotate(167deg) brightness(94%) contrast(85%);opacity: 1; margin-right: 0;}

.footer-0 .ssc .sc-after {display: none;}
.footer-0 .ssc .sc-contact p, .footer-0 .ssc .sc-contact span {
    color: rgba(40, 39, 41, 0.70);
    font-family: var(--font-2);
    font-size: var(--footer-contact);
    font-style: normal;
    font-weight: 400;
    line-height: 135%; /* 17.55px */
}

.footer-0 hr.footer-line {margin: 60px 0 30px; opacity: 0.1;background: #282729;}

.footer-0 .dbottom .copyright {display: flex; column-gap: .25rem; margin-bottom: 15px;}

.footer-0 .dbottom .foot div,
.footer-0 .dbottom .foot div a span {
    color: rgba(40, 39, 41, 0.70);
    font-family: var(--font-2);
    font-size: var(--footer-link);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer-0 .dbottom .f-left {max-width: 700px;}

.footer-0 .dbottom .footnotes span {color: var(--secondary-color1);}

.footer-0 .footer-mobile.footer-nav {display: none;}

.footer-0 .footer-mobile.footer-nav {position: relative; width: 200px; padding: 10px; border: 1px solid rgba(149, 157, 165, 0.2); border-radius: 5px;}

.footer-0 .footer-mobile.footer-nav .menu-title {display: flex; justify-content: space-between; align-items: center;}

.footer-0 .footer-mobile .footer-menu-links {display: none;}
.footer-0 .footer-mobile .footer-menu-links {position: absolute; top: 105%; left: 0; z-index: 1; width: 100%;}

.footer-0 .footer-mobile .footer-menu-link {display: flex; flex-direction: column; row-gap: 5px; background-color: var(--color0); box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; padding: 5px; position: relative;} 
.footer-0 .footer-mobile .footer-menu-link .navbar-nav {flex-direction: column; row-gap: 5px; align-items: flex-start; }
/* #endregion */

/*------------------------------------------
    #MARK: HERO OPT 01
------------------------------------------*/
/* #region */
.heroopt-01 .top {max-height: 32.8395%; opacity: 0.8; background: linear-gradient(180deg, #05213A 0%, rgba(5, 33, 58, 0.00) 100%);}
.heroopt-01 .bottom {max-height: 53.7037%; top: unset; bottom: 0; opacity: 0.8; background: linear-gradient(0deg, #05213A 0%, rgba(5, 33, 58, 0.00) 100%);}

/*OVERLAY TEMPLATE 1*/
.heroopt-01.overlay-template1  .top {max-height: 100%; opacity: 0.8;background: linear-gradient(90deg, #05213A 4.84%, rgba(5, 33, 58, 0.30) 100%);}
.heroopt-01.overlay-template1  .bottom {display: none;}

/*OVERLAY TEMPLATE 2*/
.heroopt-01.overlay-template2 .top {max-height: 66.5%; opacity: 0.8; background: linear-gradient(180deg, #05213A 0%, rgba(5, 33, 58, 0.00) 100%);}
.heroopt-01.overlay-template2 .bottom {display: none;}

body:not(.home) .heroopt-01 h1 {font-size: var(--h2);}
body:not(.home) .heroopt-01.mtitle-h1 h1 {font-size: var(--h1);} 

.heroopt-01 .dtext {margin-top: 20px;}
.heroopt-01 .dtext p {
    max-width: 600px;
    color: var(--color0);
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 27px */
}
/* #endregion */

/*------------------------------------------
    #MARK: ROW MEDIA 01
------------------------------------------*/
/* #region */
.rowmedia-01 .mask-cont {position: relative; width: 100%; height: auto;}
.rowmedia-01 .dtext {margin-top: 21px;}
.rowmedia-01 .btn-loop {margin-top: 40px;}

.rowmedia-01.mask-4x4 .mask-cont {aspect-ratio: 670 / 330 ; mask-image: url(images/mask/image-4x4.png); mask-repeat: no-repeat; mask-size: cover; mask-position: center center;}
.rowmedia-01.mask-4x4 .dinfo {max-width: 450px;}

.rowmedia-01.mask-x .mask-cont {max-width: 535px; width: 100%; aspect-ratio: 535 / 511 ; mask-image: url(images/mask/image-x.png); mask-repeat: no-repeat; mask-size: cover; mask-position: center center;}
.rowmedia-01.mask-x .dinfo {max-width: 500px;}

/* #endregion */

/*------------------------------------------
    #MARK: JC COUNT UP 01
------------------------------------------*/
/* #region */
.count-01 .tinfo {text-align: center; margin-bottom: 40px;}
.count-01 .dinfo {text-align: center;}
.count-01 .row {margin-left: -66.5px;margin-right: -66.5px;}
.count-01 .col-md-4 {padding-left: 66.5px;padding-right: 66.5px;}
.count-01 h2 {text-align: center;}
.count-01 .ctitle {
color: var(--text, #656565);
text-align: center;
font-family: "Public Sans";
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 100%; /* 18px */
text-transform: uppercase;
}

.count-01 .ctitle span, .count-01 .ctitle span a {color: var(--secondary-color1)}

.count-01 hr {margin: 25px 0; border: none; width: 100%; height: 1px; background: var(--primary-color1-2);}
/* #endregion */

/*------------------------------------------
    #MARK: AJAX CPT 01
------------------------------------------*/
/* #region */

.ajaxc-01:not(.ajaxc-02) .row {margin-left: -49.5px; margin-right: -49.5px;}
.ajaxc-01:not(.ajaxc-02) .col-md-6 {padding-left: 49.5px;padding-right: 49.5px;}
.ajaxc-01 .featured-img {position: relative; overflow: hidden; min-height: 350px;display: flex;justify-content: center; align-items: center; margin-bottom: 25px;}
.ajaxc-01 .featured-img::after {content: ""; position: absolute; right: -1px; bottom: -1px; width: 21px; height: 21px; background-color: var(--color0); clip-path: polygon(100% 0, 0% 100%, 100% 100%);}
.ajaxc-01 .color {background: rgba(4, 16, 41, 0.60);}
.ajaxc-01 .featured-logo {width: auto; position: relative;}

.ajaxc-01 .cpt-cont:hover .ititle {color: var(--primary-color1-2);}
.ajaxc-01 .dtext {
    margin-top: 21px;
}

/* #endregion */

/*------------------------------------------
    #MARK: AJAX POST 01
------------------------------------------*/
/* #region */
.ajaxp-01 .row {margin-left: -22.5px; margin-right: -22.5px;}
.ajaxp-01 .col-lg-4 {padding-left: 22.5px;padding-right: 22.5px;}
.ajaxp-01 .post-cpt {padding: 6px 0 15px 30px ; border-left: 1px solid #D4E1E8; transition: all 0.3s;} 
.ajaxp-01 .post-cpt:hover {padding: 6px 0 15px 30px ; border-left: 1px solid var(--secondary-color1); } 
.ajaxp-01 .ititle {
    color: var(--secondary-color2);
    font-family: var(--font-2);
    font-size: var(--post-title);
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 24px */
    min-height: 198px;
}

.ajaxp-01 .btn-loop {margin-top: 15px;}
.ajaxp-01 .readmore-btn {display: flex; align-items: center;}
.ajaxp-01 .readmore-btn span {
    margin-right: 10px;
    color: var(--text-color);
    font-family: var(--font-2);
    font-size: var(--btn);
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    text-transform: uppercase;
    transition: all 0.3s;
}

.ajaxp-01 .readmore-btn:hover span {color: var(--primary-color1-2);}

.ajaxp-01 a[href=""],
.ajaxp-01 a[href="#"] {pointer-events: none; cursor: default; }

/* #endregion */

/*------------------------------------------
    #MARK: JS POP TEAM 01
------------------------------------------*/
/* #region */
.team-01 .row {row-gap: 58px;}
.team-01 .dimage {margin-bottom: 14px; height: auto; width: 100%; aspect-ratio: 270/360;}

.team-01 .item.member .ititle {
color: var(--secondary-color2);
font-variant-numeric: lining-nums proportional-nums;
font-family: var(--font-1);
font-size: var(--font-size);
font-style: normal;
font-weight: 700;
line-height: 130%; /* 23.4px */
margin-bottom: 0px;
transition: all 0.3s;
}

.team-01 .item.member:hover .ititle {color: var(--primary-color1-2);}

.team-01 .item.member .btitle {
color: var(--text-color);
font-family: var(--font-2);
font-size: var(--member-position);
font-style: normal;
font-weight: 300;
line-height: 120%; /* 19.2px */
text-transform: none;
margin-bottom: 0;
transition: all .3s;
letter-spacing: normal;
}

.team-01 .item.member:hover .btitle {color: var(--secondary-color1) ;}
/* #endregion */

/*------------------------------------------
    #MARK: JS POP TEAM 01 (POPUP)
------------------------------------------*/
/* #region */
.fancybox__viewport {max-height: 100%;}
.fancybox__footer, .fancybox__nav {display: none !important;}
.fancybox__container .fancybox__backdrop {background-color: var(--secondary-color2); opacity: .9;}

.bio-fc.fancybox__content > .f-button.is-close-btn {top: 30px; right: 30px; opacity: 1; border-radius: 100%; border: 1px solid var(--primary-color1-2); width: 24px;height: 24px;}
.bio-fc.fancybox__content {padding: 0; max-width: 1070px; width: 100%;}
.bio-fc.fancybox__content > .f-button.is-close-btn svg {width: 10px;height: 10px; filter: brightness(0) saturate(100%) invert(34%) sepia(91%) saturate(459%) hue-rotate(160deg) brightness(91%) contrast(91%);}
.bio-fc.fancybox__content .flexic {flex-wrap: nowrap;}
.bio-fc.fancybox__content .team-profile {max-width: 450px; padding: 70px 40px; background-color: var(--secondary-color2); position: relative;}
.bio-fc.fancybox__content .team-profile .logo-svg {top: unset; bottom: 0; height: unset;} 
.bio-fc.fancybox__content .team-profile img.team-image {width: 100%; aspect-ratio: 370/490; margin-bottom: 40px;}
.bio-fc.fancybox__content .team-profile .social-icons .soc-link {border-radius: 100%; padding: 0; background-color: var(--primary-color1-2); width: 50px; height: 50px; display: flex; justify-content: center; align-items: center;}
.bio-fc.fancybox__content .team-profile .social-icons {position: relative;}
.bio-fc.fancybox__content .team-profile .social-icons .soc-link img {width: 16px; height: 16px;}

.bio-fc.fancybox__content .team-info {padding: 90px 70px 84px 50px;}
.bio-fc.fancybox__content .team-info h2 {margin-bottom: 20px;}
.bio-fc.fancybox__content .team-info .btitle {letter-spacing: normal; margin-bottom: 0;}
.bio-fc.fancybox__content .team-info hr {margin: 34px 0; height: 2px; border: none;background-color: #90B8CE; }

.bio-fc.fancybox__content .team-info .team-bio {max-height: 530px;height: 530px;}
.bio-fc.fancybox__content .simplebar-track.simplebar-vertical {right: -15px;}

.bio-fc.fancybox__content .team-profile {flex:  0 0 42.05607476635514%; max-width: 42.05607476635514%;}
.bio-fc.fancybox__content .team-info {flex: 0 0 57.94392523364486%; max-width: 57.94392523364486%;}
/* #endregion */

/*------------------------------------------
    #MARK: ICONS 01
------------------------------------------*/
/* #region */
.icon-01 .div-link {min-height: 340px; padding: 50px 20px 20px; transition: all 0.3s; position: relative; border-top: 2px solid var(--secondary-color4);}
.icon-01 .div-link:hover {background: var(--secondary-color3);}
.icon-01 .div-link::before {content: ""; position:absolute; top: -2px;left: 50%; transform: translateX(-50%); width: 0%; height: 2px; background-color: var(--primary-color1-2); transition: all 0.3s;}
.icon-01 .div-link:hover::before {width: 100%;}
.icon-01 .diconn {max-width: 70px; height: 70px;position: relative; margin-bottom: 30px;}
.icon-01 .diconn::before {content: ""; clip-path: polygon(0 0, 0% 100%, 100% 100%); background-color: var(--secondary-color1); opacity: .1; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; transition: all 0.3s;} 
.icon-01 .div-link:hover .diconn::before {content: ""; clip-path: polygon(0 0, 0% 100%, 100% 100%); background-color: var(--primary-color1-2); opacity: .1; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0;} 

.icon-01 .div-link .diconn img {filter: none; transition: all .03s; display: block; position: relative; z-index: 1;} 
.icon-01 .div-link:hover .diconn img { filter: brightness(0) saturate(100%) invert(38%) sepia(8%) saturate(5559%) hue-rotate(163deg) brightness(93%) contrast(88%);}
/* #endregion */

/*------------------------------------------
    #MARK: CARDS 01
------------------------------------------*/
/* #region */
.cards-01 .row {row-gap: 20px;} 
.cards-01 .inner-cards .div-link{min-height: 260px; padding: 55px 40px 40px; position: relative;}
.cards-01 .inner-card-1 .div-link {background-color: #5089AD ;} 
.cards-01 .inner-card-2 .div-link {background-color: #AF9870 ;}
.cards-01 .inner-card-3 .div-link {background-color: #094F80 ;}
.cards-01 .inner-card-4 .div-link {background-color: #1E6FA2 ;} 
.cards-01 .inner-card-5 .div-link {background-color: #082768 ;}
.cards-01 .inner-card-6 .div-link {background-color: #90B8CE ;}
.cards-01 .inner-cards .div-link::after {content: ""; position: absolute; bottom: -1px; right: -1px; width: 21px;height: 21px; background-color: var(--color0); clip-path: polygon(100% 0, 0% 100%, 100% 100%);}

.cards-01 .large-number {
    position: absolute; 
    top: 20px;
    left: 40px;
    color: var(--color0);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: var(--font-1);
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%; /* 70.4px */
    opacity: 0.1;
}

.cards-01 .dtext p {
color: var(--color0);
font-family: var(--font-1);
font-size: var(--font-size);
font-style: normal;
font-weight: 600;
line-height: 130%; /* 23.4px */
}
/* #endregion */

/*------------------------------------------
    #MARK: ROW POST 01
------------------------------------------*/
/* #region */
.rowpost-01 .wrap[data-vflex="default"] {min-height: 810px; padding-bottom: 81px; align-items: flex-end;}
.rowpost-01 .color {background: var(--grad, linear-gradient(180deg, #203960 0%, #0F1B2D 100%));}
.rowpost-01 .bg-img {opacity: 0.2; mix-blend-mode: luminosity;}

.rowpost-01 .tinfo {margin-bottom: 53px;}
.rowpost-01 .tinfo h2 {color: var(--color0);}
.rowpost-01 .dimage {background-color: transparent;}
.rowpost-01 .dimage img {height: 100%; object-fit: cover;}
.rowpost-01 .thumb-bg {aspect-ratio: 470/462; height: auto;}

.rowpost-01 .post-list {max-width: 600px; margin-left: auto; height: 100%;display: flex;flex-direction: column;justify-content: center;}
.rowpost-01 .post-item:not(:last-child) {margin-bottom: 40px;}
.rowpost-01 .post-date {
color: var(--secondary-color1);
font-family: var(--font-2);
font-size: var(--btitle);
font-style: normal;
font-weight: 400;
line-height: 100%; /* 16px */
text-transform: uppercase;
margin-bottom: 15px;
}

.rowpost-01 .post-item h5 {
    color: var(--color0);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: var(--font-1);
    font-size: var(--h5);
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 31.2px */
    opacity: .9;
    transition: all 0.3s;
}

.rowpost-01 .post-item:hover h5 {opacity: 1;}

.rowpost-01 .post-item hr.bottom-line {height: 1px; width: 100%; margin: 0; padding-top: 30px; background-color: transparent;position: relative; border-top: none;}

.rowpost-01 .post-item hr.bottom-line::after {content: ""; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, -50%); height: 1px; width: 0%; background-color: var(--secondary-color1); transition: all 0.3s;}
.rowpost-01 .post-item:hover hr.bottom-line::after {content: ""; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, -50%); height: 1px; width: 100%; background-color: var(--secondary-color1);}

.rowpost-01 .post-item hr.bottom-line::before {content: ""; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, -50%); height: 1px; width: 100%; background-color: rgba(175, 152, 112, .3); transition: all 0.3s;}
.rowpost-01 .post-item:hover hr.bottom-line::before {content: ""; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, -50%); height: 1px; width: 0%; background-color: rgba(175, 152, 112, .3);}

.rowpost-01 a[href=""],
.rowpost-01 a[href="#"] {pointer-events: none; cursor: default; }
/* #endregion */

/*------------------------------------------
    #MARK: AJAX POST 02
------------------------------------------*/
/* #region */
.ajaxp-02 .wrap {padding-top: 95px;padding-bottom: 100px;}
/* .ajaxp-02 .row {flex-wrap: nowrap;} */

.ajaxp-02 {min-width: 135px;}
.ajaxp-02 .post-day {
    color: var(--secondary-color1);
    font-family: var(--font-1);
    font-size: var(--post-date);
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 50px */
    margin-bottom: 3px;
} 

.ajaxp-02 .post-month-year {
    color: var(--text-color);
    font-family: var(--font-2);
    font-size: var(--btitle);
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
    text-transform: uppercase;
    text-wrap: nowrap;
}

.ajaxp-02 .dinfo {max-width: 950px; margin-left: auto;}
.ajaxp-02 .post-item h5 {
color: var(--secondary-color2);
font-variant-numeric: lining-nums proportional-nums;
font-family: var(--font-1);
font-size: var(--post-title-30);
font-style: normal;
font-weight: 700;
line-height: 130%; /* 39px */
transition: all 0.3s;
}

.ajaxp-02 .post-item:hover h5 {color: var(--primary-color1-2);}

.ajaxp-02 .post-item hr.bottom-line {height: 1px; width: 100%; margin: 0; padding: 40px 0; background-color: transparent;position: relative; border-top: 0;}
/* .ajaxp-02 .post-item:hover hr.bottom-line {height: 1px; width: 100%;  background-color: rgba(175, 152, 112, .0);position: relative;} */

.ajaxp-02 .post-item hr.bottom-line::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 1px; width: 0%; background-color: var(--secondary-color1); transition: all 0.3s;}
.ajaxp-02 .post-item:hover hr.bottom-line::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 1px; width: 100%; background-color: var(--secondary-color1);}

.ajaxp-02 .post-item hr.bottom-line::before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 1px; width: 100%; background-color: rgba(175, 152, 112, .3); transition: all 0.3s;}
.ajaxp-02 .post-item:hover hr.bottom-line::before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 1px; width: 0%; background-color: var(--secondary-color1);}


.ajaxp-02[data-axpost] .btn-loop {justify-content: center; margin-top: 10px; width: 100%;}
.ajaxp-02 a[href=""],
.ajaxp-02 a[href="#"] {pointer-events: none; cursor: default; }
/* #endregion */

/*------------------------------------------
    #MARK: FORM ROW CONTACT 01
------------------------------------------*/
/* #region */
.frcontact-01 .wrap {height: 100vh; min-height: 910px;}

.frcontact-01 .color {background: var(--grad, linear-gradient(180deg, #203960 0%, #0F1B2D 100%));}
.frcontact-01 .bg-img {opacity: 0.1; mix-blend-mode: luminosity;}

.frcontact-01 .contact-title,
.frcontact-01 .sc-contact span,
.frcontact-01 .sc-contact p {
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Sora;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 23.4px */
}

.frcontact-01 .sc-after .get-directions {margin-top: 15px;}
.frcontact-01 .sc-after .get-directions small {
    color: var(--secondary-color1);
    font-family: var(--font-2);
    font-size: var(--form-label);
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 22.5px */
}

.frcontact-01 .sc-after .get-directions svg {margin-left: 10px;}

.frcontact-01 .contact-title {text-transform: uppercase;}
.frcontact-01 .dinfo {margin-bottom: 30px;}
.frcontact-01 .btitle {letter-spacing: 0;}
.frcontact-01 .company-email,
.frcontact-01 .company-address {margin-bottom: 50px;}
.frcontact-01 .company-address{max-width: 212px;}

.frcontact-01 .social-icons .soc-link {background-color: transparent; border:1px solid rgba(255, 255, 255, 0.10);width: 45px;height: 45px;}
.frcontact-01 .social-icons .soc-link img{width: 12px; height: 12px; filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(94deg) brightness(103%) contrast(101%);opacity: 1;}

.frcontact-01 .tinfo {margin-bottom: 50px;}
.frcontact-01 h2.mtitle {color: var(--color0);}
.frcontact-01 .atitle {
    margin-top: 8px;
    color: var(--color0);
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 27px */
}

.frcontact-01 .gform_wrapper .gform-body .gfield .gfield_label {
    color: var(--color0);
    font-family: var(--font-2);
    font-size: var(--form-label);
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 22.5px */
}

.frcontact-01 .gform_wrapper .gform-body .gform_fields {row-gap: 30px; column-gap: 30px;}

.frcontact-01 .gform_wrapper .gform-body .gfield .gfield_label {margin-bottom: 8px;}
.frcontact-01 .gform_wrapper .gform-body .gfield .gfield_label .gfield_required {color: var(--secondary-color1);}

.frcontact-01 .gform_wrapper .gform-body .gfield .ginput_container input,
.frcontact-01 .gform_wrapper .gform-body .gfield .ginput_container textarea {
    min-height: 50px;
    border: none;
    border-radius: 0;
    color: var(--text-color);
    font-family: var(--font-2);
    font-size: var(--form-label);
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 22.5px */ 
    outline: none;
}

.frcontact-01 .gform_wrapper .gform-body .gfield .ginput_container input[aria-required="true"][aria-invalid="true"],
.frcontact-01 .gform_wrapper .gform-body .gfield .ginput_container textarea[aria-required="true"][aria-invalid="true"] {outline: 3px solid #e74c3c !important;   outline-offset: 0px;}

.frcontact-01 .gform_wrapper .gform-body .gfield .ginput_container textarea {min-block-size: 150px; resize: none;}

.frcontact-01 .gform_wrapper .gform-footer {margin-top: 40px;}

.frcontact-01 .contact-footer {position: absolute; width: 100%; bottom: 0; left: 0%;}
.frcontact-01 .contact-footer hr {margin: 0;margin-bottom: 30px; background-color: var(--color0); height: 1px; opacity: .1;}
.frcontact-01 .contact-footer .foot {display: flex; justify-content: space-between; margin-bottom: 62px;}
.frcontact-01 .contact-footer .foot .f-left .copyright {display: flex; column-gap: .25rem; flex-wrap: wrap;}

.frcontact-01 .contact-footer .foot div,
.frcontact-01 .contact-footer .foot div a span {
    color: rgba(255, 255, 255, 0.70);
    font-family: var(--font-2);
    font-size: var(--footer-link);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-wrap: nowrap;
}

.frcontact-01 .gform-theme--framework .gform_validation_errors, 
.frcontact-01 .gform-theme--framework .gfield_validation_message:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {display: none;}

.frcontact-01 .social-icons .soc-link:hover {
    background: var(--secondary-color1);
}
/* #endregion */

/*------------------------------------------
    #MARK: AJAX CPT 02
------------------------------------------*/
/* #region */
.ajaxc-02 .topid {position: absolute; top: -140px;}

.ajaxc-02[data-axgrid] .tax-links {margin-bottom: 62px;}

.ajaxc-02 .iloader {position: absolute; top: 0; left: 50%; transform: translateX(-50%);}

.ajaxc-02[data-axgrid] .tax-links ul {column-gap: 30px;}

.ajaxc-02[data-axgrid] .tax-links .btn-2 {
    all: unset;
    padding-bottom: 10px;
    position: relative;
}
.ajaxc-02[data-axgrid] .tax-links .btn-2::after {
    all: unset;
    content: "";
    height: 1px;
    width: 0;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--primary-color1-2);
    transition: all 0.3s;
}

.ajaxc-02[data-axgrid] .tax-links .btn-2:hover::after, .ajaxc-02[data-axgrid] .tax-links .btn-2.active::after {width: 100%;} 
.ajaxc-02[data-axgrid] .tax-links .btn-2 span, .ajaxc-02 .tax-links .btn-2:hover span ,.ajaxc-02 .tax-links.active .btn-2 span {
    all: unset;
    color: var(--primary-color1-2);
    font-family: var(--font-2);
    font-size: var(--btn);
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 14px */
    text-transform: uppercase;
    cursor: pointer;
}

.ajaxc-02[data-axgrid] .ajax_grid {display: flex; flex-direction: column; row-gap: 80px;}

.ajaxc-02 .row {margin-left: -15px;margin-right: -15px; position: relative;}

.ajaxc-02 .post-image {position: relative; min-height: 406px; max-width: 535px; display: flex; justify-content: center; align-items: center; padding: 20px;}
.ajaxc-01 .post-image::after {content: ""; position: absolute; right: -1px; bottom: -1px; width: 21px; height: 21px; background-color: var(--color0); clip-path: polygon(100% 0, 0% 100%, 100% 100%);}
.ajaxc-02 .post-tax {position: absolute; z-index: 3;top: 20px;left: 20px;display: flex;gap: 10px;}
.ajaxc-02 .post-term {padding: 6px 10px; line-height: 1;}
.ajaxc-02 .post-term.term-current {background: rgba(175, 152, 112, 0.80);}
.ajaxc-02 .post-term.term-realized {background:  rgba(30, 111, 162, 0.80);}
.ajaxc-02 .post-term span {
    color: var(--color0);
    font-family: var(--font-2);
    font-size: var(--tax-term);
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 13px */
    text-transform: uppercase;
}

.ajaxc-02 .post-logos {position: relative; text-align: center;}
.ajaxc-01 .additional-logos {display: flex; column-gap: 50px; margin-top: 20px;}

.ajaxc-02 h3.ititle {color: var(--secondary-color2);}
.ajaxc-02 hr {margin: 21px 0; background-color: var(--secondary-color1); height: 1px; border: none;}

.ajaxc-02[data-axgrid] .dcustom-select {border: none;}
.ajaxc-02[data-axgrid] .custom-select__trigger  {border: none; border-bottom: 1px solid var(--secondary-color2);}
.ajaxc-02[data-axgrid] .custom-options {z-index: 5; border: 1px solid var(--secondary-color2);}

.ajaxc-02[data-axgrid] .custom-option.selected {color: var(--primary-color1-2);}
/* #endregion */

/*------------------------------------------
    #MARK: TIMELINE 01
------------------------------------------*/
/* #region */
.timeline-01 .wrap {position: relative;}
.timeline-01 [data-aos] {opacity: 0;}

.timeline-01 .tinfo {text-align: center; margin-bottom: 74px;}

.timeline-01 .timeline-strip {position: relative;}

.timeline-01 .line-center {position: absolute; top: 25px; left: 50%; transform: translateX(-50%); width: 1px; height: calc(100% - 25px); background-color: var(--text-color); margin: 0;}
.timeline-01 .line-bottom {position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); width: 16px; height: 9px; margin: 0;}


.timeline-01 .timeline-item {max-height: 260px; overflow: visible;}
.timeline-01 .timeline-item:not(:nth-last-child(2)) .div-link {min-height: 260px;}
.timeline-01 .timeline-item .div-link {max-width: 50%; position: relative;}
.timeline-01 .timeline-item:nth-child(odd) .div-link {display: block; margin-left: auto;}

.timeline-item .line-dots {position: absolute; top: 25px;}
.timeline-01 .timeline-item:nth-child(odd) .line-dots {left: 0;}
.timeline-01 .timeline-item:nth-child(even) .line-dots {right: 0;}

.timeline-item .line-dots::after {content: ""; display: block; width: 50px; height: 1px; background-color: var(--text-color);}
.timeline-item .line-dots::before {content: ""; display: block; width: 6px; height: 6px; border-radius: 100%; background-color: var(--text-color); position: absolute; top: -2px; right: 0;}
 .timeline-01 .timeline-item:nth-child(even) .line-dots::before {left:0; right: unset;}
.timeline-01 .timeline-item .div-link .dinfo {max-width: 470px;}
.timeline-01 .timeline-item:nth-child(odd) .div-link .dinfo {display: block; margin-left: auto;}

.timeline-01 .dinfo h2 {color: var(--secondary-color2); margin-bottom: 35px;} 

.timeline-01 .dinfo .dtext ul {padding-left: 20px;}
.timeline-01 .dinfo .dtext ul li:not(:last-child) {margin-bottom: 22px;}
.timeline-01 .dinfo .dtext ul li {line-height: 145%;}
.timeline-01 .dinfo .dtext ul li::marker {color: var(--secondary-color1);}

.timeline-01 .bg-img {background-attachment: fixed; background-position: right 220px; background-repeat: no-repeat; background-size: 83.6111% auto;}
/* #endregion */

/*------------------------------------------
    #MARK: TITLE ROW 01
------------------------------------------*/
/* #region */
.titler-01 .btitle {margin-bottom: 22px;}
.titler-01 h2 {line-height: 110%;}
.titler-01 .text-right {margin-top: 30px;}
/* #endregion */

/*------------------------------------------
    #MARK: NEWS PAGE 
------------------------------------------*/
/* #region */
.single-post header {position: fixed;}
.single-post .news-hero {background: var(--grad, linear-gradient(180deg, #203960 0%, #0F1B2D 100%)); }

.single-post .news-hero .wrap {min-height: 500px; padding: 130px 0 60px; display: flex; justify-content: center; align-items: flex-end; text-align: center; height: 100%;}

.single-post .news-hero h1 {margin-bottom: 20px; font-size: var(--h2);}
.single-post .news-hero .post-date {
    color:var(--secondary-color1);
    font-family: var(--font-2);
    font-size: var(--btitle);
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
    text-transform: uppercase;
}

.single-post .news-content .wrap {padding: 100px 0;}
.single-post .news-content .container {max-width: 800px;}
.single-post .news-content .thumb-bg {width: 100%; height: auto; aspect-ratio: 535/350; min-height: 200px; margin-bottom: 30px;}

.single-post .div-back {margin-top: 40px; display: flex; justify-content: center;}
/* #endregion */

/*------------------------------------------
    #MARK: HERO 01
------------------------------------------*/
/* #region */


/* #endregion */