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

    HELPERS
**************************************************************************************/
body{font-family: "Helvetica Neue", Helvetica, Arial, Verdana , sans-serif;}
.background-primary-transparent{background-color: rgba(168, 31, 103, 0.7) !important;}
.background-secondary-transparent{background-color: rgba(75, 35, 102, 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;}
.icon-block a:hover *{color: #fff;}
.background-primary > *, .background-primary > * > *{background-color: #a81f67 !important;}
.background-secondary > *, .background-secondary > * > *{background-color: #4b2366 !important;}
.background-secondary-transparent > *, .background-secondary-transparent > * > *{background-color: rgba(75, 35, 102, 0.7) !important;}
.background-grey-light > *, .background-grey-light > * > * {background-color: #bcc2c6 !important;}

/*************************************************************************************
    HEADER
**************************************************************************************/
.navbar-default{border-bottom: none;}
#header{background-color: #fff;}
#header .logo-um{max-width: 150px; margin: 7px 0 0 20px;}
.lower-logo{margin-left:-5px;}

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

@media (max-width: 767px) {
    #header .logo-um{margin: 7px 0 0 0;}
}
.navbar-default .navbar-nav>li>a{font-weight: 600; color: #4b2366;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color: #4b2366;}
.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:hover, .navbar-default .navbar-nav>.show>a:focus{color: #4b2366; background-color: #fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{color: #4b2366;}
.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;}

/* Menu items - estilo botón para links y dropdowns */
@media (min-width: 768px){
    .navbar-default .navbar-nav > li.nav-item > a.nav-link {
        margin: 12px 4px;
        padding: 12px 16px !important;
        border-radius: 5px;
        transition: all 0.2s ease;
        display: inline-flex;
        align-items: center;
    }
    .navbar-default .navbar-nav > li.nav-item:not(.loginButton):not(.portalButton) > a.nav-link {
        background-color: #f5f0f7;
        border: 1px solid #e0d5e6;
    }
    .navbar-default .navbar-nav > li.nav-item:not(.loginButton):not(.portalButton) > a.nav-link:hover {
        background-color: #ebe3ef;
        border-color: #4b2366;
        color: #4b2366 !important;
    }
    .navbar-default .navbar-nav > li.nav-item.active:not(.loginButton):not(.portalButton) > a.nav-link {
        background-color: #ebe3ef;
        border-color: #4b2366;
        color: #4b2366 !important;
    }
    /* Botones de login */
    .navbar-default .navbar-nav > li.loginButton > a.nav-link {
        background-color: #4b2366 !important;
        color: #fff !important;
        border: 1px solid #4b2366;
    }
    .navbar-default .navbar-nav > li.portalButton > a.nav-link {
        background-color: #a81f67 !important;
        color: #fff !important;
        border: 1px solid #a81f67;
    }
    .navbar-default .navbar-nav > li.loginButton > a.nav-link:hover,
    .navbar-default .navbar-nav > li.portalButton > a.nav-link:hover {
        opacity: 0.9;
    }
}

.navbar-default .navbar-nav>li .dropdown-menu{background-color: #fff;}
.navbar-default .navbar-nav>li .dropdown-menu > li > a {color: #a81f67;}

@media (max-width: 767px){
    .navbar-default .navbar-nav .show.dropdown-menu>li>a {color: #a81f67;}
    .navbar-default .navbar-nav .show.dropdown-menu>li>a:hover {color: #4b2366;}
}
.navbar-default .navbar-nav>li .dropdown-menu>li>a:hover, .navbar-default .navbar-nav>li  .dropdown-menu>li>a:focus{color: #4b2366; background-color: transparent;}

@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: 20px; padding-right: 20px; background-color: #4b2366; color: #fff;}
    .nav>li.loginButton>a:hover{background-color: #4b2366; color: #fff; text-decoration: underline;}
    .nav>li.portalButton>a{padding-left: 20px; padding-right: 20px; background-color: #a81f67; color: #fff;}
    .nav>li.portalButton>a:hover{background-color: #a81f67; color: #fff; text-decoration: underline;}
}

@media (min-width: 768px){
    .navbar-nav>li>a {padding-top: 23px; padding-bottom: 23px;}
}
/* Bootstrap */

/*************************************************************************************
    HOME
**************************************************************************************/
.slide-companies{/*background-color: #eaeaea;*/}
.slide-companies h2.title{text-transform: uppercase; color: #a81f67; 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;}

/*************************************************************************************
    FOOTER
**************************************************************************************/
#footer{background: #eaeaea;}
a.footer_link{font-size: 12px; color: #4b2366;}
a.footer_link_2{font-size: 16px; color: #4b2366;}

/*************************************************************************************
    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 (min-width:768px) and (max-width: 991px){
    #featuredNewsCarousel .carousel-inner .cuadrotrans{padding: 40px; margin-top: 60px;}
    #featuredNewsCarousel .carousel-container{height: 350px;}
    #featuredNewsCarousel .carousel-caption {bottom: 50px;}
}
@media (min-width: 992px){
    #featuredNewsCarousel .carousel-inner .cuadrotrans{padding: 40px; margin-top: 80px;}
    #featuredNewsCarousel .carousel-container{height: 400px;}
    #featuredNewsCarousel .carousel-caption {bottom: 125px;}
}
#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;}