/* FONTS */
@font-face {
    font-family: 'Graphik-Regular';
    src: url('../fonts/Graphik-Regular.eot');
    src: url('../fonts/Graphik-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Regular.woff2') format('woff2'),
        url('../fonts/Graphik-Regular.woff') format('woff'),
        url('../fonts/Graphik-Regular.ttf') format('truetype'),
        url('../fonts/Graphik-Regular.svg#Graphik-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Graphik-Medium';
    src: url('../fonts/Graphik-Medium.eot');
    src: url('../fonts/Graphik-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Medium.woff2') format('woff2'),
        url('../fonts/Graphik-Medium.woff') format('woff'),
        url('../fonts/Graphik-Medium.ttf') format('truetype'),
        url('../fonts/Graphik-Medium.svg#Graphik-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Graphik-Light';
    src: url('../fonts/Graphik-Light.eot');
    src: url('../fonts/Graphik-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Light.woff2') format('woff2'),
        url('../fonts/Graphik-Light.woff') format('woff'),
        url('../fonts/Graphik-Light.ttf') format('truetype'),
        url('../fonts/Graphik-Light.svg#Graphik-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Graphik-LightItalic';
    src: url('../fonts/Graphik-LightItalic.eot');
    src: url('../fonts/Graphik-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-LightItalic.woff2') format('woff2'),
        url('../fonts/Graphik-LightItalic.woff') format('woff'),
        url('../fonts/Graphik-LightItalic.ttf') format('truetype'),
        url('../fonts/Graphik-LightItalic.svg#Graphik-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Graphik-Semibold';
    src: url('../fonts/Graphik-Semibold.eot');
    src: url('../fonts/Graphik-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Semibold.woff2') format('woff2'),
        url('../fonts/Graphik-Semibold.woff') format('woff'),
        url('../fonts/Graphik-Semibold.ttf') format('truetype'),
        url('../fonts/Graphik-Semibold.svg#Graphik-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


:root{
    --color-white:#ffffff;
    --color-black:#000000;
    --color-black-grey:#333333;
    --color-gris-fondo:#f2f2f2;
    --color-azul-claro-opaco:#8ECDF4;
    --color-azul-claro:#4FC8F2;
    --color-azul-marino:#121766;
    --color-azul-logo:#04A0D5;
    --color-verde-azul:#079EA6;
    --color-azul-fuerte:#1E0C42;
    --color-morado:#84407B;
    --color-azul-indigo:#006C94;
    --color-azul-gris:#556C8C;
    --color-verde-turquesa:#008B83;
    --color-naranja-rojo:#903737;
    --color-morado-violeta:#623284;
    --color-rosa-tenue:#A22D6C;
    --ff-graphik-light:'Graphik-Light', Helvetica, Arial, sans-serif;   
    --ff-graphik-light-italic:'Graphik-LightItalic', Helvetica, Arial, sans-serif;   
    --ff-graphik-regular:'Graphik-Regular', Helvetica, Arial, sans-serif;   
    --ff-graphik-medium:'Graphik-Medium', Helvetica, Arial, sans-serif;   
    --ff-graphik-semibold:'Graphik-Semibold', Helvetica, Arial, sans-serif;   
    --shadow-color: 237deg 97% 15%;
    --shadow-elevation-low:
      0px 0.3px 0.4px hsl(var(--shadow-color) / 0.04),
      0px 0.6px 0.9px -0.2px hsl(var(--shadow-color) / 0.14),
      0px 1.1px 1.6px -0.5px hsl(var(--shadow-color) / 0.25);
    --shadow-elevation-medium:
      0px 0.3px 0.4px hsl(var(--shadow-color) / 0.04),
      0px 1.3px 1.9px -0.2px hsl(var(--shadow-color) / 0.12),
      0px 2.6px 3.7px -0.3px hsl(var(--shadow-color) / 0.2),
      0px 5.3px 7.6px -0.5px hsl(var(--shadow-color) / 0.29);
    --shadow-elevation-high:
      0px 0.3px 0.4px hsl(var(--shadow-color) / 0.04),
      0px 2px 2.9px -0.1px hsl(var(--shadow-color) / 0.08),
      0px 3.4px 4.8px -0.1px hsl(var(--shadow-color) / 0.11),
      0px 5px 7.1px -0.2px hsl(var(--shadow-color) / 0.15),
      0px 7.1px 10.1px -0.3px hsl(var(--shadow-color) / 0.19),
      0px 10px 14.3px -0.4px hsl(var(--shadow-color) / 0.23),
      0px 14px 20px -0.4px hsl(var(--shadow-color) / 0.27),
      -0.1px 19.6px 27.9px -0.5px hsl(var(--shadow-color) / 0.3);
}


/* ======= alan ======== */
.navbar .nav-item .dropdown-menu{
    display: none;
    border: 0;
}
.navbar .nav-item:hover .dropdown-menu{
    display: block;
    background: transparent;
}
.navbar .nav-item:hover .dropdown-menu a{
    color: #fff;
}
.navbar .nav-item:hover .dropdown-menu a:hover{
    background: transparent;
}
.navbar .nav-item .dropdown-menu{
    margin-top:0;
}
.accordion .card{
    border: 0;
}
.card-header {
    background-color: rgba(0,0,0,.0);
    border-bottom: 0px solid rgba(0,0,0,.125);
}
.input{
    background: #cccccc;
    padding: 5px 10px;
    border: 0;
    width: 100%;
}
input[type="submit"]{
    background: #121766;
    color: #fff;
    border: 0;
    padding: 8px 30px;
}







body{
    font-size: 16px;
    padding: 0;
    margin: 0;
}

.blanco{
    color: #fff;
}
.azul{
    color: #121766;
}
.text_deco_none:hover{
    color: var(--color-white);
}

/* FONTS */
.tit_primario{
    font-family: var(--ff-graphik-medium);
    font-size: 2.5rem;
    color: var(--color-azul-marino);
    margin-bottom: 28px;
}
.tit_primario_bn{
    font-family: var(--ff-graphik-medium);
    font-size: 2.5rem;
    color: var(--color-white);
    margin-bottom: 28px;
}
.tit_secundario{
    font-family: var(--ff-graphik-medium);
    font-size: 1.8rem;
    color: var(--color-azul-marino);
    margin-bottom: 24px;
}
.tit_secundario_bn{
    font-family: var(--ff-graphik-medium);
    font-size: 1.8rem;
    color: var(--color-white);
    margin-bottom: 0px;
}
.tit_tercero{
    font-family: var(--ff-graphik-medium);
    font-size: 2.2rem;
    color: var(--color-azul-marino);
    margin-bottom: 24px;
}
.subtit{
    font-family: var(--ff-graphik-regular);
    font-size: 1.8rem;
    color: var(--color-azul-marino);
}
.subtit_primero{
    font-family: var(--ff-graphik-medium);
    font-size: 1.8rem;
    color: var(--color-black-grey);
}
.subtit_sm{
    font-family: var(--ff-graphik-regular);
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: var(--color-azul-marino);
}
.item_contacto{
    font-size: 1rem;
    margin-bottom: 20px;
}
#info_contacto h5.azul{
    margin-top: 20px;
    margin-bottom: 0;
}

/* SLIDER */
.tit_slider p{
    font-family: var(--ff-graphik-light);
    color: var(--color-white);
    font-size: 4vw;
    line-height: 4vw;
}
.author_slider{
    font-family: var(--ff-graphik-light-italic);
    color: var(--color-white);
    font-size: 5vw;
}
.cont_text{
    margin-left: 4%;
    margin-bottom: 10%;
}
.slider-item{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.slider-item01{
    background-image: url('../images/gnt-consulting-slider1.jpg');
}
.slider-item02{
    background-image: url('../images/gnt-consulting-slider2.jpg');
}


/* __SECCIONES__ */
.sec_somos{
    padding: 100px 0px 0px 0px;
}
.sec_general{
    padding: 80px 0px;
}
.sec_general_txt{
    padding: 0px 0px 60px;
}


/* __CONT WIDTH__ */
.w-830{
    width: 830px;
    margin: 0 auto;
}


/* MENÚ PRINCIPAL */
.navbar{
    padding: 16px 6%;
}
.navbar-nav .nav-item{
    margin: 8px 0px;
}
.navbar-nav .nav-item .nav-link{
    color: var(--color-white);
    font-family: var(--ff-graphik-medium);
    font-size: 1rem;
    text-decoration: none;
    margin: 0px 18px;
}
.dropdown-item{
    text-decoration: none;
}
.dropdown-item:hover{
    background-color: var(--color-gris-fondo);
}
.navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item .nav-link:active, .navbar-nav .nav-item .nav-link:focus{
    color: var(--color-white);
}
#icon_menu_movil{
    width: 32px;
    height: auto;
}
.navbar-light .navbar-toggler{
    border-color: rgba(0,0,0,0);
}
#menu_dark > a svg{
    display: inline-block;
    width: 180px;
    height: auto;
    transition: all 0.6s;
}
.logo-svg a.navbar-brand svg path{
    fill: var(--color-white);
}
#logo_header path{
    fill: var(--color-white);
}
.navbar-light .navbar-nav .active >.nav-link{
    position: relative;
    color: var(--color-white);
}
.nav_item_movil{
    display: none;
}
.nav_item_movil .dropdown-item{
    color: var(--color-azul-marino);
    text-align: center;
}
#submenu{
    border: 1px solid var(--color-gris-fondo);
    border-radius: 6px;
}

    /* IDIOMA */
.idioma{
    margin-top: 14px;
    width: 88px;
    height: auto;
}
.list_idioma{
    list-style: none;
    padding-left: 0;
}
.list_idioma li{
    display: inline-block;
}
.list_idioma li a{
    font-family: var(--ff-graphik-medium);
    font-size: 1rem;
    color: var(--color-white);
    text-decoration: none;
    margin: 0 4px;
}




    /* ACTIVE */
.navbar-nav .active >.nav-link::before{
    position: absolute;
    content: "";
    width: 88%;
    height: 2px;
    bottom: 0px;
    background-color: var(--color-white);
}
.white-color #logo_header{
    width: 180px;
}

    /* SCROLL HEADER */
.scroll-header{
    background-color: var(--color-white);
    box-shadow: 1px 4px 12px rgba(0,0,0,0.2);
}
.scroll-header .navbar-nav .nav-item .nav-link{
    color: var(--color-azul-marino);
}
.scroll-header .navbar-nav .active >.nav-link::before{
    background-color: var(--color-azul-claro);
}
.scroll-header #logo_header path:nth-child(1){
    fill: #99999B;
}
.scroll-header #logo_header path:nth-child(2){
    fill: #99999B;
}
.scroll-header #logo_header path:nth-child(3){
    fill: var(--color-azul-claro);
}
.scroll-header #logo_header{
    width: 150px;
}
.scroll-header #icon_menu_movil path{
    fill: var(--color-azul-claro);
}

