/******************************************************************imports************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
@import 'bootstrap.min.css';
@import 'classes.css?v=1.0.8';
@import 'slick.css';
@import 'aos.css?v=1.0.0';
/*************************************************************************************************************************************************/

/*****************************************************************rewrited styles*****************************************************************/
body {
    font-family: "Figtree", sans-serif;
    line-height: normal;
}

a {
    text-decoration: none;
}

button {
    outline: 0 !important;
}
/*************************************************************************************************************************************************/

/********************************************************************custom classes***************************************************************/
.logo {
    height: 25px;
}

.title-md {
    font-size: 20px;
}

.text-md {
    font-size: 18px;
}

.text-srg {
    font-size: 14px;
}

.text-sm {
    font-size: 12px;
}

.text-yellow {
    color: #f2cb23;
}

.text-blue {
    color: #162953 !important;
}

.text-gray {
    color: #706f6f !important;
}

.text-gray1 {
    color: #8b949c;
}

.text-light-gray {
    color: #576069;
}

.text-darck-gray {
    color: #3c3c3b;
}

.text-black {
    color: #191c1f !important;
}

.text-black1 {
    color: #1d1d1b !important;
}

.bg-yellow {
    background-color: #f2cb23;
}

.bg-blue {
    background-color: #162953 !important;
}

.bg-gray80 {
    background-color: #F5F5F5;
}

.bg-darkgray {
    background-color: #191c1f;
}

.bg-gray-55 {
    background-color: rgba(29, 29, 27, 0.55);
}

.bg-black-50 {
    background-color: rgba(0, 0, 0, 0.5);
}

.bg-lightgray1 {
    background-color: #E5E5E5;
}

.bg-gradientblue {
    background: #4F92C3;
    background: radial-gradient(circle at 50% 150%,rgba(79, 146, 195, 1) 5%, rgba(11, 22, 52, 1) 72%, rgba(3, 3, 25, 1) 100%);
}

.border-darkgray {
    border-color: #303336 !important;
}

.border-yellow {
    border-color: #f2cb23 !important;
}

.border-blue {
    border-color: #162953 !important;
}

.border-darkgray {
    border-color: #3c3c3b !important;
}

.border1 {
    border-width: 1px;
    border-style: solid;
}

.accordion .accordion-button:focus {
    box-shadow: none !important;
}

.accordion .accordion-button:not(.collapsed) {
    background-color: transparent !important;
}

.faq-accordion button::after {
    background-image: url(../img/plus.png);
    background-size: 18px 17px;
    width: 18px;
    height: 17px;
    transition: none;
}

.faq-accordion button:not(.collapsed)::after {
    background-image: url(../img/minus.png);
    transform: none;
}

.list-accordion {
    --bs-accordion-bg: transparent !important;
    --bs-accordion-border-width: 0px;
}

.list-accordion .accordion-button::after {
    display: none;
}

.list-accordion .accordion-button {
    font-size: 24px;
}

.list-accordion .accordion-button.collapsed {
    font-size: 16px;
}

.navbar-transparent {
  --bs-navbar-color: rgba(255, 255, 255, 1);
  --bs-navbar-hover-color: #191c1f;
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#politicas-de-privacidad .navbar-transparent,
#politicas-de-seguridad .navbar-transparent,
#publicaciones .navbar-transparent,
#preguntas-frecuentes-fid5b .navbar-transparent {
    --bs-navbar-color: rgba(22, 41, 83, 1);
    --bs-navbar-hover-color: #191c1f;
    --bs-navbar-active-color: #162953;
    --bs-navbar-brand-color: #162953;
    --bs-navbar-brand-hover-color: #162953;
    --bs-navbar-toggler-border-color: rgba(22, 41, 83, 1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2822, 41, 83, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
} 

#politicas-de-privacidad header.bg-darkgray .navbar-transparent,
#politicas-de-seguridad header.bg-darkgray .navbar-transparent,
#publicaciones header.bg-darkgray .navbar-transparent,
#preguntas-frecuentes-fid5b header.bg-darkgray .navbar-transparent {
    --bs-navbar-color: rgba(255, 255, 255, 1);
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
} 

.navbar-transparent .navbar-nav .nav-link:hover {
    background-color: #ffcd00;
}

.navbar-transparent .submenu-container ul li a:hover {
    background-color: #212528;
}

.slick-dots li button {
    width: 12px;
    height: 12px;
    background-color: #f5f5f5;
}

.slick-dots li.slick-active button {
    background-color: #8b949c;
}

.solution {
    height: 400px;
}

.solution a {
    width: 26px;
    height: 26px;
    background-image: url(../img/plus.png);
}

.solution h5 {
    opacity: 1;
}

.solution .solution-text {
    opacity: 0;
}

.solution .card-body.show a {
    background-image: url(../img/minus.png);
}

.solution .card-body.show h5 {
    opacity: 0;
}

.solution .card-body.show .solution-text {
    opacity: 1;
}

.custom-radio input:checked ~ label {
    background-color: #002856;
    color: #FFF;
}

.masked{
    mask: url(#holeMask);
    -webkit-mask: url(#holeMask);
}

.svg-text {
    font-size: 57px;
}

header .navbar-nav .submenu-container {
    display: none;
}

header .navbar-nav .nav-item:hover ~ .submenu-container,
header .navbar-nav .submenu-container:hover {
    display: block;
}

.offcanvas {
    background-color: #191c1f;
}

.letter-spacing--3 {
    letter-spacing: -3px;
}

.article-header {
    height: 29vw;
}

.blog-link {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.blog-link:hover,
.blog-link.active {
    background-color: #f2cb23;
    border: 1px solid #f2cb23;
    color: #191c1f;
}

.text-shadow {
    text-shadow: 0px 0px 5px #000000;
}

.video-responsive{
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 */
}

.video-responsive iframe{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
/*************************************************************************************************************************************************/

/******************************************************************specifyc styles****************************************************************/
#cajeros_5b {
    background-image: url(../img/bg_cajeros.jpg);
}

#express_box {
    background-image: url(../img/bg_express_box.jpg);
}

#communication_links {
    background-image: url(../img/bg_communication_links.jpg);
}

#ask_for_check {
    background-image: url(../img/bg_ask_for_check.jpg);
}

