@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body *{font-family: 'Montserrat', sans-serif;font-size: 14px;}
h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif; !important;}

/*************************************************************************************
    HELPERS
**************************************************************************************/
body{font-family: "Helvetica Neue", Helvetica, Arial, Verdana , sans-serif;}
.background-primary-transparent{background-color: rgba(23, 36, 169, 0.7) !important;}
.background-secondary-transparent{background-color: rgba(0, 0, 0, 0.7) !important;}
.background-grey-transparent{background-color: rgba(72, 72, 72, 0.7) !important;}
.background-grey-light{background-color: #bcc2c6 !important;}

.icon-block .item{border-radius:0;}
.background-primary > *, .background-primary > * > *{background-color: #1724a9 !important;}
.background-secondary > *, .background-secondary > * > *{background-color: #000 !important;}
.background-secondary-transparent > *, .background-secondary-transparent > * > *{background-color: rgba(61, 57, 53, 0.7) !important;}
/*.background-grey-light-transparent > *, .background-grey-light-transparent > * > *{background-color: rgba(188, 194, 198, 0.7) !important;}*/
.background-grey-light > *, .background-grey-light > * > * {background-color: #bcc2c6 !important;}
.bg-iae-blue{background-color: #1724a9 !important; color: white !important;}
.bg-iae-clear{background-color: #f4f3f3 !important;}
/*************************************************************************************
    HEADER
**************************************************************************************/
.navbar-default{border-bottom: none;}
#header{background-color: rgba(255, 255, 255, 0.5); text-transform: inherit !important;}
#header .logo-iae{max-width: 100px; margin: 0 0 0 0;}
.lower-logo{margin-left:-5px;}

@media (min-width: 768px){
    #header .logo-iae{margin: 0 0 0 0;}
}

@media (max-width: 767px) {
    #header .logo-iae{margin: 0 0 0 0;}
}
.navbar-default .navbar-nav>li>a{font-weight: 600; color: #000;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color: #1724a9; background-color: transparent;}
.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:hover, .navbar-default .navbar-nav>.show>a:focus{color: #3d3935; background-color: #fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{color: #3d3935;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border: none;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{background-color: #fff;}

.navbar-default .navbar-nav>li .dropdown-menu{background-color: #fff;}
.navbar-default .navbar-nav>li .dropdown-menu > li > a {color: #1724a9;}
.navbar-default .navbar-nav .show.dropdown-menu>li>a:hover{color: #aeaeb3;}

@media (max-width: 767px){
    .navbar-default .navbar-nav .show.dropdown-menu>li>a {color: #1724a9;}
    .navbar-default .navbar-nav .show.dropdown-menu>li>a:hover {color: #23397f;}
}
.navbar-default .navbar-nav>li .dropdown-menu>li>a:hover, .navbar-default .navbar-nav>li  .dropdown-menu>li>a:focus{color: #3d3935; background-color: transparent;}

.navbar-default .navbar-nav>li>a.login{border: 2px solid #1724a9 !important; background: #1724a9; color: white !important; padding: 5px !important;}
.navbar-default .navbar-nav>li>a.login:hover{color: #23397f !important; padding: 5px !important;  background-color: transparent !important;}
.navbar-default .navbar-nav>li>a.portalCompany{border: 2px solid #1724a9 !important; background: #1724a9; color: white !important; padding: 5px !important;}
.navbar-default .navbar-nav>li>a.portalCompany:hover{color: #23397f !important; padding: 5px !important;  background-color: transparent !important;}

@media (min-width: 768px) and (max-width: 1199px){
    .nav>li>a{padding-left: 7px; padding-right: 7px;}
}

/* Bootstrap */
/*@media (min-width: 768px){
    .nav>li.loginButton>a{padding-left: 25px !important; padding-right: 25px !important; padding-top: 37px; padding-bottom: 37px; color: #fff;}
    .nav>li.loginButton>a:hover{color: #fff; text-decoration: underline #fff !important; border-bottom: none;}
    .nav>li.portalButton>a{padding-left: 25px !important; padding-right: 25px !important; padding-top: 37px; padding-bottom: 37px; color: #fff;}
    .nav>li.portalButton>a:hover{color: #fff; text-decoration: underline #fff !important; border-bottom: none;}

    .navbar-nav>li>a {padding-top: 23px; padding-bottom: 23px;}

}*/
/* Bootstrap */

/*************************************************************************************
    ICONS
**************************************************************************************/

.icon-block-new .icon-image{height: 250px; width: 70%;}
.icon-block-new .icon-text{position: absolute; background-color: #d3d3d3; width: 50%; padding: 30px; font-size: 16px; left: 30%; font-weight: 600;}
.icon-block-new .icon-text.mini{width: 70%; padding: 20px; font-size: 18px;}
@media(max-width: 768px){
    .icon-block-new .icon-text{position: absolute; background-color: #d3d3d3; width: 50%; padding: 15px; font-size: 14px; left: 30%; font-weight: 600;}
}

.icon-block-new.vertical .icon-image{height: 300px; width: 100%;}
.icon-block-new.vertical .icon-text{position: relative; width: 100%; left: inherit; background-color: #f0be3f; text-align: left; }
@media(max-width: 768px){
    .icon-block-new.vertical .icon-image{height: 300px; width: 100%;}
    .icon-block-new.vertical .icon-text{position: relative; width: 100%; left: inherit;  background-color: #f0be3f; text-align: left;}
}

.icon-block-new.vertical.mini .icon-image{height: 250px; width: 100%;}
.icon-block-new.vertical.mini .icon-text{position: relative; width: 100%; padding: 15px; font-size: 16px;}
@media(max-width: 768px){
    .icon-block-new.vertical.mini .icon-image{height: 140px; width: 100%;}
    .icon-block-new.vertical.mini .icon-text{position: relative; width: 100%;}
}
/*@media(max-width: 991px){
    .icon-block-new {
        width: 300px !important;
        max-width: 100%;
    }
}
@media(min-width: 992px) and (max-width: 1199px){
    .icon-block-new {
        width: 420px !important;
        max-width: 100%;
    }
}
@media(min-width: 1200px) and (max-width: 1554px){
    .icon-block-new {
        width: 380px !important;
        max-width: 100%;
    }
}
@media(min-width: 1555px) {
    .icon-block-new {
        width: 500px !important;
        max-width: 100%;
    }
}*/



/*************************************************************************************
    HOME
**************************************************************************************/
.border-rounded{border: 1px solid black; border-radius: 10px; padding: 20px; }

.slide-companies{/*background-color: #eaeaea;*/}
.slide-companies h2.title{text-transform: uppercase; color: #E1251B; font-size: 24px;}
.slide-companies .slide img{filter:grayscale(100%);}
.slick-prev, .slick-next {top: 70%;}
@media (min-width: 1100px) {
    .slide img{margin-left: auto; margin-right: auto; max-width: 185px; max-height: 80px;}
}
@media (max-width: 1099px) {
    .slide img {margin-left: auto; margin-right: auto; max-width: 90px; max-height: 50px;}
}
.slick-slider{margin-bottom: 0;}

.hero{min-height: 350px;}
.box-container-split .box-split .box{padding: 20px;}
@media(max-width: 991px){
    .box-container-split .box-split h3{font-size: 26px;}
    .box-container-split{display: block;}
}
@media(min-width: 992px){
    .hero h2{font-size: 44px;}
    .box-container-split .box-split h3{font-size: 26px;}
}
.community .box .icon .fas, .community .box .icon .fab, .community .box .icon .far{color: #3d3935; font-size: 45px; border: none !important;}
.community .box .titulo{color: #3d3935;}

.banner-title-home{position: absolute;}
.banner-btn-10{ right: 10%; top: 20%;}
@media(max-width: 765px){
    .banner-btn-10{right: 0; top:40%;}
    .banner-title-home{position: unset; margin-top: 25px;}
}
.bg-btn-row {background-color: #eae9e9;}

.btn-custom {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 200px; height: 250px; background-color: #eae9e9; border: 1px solid #010101; border-radius: 20px; padding: 10px; transition: all 0.3s ease;}
.btn-custom a {font-size: 10px; color: #010101;}
.btn-custom img { width: 100px; height: 100px;}

.btn-custom:hover {background: linear-gradient(to bottom, #4ea3c6, #20284d); border-color: transparent; transform: translateY(-5px); box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);}
.btn-custom:hover a{color: #fff;}
.btn-custom:hover img{filter: brightness(100);}

.btn-red {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 200px; height: 250px; background-color: #fff; border: 1px solid #010101; border-radius: 20px; padding: 10px; transition: all 0.3s ease;}
.btn-red a {font-size: 10px; color: #616160;}
.btn-red img { width: 100px; height: 100px;}

.btn-red:hover {background: linear-gradient(to bottom, rgba(78, 163, 198, 0), #4ea3c6); border-color: #0a0a0a; transform: translateY(-5px); box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);}

@media (min-width: 1000px) {
    .display-6 {
        font-size: 3.5rem;
    }
}

.btn-border-bottom {background: #1724a9;border-bottom: 4px solid #1724a9;color: white;display: block;font-size: 12px;padding: 20px 0px;}
.btn-border-bottom .text-header {font-size: 20px; font-weight: bold;}
.btn-border-bottom i {font-size: 70px;}
.btn-border-bottom:hover {color: black !important;background-color: #f4f3f3;text-decoration: none;}
.btn-border-bottom.no-hover:hover {color: #000 !important; background: #f4f3f3 !important;}

.btn-border-bottom-second {background: #f4f3f3;border-bottom: 4px solid #000;color: #4e4e4e;display: block;font-size: 12px;padding: 20px 0px;}
.btn-border-bottom-second i {font-size: 60px;}
.btn-border-bottom-second:hover {color: white !important;background-color: #000;text-decoration: none;}
.btn-border-bottom-second.no-hover:hover {color: #4e4e4e !important; background: #f4f3f3 !important;}
/*************************************************************************************
    FOOTER
**************************************************************************************/
#footer{color: #fff; background: #23397f; position: relative; border-top: #f0be3f; }
.copyright{background: #000; filter: brightness(80%); }
.footer_title{color: #fff; font-size: 1rem; font-weight: 700; line-height: 1.2; margin-bottom: 16px !important;}
.footer-row {border-top: 1px solid #1724a9; border-bottom: 1px solid #1724a9; display: flex; gap: 24px; margin-bottom: 32px; padding: 32px 1px 32px 1px; }
a.footer_link{color: white; font-size: 1rem; font-weight: 250; line-height: 120%; display: inline-block; margin-bottom: 8px !important;}
a.footer_link:hover{color: #f0be3f; transition: color 0.3s ease;}
.footer_link i {font-size: 1.5rem; margin-right: 3px;}

.contact-button {display: inline-block; background-color: #f0be3f;color: #fff;padding: 10px 20px;font-weight: bold;text-transform: uppercase;}
.contact-button:hover {background-color: #f4a215; color: #fff;}

/*************************************************************************************
    CAROUSEL
**************************************************************************************/
.hero { position: relative; width: 100%; margin-bottom: 50px;}

.hero__media {width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; /*z-index: -2;*/}
.hero__media-image, .hero__media-image--mobile {position: absolute; display: block; min-width: 100%; height: auto; min-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: -2;}
.hero__media-image--mobile {position: absolute; display: block; min-width: 100%; height: auto; min-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.hero__media--align-bottom .hero__media-image, .hero__media--align-bottom .hero__media-image--mobile {top: auto; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.hero__media--align-top .hero__media-image, .hero__media--align-top .hero__media-image--mobile {top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
@media (max-width:767px) {
    /*video.hero__media-image {display: none}*/
}
@media (min-width:768px) {
    .hero__media-image--mobile {display: none}
}
.hero__content {position: absolute; bottom: 0; left: 25px; right: 25px; padding-bottom: 1rem; color: #fff; /*z-index: 10;*/}

@media (min-width:992px) {
    .hero__content {padding-bottom: 2rem;}
}

.hero--fullwidth .hero__content {padding-bottom: 2.5rem;}

@media (min-width:992px) {
    .hero--fullwidth .hero__content {padding-bottom: 3.5rem;}
}


@media (max-width:767px) {
    #featuredNewsCarousel .carousel-inner .cuadrotrans{padding: 20px; margin-top: 20px;}
    #featuredNewsCarousel .carousel-inner .cuadrotrans h1{font-size: 20px;}
    #featuredNewsCarousel .carousel-inner .cuadrotrans h2{color: #fff; font-size: 16px;}
}
@media (max-width: 767px){
    #featuredNewsCarousel .carousel-inner .carousel-item .item-image{height: 180px;}
}
@media (min-width:768px) and (max-width: 991px){
    #featuredNewsCarousel .carousel-inner .cuadrotrans{padding: 40px; margin-top: 60px;}
    #featuredNewsCarousel .carousel-container{height: 450px;}
    #featuredNewsCarousel .carousel-caption {bottom: 50px;}
    #featuredNewsCarousel .carousel-inner .carousel-item .item-image{height: 300px;}
}
@media (min-width: 992px){
    #featuredNewsCarousel .carousel-inner .cuadrotrans{padding: 40px; margin-top: 80px;}
    #featuredNewsCarousel .carousel-container{height: 550px;}
    #featuredNewsCarousel .carousel-caption {bottom: 125px;}
    #featuredNewsCarousel .carousel-inner .carousel-item .item-image{height: 450px;}
}
#featuredNewsCarousel .carousel-inner .cuadrotrans{width: 100%;}
#featuredNewsCarousel .carousel-inner .carousel-item .item-image h1{margin-top:0;}
#featuredNewsCarousel .carousel-inner .cuadrotrans h1{margin-top: 0; color: #fff; text-transform: uppercase; margin-bottom: 10px; font-size: 22px;}
#featuredNewsCarousel .carousel-inner .cuadrotrans h2{color: #fff; font-size: 16px;}
.image-banner-market{height: 450px; width: 450px; position: relative; bottom: 83px;}
@media(max-width:1055px){
    .image-banner-market{height: 350px; width: 350px;}
}