.scroll-header .navbar-nav .nav-item:hover .dropdown-menu{
    display: block;
    background: #fff;
}
.scroll-header .navbar-nav .nav-item:hover .dropdown-menu a{
    color: var(--color-azul-marino);
}
.scroll-header .list_idioma li a{
    color: var(--color-azul-marino);
}


    /* WHITE-COLOR */
.white-color{
    background-color: var(--color-white);
}
.white-color .navbar-nav .nav-item .nav-link{
    color: var(--color-azul-marino);
}
.white-color .navbar-nav .active >.nav-link::before{
    background-color: var(--color-azul-claro);
}
/* .white-color #logo_header path:nth-child(1){
    fill: #99999B;
}
.white-color #logo_header path:nth-child(2){
    fill: #99999B;
}
.white-color #logo_header path:nth-child(3){
    fill: var(--color-azul-claro);
} */
.white-color #icon_menu_movil path{
    fill: var(--color-azul-marino);
}
.white-color .navbar-nav .nav-item:hover .dropdown-menu{
    display: block;
    background: #fff;
}
.white-color .navbar-nav .nav-item:hover .dropdown-menu a{
    color: var(--color-azul-marino);
}
.white-color .list_idioma li a{
    color: var(--color-azul-marino);
}



/* __HOMEPAGE__ */
#section_quienes_somos{
    background-color: var(--color-gris-fondo);
}
#section_quienes_somos > div{
    padding-bottom: 80px;
}
.extra_img{
    width: 100%;
    height: 480px;
    background-image: url('../images/gnt-banner-quienes-somos.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 4px solid var(--color-azul-marino);
}
.logos-carousel .item{
    padding: 80px 0px;
}
.logos-carousel .item_img, .logos-carousel .item_img2{
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}
.logos-carousel .item_img > img{
    flex: 1 1 25%;
}

.logos-carousel .item_img2 > img{
    flex: 1 1 20%;
}

.tit_carrucel{
    font-size: 1.5rem;
    font-family: var(--ff-graphik-medium);
    color: var(--color-azul-marino);
}
.logos-carousel .item_img img{
    max-width: 200px!important;
    height: auto;
}

.logos-carousel .item_img2 img{
    max-width: 176px!important;
    height: auto;
}
    /* ARROW */
.arrow-carroucel{
    display: inline-block;
    position: relative;
    width: 16px;
    height: 60px;
}
.owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    background-image: url('../images/svg/arrow-carrucel-left.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    top: calc(50% - 30px);
}
.owl-carousel .owl-nav button.owl-next{
    position: absolute;
    background-image: url('../images/svg/arrow-carrucel-right.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    right: 0;
    top: calc(50% - 30px);
}


/* FOOTER */
#foot{
    max-width: 1600px;
    margin: 0 auto;
}
.footer_gen{
    padding: 24px;
    background-color: var(--color-white);
}
.cont_foot{
    padding: 80px 60px 30px 60px;
    background-color: var(--color-gris-fondo);
}
.tit_footer{
    font-family: var(--ff-graphik-medium);
    font-size: 1.2rem;
    color: var(--color-azul-marino);
}
.link_footer{
    font-family: var(--ff-graphik-regular);
    color: var(--color-azul-marino);
    font-size: 1rem;
}
.link_footer:hover{
    color: var(--color-azul-marino);
}
.legales{
    padding-top: 60px;
}
.txt_legales{
    font-family: var(--ff-graphik-medium);
    font-size: 1rem;
    color: var(--color-azul-marino);
}
.txt_legales span{
    font-family: var(--ff-graphik-regular);
}
#sec_parallex_01{
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
}
#sec_parallex_01 > div{
    position: absolute;
    left: 0;
    width: 100%;
    height: 45vh;
}
#sec-parallax{
    position: relative;
    margin: 0 auto;
    width: calc(100% - 48px);
    height: 700px;
    overflow: hidden;
    background-color: var(--color-white);
    max-width: calc(1600px - 48px);
    margin: 0 auto;
}
#sec-parallax > div{
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
.col_aviso_privacidad{
    text-align: right;
}