#who_we_are {
    background-image: url(../img/bg_who_we_are.jpg);
}

#pos {
    background-image: url(../img/bg_pos.jpg);
}

#dedicated_connection {
    background-image: url(../img/bg_dedicated_connection.jpg);
}

#fid_5b {
    background-image: url(../img/bg_fid.jpg);
}

#sabias_que {
    background-image: url(../img/bg_sabias_que.jpg);
}

#nuestro_proposito {
    background-image: url(../img/bg_somos_02.jpg);
}

.difuminado {
    background-image: url(../img/bg_difuminado.jpg);
}

#first_section svg {
    height: auto;
}

#mentes_colectivas {
    background-image: url(../img/bg_mentes_colectivas.jpg);
}

#procesadora_de_tarjetas {
    background-image: url(../img/bg_procesadora_de_tarjetas.jpg);
}

#tav_5b {
    background-image: url(../img/bg_tav.jpg);
}

#difuminado_x2 {
    background-image: url(../img/bg_difuminado_x2.jpg);
}

#difuminado_x3 {
    background-image: url(../img/telefono.jpg);
}

#asesorias_5B {
    background-image: url(../img/asesorias.jpg);
}

#atms_slide_container {
    max-width: 1500px;
}

#history_slide_nav .slick-current p {
    background-color: #162953 !important;
    color: #ffcd00 !important;
}

#episodios {
    background: #000000;
    background: -webkit-linear-gradient(170deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(239, 200, 36, 1) 100%);
    background: -moz-linear-gradient(170deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(239, 200, 36, 1) 100%);
    background: linear-gradient(170deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(239, 200, 36, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#EFC824", GradientType=0);
}

#ballons {
    margin-top: 125px;
    z-index: 1000;
}

#atm_search {
    height: -webkit-calc(100vh - 57px);
    height: -moz-calc(100vh - 57px);
    height: -ms-calc(100vh - 57px);
    height: -o-calc(100vh - 57px);
    height: calc(100vh - 57px);
}

#locations_header {
    height: 57px;
}

#filter_container, #map_container {
    height: 50vh;
}

#services_slide_nav .slick-slide img:first-child {
    opacity: 1;
}

#services_slide_nav .slick-slide img:last-child {
    opacity: 0;
}

#services_slide_nav .slick-slide.slick-current img:first-child {
    opacity: 0;
}

#services_slide_nav .slick-slide.slick-current img:last-child {
    opacity: 1;
}

#fid_slide_nav .slick-slide button,
#pidacheque_slide_nav .slick-slide button {
    background-color: transparent;
    font-weight: 400;
    border: 1px solid #3c3c3b;
}

#fid_slide_nav .slick-slide.slick-current button,
#pidacheque_slide_nav .slick-slide.slick-current button {
    background-color: #ffcd00;
    font-weight: 600;
    border: 1px solid #ffcd00;
}

#service1 {
    background-image: url(../img/bg_products_services1.jpg);
}

#service2 {
    background-image: url(../img/bg_products_services2.jpg);
}

#service3 {
    background-image: url(../img/bg_products_services3.jpg);
}

#service4 {
    background-image: url(../img/bg_products_services4.jpg);
}

#service5 {
    background-image: url(../img/bg_products_services5.jpg);
}

#services_slide_bg .slick-list,
#services_slide_bg .slick-track {
    height: 100%;
}
/*************************************************************************************************************************************************/

/******************************************************************responsive breakpoints*********************************************************/
@media (min-width: 768px) {
    .title-xl{
        font-size: 75px;
    }

    .title-lg{
        font-size: 57px;
    }
    
    .title-rg {
        font-size: 40px;
    }

    .title-md {
        font-size: 45px;
    }

    .title-sm {
        font-size: 15px;
    }

    .text-xl {
        font-size: 26px;
    }

    .text-lg {
        font-size: 24px;
    }

    body, .text-rg {
        font-size: 18px;
    }

    .text-md {
        font-size: 20px;
    }

    #atms_slide .slick-current .card {
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        transform: scale(1.15);
        z-index: 1;
    }

    .solution {
        height: 450px;
    }

    #media_slide .slick-current img {
        -webkit-transform: scale(1.10);
        -moz-transform: scale(1.10);
        -ms-transform: scale(1.10);
        -o-transform: scale(1.10);
        transform: scale(1.10);
        z-index: 1;
    }

    #media_slide .slick-list {
        padding-left: 8px;
        padding-right: 25px !important;
    }

    .position-md-absolute {
        position: absolute;
    }

    #atm_search {
        height: -webkit-calc(100vh - 59px);
        height: -moz-calc(100vh - 59px);
        height: -ms-calc(100vh - 59px);
        height: -o-calc(100vh - 59px);
        height: calc(100vh - 59px);
    }

    #locations_header {
        height: 59px;
    }

    #filter_container, #map_container {
        height: auto;
    }

    .form-container {
        margin-top: -8vw;
    }

    .article-container {
        margin-top: -20vw;
    }
}

@media (min-width: 1440px) {
    
}

@media (min-width: 1628px) {
    
}
/*************************************************************************************************************************************************/