@font-face {
    font-family: Electrotome;
    src: url("../fonts/Electrotome/SF Electrotome.ttf");
    font-display: swap;
}

@font-face {
    font-family: OpenSansBold;
    src: url("../fonts/OpenSans/OpenSans-Bold.ttf");
    font-display: swap;
}

@font-face {
    font-family: OpenSansBoldItalic;
    src: url("../fonts/OpenSans/OpenSans-BoldItalic.ttf");
    font-display: swap;
}

@font-face {
    font-family: OpenSansExtraBold;
    src: url("../fonts/OpenSans/OpenSans-ExtraBold.ttf");
    font-display: swap;
}

@font-face {
    font-family: OpenSansExtraBoldItalic;
    src: url("../fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf");
    font-display: swap;
}

@font-face {
    font-family: OpenSansItalic;
    src: url("../fonts/OpenSans/OpenSans-Italic.ttf");
    font-display: swap;
}

@font-face {
    font-family: OpenSansLight;
    src: url("../fonts/OpenSans/OpenSans-Light.ttf");
    font-display: swap;
}

@font-face {
    font-family: OpenSansLightItalic;
    src: url("../fonts/OpenSans/OpenSans-LightItalic.ttf");
    font-display: swap;
}

@font-face {
    font-family: OpenSansRegular;
    src: url("../fonts/OpenSans/OpenSans-Regular.ttf");
    font-display: swap;
}

@font-face {
    font-family: OpenSansSemiBold;
    src: url("../fonts/OpenSans/OpenSans-SemiBold.ttf");
    font-display: swap;
}

@font-face {
    font-family: OpenSansSemiBoldItalic;
    src: url("../fonts/OpenSans/OpenSans-SemiBoldItalic.ttf");
    font-display: swap;
}

@font-face {
    font-family: Olney;
    src: url("../fonts/Olney/olney_light.otf");
    font-display: swap;
}

.light {
    font-family: OpenSansLight, sans-serif;
}

.regular {
    font-family: OpenSansRegular, sans-serif;
}

.semiBold {
    font-family: OpenSansSemiBold, sans-serif;
}

.bold {
    font-family: OpenSansBold, sans-serif;
}

.extraBold {
    font-family: OpenSansExtraBold, sans-serif;
}

.italic {
    font-family: OpenSansSemiBoldItalic, sans-serif;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    height: 100%;
    scroll-behavior: smooth;
    font-family: OpenSansRegular, sans-serif;
}

#page-top {
    overflow: hidden;
}

.cursorPointer {
    cursor: pointer;
}

.icon-comunidade, .icon-2berto {
    margin: 10px 10px 0 0;
    display: inline-block !important;
    width: 28px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Suavização na transformação e sombra */
}

.icon-comunidade {
    background: url("../images/header/icone_comunidade.svg") no-repeat;
}

.icon-2berto {
    background: url("../images/header/icone_2berto.svg") no-repeat;
}

.icon-comunidade:hover, .icon-2berto:hover {
    transform: scale(1.3); /* Aumenta levemente o ícone */
}

.iconOverNav {
    width: 25px;
}

.textWithIconOverNav {
    color: #BEBEBE;
    text-decoration: none;
    font-family: OpenSansRegular, sans-serif;
    font-size: 0.8vw;
}

.nav-color-special .colored-svg path {
    fill: #FDA623;
}

.nav-color-special span {
    color: #FDA623;
}

.nav-color {
    color: #00BAFF !important;
}

.nav-border {
    border-left: 2px solid #00BAFF;
}

.nav-border::after {
    width: 100% !important;
}

.offcanvas {
    width: 100% !important;
}

.offcanvas-header {
    display: inline !important;
}

#mainNav.navbar-shrink .navbar-brand img {
    max-width: 275px !important;
}

.transition-logo {
    transition: all .3s ease;
}

.mobile-section, .navbar-mobile {
    display: none !important;
}