/* __NOSOTROS__ */
#somos{
    position: relative;
    top: -100px;
    width: 100%;
}

/* __QUIENES SOMOS__ */
.sec_encabezado{
    width: 100%;
    height: 400px;
    margin-top: 106px;
}
#sec_quienes{
    background: url('../images/gnt-encabezado-quienes-somos.jpg') no-repeat center / cover;
}
#sec_contacto{
    background: url('../images/gnt-contacto.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#sec_mision{
    border-top: 1px solid var(--color-azul-marino);
}
.cont_txt_mision{
    position: absolute;
    text-align: right;
    padding: 40px;
    background-color: var(--color-white);
    right: 140px;
    width: 40%;
    margin-top: 40px;
    margin-right: 40%;
}
#sec_mision .d-flex{
    justify-content: end;
}
#sec_mision .cont_img{
    text-align: right;
    width: 60%;
}
#sec_mision .cont_img img{
    width: 100%;
}
.cont_tit_estrategia{
    margin-top: 60px;
}
.card_estrategia{
    text-align: right;
}
.cont_icons_estrategia{
    margin-bottom: 60px;
}
.cont_estr_icon{
    margin: 24px 0px 8px;
}
    /* VENTAJA COMPETITIVA */
#sec_vent_compt{
    background-color: var(--color-azul-marino);
    box-sizing: border-box;
    padding: 100px 6%;
}
#sec_vent_compt .row{
    margin-top: 40px;
}
.card_ventaja{
    padding: 20px;
    border-radius: 22px;
    background-color: var(--color-white);
    min-height: 449px;
}
.card_tit{
    color: #121766;
    font-family: var(--ff-graphik-medium);
    font-size: 1.5rem;
}
.card_ventaja .icon_card{
    width: 120px;
    margin-bottom: 20px;
}
.card_ventaja .list_card_v, .card_ventaja .txt_card{
    font-size: 1.5rem;
    font-family: var(--ff-graphik-regular);
    color: var(--color-azul-marino);
}

    /* __SEGUROS__ */
