@import url('https://fonts.googleapis.com/css2?family=Square+Peg&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quattrocento+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

@font-face {
    font-family: 'Gill Sans';
    src: url(../fonts/gill-sans.ttf);
}

@font-face {
    font-family: 'Proxima Nova Medium';
    src: url(../fonts/proxima-nova-regular.ttf);
}

header nav.navbar.white-link .navbar-nav > li > a { color: #000; }

@media (max-width: 991px) {
    .no-nav {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .mr-cert-up, .mr-cert-down { margin-left: 0 !important; }
}

.mr-cert-up { margin-left: 26px; }
.mr-cert-down { margin-left: 19%; }

#newspaperList { display: none !important; }

.mfp-close-btn-in .mfp-close { color: #FFF !important; }

.full-width-pull-menu .dropdown .dropdown-toggle:before { width: 2px !important; }

.full-width-pull-menu .dropdown .dropdown-toggle:after { height: 2px !important; }

.parallax {
    background-position: center !important;
}

@media (min-width: 992px){
    .mt-585 {
        margin-top: 585px;
    }
}

@media (max-width: 991px) {
    .no-nav {
        display: none !important;
    }
}
@media (max-width: 767px) {
    /*.swiper-full-screen .swiper-pagination { display: none !important; }*/
}

@media (max-width: 480px) {
    .no-mobile { display: none !important; }
}

@media (min-width: 481px) and (max-width: 767px) {
    .no-mobile { display: block !important; }
}

@media (max-width: 1199px) {
    header nav .navbar-nav > li > a {
        margin: 0 8px;
    }
}

/* .btn { font-family: "Lato", sans-serif; } */

.header-with-topbar .navbar-top, .header-with-topbar .navbar-fixed-top {
    background: transparent;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
}

header.sticky nav.navbar.white-link .navbar-nav > li.active > a, header.sticky nav.navbar.bootsnav.white-link ul.nav > li.active > a {
    color: rgb(193 180 180 / 60%);
}

.care-text {
    font-size: 27px;
    color: #00b4b1;
    font-weight: 600;
    letter-spacing: 2px;
    font-family: "Lato", sans-serif;
}

.btn.btn-banner {
    font-size: 22px;
    padding: 0.6rem 1rem !important;
    /* font-family: 'Proxima Nova Medium', sans-serif; */
}

.text-iris-blue { color: #00b4b1; }
.icon-iris-blue { color: #00b4b1; }
.icon-iris-blue:active { color: #000; }

.text-prussian-blue { color: #13396c; }
.text-medium-turquoise { color: #3FC3D4; }
.text-cameo { color: #CEA579 !important; }

.btn-prussian-blue { background-color: #13396c; color: #FFF; }
.btn-prussian-blue:hover { background-color: #CEA479; color: #000; }
.btn-cameo { background-color: #CEA479; color: #FFF; }
.btn-medium-turquoise { background-color: #3FC3D4; color: #FFF; }
.btn-medium-turquoise:hover { background-color: #3FC3D4; color: #000; }

.bg-transparent { background-color: transparent; }

.bg-iris-blue { background-color: #00b4b1; }

.btn-iris-blue { color: #FFF; background-color: #00b4b1 !important; }

.bg-black-pearl { background-color: #0E1821; }

.btn-donate {
    background: #00b4b1 !important;
    border-color: #00b4b1 !important;
    color: #FFF !important;
    padding: 6px 35px 6px !important;
    margin-top: -4px !important;
}

header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a {
    padding: 5px 0;
}

.opacity-full-medium { position: absolute; height: 100%; width: 100%; opacity: 0.7; top: 0; left: 0; }
.slider-text-middle-center {display: table; height: 100%; width: 100% }

.opacity-thumbnail { background: rgb(0 0 0 / 39%); padding: 8px; }

.full-width-pull-menu .dropdown .dropdown-toggle:before { width: 2px !important; }
.full-width-pull-menu .dropdown .dropdown-toggle:after { height: 2px !important; }

.feature-box-8:hover .feature-box-overlay { height: 100%; background: #00b4b1; }
.feature-box-8:hover h6, .feature-box-8:hover p { color: #000 !important; }
.feature-box-8:hover .icon-large { color: #000 !important; }
.feature-box-8:hover .icon-medium { color: #000 !important; }

.border-iris-blue { border: 1px solid #00b4b1 !important; }

.btn.btn-transparent-services {
    background: transparent;
    border-color: #ffffff;
    color: #ffffff;
}

.feature-box-8:hover .btn.btn-transparent-services {
    background: transparent !important;
    border-color: #000;
    color: #000;
}

.list-style-3 li {
    position: relative;
    padding: 0 0 0 22px;
    margin: 0 0 11px 0;
    font-size: 21px;
    color: #232323;
    letter-spacing: 0.8px !important;
    font-family: "Lato", sans-serif !important;
}
.list-style-3 li:before {
    height: 2px;
    background-color: #00b4b1 !important;
}

.border-color-iris-blue {border-color:#00b4b1 !important;}

.custom-icon { color: #232323; }
.custom-icon:hover { color: #fff; }

.custom-bg { background-color: #fff; }
.custom-bg:hover { background-color: #00b4b1; }

.reservation-wide {
    font-family: "Lato", sans-serif;
}

@media (min-width: 992px){
    .mt-585 {
        margin-top: 585px;
    }
}

.commitment {
    font-size: 15px;
    letter-spacing: 0.5px;
    text-transform: capitalize;
}

header a.logo img { max-height: 100px;  }

/*.w-70 { width: 70% !important; }*/

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1300px; }
}

@media (max-width: 767px) {
    .sm-p-0 { padding: 0!important; }
    .first-letter { float: left; font-size: 25px !important; }
    .content-text { font-size: 19px !important; }
    .blockquote-wrapper { padding: 0; }
    .blockquote, .blockquote:after, .blockquote > h5, .blockquote > p { color: #000 !important; }
    header a.logo img { max-height: 50px !important; width: 75px; }
    .title-mobile { font-size: 25px !important; }
    .image-icon, .image-icon-2, .image-icon-4 { display: none; }
    .w-60, .w-80 { width: 100%!important; }
    .w50 { width: 35% !important; }
    /*.sm-w-70 { width: 70% !important; }*/
    h6 { font-size: 19px; letter-spacing: 0.8px; }
    .subtitle { line-height: 25px; }
    .scripture { letter-spacing: 0px !important; line-height: 18px; font-size: 18px !important; }
    .banner-btn {
        font-size: 16px !important;
        padding: 8px 31px 13px !important;
        line-height: 12px !important;
    }
    .scripture-opacity { background: rgb(0 0 0 / 62%); padding: 8px; }
    .show-slide { display: none !important; }
}

.scripture { font-size: 19px !important; }
.scripture-opacity { background: rgb(0 0 0 / 62%); padding: 8px; }

.w-40 { width: 35%; }
.w-60 { width: 60%; }
.w-80 { width: 80%; }
.text-underline { text-decoration: underline; }

@media (min-width: 992px) and (max-width: 1199.98px) {
    .w-60 { width: 100%; }
    .grid-item.feature-box-4 figure figcaption { top: 53px; width: 93%; }
    .opacity-thumbnail { padding: 0 6px; }
    .first-letter { font-size: 26px !important; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .first-letter { font-size: 24.5px !important; }
    header a.logo img { max-height: 60px !important; width: 130px; }
}

.grid-item.feature-box-4 figure figcaption { padding: 0 10px 0px 10px; z-index: 3; }
.rounded-figure { border-radius: 0.75rem!important; }

.first-letter {
    float: left;
    font-size: 30px;
    line-height: auto;
    margin: -1px 1px 0px 0px;
    text-align: left;
    padding: 0;
    font-weight: bold;
    color: #47abdd;
}

.container-icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.image-icon {
    flex-basis: 15%
}

.image-icon-2 { flex-basis: 11.7%; }
.image-icon-4 { flex-basis: 11.1%; }

.text { padding-left: 10px; }

/* *********** */
.gallery {
    width: 100%;
    max-width: 620px;
    margin: 0px auto;
}
.gallery-slider {
    width: 100%;
    height: auto;
    margin: 0;
}
.gallery-slider .swiper-slide {
    width: auto;
}
.gallery-slider .swiper-slide img {
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto;
}
.gallery-thumbs {
    width: 100%;
    padding: 0;
    overflow: hidden;
    top: 0.5em;
}
.gallery-thumbs .swiper-slide {
    width: 100px;
    height: 50px;
    text-align: center;
    overflow: hidden;
    opacity: 0.5;
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}
.gallery-thumbs .swiper-slide img {
    width: auto;
    height: 100%;
}
.swiper-button-next, .swiper-button-prev { color: #fff !important; }
hr {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}

.table td, .table th { font-size: large; }
.font-weight-600 { font-weight: 600 !important; }
.font-weight-700 { font-weight: 700 !important; }
.bg-carrot-curl { background-color: #F5941E; }
.bg-green-crush { background-color: #44B8BA; }
.text-green-crush { color: #44B8BA; }
.btn-green-crush { background-color: #44B8BA; }
.bg-tiffany-blue { background-color: #00b4b1; }
.btn-green-crush:hover { background-color: #3ba1a3; }
.bg-tiffany-blue { background-color: #00b4b1; }
.btn-tiffany-blue { background-color: #00b4b1; }
.btn-tiffany-blue:hover { background-color: #00b4b1; }
.accordion-style2 .panel-heading i { font-size: inherit !important; }
.accordion-style2 .panel .panel-heading { background: #f7f7f7; }
.table-striped tbody tr:nth-of-type(odd) { background-color: rgb(220 127 35 / 17%); }
/*.table td, .table th { border-top: 1px solid #DC7F23; }*/
.accordion-style2 .panel .panel-heading { background: #00b4b1; }
a, .accordion-style2 a, a:hover, .accordion-style2 a:hover { color: #9f5d24; }
.list-style-3 li:before { height: 2px; background-color: #DC7F23; }
.text-picton-blue { color: #47abdd !important; }
.text-light-carmine-pink { color: #de5e72; }
.text-bright-turquoise{ color: #1CE5D1; }
.text-sandstorm { color: #ebd938; }
.text-tiffany-blue { color: #00b4b1; }
.text-tiffany-blue-underline { color: #00b4b1; text-decoration: underline; text-underline-offset: 8px;}
.bg-christmas-blue { background: #348cc4; }
.bg-keppel { background: #40b2a1; }
.bg-bright-light { background: #edf0f0; }
.bg-aviary-blue { background: #c6e2e6; }
.bg-rarifier-air { background: #e2e7e7; }
.bg-bravo-blue { background: #d0e9ee; }
.bg-picton-blue { background: #47abdd; }
.bg-cyan-blue-azure { background: #4c81bf; }
.bg-hight-sky { background: #dae6f1; }
.bg-dancing-green { background: #c2d69b; }
.bg-berry-frappe { background: #b1a0c8; }
.border-picton-blue{ border: 1px solid #47abdd!important; }
.border-tiffany-blue{ border: 1px solid #00b4b1!important; }
.bg-water { background-color: #ccf0ef; }
.feature-box:before, .feature-box .content:before, .feature-box:after, .feature-box .content:after { background-color: transparent; }
.feature-box .content { padding: 18px 15px; }
.alt-font, .content-text { font-family: "Lato", sans-serif; font-weight: 400; letter-spacing: normal !important; line-height: 28px; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 25px; padding: 0; letter-spacing: normal !important; font-family: "Lato", sans-serif; color: #555555 !important; }
body { font-family: "Lato", sans-serif; }
.bg-spring-wood { background-color: #ECDDCF; }
.bg-baltic-sea { background-color: #343A40; }
.text-baltic-sea { color: #343A40; }
.bg-almond { background-color: #E6D6C8; }
.text-almond { color: #E6D6C8; }
.bg-selective-yellow { background-color: #edb305; }
.bg-sandstorm { background-color: #ebd938; }
.text-subtitle { color: #31C0C7 !important; }
.bg-steel-blue { background-color: #4580C4 !important; }
.text-steel-blue { color: #4680C4 !important; }
.bg-white-smoke { background-color: #f5f5f5; }
.text-onahau { color: #C8EAF6 !important; }
.bg-tangaroa { background-color: #07223D; }
.text-sapphire { color: #012658 !important; }
.text-viking { color: #3E9DC4 !important; }
.text-jordy-blue { color: #81B0DD !important; }
.bg-sapphire { background-color: #012658 !important; }
.bg-viking { background-color: #3E9DC4 !important; }
.bg-jordy-blue { background-color: #81B0DD !important; }


.bg-azure {
    background-color: #F3F4F4;
    padding: 10px;
    border-radius: 5rem !important;
    margin-left: -10rem;
    z-index: -5;
    position: relative;
}

.btn-steel-blue, .btn-steel-blue:hover {
    background: #4680C4 !important;
    border-color: #4680C4 !important;
    color: #fff;
    padding: 10px 40px !important;
    font-size: 15px !important;
}

.btn-top, .btn-top:hover {
    background: #4680C4 !important;
    border-color: #4680C4 !important;
    color: #fff;
    padding: 4px 30px !important;
    font-size: 15px !important;
}

#countdown {
    font-size: 2em;
    text-align: center;
    color: #FFFFFF;
    font-weight: 700;
}

.organizational-text {
    margin-bottom: 30px;
}

.leadership-text {
    margin-bottom: 30px;
}

.diversity-tab {
    margin-top: 1px;
}

.leadership-tab {
    margin-top: 14.5px;
}
.organizational-design-text {
    margin-bottom: 53px;
}

.simple-dropdown .dropdown-menu {
    background: #07223D;
}

.simple-dropdown .dropdown-menu > li > a {
    font-size: 16px;
    color: #FFF;
}

.link-submenu.active {
    border-bottom: 1px solid #fff; /* Cambia el color según tu diseño */
}

.dropdown-menu.animated {
    top: 35px !important;
}

.display-block {
    display: block;
}

header.header-appear nav.header-dark, header.sticky nav.navbar-fixed-top.header-dark, header.sticky nav.navbar-scroll-fixed-top.header-dark {
    background-color: #07223D;
}

.swiper-pagination {
    text-align: left !important;
}

.swiper-pagination-bullet {
    width: 18px !important;
    height: 18px !important;
    background: #D9D9D9 !important; ;
}

.swiper-pagination-bullet-active {
    background: #555555 !important;
}

.special-char-medium-home {
    font-size: 80px;
    line-height: 180px;
}

.z-5 {
    z-index: 5;
    position: relative;
}

.nav li {
    display: inline-block;
}

.nav .is-selected {
    border-bottom: 2px solid #4680C4 !important;
}

.quote-box {
    margin-right: -50rem;
    padding-right: 57em;}

.special-char-medium {
    top: 11px !important;
    margin-left: -15px;
}

.container .feature-box.feature-box-7 .box .content {
    top: 15px;
}

.menu-border-bottom {
    border-bottom: 2px solid #4680C4 !important;
}
li.diversity, li.organizational, li.leadership {
    list-style-type: none;
}

#webinar.modal-popup-main .mfp-close, .modal-popup-main .mfp-close:active {
    /*right: 41rem;*/
    /*color: #FFF !important;*/
}

#free-resources.modal-popup-main .mfp-close, .modal-popup-main .mfp-close:active {
    /*right: 65rem;*/
    /*color: #000 !important;*/
}

#webinar.mfp-close-btn-in .mfp-close {
    /*color: #FFF !important;*/
}

@media screen and ( min-width: 850px ) and ( max-height: 768px )  {
    .no-title { margin-bottom: -8em; }

}

.btn.btn-blue {background:transparent; border-color: #007bff; color: #FFF !important; padding: 5px 10px 5px 7px;}
.btn.btn-blue:hover, .btn.btn-red:focus {background: #007bff; color: #fff !important}

a, a:active, a:focus {
    color: #9f5d24;
    text-decoration: none;
}

.link-white  { color: #FFF !important; }

.tab-style5 .nav-tabs .nav-link {
    opacity: 1;
}

.tab-style5 .nav-tabs .nav-link.active {
    color: #CEA579 !important;
    opacity: 2;
    border-bottom: 0.5px solid transparent !important;
    padding-left: 0;
    /*width: 70%;*/
}

.tab-style5 .nav-tabs li {
    line-height: 50px;
}

.white-link, .white-link:hover {
    color: #FFF !important;
}

.font-weight-300 { font-weight: 300 !important; }

.font-italic { font-style: italic; }

p {
    font-size: 21px;
    color: #232323;
    letter-spacing: 0.8px !important;
    font-family: "Lato", sans-serif !important;
}

footer {
    font-size: 15px !important;
    font-family: "Lato", sans-serif !important;
}

.color-blue {
    color: #007bff !important;
}

a.text-blue-hover:hover, a.text-blue-hover:focus {
    color: #007bff !important;
}

.mobile-toggle:hover span, .white-link .mobile-toggle:hover span {
    background-color: #007bff !important;
}

.light-grayish-blue {
    background: #e7f3fa;
}

.btn.perolous {
    background: #1698B7;
    border-color: #1698B7;
}

.btn.dark-orange {
    background: #FF8F09;
    border-color: #FF8F09;
}

.btn.cinnabar {
    background: #ED3630;
    border-color: #ED3630;
}

.btn.btn-yellow {
    background: #fbcf00 !important;
    border-color: #fbcf00 !important;
    color: #000 !important;
    padding: 6px 25px 5px !important;
    /*margin-top: 11px !important;*/
    font-family: "Lato", sans-serif;
}

.padding-forty-left { padding-left: 40%; }

.portfolio-filter-tab-1 li {
    padding: 15px 25px;
    color: #000 !important;
    border: 1px solid #000 !important;
    background-color: #FFF !important;
    border-radius: 50rem !important;
}

.portfolio-filter-tab-1 li.active {
    padding: 15px 25px;
    border: 1px solid #4580C4 !important;
    background-color: #4580C4 !important;
}

.portfolio-filter-tab-1 li.active a {
    border-bottom: none !important;
    color: #FFF;
}

.portfolio-filter-tab-1 li a {
    color: #000;
    border-bottom: none !important;
}

footer .medium-icon li {
    margin: 0 15px;
}

nav.navbar.navbar-default ul.nav > li > a {
    background: transparent;
    border-color: transparent;
    font-weight: 600;
    font-size: 16px !important;
    /* margin: 20px; */
    padding: 5px 0px 5px;
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

@media (max-width: 991px) {
    nav.navbar.bootsnav.no-full .navbar-collapse {
        max-height: 400px;
        overflow-y: auto !important;
    }

}


.full-width-pull-menu .link-style-2 ul li a {
    background: inherit;
    color: #232323;
    font-size: 35px;
    line-height: 75px;
    position: relative;
    font-family: "Lato", sans-serif;
    font-weight: 600;
}


.full-width-pull-menu .link-style-2 .dropdown ul li a {
    font-size: 21px;
    line-height: 35px;
    color: #757575;
    padding: 0px 20px;
    margin: 0;
    display: block;
    font-weight: 400;
    letter-spacing: 0.8px !important;
}

.banner-home {
    background-image: url('../images/banner-desktop.jpg');visibility: visible;animation-name: fadeIn; background-position: right 12% center !important;
}

@media (max-width: 991px){
    .parallax {
        background-position: right;
    }
}

@media (min-width: 768px){
    .btn-discount {
        padding: 18px 34px !important;
    }
}

@media (max-width: 767px) {
    header nav.navbar {
        /*padding: 20px 0 !important;*/
    }
    .banner-home {
        background-image: url('../images/mobile-banner.jpg');visibility: visible;animation-name: fadeIn; background-position: center !important;
    }
    .full-width-pull-menu .link-style-2 ul li a {
        line-height: 42px;
        font-size: 22px;
    }
    .full-width-pull-menu .dropdown span.dropdown-toggle {
        right: -100px;
    }
    .full-width-pull-menu .link-style-2 .dropdown ul li a {
        line-height: 16px;
        font-size: 17px;
        padding: 10px 15px;
    }
    #webinar.modal-popup-main .mfp-close, .modal-popup-main .mfp-close:active{
        /*right: 1rem !important;*/
        /*color: #FFF !important;*/
    }
    #free-resources.modal-popup-main .mfp-close, .modal-popup-main .mfp-close:active {
        /*right: 1rem !important;*/
        /*color: #000 !important;*/
    }
}

.full-width-pull-menu span.dropdown-toggle {
    right: 80px;
}

.full-width-pull-menu .link-style-2 ul li:hover > a, .full-width-pull-menu .link-style-2 ul li.show > a {
    color: #007bff !important;
}

.full-width-pull-menu .link-style-2 ul li {
    display: table;
    width: 50%;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-toggler {
        /*display: block !important;*/
    }

}


.hover-option8 .grid-item .portfolio-hover-main {
    display: inline-table;
    width: 90%;
    height: 50%;
    margin-top: 25%;
}

.no-border {
    border: 0 !important;
}

.btn.btn-large {
    padding: 6px 34px;
}

.btn-download {
    background: #F42022;
    border-color: #F42022;
    color: #FFF !important;
    padding: 10px 20px !important;
    font-family: "Lato", sans-serif;
    font-weight: 600;
    border-radius: 4px;
    letter-spacing: 1px;
    font-size: 16px;
}

.height-50 {height: 50%}
.height-60 {height: 60%}
.height-70 {height: 70%}
.height-80 {height: 80% !important}
.height-90 {height: 90% !important}
.height-100 {height: 100% !important}
.height-auto {height:auto !important}
.max-height-100 {max-height: 100%}
.full-screen {min-height: 980px;}

@media (max-width: 767px) {
    .text-xs-center {
        text-align: center;
    }
    .a-line {
        line-height: 2em;
    }

    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
    iframe.contact-us-form { height: 620px !important; }

    iframe.map { height: 320px !important; }

    .dropdown-item { color: #FFF !important; }


}

iframe.contact-us-form { height: 446px; }

iframe.map { width: 100%; height: 520px; }

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }

    .carousel-inner .carousel-item-start.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }

}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
    transform: translateX(0);
}

.no-space { margin-top: 0 !important; }

.h-100v {
    height: 100vh;
}

/* start video banner */
.video-banner {
    position: relative;
    background-color: black;
    height: 100vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}

.video-banner video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.video-banner .container {
    position: relative;
    z-index: 2;
}

/* end video banner */

.initial-text {
    display: initial;
    padding-top: 25px;
    position: absolute;
}

.dropdown-item {
    font-size: 18px;
    padding: 0.8rem 1rem;
    font-family: "Lato", sans-serif;
}

.white-box {
    background-color: rgb(0 0 0 / 30%);
    line-height: 50px;
    font-weight: 600;
    padding: 2rem;
}

@media screen and (max-width: 991px) {
    nav.navbar.bootsnav .navbar-nav {
        padding: 2em;
    }
    nav.navbar.bootsnav .navbar-nav li, nav.navbar.bootsnav li.dropdown ul.mega-menu-full li.dropdown-header { margin-bottom: 1em; }

    #text-rectangle:before, #text-rectangle .top-left:before {
        top: 100%;
        left: 90% !important;
    }

    #text-rectangle:after, #text-rectangle .bottom-right:before {
        bottom: 100%;
        right: 90% !important;
    }

    #text-rectangle .top-right:before {
        top: 100%;
        right: 90% !important;
    }

    #text-rectangle .bottom-left:before {
        bottom: 100%;
        left: 90% !important;
    }

}

.tab-style5 .tab-box {
    left: 60%;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .one-second-screen { height: 300px; }
    /*.tab-style5 .tab-box { left: 26.5% !important; }*/
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .one-second-screen { height: 600px; }

}

#webinar.modal-popup-main .mfp-close, .modal-popup-main .mfp-close:active{
    /*right: 33rem !important;*/
    /*color: #FFF !important;*/
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .one-second-screen { height: 600px; }

}

@media (min-width: 1400px) {
    /*.tab-style5 .tab-box { left: 27.5% !important; }*/
    /*.tab-style5 .nav-tabs li { font-size: 22px; }*/
}

@media (min-width: 1600px) {
    /*.tab-style5 .tab-box { left: 20.5% !important; }*/
    /*.tab-style5 .nav-tabs li { font-size: 22px; }*/
}
/********************************************************/

#text-rectangle {
    position: relative;
    width: 50px;
    height: 50px;
    animation: expand 2s forwards;
}

#text-rectangle:before, #text-rectangle:after, #text-rectangle .top-right:before, #text-rectangle .bottom-left:before, #text-rectangle .top-left:before, #text-rectangle .bottom-right:before {
    content: "";
    position: absolute;
    border: 2px solid transparent;
    width: 0;
    height: 0;
    animation: drawCorner 2s forwards;
    transform: translate(50%, 50%);
}

#text-rectangle:before, #text-rectangle .top-left:before {
    top: 100%;
    left: 65%;
    border-bottom: 5px solid #4580C4;
    border-right: 5px solid #4580C4;
    animation: drawCornerTopLeft 2s forwards;
}

#text-rectangle:after, #text-rectangle .bottom-right:before {
    bottom: 100%;
    right: 65%;
    border-top: 5px solid #4580C4;
    border-left: 5px solid #4580C4;
    animation: drawCornerBottomRight 2s forwards;
}

#text-rectangle .top-right:before {
    top: 100%;
    right: 65%;
    border-bottom: 5px solid #4580C4;
    border-left: 5px solid #4580C4;
    animation: drawCornerTopRight 2s forwards;
}

#text-rectangle .bottom-left:before {
    bottom: 100%;
    left: 65%;
    border-top: 5px solid #4580C4;
    border-right: 5px solid #4580C4;
    animation: drawCornerBottomLeft 2s forwards;
}


@keyframes drawCornerTopLeft {
    0% {
        width: 0;
        height: 0;
        transform: translate(50%, 50%);
    }
    100% {
        width: 50px;
        height: 50px;
        transform: translate(-50%, -50%);
    }
}

@keyframes drawCornerBottomRight {
    0% {
        width: 0;
        height: 0;
        transform: translate(50%, 50%);
    }
    100% {
        width: 50px;
        height: 50px;
        transform: translate(50%, 50%);
    }
}

@keyframes drawCornerTopRight {
    0% {
        width: 0;
        height: 0;
        transform: translate(50%, 50%);
    }
    100% {
        width: 50px;
        height: 50px;
        transform: translate(50%, -50%);
    }
}

@keyframes drawCornerBottomLeft {
    0% {
        width: 0;
        height: 0;
        transform: translate(50%, 50%);
    }
    100% {
        width: 50px;
        height: 50px;
        transform: translate(-50%, 50%);
    }
}


#text-rectangle .text-top {
    position: absolute;
    top: -10%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    /*transition: opacity 2s ease-in-out;*/
    animation: showText 1s forwards;
    animation-delay: 1s;
}

#text-rectangle .text-middle {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    /*transition: opacity 2s ease-in-out;*/
    animation: showText 1s forwards;
    animation-delay: 1s;
}

#text-rectangle .text-bottom {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    /*transition: opacity 2s ease-in-out;*/
    animation: showText 1s forwards;
    animation-delay: 1s;
}

@keyframes expand {
    100% {
        width: 100%;
        height: 100px;
    }
}

@keyframes showText {
    100% {
        opacity: 1;
    }
}

.tab-style5 .tab-box {
    position: relative;
    /*left: 40% !important;*/
    /*top: 50%;*/
}

.custom-shadow {
    text-shadow: 2px 1px #000;
}

.text-large {
    font-size: 21px;
}

#webinar > .mfp-close {
    color: #FFF !important;
}

@media (max-width: 991px) {
    nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown > .dropdown-menu {
        background-color: rgb(0 0 0 / 0%);;
    }

    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
        color: #FFF !important;
    }
}


/* phones */
@media only screen and (max-width: 480px) {
    .cover-background {
        /*background-position: right !important;*/
    }

    .text-white-mobiles {
        color: #FFF !important;
    }

    .bg-azure {
        margin-left: -6rem !important;
    }

    .quote-box {
        margin-right: 5px !important;
        padding-right: 0!important;
    }

}



.our-services-tab {
    color: #CEA579 !important;
    opacity: 2;
    border-bottom: 0.5px solid #ffffff !important;
    padding-left: 0;
    width: 70% !important;
}

.diversity-services-tab {
    color: #CEA579 !important;
    opacity: 2;
    border-bottom: 0.5px solid #ffffff !important;
    padding-left: 0;
    width: 70% !important;
}

.organizational-services-tab {
    color: #CEA579 !important;
    opacity: 2;
    border-bottom: 0.5px solid #ffffff !important;
    padding-left: 0;
    width: 70% !important;
}

.leadership-services-tab {
    color: #CEA579 !important;
    opacity: 2;
    border-bottom: 0.5px solid #ffffff !important;
    padding-left: 0;
    width: 70% !important;
}

.list-style-1 li {
    padding: 0;
}

.cover-background {
    background-position: 80% 0% !important;
    background-image:url('/assets/images/our-services-white.png');
}
.cover-background-strategic {
    position: relative !important;
    background-size: cover !important;
    overflow: hidden !important;
    /*background-position: right !important;*/
    background-repeat: no-repeat !important;
    background-image:url('/assets/images/strategic-insights.jpeg');
}

/* Mobile devices */
@media (min-width: 320px) and (max-width: 481px) {
    .cover-background {
        background-position: 80% 0% !important;
        background-image:url('/assets/images/our-services-black.jpg');
    }
    .cover-background-strategic {
        position: relative !important;
        background-size: cover !important;
        overflow: hidden !important;
        background-position: right !important;
        background-repeat: no-repeat !important;
        background-image:url('/assets/images/strategic-insights-dark.jpg');
    }
    .bg-bridge-mobile {
        /*background-position: 55% -37% !important;*/
        background-position: 62% 134% !important;
        background-repeat: no-repeat;
    }
    .text-white-shadow {
        color: #FFF;
        text-shadow: 2px 2px black;
    }
    .text-steel-blue-shadow {
        text-shadow: 2px 2px black;
    }
    .h-100-solutions {
        /*height: 85vh!important;*/
    }
    .bg-mobile {
        background: rgb(0 0 0 / 71%) !important;
    }
    .bg-mobile-black {
        background: rgb(0 0 0 / 71%) !important;
        padding: 12px;
    }
    .text-white-mobiles {
        color: #FFF !important;
    }
    .text-black-mobiles {
        color: #000 !important;
    }

    .tab-style5 .diversity-tab {
        left: 0% !important;
        top: 0% !important;
    }
    .tab-style5 .organizational-tab {
        left: 0% !important;
        top: 0% !important;
    }
    .tab-style5 .leadership-tab {
        left: 0% !important;
        top: 0% !important;
    }
}

/* iPads, Tablets */
@media (min-width: 481px) and (max-width: 768px) {
    #webinar.modal-popup-main .mfp-close, .modal-popup-main .mfp-close:active{
    /*    right: 9rem !important;*/
    /*    color: #FFF !important;*/
    }
    #free-resources.modal-popup-main .mfp-close, .modal-popup-main .mfp-close:active{
    /*    right: 12rem !important;*/
    /*    color: #000 !important;*/
    }
    .our-services-tab { width: 55% !important; }

}

/* Small screens, laptops */
@media (min-width: 769px) and (max-width: 1024px) {
    /*.tab-style5 .diversity-tab { left: 0% !important; top: 21% !important; }*/
    /*.tab-style5 .organizational-tab { left: 0% !important; top: 30% !important; }*/
    /*.tab-style5 .leadership-tab { left: 0% !important; top: 9% !important; }*/
    /*.tab-style5 .nav-tabs li { font-size: 20px; }*/
    .diversity-services-tab { width: 55% !important; }
    .organizational-services-tab { width: 55% !important; }
    .leadership-services-tab { width: 55% !important; }
    #free-resources.modal-popup-main .mfp-close, .modal-popup-main .mfp-close:active {
        /*right: 18rem;*/
        /*color: #000 !important;*/
    }
}

/* Desktops, large screens */
@media (min-width: 1025px ) and (max-width: 1300px) {
    /*.tab-style5 .diversity-tab { left: 61% !important; top: 53% !important; }*/
    /*.tab-style5 .organizational-tab { left: 61% !important; top: 40% !important; }*/
    /*.tab-style5 .leadership-tab { left: 61% !important; top: 31% !important; }*/
    /*.tab-style5 .nav-tabs li { font-size: 20px; }*/
    #free-resources.modal-popup-main .mfp-close, .modal-popup-main .mfp-close:active {
        /*right: 29rem;*/
        /*color: #000 !important;*/
    }
}

@media (min-width: 1301px ) {
    /*.tab-style5 .diversity-tab { left: 61% !important; top: 53% !important; }*/
    /*.tab-style5 .organizational-tab { left: 61% !important; top: 40% !important; }*/
    /*.tab-style5 .leadership-tab { left: 61% !important; top: 31% !important; }*/
    /*.tab-style5 .nav-tabs li { font-size: 20px; }*/
    #free-resources.modal-popup-main .mfp-close, .modal-popup-main .mfp-close:active {
        /*right: 48rem;*/
        /*color: #000 !important;*/
    }
}

@media (max-width: 1400px ) {
    #free-resources.modal-popup-main .mfp-close, .modal-popup-main .mfp-close:active {
        /*right: 33rem;*/
        /*color: #000 !important;*/
    }
}

/* ipad mini */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
    #webinar.modal-popup-main .mfp-close, .modal-popup-main .mfp-close:active{
        /*right: 9rem !important;*/
        /*color: #FFF !important;*/
    }
    #free-resources.modal-popup-main .mfp-close, .modal-popup-main .mfp-close:active {
        /*right: 18rem;*/
        /*color: #000 !important;*/
    }
    .tab-style5 .diversity-tab {
        left: 27.5% !important;
        top: 28% !important;
    }
    .tab-style5 .organizational-tab {
        left: 27.5% !important;
        top: 24% !important;
    }
    .tab-style5 .leadership-tab {
        left: 27.5% !important;
        top: 25% !important;
    }

}

/* ipad mini Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
    .bg-bridge {
        background-position: 55% 553% !important;
        background-size: auto !important;
        background-repeat: no-repeat !important;
    }
    .h-100v-custom-strategic {
        height: 85vh !important;
    }
    .h-100v-custom-solutions {
        height: 60vh !important;
    }
    .tab-style5 .diversity-tab {
        left: 0% !important;
        top: 35% !important;
    }
    .tab-style5 .organizational-tab {
        left: 0% !important;
        top: 35% !important;
    }
    .tab-style5 .leadership-tab {
        left: 0% !important;
        top: 35% !important;
    }
}

/* ipad mini Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
    .bg-bridge {
        background-position: 55% -41% !important;
        background-size: auto !important;
        background-repeat: no-repeat !important;
    }
    .h-100v {
        /*height: 145vh !important;*/
    }
    .h-100v-custom-strategic {
        height: 145vh !important;
    }
    .h-100v-custom-solutions {
        height: 80vh !important;
    }
    .tab-style5 .diversity-tab {
        left: 27.5% !important;
        top: 28% !important;
    }
    .tab-style5 .organizational-tab, .tab-box .organizational-tab {
        left: 27.5% !important;
        top: 24% !important;
    }
    .tab-style5 .leadership-tab {
        left: 27.5% !important;
        top: 25% !important;
    }
}

/* iPad Air */
@media only screen and (max-width: 1199px) and (orientation : landscape) {
    .tab-style5 .diversity-tab {
        left: 26.5% !important;
        top: 32% !important;
    }
    .tab-style5 .organizational-tab {
        left: 26.5% !important;
        top: 48% !important;
    }
    .tab-style5 .leadership-tab {
        left: 26.5% !important;
        top: 53% !important;
    }
    .margin-bottom-organizational {
        margin-bottom: 7%;
    }
    .margin-bottom-leadership {
        margin-bottom: 9%;
    }
    .bg-bridge {
        background-position: 55% -34% !important;
        background-size: auto !important;
        background-repeat: no-repeat !important;
    }
}

/*********************************************************/

/* ipad pro Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    .bg-bridge {
        background-position: 1% 120% !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }
    .h-100v-custom-strategic {
        height: 85vh !important;
    }
    .h-100v-custom-solutions {
        height: 50vh !important;
    }
    .tab-style5 .diversity-tab {
        left: 0% !important;
        top: 35% !important;
    }
    .tab-style5 .organizational-tab {
        left: 0% !important;
        top: 35% !important;
    }
    .tab-style5 .leadership-tab {
        left: 0% !important;
        top: 35% !important;
    }
}

/* ipad pro Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1366px)
and (max-device-width: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .bg-bridge {
        background-position: 1% 245% !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }
    .h-100v-custom-strategic {
        height: 85vh !important;
    }
    .h-100v-custom-solutions {
        height: 60vh !important;
    }
    .tab-style5 .diversity-tab {
        left: 84% !important;
        top: 35% !important;
    }
    .tab-style5 .organizational-tab {
        left: 84% !important;
        top: 35% !important;
    }
    .tab-style5 .leadership-tab {
        left: 84% !important;
        top: 35% !important;
    }
}

/* ipad pro */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
    .tab-style5 .diversity-tab { left: 28% !important; top: 35% !important; }
    .tab-style5 .organizational-tab { left: 28% !important; top: 21% !important; }
    .tab-style5 .leadership-tab { left: 28% !important; top: 25% !important; }
    .tab-style5 .nav-tabs li { font-size: 20px; }
    #webinar.modal-popup-main .mfp-close, .modal-popup-main .mfp-close:active{
        /*right: 9rem !important;*/
        /*color: #FFF !important;*/
    }
    #free-resources.modal-popup-main .mfp-close, .modal-popup-main .mfp-close:active {
        /*right: 18rem;*/
        /*color: #000 !important;*/
    }
    .h-100v-custom-solutions {
        height: 50vh !important;
    }
    .h-100v-custom-strategic {
        height: 85vh !important;
    }

}