.opacity {
    padding-top: 60px;
    background: transparent linear-gradient(180deg, #0A5474 0%, #80808000 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
}

.px-responsive {
    padding-right: 10rem !important;
    padding-left: 10rem !important
}

.navbar {
    font-size: 20px;
    font-family: Olney, serif;
}

.modal-backdrop.show {
    opacity: 0.9;
}

/* INICIO ANIMAÇÃO PRELOADER
-------------------------------------------------------*/

/* Preloader */
.container-preloader {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
    overflow: hidden;
}

.container-preloader .animation-preloader {
    position: absolute;
    z-index: 100;
}

/* Spinner Loading */
.animation-preloader .spinner {
    animation: spinner 1s infinite linear;
    border-radius: 50%;
    border: 10px solid rgba(0, 0, 0, 0.2);
    border-top-color: #00467f; /* It is not in alphabetical order so that you do not overwrite it */
    height: 9em;
    margin: 0 auto 3.5em auto;
    width: 9em;
}

/* Loading text */
.animation-preloader .txt-loading {
    margin: 45px 0 45px 0;
    font: bold 5em Electrotome, sans-serif;
    text-align: center;
    user-select: none;
}

.animation-preloader .txt-loading .characters:before {
    animation: characters 4s infinite;
    color: #292d5b;
    content: attr(preloader-text);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: rotateY(-90deg);
}

.animation-preloader .txt-loading .characters {
    color: rgba(0, 0, 0, 0.2);
    position: relative;
}

.animation-preloader .txt-loading .characters:nth-child(2):before {
    animation-delay: 0.2s;
}

.animation-preloader .txt-loading .characters:nth-child(3):before {
    animation-delay: 0.4s;
}

.animation-preloader .txt-loading .characters:nth-child(4):before {
    animation-delay: 0.6s;
}

.animation-preloader .txt-loading .characters:nth-child(5):before {
    animation-delay: 0.8s;
}

.animation-preloader .txt-loading .characters:nth-child(6):before {
    animation-delay: 1s;
}

.animation-preloader .txt-loading .characters:nth-child(7):before {
    animation-delay: 1.2s;
}

.loader-section {
    background-color: #ffffff;
    height: 100%;
    position: fixed;
    top: 0;
    width: calc(50% + 1px);
}

.loader-section.section-left {
    left: 0;
}

.loader-section.section-right {
    right: 0;
}

/* Fade effect on loading animation */
.loaded .animation-preloader {
    opacity: 0;
    transition: 0.3s ease-out;
}

/* Curtain effect */
.loaded .loader-section.section-left {
    transform: translateX(-101%);
    transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1.000);
}

.loaded .loader-section.section-right {
    transform: translateX(101%);
    transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1.000);
}

/* Animation of the preloader */
@keyframes spinner {
    to {
        transform: rotateZ(360deg);
    }
}

/* Animation of letters loading from the preloader */
@keyframes characters {
    0%,
    75%,
    100% {
        opacity: 0;
        transform: rotateY(-90deg);
    }
    25%,
    50% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}

/* Laptop size back (laptop, tablet, cell phone) */
@media screen and (max-width: 767px) {
    /* Preloader */
    /* Spinner Loading */
    .animation-preloader .spinner {
        height: 6em;
        width: 6em;
    }

    /* Text Loading */
    .animation-preloader .txt-loading {
        margin: 45px 0 45px 0;
        font: bold 3.5em Electrotome, sans-serif;
    }
}

@media screen and (max-width: 500px) {
    /* Preloader */
    /* Spinner Loading */
    .animation-preloader .spinner {
        height: 5em;
        width: 5em;
    }
}

/* FIM ANIMAÇÃO PRELOADER
-------------------------------------------------------*/

/* INICIO IMAGE LOADER YOUTUBE EMBED(IFRAME) */
.youtube {
    background-color: #000;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}

.youtube img {
    width: 100%;
    top: -16.82%;
    left: 0;
    opacity: 0.7;
}

.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}

.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}

.youtube img,
.youtube .play-button {
    cursor: pointer;
}

.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}

.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

/* FIM IMAGE LOADER YOUTUBE EMBED(IFRAME) */

/* INICIO SCROLL TO TOP */
.scrollToTopBtnDesktop {
    background-color: #01487E;
    border: none;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    font-size: 30px;
    line-height: 48px;
    width: 48px;
    /* place it at the bottom right corner */
    position: fixed;
    bottom: 30px;
    right: 30px;
    /* keep it on top of everything else */
    z-index: 100;
    /* hide with opacity */
    opacity: 0;
    /* also add a translate effect */
    transform: translateY(100px);
    /* and a transition */
    transition: all .5s ease
}