#sec_servicios{
    background-image: url('../images/gnt-encabezado-servicios.jpg');
}
.card_blue_serv{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    background-color: var(--color-azul-marino);
    padding: 60px 0px;
    border-radius: 16px;
    min-height: 400px;
    transition: all 0.4s;
    box-shadow: var(--shadow-elevation-low);
}
.card_blue_serv--2{
    min-height: 480px;
}

.card_blue_serv img{
    opacity: .3;
    transition: all 0.3s;
}
.card_blue_serv--2 img{
    opacity: 1;
    transition: all 0.3s;
}
.card_blue_serv h4{
    opacity: .7;
    transition: all 0.3s;
}
.card_blue_serv--2 h4{
    opacity: 1;
}
.card_blue_serv:hover{
    box-shadow: var(--shadow-elevation-high);
    text-decoration: none;
}
.card_blue_serv:hover img, .card_blue_serv:hover h4{
    opacity: 1;
}
.btn_icon_serv{
    width: 200px;
}
.text_deco_none:hover{
    text-decoration: none;
}

/* __FIANZAS__ */
.sec_txt{
    text-align: center;
    margin-top: 114px;
    background-color: var(--color-white);
    padding: 60px 0px 30px;
    border-top: 1px solid var(--color-azul-marino);
    border-bottom: 1px solid var(--color-azul-marino);
}
.list_order_fianzas{
    padding-left: 0;
}
.list_order_fianzas > li{
    font-family: var(--ff-graphik-medium);
    color: var(--color-azul-marino);
    font-size: 1.6rem;
    margin-bottom: 38px;
    list-style: none;
}
.list_desorder_fianzas > li{
    font-family: var(--ff-graphik-regular);
    font-size: 1.6rem;
}
.row_subtit{
    padding: 80px 0px;
}
.background_fianzas{
    background-image: url('../images/gnt-back-fianzas.jpg');
    background-position: center center;
}
.card_fianza{
    box-sizing: border-box;
    min-height: 300px;
    padding: 24px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 40px;
}
.col1_card_fianza > div:nth-child(1) div.card_fianza{
    background-color: var(--color-azul-logo);
}
.col1_card_fianza > div:nth-child(2) div.card_fianza{
    background-color: var(--color-verde-azul);
}
.col1_card_fianza > div:nth-child(3) div.card_fianza{
    background-color: var(--color-azul-fuerte);
}
.col2_card_fianza > div:nth-child(1) div.card_fianza{
    background-color: var(--color-morado);
}
.col2_card_fianza > div:nth-child(2) div.card_fianza{
    background-color: var(--color-azul-marino);
}
.col2_card_fianza > div:nth-child(3) div.card_fianza{
    background-color: var(--color-azul-indigo);
}
.col3_card_fianza > div:nth-child(1) div.card_fianza{
    background-color: var(--color-azul-gris);
}
.col3_card_fianza > div:nth-child(2) div.card_fianza{
    background-color: var(--color-verde-turquesa);
}
.col3_card_fianza > div:nth-child(3) div.card_fianza{
    background-color: var(--color-naranja-rojo);
}
.col4_card_fianza > div:nth-child(1) div.card_fianza{
    background-color: var(--color-morado-violeta);
}
.col4_card_fianza > div:nth-child(2) div.card_fianza{
    background-color: var(--color-rosa-tenue);
}
.tit_card_fianza{
    font-family: var(--ff-graphik-semibold);
    color: var(--color-white);

}
.list_card_fianza{
    font-family: var(--ff-graphik-regular);
    color: var(--color-white);
    text-align: left;
}
.list_card_fianza li{
    margin-top: 6px;
}



/* __PREGUNTAS FRECUENTES__ */
.tit_g{
    font-size: 3rem;
    color: var(--color-azul-marino);
    font-family: var(--ff-graphik-mediumtit_g);
}
.txt_pregunta{
    font-family: var(--ff-graphik-semibold);
    color: var(--color-azul-marino);
    font-size: 1.5rem;
    margin-bottom: 0;
    margin-top: 30px;
}
.txt_respuesta{
    font-family: var(--ff-graphik-regular);
    font-size: 1.3rem;
}
.list_preguntas li{
    font-family: var(--ff-graphik-regular);
    font-size: 1.3rem;
}

    /* __CONTACTO__ */
#formulario label{
    font-size: 1.2rem;
    font-weight: 600;
}


    /* SHINE EFFECT */
.cont_txt_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 16px 0px 0px 16px;
}
.cont_txt_overlay:hover{
    background-color: transparent;
    transition: all 0.6s;
}
.cont_txt_overlay::before{
    position: absolute;
    content: "";
    width: 100%;
    border-top: 2px dotted var(--color-gris-claro);
    top: 0;
    border-radius: 16px 0px 0px 16px;
}
.cont_txt_overlay::before{
    position: absolute;
    content: "";
    width: 100%;
    border-bottom: 2px dotted var(--color-gris-claro);
    bottom: 0;
    border-radius: 16px 0px 0px 16px;
}
    /* SHINE EFFECT */