.scrollToTopBtnMobile {
    background-color: #01487E;
    border: none;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    font-size: 30px;
    line-height: 48px;
    width: 48px;
    /* place it at the bottom right corner */
    position: fixed;
    bottom: 30px;
    right: 30px;
    /* keep it on top of everything else */
    z-index: 100;
    /* hide with opacity */
    opacity: 0;
    /* also add a translate effect */
    transform: translateY(100px);
    /* and a transition */
    transition: all .5s ease
}

.showBtn {
    opacity: 1;
    transform: translateY(0)
}

/* FIM SCROLL TO TOP */

/* INICIO DROPDOWN-MENU HOVER */
.dropdown_hover_meetUs, .dropdown_hover_specializations {
    text-align: center;
    padding-top: 26px;
}

.caret_dropdown_menu_meetUs, .caret_dropdown_menu_specializations {
    color: white;
}

.selected span {
    background: transparent;
    width: 100%;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    padding: 10px 10px;
    font-size: 0.9vw;
    transition: .4s;
}

.selected span:hover {
    background: rgba(19, 47, 93, 0.85);
    transition: .4s;
}

#mainNav .drop_content_meetUs, .drop_content_specializations {
    position: relative;
}

#mainNav .drop_content_meetUs ul, .drop_content_specializations ul {
    position: absolute;
    left: 0;
    top: -25px;
    display: none;
    text-align: left !important;
    list-style: none;
    width: 100%;
    background: rgba(19, 47, 93, 0.85);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    padding: 3px 8px;
}

#mainNav .drop_content_meetUs ul li, .drop_content_specializations ul li {
    line-height: 1;
    padding: 12px 0 0 0;
}

#mainNav .drop_content_meetUs a, .drop_content_specializations a {
    margin: 0 !important;
}

#mainNav .drop_content_meetUs .nav-item, .drop_content_specializations .nav-item {
    border-bottom: 1px solid #fff;
}

#mainNav .drop_content_meetUs .nav-link, .drop_content_specializations .nav-link {
    padding: 0 !important;
}

#mainNav .drop_content_meetUs .nav-item:hover, .drop_content_specializations .nav-item:hover {
    border-bottom: transparent !important;
}

#mainNav .drop_content_meetUs .nav-item:hover a, .drop_content_specializations .nav-item:hover a {
    color: #00BAFF !important;
}

#mainNav .drop_hover_meetUs li:last-child, .drop_content_specializations li:last-child {
    border-bottom: transparent !important;
    margin-bottom: 10px;
}

/* FIM DROPDOWN-MENU HOVER */

/* INICIO BOX NAVIGATION WITH ANIMATION */
.header-menu .menu-hamburguer {
    width: 35px;
    height: 25px;
    cursor: pointer;
}

.header-menu .menu-hamburguer .line:first-of-type {
    margin-top: 3px;
}

.header-menu .menu-hamburguer .line {
    width: 100%;
    height: 3px;
    background: #00467F;
    margin: 5px 0;
    transition: .4s;
}

.header-menu .menu-hamburguer .line:nth-of-type(2) {
    opacity: 1;
}

.header-menu .menu-hamburguer.active .line:first-of-type {
    transform: rotate(45deg);
    margin-top: 10px;
}

.header-menu .menu-hamburguer.active .line {
    margin: -2.5px;
}

.header-menu .menu-hamburguer.active .line:nth-of-type(2) {
    opacity: 0;
    width: 0;
}

.header-menu .menu-hamburguer.active .line {
    margin: -2.5px;
}

.header-menu .menu-hamburguer.active .line:last-of-type {
    transform: rotate(-45deg);
}

.header-menu .menu-hamburguer.active .line {
    margin: -2.5px;
}

.header-menu .menu-hamburguer.active {
    padding-top: 1px;
}

/* FIM BOX NAVIGATION WITH ANIMATION */

/* INICIO SWIPER */
/*.swiper {
    width: 100%;
    padding-top: 3.125rem;
}*/

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    z-index: -1;
    margin-right: 0;
    margin-left: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: -3px;
}

.swiper-button-prev > .fa-circle-chevron-left, .swiper-button-next > .fa-circle-chevron-right {
    color: #9E9E9E;
}

.swiper-button-prev {
    left: 0;
}

.swiper-button-next {
    right: 0;
}