.cont_txt_overlay::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    border-radius: 16px 0px 0px 16px;
    background-color: rgba(255,255,255,0.4);
      -webkit-transition: none;
         -moz-transition: none;
              transition: none;
}
.cont_txt_overlay:hover::after{
    width: 100%;
    border-radius: 16px 0px 0px 16px;
    background-color: rgba(255,255,255,0);
    
      -webkit-transition: all 0.6s ease-in-out;
         -moz-transition: all 0.6s ease-in-out;
              transition: all 0.6s ease-in-out;
}



/* __MENSAJE DE ERROR__ */
.formulario__input-error {
    font-size: 12px;
    margin-bottom: 0;
    display: none;
}
.formulario__input-error-activo {
	display: block;
}
.formulario__validacion-estado {
    position: absolute;
    right: 28px;
    top: 42px;
    z-index: 100;
    font-size: 16px;
    opacity: 0;
}
.formulario__mensaje, .formulario__captcha{
	height: 45px;
	line-height: 45px;
	background: #F66060;
	padding: 0 15px;
	border-radius: 3px;
	display: none;
}
.formulario__mensaje-activo {
	display: block;
}
.formulario__mensaje-exito {
	font-size: 14px;
	color: #119200;
	display: none;
}
.formulario__mensaje-exito-activo {
	display: block;
}

/* ----- -----  Estilos para Validacion ----- ----- */

.formulario__grupo-correcto .formulario__validacion-estado {
	color: #1ed12d;
	opacity: 1;
}

.formulario__grupo-incorrecto .formulario__label {
	color: #bb2929;
}

.formulario__grupo-incorrecto .formulario__validacion-estado {
	color: #bb2929;
	opacity: 1;
}

.formulario__grupo-incorrecto .formulario__input {
	border: 3px solid #bb2929;
}




    /* ANIMACIONES */
/* FADE IN */
.hidden{
    opacity: 0;
    transition: all 1s;
}
.show{
    opacity: 1;
}
/* FADE IN LEFT */
.hiddenL{
    opacity: 0;
    transition: all 1s;
    margin-right: 50%;
}
.showL{
    opacity: 1;
    margin-right: 40%;
    transition-delay: 400ms;
}

.anima_delay100{
    transition-timing-function: ease;
    transition-delay: 100ms;}
.anima_delay200{
    transition-timing-function: ease;
    transition-delay: 200ms;}
.anima_delay300{
    transition-timing-function: ease;
    transition-delay: 300ms;}
.anima_delay400{
    transition-timing-function: ease;
    transition-delay: 400ms;}
.anima_delay500{
    transition-timing-function: ease;
    transition-delay: 500ms;}
.anima_delay600{
    transition-timing-function: ease;
    transition-delay: 600ms;}
.anima_delay700{
    transition-timing-function: ease;
    transition-delay: 700ms;}
.anima_delay800{
    transition-timing-function: ease;
    transition-delay: 800ms;}
.anima_delay900{
    transition-timing-function: ease;
    transition-delay: 900ms;}
.anima_delay1000{
    transition-timing-function: ease;
    transition-delay: 1000ms;}
.anima_delay1100{
    transition-timing-function: ease;
    transition-delay: 1100ms;}




@media(prefers-reduced-motion){
    .hidden{
        transition: none;
    }
}


/* __ANIMATION ARROW */
#icon_scroll{
    display: inline-block;
    position: absolute;
    z-index: 9;
    width: 100%;
    bottom: -60px;
}
.arrows {
    width: 60px;
	height: 72px;
	position: absolute;
	left: calc(50% - 30px);
	margin-left: -30px;
	bottom: 20px;
    background-color: var(--color-azul-marino);
    box-sizing: content-box;
    padding: 10px 16px;
    border-radius: 60px;
}
.arrows path {
	stroke: var(--color-white);
	fill: transparent;
	stroke-width: 1px;	
	animation: arrow 2s infinite;
	-webkit-animation: arrow 2s infinite; 
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}
@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}
.arrows path.a1 {
	animation-delay:-1s;
	-webkit-animation-delay:-1s; /* Safari 和 Chrome */
}
.arrows path.a2 {
	animation-delay:-0.5s;
	-webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}
.arrows path.a3 {	
	animation-delay:0s;
	-webkit-animation-delay:0s; /* Safari 和 Chrome */
}

.modal-dialog{
    max-width: 600px;
}
.modal-content{
    background: #f2f2f2;
}
.btn--modal{
    color: #333333;
}
.btn_whatsapp{
    position: fixed;
    width: 60px;
    right: 24px;
    bottom: 24px;
    z-index: 9;
}





    /* RESPONSIVE <= 1200 */
@media screen and (max-width: 1366px){
    .tit_slider p{
        font-size: 5vw;
        line-height: 5vw;
    }
}
    /* RESPONSIVE <= 1200 */
@media screen and (max-width: 1200px){
    .w-830{
        width: 100%;
    }
    .cont_txt_mision{
        width: 50%;
        padding: 30px 36px;
    }
    .showL {
        opacity: 1;
        margin-right: 30%;
        transition-delay: 400ms;
    }
}
    
    /* RESPONSIVE <= 991 */
@media screen and (max-width: 991px){
    #icon_menu_movil path{
        fill: var(--color-white);
    }
    .navbar-nav{
        text-align: center;   
    }
    .navbar-nav .active >.nav-link::before{
        left: 0;
        width: 50px;
        margin-left: calc(50% - 25px);
    }
    .footer_gen .cont_foot .row:nth-child(1) > div{
        justify-content: center;
    }
    .subtit{
        font-size: 1.6rem;
    }
    .subtit_sm {
        font-size: 1.2rem;
        line-height: 1.7rem;
    }
    .navbar-nav{
        margin-top: 40px;
    }
    #sec_mision .cont_img {
        width: 80%;
    }
    .cont_estr_icon img{
        width: 50px;
    }
    .card_ventaja .icon_card {
        width: 100px;
    }
    .card_ventaja .list_card_v, .card_ventaja .txt_card {
        font-size: 1.2rem;
    }
    .nav_item_desktop{
        display: none;
    }
    .nav_item_movil{
        display: block;
    }
    .idioma{
        position: absolute;
        right: 120px;
        top: 24px;
    }
    .tit_slider p{
        font-size: 6vw;
        line-height: 6vw;
    }
}



    /* RESPONSIVE <= 768 */