.swiper-button-prev, .swiper-button-next {
    top: auto;
    bottom: 0.5%;
}

.swiper-pagination-bullet, .swiper-pagination-bullet-active {
    background: #005baa;
    height: 15px;
    width: 15px;
}

/*.swiper-pagination {
    position: inherit;
    bottom: -5px !important;
    margin-top: 15px;
}*/

.swiper-slide {
    width: 18.75rem;
    height: 28.125rem;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: self-start;
}

.swiper-slide h2 {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: 0.625rem;
    padding: 0 0 0 1.563rem;
    text-transform: uppercase;
}

.swiper-slide p {
    background: #FFFFFF 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    padding: 15px 10px 15px 10px;
    margin-bottom: 0;

    color: #8b8c8d;
    font-family: OpenSansRegular, serif;
    font-size: 0.85rem;
    text-align: left;
}

.swiper-slide a {
    margin: 1.25rem 1.563rem 3.438rem 1.563rem;
    padding: 0.438em 1.875rem;
    font-size: 0.7rem;
}

.swiper-slide a:hover {
    color: #005baa;
}

.swiper-slide div {
    display: none;
    opacity: 0;
}

.swiper-slide-active div {
    display: block;
    width: 100%;
    opacity: 1;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    border-top: 5px solid #014b6b;
}

.swiper-slide-prev, .swiper-slider-next {
    border-radius: 25px !important;
}

.swiper-button-prev:after, .swiper-button-next:after {
    content: none;
}

.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right {
    background-image: none;
}

/* FIM SWIPER */

/* INICIO SITE MAP */
#footer-section #siteMap {
    font-family: OpenSansLight, serif;
    font-size: 1vw;
    background-color: #7E7E7E;
    color: white;
    padding: 50px 0;
}

#footer-section #siteMap a {
    text-decoration: none;
    color: white;
}

#footer-section #siteMap a:hover {
    text-decoration: underline;
}

#footer-section #siteMap #logoText {
    padding: 17px 5px 0 0;
}

#footer-section #siteMap p.title {
    font-family: OpenSansSemiBold, serif;
    font-weight: bold;
}

#footer-section #siteMap .title_meetUs, #footer-section #siteMap .title_specializations {
    margin-bottom: 0.25rem !important;
}

#footer-section #siteMap ul {
    list-style-type: none;
    padding-left: 0;
}

#footer-section #siteMap .titleIcon {
    margin: 0;
}

#footer-section #siteMap .titleIcon2 {
    margin: 2rem 0 0 0;
}

#footer-section #siteMap hr {
    margin: 0 0 15px 0;
}

#footer-section #footerTIC {
    font-size: 1vw;
    background-color: #000000;
    color: white;
    padding: 25px;
}

#footer-section #footerTIC span {
    padding: 0 15px 0 15px;
}

/* FIM SITE MAP */

/* INICIO BOTÃO PREV E NEXT (IMG.SVG) DO CARROSEL INDICATORS - CONTROLE DE OPACIDADE */
.imgButton-prev,
.imgButton-next {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid white;
    border-radius: 50%;
    width: 25px !important;
    height: 25px !important;
    background-color: transparent;
    padding: 0;
    cursor: pointer;
    opacity: 0.5 !important; /* Opacidade padrão */
    transition: opacity 0.3s ease; /* Suaviza a transição da opacidade */
}

.imgButton-prev.activeOpacity,
.imgButton-next.activeOpacity {
    opacity: 1 !important; /* Opacidade ao clicar */
}

/* FIM BOTÃO PREV E NEXT (IMG.SVG) DO CARROSEL INDICATORS - CONTROLE DE OPACIDADE */

@media only screen and (max-height: 699.98px) and (max-width: 1280px) {
    .swiper {
        padding-top: 0;
    }

    .swiper-slide {
        height: 24rem;
    }
}

@media only screen and (max-height: 699.98px) and (max-width: 1366px) {
    .swiper {
        padding-top: 0;
    }

    .swiper-slide {
        height: 27rem;
    }
}

@media (max-width: 767.98px) {
    .swiperBoxWithoutIndicators {
        left: 50%;
        right: 50%;
        height: 8rem;
        position: relative;
        transform: translate(-50%, -50%);
    }

    .swiperBox {
        left: 50%;
        height: 4rem;
        width: calc(90% + 10vw);
        position: relative;
        transform: translateX(-50%);
    }

    #mainNavMobile div.row {
        --bs-gutter-x: 0;
    }

    .logo-tablet {
        display: none;
    }

    .logo-language-mobile img {
        width: 50px;
    }

}

@media (max-width: 1024px) {
    .mobile-section, .navbar-mobile {
        display: inherit !important;
    }

    .desktop-section, .navbar-desktop {
        display: none !important;
    }

    .desktop-section img {
        display: none;
    }

    .fixed-top .navbar-collapse {
        max-height: 340px;
        overflow-y: auto;
    }

    div#navbarResponsive {
        /*  position: absolute;
          z-index: 1;
          left: 0;
          max-width: 100%;
          width: 100%;
          height: 100vh;
          max-height: calc(100vh - 85px);*/
        padding: 20px 18px 20px 18px;
        background: transparent linear-gradient(180deg, #00325A 0%, #0B4E84 54%, #779AB6 100%) 0 0 no-repeat padding-box;
    }

    #navbarResponsive hr {
        opacity: 1;
        border: 1px solid;
        color: #7b9bb4;
    }

    #dropdown-menu1, #dropdown-menu2 {
        border: transparent;
        background: transparent;
        padding-top: 0;
        border-left: 2px solid #00BAFF;
        border-bottom: 2px solid #00BAFF;
        border-radius: 0;
    }

    #dropdown-menu1 a, #dropdown-menu2 a {
        text-decoration: none;
    }

    #dropdown-menu1 button, #dropdown-menu2 button {
        color: white;
        font-size: 16px !important;
    }

    .navbar-nav .dropdown-menu {
        transform: translate3d(0px, 0px, 0px) !important;
        position: static !important;
    }

    .navbarList {
        text-align: left !important;
    }

    #navbarList1 li a {
        font-size: 28px;
        color: white;
        line-height: 3rem;
    }

    #navbarList1 li .show {
        color: #00BAFF;
    }

    #navbarList1 .dropdown-item:focus, #navbarList1 .dropdown-item:hover {
        background-color: transparent;
    }

    #navbarList2 li a, #navbarList3 li a {
        font-family: OpenSansSemiBold, serif;
        font-size: 20px;
        line-height: 2rem;
    }

    #navbarList2 li a {
        color: #FDA623;
    }

    #navbarList3 li a {
        color: #c3c6c8;
    }

    #logo_navbarList {
        width: 125px;
    }

    #logoText_navbarList {
        color: white;
        font-size: 12px;
        padding-top: 15px;
    }

    #mainNavMobile.navbar-shrink {
        visibility: hidden;
        opacity: 0;
        transition: visibility 1s, opacity 1s linear;
    }

    #mainNavMobile.navbar-shrink-show {
        visibility: visible;
        opacity: 1;
        transition: visibility 1s, opacity 1s linear;
    }

    #mainNavMobile .navbar-toggler:focus, .form-control-plaintext:focus, .form-range:focus, button:focus:not(:focus-visible) {
        outline: 0
    }

    #mainNavMobile {
        min-height: 3.5rem;
        background-color: #fff
    }

    #mainNavMobile .navbar-toggler {
        color: transparent;
        border: 1px solid transparent;
        padding: 0;
    }

    #mainNavMobile .navbar-brand {
        color: #000;
        font-weight: 700;
        padding: .9rem 0
    }

    #mainNavMobile .navbar-nav .nav-item:active, #mainNavMobile .navbar-nav .nav-item:focus {
        outline: 0;
        background-color: transparent
    }

    #labName {
        background-color: #00467f;
        color: white;
        font-size: 3.5vw;
        font-family: Electrotome, sans-serif;
        letter-spacing: 1px;
    }

    /* INICIO SECTION FOOTER */
    #footer-section #elementsFooter {
        background-color: #7e7e7e;
    }

    #footer-section #secondElementFooter {
        background-color: #7e7e7e !important;
        padding: 50px 0 60px 0 !important;
    }

    #footer-section #footerTIC {
        font-size: 3vw;
        font-family: OpenSansLight, serif;
        text-align: center;
        background-color: #000000;
        color: white;
        padding: 25px;
    }

    #footer-section #carouselIconsFooter {
        height: 100px;
    }

    #footer-section #carouselIconsFooter .carousel-indicators {
        width: 170px;
        background: #FFFFFF 0 0 no-repeat padding-box;
        box-shadow: 0 3px 6px #00000029;
        border-radius: 44px;
        margin-right: 0;
        margin-left: 0;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #footer-section #carouselIconsFooter .carousel-indicators {
        margin-bottom: -5rem;
    }

    #footer-section #carouselIconsFooter .carousel-control-prev, #footer-section #carouselIconsFooter .carousel-control-next {
        margin-bottom: -4.4rem;
    }

    #footer-section #carouselIconsFooter .carousel-control-next {
        top: initial;
        bottom: 0;
        background-color: #00457C;
        width: 24px;
        height: 25px;
        border-radius: 25px;
        z-index: 2;
        transform: translate(-50%, -50%);
        margin-bottom: -4.4rem;
    }

    #footer-section #carouselIconsFooter .carousel-control-prev {
        top: initial;
        bottom: 0;
        background-color: #00457C;
        width: 24px;
        height: 25px;
        border-radius: 25px;
        z-index: 2;
        transform: translate(-50%, -50%);
        margin-bottom: -4.4rem;
    }

    #footer-section #carouselIconsFooter .carousel-indicators [data-bs-target] {
        background-color: #DADADA;
        border-radius: 50%;
        width: 15px;
        height: 15px;
    }

    #footer-section #carouselIconsFooter .carousel-indicators .active {
        background-color: #FDA623;
    }

    #footer-section #carouselIconsFooter .carousel-control-prev {
        left: 34%;
    }

    #footer-section #carouselIconsFooter .carousel-control-next {
        left: 66%;
    }

    #footer-section #thirdElementFooter {
        padding-bottom: 25px;
    }

    #footer-section #thirdElementFooter hr {
        color: #c4c4c4;
        opacity: 1;
    }

    #footer-section .footerLogo {
        margin: 10px 0 10px 0;
    }

    #footer-section .platform_logo {
        padding-top: 40px;
    }

    #footer-section .footerTextSocials {
        font-family: OpenSansLight, serif;
        font-size: 3.8vw;
        color: #c1c1c1;
    }

    /* FIM SECTION FOOTER */
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #labName {
        display: none;
    }

    .logo-tablet img {
        width: 450px;
    }

    .logo-mobile {
        display: none !important;
    }

    .logo-language-mobile img {
        width: 90px;
    }

    .header-menu .menu-hamburguer {
        width: 65px;
    }

    .header-menu .menu-hamburguer .line {
        height: 4px;
        margin: 10px 0;
    }

    .logo_socialNetwork {
        width: 45px;
    }

    .slider-mobile .controls-slider li {
        height: 150px;
        padding: 60px 0;
    }

    .slider-mobile .content-slider .row {
        min-height: 200px;
        font-size: 3vw;
    }

    .slider-mobile .content-slider .arrow {
        width: 41px;
    }
}