@media screen and (max-width: 768px){
    .tit_slider p{
        font-size: 8vw;
    }
    .author_slider{
        font-size: 7vw;
    }
    .arrows {
        left: calc(50% - 16px);
    }
    .subtit{
        font-size: 1.5rem;
    }
    #sec_parallex_01{
        padding: 0;
    }
    .logos-carousel .item_img img {
        max-width: 160px!important;
        height: auto;
    }
    .logos-carousel .item_img2 img {
        max-width: 127px!important;
        height: auto;
    }
    .cont_foot {
        padding: 40px 40px 40px 40px;
        text-align: center;
    }
    .logo_footer{
        width: 180px;
        margin-bottom: 20px;
    }
    .colContacto{
        margin-top: 28px;
    }
    .col_aviso_privacidad{
        text-align: center;
    }
    .cont_txt_mision{
        position: relative;
        width: 80%;
        text-align: left;
        right: unset;
        padding: 30px 36px;
        margin: 0 auto;
    }
    #sec_mision .d-flex{
        flex-direction: column;
        justify-content: center;
    }
    #sec_mision .cont_img {
        margin-top: -40px;
        width: 100%;
    }
    .card_estrategia{
        position: relative;
    }
    .hiddenL{
        margin-right: 20%;
    }
    .showL {
        margin-right: 10%;
    }
    .sm_estra_icon{
        position: absolute;
        top: 0;
    }
    .sm_estra_icon img{
        width: 160px;
    }
    .card_estrategia{
        padding-top: 220px;
    }
    .card_ventaja{
        min-height: auto;
        margin-bottom: 20px;
        text-align: left;
    }
}

    /* RESPONSIVE <= 560 */
@media screen and (max-width: 560px){
    .tit_slider p{
        font-size: 9vw;
    }
    .author_slider{
        font-size: 8vw;
    }
    .cont_text{
        margin-bottom: 18%;
    }
    .link_footer{
        font-size: 1rem;
    }
    .cont_txt_mision{
        position: relative;
        width: 100%;
    }
    #sec_mision .cont_img {
        margin-top: 0px;
    }
    .hiddenL{
        margin-right: 20%;
    }
    .showL {
        margin-right: 0%;
    }
    .card_ventaja{
        text-align: center;
    }
    .list_card_v{
        list-style: none;
        padding-left: 0;
    }
    .list_card_v li{
        position: relative;
    }
    .list_card_v li::before{
        position: absolute;
        content: "";
        width: 6px;
        height: 6px;
        margin-left: -10px;
        top: 10px;
        border-radius: 20px;
        background-color: var(--color-azul-marino);
    }
    .cont_txt_mision {
        padding: 30px 0px;
    }
    #section_serv_btn .row:nth-child(2) > div{
        margin-bottom: 40px;
    }
    .card_blue_serv{
        box-shadow: var(--shadow-elevation-medium);
        
    }
    .card_blue_serv img, .card_blue_serv h4{
        opacity: 1;
    }
    .idioma{
        right: 80px;
        top: 24px;
    }
    .slider-item1, .slider-item{
        background-position: 80% center;
    }
    .slider-item2{
        background-position: 75% center;
    }
    #logo_header, .white-color #logo_header{
        width: 140px;
    }
    .scroll-header #logo_header {
        width: 120px;
    }
    #sec_contacto{
        background: url('../images/gnt-contacto.jpg');
        background-repeat: no-repeat;
        background-position: 80% center;
        background-size: cover;
    }
    #sec_quienes{
        background: url('../images/gnt-encabezado-quienes-somos.jpg');
        background-repeat: no-repeat;
        background-position: 25% center;
        background-size: cover;
    }
    #somos {
        top: -90px;
    }
    #menu_dark > a svg{
        width: 140px;
    }
}