@media (min-width: 1024.1px) {
    .swiperBoxWithoutIndicators {
        left: 50%;
        right: 50%;
        height: 8rem;
        position: relative;
        transform: translate(-50%, -50%);
    }

    .swiperBox {
        left: 50%;
        right: 50%;
        height: 8rem;
        width: clamp(175px, 30%, 235px);
        position: relative;
        transform: translate(-50%, -50%);
    }

    .colored-svg path {
        fill: #BEBEBE;
    }

    .textWithIconOverNav:hover span,
    .textWithIconOverNav:hover .colored-svg path {
        color: #FDA623;
        fill: #FDA623;
    }

    #mainNav {
        /*padding-top: 43px;*/
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: none;
        background-color: transparent;
        transition: background-color .3s ease-in-out;
    }

    #mainNav .navbar-brand {
        padding: .5rem 0;
        color: rgba(255, 255, 255, .5)
    }

    #mainNav .nav-item:hover:after, .navbar-shrink .nav-item:hover:after {
        width: 100%;
    }

    #mainNav .nav-item:hover, .navbar-shrink .nav-item:hover {
        border-left: 2px solid #00BAFF;
        transition: .4s ease-out;
    }

    #mainNav .nav-item a:hover, .navbar-shrink .nav-item a:hover {
        color: #00BAFF;
    }

    #mainNav .nav-item:after, .navbar-shrink .nav-item:after {
        display: block;
        content: "";
        width: 0;
        border-bottom: 2px solid #00BAFF;
        transition: .4s;
    }

    #mainNav.navbar-expand-lg .navbar-collapse {
        display: inline-grid !important;
    }

    #mainNav .nav-link {
        display: inline;
    }

    #mainNav .nav-link:active {
        color: #fff
    }

    #mainNav.navbarScrollUp {
        background-color: #00467F;
        margin-top: 43px;
        padding-top: 0;
    }

    #mainNav.navbarScrollUp .navbar-brand img {
        max-width: 300px;
    }

    #mainNav.navbar-shrink {
        /*background-color: #00467F;
        padding-top: 0;*/
        visibility: hidden;
        opacity: 0;
        transition: visibility 1s, opacity 1s linear;
    }

    #mainNav.navbar-shrink .navbar-brand {
        color: #000
    }

    #mainNav.navbar-shrink .nav-link:active {
        color: #467370
    }

    #mainNav.navbar-shrink .nav-link.active {
        color: #64a19d;
        outline: 0;
        border-bottom: .25rem solid #64a19d
    }

    #video-section {
        /*padding: 43px 0 0 0;*/
    }

    #logo.no-display-logo {
        display: none;
    }

    #logo-color.no-display-logo-color {
        display: none;
    }

    #dropdown-li.nav-item.dropdown:hover a:hover {
        border-left: 2px solid #00BAFF;
        transition: .4s ease-out;
    }

    #dropdown-li.nav-item:hover:after {
        width: 0;
    }

    #dropdown-li.nav-item.dropdown:hover a:hover:after {
        width: 100%;
    }

    #dropdown-li .nav-link {
        padding: 2px 5px 0 0 !important;
    }

    #dropdown-li .nav-link span {
        margin-left: 3px;
    }

    #dropdown-li.nav-item.dropdown:hover a:after {
        display: block;
        content: "";
        width: 0;
        border-bottom: 2px solid #00BAFF;
        transition: .4s;
    }

    #dropdown-li.dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: -9px;
        background-color: red;
        border: 1px solid transparent;
    }

    #dropdown-li.dropdown:hover .row {
        display: none;
    }

    #social-nav {
        margin-bottom: 0;
    }

    #navbarResponsive {
        margin-top: -50px;
        padding-top: 10px;
    }

    .img-globe {
        width: 65%;
        height: 195px;
        object-fit: none;
        object-position: 51% 8%;
    }

    /* INICIO ICONES REDES SOCIAIS NA NAV */
    .icon-linkedin, .icon-face, .icon-x, .icon-youtube {
        margin: 10px 10px 0 0;
    }

    .language-icon {
        display: flex;
        margin-left: 5px;
        height: 30px;
    }

    .icon-linkedin {
        display: inline-block !important;
        background: url("../images/header/linkedin.webp") no-repeat;
        width: 30px;
        height: 20px;
    }

    .icon-linkedin:hover {
        background: url("../images/header/linkedin_hover.webp") no-repeat;
        width: 30px;
        height: 20px;
    }

    .icon-face {
        display: inline-block !important;
        background: url("../images/header/face.webp") no-repeat;
        width: 28px;
        height: 20px;
    }

    .icon-face:hover {
        background: url("../images/header/face_hover.svg") no-repeat;
        width: 28px;
        height: 20px;
    }

    .icon-x {
        display: inline-block !important;
        background: url("../images/header/x.webp") no-repeat;
        width: 28px;
        height: 20px;
    }

    .icon-x:hover {
        background: url("../images/header/x_hover.webp") no-repeat;
        width: 28px;
        height: 20px;
    }

    .icon-youtube {
        display: inline-block !important;
        background: url("../images/header/youtube.webp") no-repeat;
        width: 28px;
        height: 20px;
    }

    .icon-youtube:hover {
        background: url("../images/header/youtube_hover.svg") no-repeat;
        width: 28px;
        height: 20px;
    }

    /* FIM ICONES REDES SOCIAIS NA NAV */
}

@media only screen and (min-width: 1024.1px) and (max-width: 1099.8px) {
    #mainNav .navbar-brand {
        max-width: 250px;
    }

    #mainNav .nav-link, .navbar-shrink .nav-link {
        font-size: 1.3vw;
        padding: 2px 5px 2px 2px;
        margin: 0.5rem;
        color: white;
        cursor: pointer;
    }

    #mainNav .drop_content_meetUs .nav-link, #mainNav .drop_content_specializations, .nav-link {
        font-size: 1.3vw !important;
    }

    #mainNav .selected span {
        font-size: 1.3vw;
    }

    .px-responsive {
        padding-right: 1rem !important;
        padding-left: 2rem !important
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1367.98px) {
    #siteMap .nav-link {
        font-size: 0.8rem;
    }

    #mainNav .navbar-brand {
        width: 275px;
    }

    #mainNav .nav-link, .navbar-shrink .nav-link {
        font-size: 1.2vw;
        padding: 2px 5px 2px 2px;
        margin: 0.5rem;
        color: white;
        cursor: pointer;
    }

    #mainNav .drop_content_meetUs .nav-link, #mainNav .drop_content_specializations {
        font-size: 1.2vw !important;
    }

    #mainNav .selected span {
        font-size: 1.2vw;
    }

    .px-responsive {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .textWithIconOverNav {
        font-size: 1.1vw;
    }

    /* INICIO ICONES REDES SOCIAIS NA NAV */
    .icon-face .hover-face, .icon-x .hover-x, .icon-youtube .hover-youtube {
        top: 15%;
    }

    #mainNav.navbarScrollUp .icon-face .hover-face, #mainNav.navbarScrollUp .icon-x .hover-x, #mainNav.navbarScrollUp .icon-youtube .hover-youtube {
        top: 15%;
    }

    /* FIM ICONES REDES SOCIAIS NA NAV */
}

@media only screen and (min-width: 1368px) and (max-width: 1599.98px) {
    #siteMap .nav-link {
        font-size: 0.75rem;
    }

    #mainNav .nav-link, .navbar-shrink .nav-link {
        font-size: 1vw;
        padding: 2px 5px 2px 2px;
        margin: 0.5rem;
        color: white;
        cursor: pointer;
    }

    #mainNav .selected span {
        font-size: 1vw;
    }

    .textWithIconOverNav {
        font-size: 1vw;
    }

    .px-responsive {
        padding-right: 5rem !important;
        padding-left: 5rem !important
    }

    /* INICIO ICONES REDES SOCIAIS NA NAV */
    .icon-face .hover-face, .icon-x .hover-x, .icon-youtube .hover-youtube {
        top: 15%;
    }

    #mainNav.navbarScrollUp .icon-face .hover-face, #mainNav.navbarScrollUp .icon-x .hover-x, #mainNav.navbarScrollUp .icon-youtube .hover-youtube {
        top: 15%;
    }

    /* FIM ICONES REDES SOCIAIS NA NAV */
}

@media only screen and (min-width: 1600px) {
    #siteMap .nav-link {
        font-size: 0.9rem;
    }

    #mainNav .nav-link, .navbar-shrink .nav-link {
        font-size: 0.9vw;
        padding: 2px 5px 2px 2px;
        margin: 0.5rem;
        color: white;
        cursor: pointer;
    }

    #mainNav .selected span {
        font-size: 0.9vw;
    }

    #mainNav .drop_content_meetUs .nav-link, #mainNav .drop_content_specializations .nav-link, .textWithIconOverNav {
        font-size: 0.8vw;
    }

    /* INICIO ICONES REDES SOCIAIS NA NAV */
    .icon-face .hover-face {
        top: 15%;
    }

    .icon-x .hover-x {
        top: 15%;
    }

    .icon-youtube .hover-youtube {
        top: 15%;
    }

    #mainNav.navbarScrollUp .icon-face .hover-face, #mainNav.navbarScrollUp .icon-x .hover-x, #mainNav.navbarScrollUp .icon-youtube .hover-youtube {
        top: 15%;
    }

    /* FIM ICONES REDES SOCIAIS NA NAV */
}

@media only screen and (min-width: 1750px) {
    #mainNav.navbarScrollUp .icon-face .hover-face, #mainNav.navbarScrollUp .icon-x .hover-x, #mainNav.navbarScrollUp .icon-youtube .hover-youtube {
        top: 18%;
    }

    /* INICIO ICONES REDES SOCIAIS NA NAV */
    .icon-face .hover-face, .icon-x .hover-x, .icon-youtube .hover-youtube {
        top: 18%;
    }

    /* FIM ICONES REDES SOCIAIS NA NAV */
}