/*************************************************************************************
    HELPERS
**************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body{font-family: 'Roboto', Verdana , sans-serif;}
/*.body-grey{background-color: #fff;}*/
.background-primary-transparent{background-color: rgba(0, 79, 69, 0.3) !important;}
.background-secondary-transparent{background-color: rgba(236, 111, 79, 0.3) !important;}

.color-primary{color: #004f45 !important;}
.color-secondary{color: #ec6f4f !important;}
.color-tertiary{color: #068272 !important;}
.color-fourthiary{color: #b7bf10 !important;}

.background-primary > *, .background-primary > * > *{background-color: #004f45 !important;}
.background-secondary > *, .background-secondary > * > *{background-color: #ec6f4f !important;}
.background-secondary-transparent > *, .background-secondary-transparent > * > *{background-color: rgba(236, 111, 79, 0.3) !important;}
.background-grey-light > *, .background-grey-light > * > *{background-color: #eaeaea !important;}
.background-tertiary, .background-tertiary > *, .background-tertiary > * > *{background-color: #068272 !important;}
.background-fourthiary, .background-fourthiary > *, .background-fourthiary > * > *{background-color: #b7bf10 !important;}

.background-simple-primary{background-color: #004f45 !important;}
.background-simple-secondary{background-color: #ec6f4f !important;}
.background-simple-tertiary{background-color: #068272 !important;}
.background-simple-fourthiary{background-color: #b7bf10 !important;}

.btn-transparent:hover, .btn-transparent:focus, .btn-transparent.focus, .btn-transparent:active, .btn-transparent.active, .show.dropdown-toggle.btn-transparent{color: #fff !important; background-color: #ec6f4f !important; border-color: #ec6f4f !important;}

/*************************************************************************************
    HEADER
**************************************************************************************/
.navbar-default::after {content: ''; position: absolute; top: 0; left: -90px; width: 300px; height: 100px; background-color: #fff; transform: skewX(40deg); transform-origin: top right; z-index: 0;}
.navbar-default.admin-header::after{height: 87px;}
.navbar-default .navbar-brand, .navbar-default .navbar-nav, .navbar-default .navbar-toggler {position: relative; z-index: 1;}
.navbar-default{border-bottom: none; background-color: #068272;}
.lower-logo{margin-left:-40px;}
@media (min-width: 768px){
    #header .logo-st{max-width: 180px; margin: 5px 40px 5px 20px;}
}

@media (max-width: 767px) {
    #header .logo-st{max-width: 180px; margin: 5px 40px 5px 20px;}
}

a.login{border: 2px solid #ec6f4f; border-radius: 10px; color: #fff !important; padding: 5px !important; background-color: #ec6f4f; font-size: 15px;}
a.login:hover{border: 2px solid #ec6f4f !important; border-radius: 10px !important; color: #fff !important; padding: 5px !important;  background-color: #ec6f4f !important; font-weight: 500; text-decoration: underline !important;}
a.register{border: 2px solid #b7bf10; border-radius: 10px; color: #fff !important; padding: 5px !important; background-color: #b7bf10; font-size: 15px;}
a.register:hover{border: 2px solid #b7bf10 !important; border-radius: 10px !important; color: #fff !important; padding: 5px !important;  background-color: #b7bf10 !important; font-weight: 500; text-decoration: underline !important;}
a.portalCompany{border: 2px solid #fff; border-radius: 10px; color: #fff !important; padding: 5px !important; background-color: transparent;}
a.portalCompany:hover{border: 2px solid #fff !important; border-radius: 10px !important; color: #fff !important; padding: 5px !important;  background-color: transparent !important; font-weight: 500; text-decoration: underline !important;}

.social-icon {display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background-color: #004f45; color: #fff !important; text-decoration: none; margin: 0 0.25rem;}
.social-icon i {font-size: 1rem; line-height: 1;}
.social-icon:hover {background-color: #b7bf10; border-color: #b7bf10;}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color: #b7bf10; font-weight: 500; text-decoration: underline !important;}
.dropdown-menu{background-color: #068272; border: none;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background-color: transparent; color: #b7bf10; font-weight: 500; text-decoration: underline !important;}
/*************************************************************************************
    HOME
**************************************************************************************/
.home-banner{padding-top: 20px; padding-bottom: 20px; background-color: #fff;}
.home-banner h1{color: #ec6f4f; font-weight: 600; font-size: 36px; margin-top: 20px; margin-bottom: 40px; }
@media (min-width: 1300px) {
    .home-banner h1{margin-top: 80px;}
}

.slide-companies h2.title{text-transform: uppercase; color: #101d2e; 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{color: #fff; background: #004f45; position: relative; padding-bottom: 0; border-top: none;}
.copyright{background: #004f45; color: #fff;}
.copyright_st{background: #000; color: #fff;}
.footer_title{font-size: 16px; color: #068272;}
.footer_title:hover{text-decoration: underline;}
a.footer_link{color: #fff;}
a.footer_link:hover{color: #ec6f4f;}
h2.footer_title{font-size: 14px; margin-bottom: 10px; color: #068272; font-weight: 600; text-transform: uppercase;}

#footer .institutions{background-color: #fff; border-top: 1px solid #eaeaea;}
#footer .other{background-color: #00362f;}

#footer .institutions img{filter: grayscale(100%);}
#footer .institutions img:hover{filter: grayscale(0%);}

#footer .acreditacion{display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: end; align-items: flex-end;}
#footer .acreditacion img{display: block; vertical-align: middle; max-width: 300px; max-height: 100%; height: auto; padding: 0 .75rem; border-left: none;}
@media (max-width:767px) {
    #footer .acreditacion img{max-width: 150px;}
}

.stats{margin-top: 40px; margin-bottom: 40px;}
.stats .stats-item{height: 200px; width: 200px; border-radius: 50%; margin-right: auto; margin-left: auto; padding: 30px; color: #fff;}
.stats .stats-item .title{font-size: 45px; font-weight: 600;}
.stats .stats-item .text{font-size: 14px;}

@media (max-width:767px) {
    .stats .stats-item{height: 150px; width: 150px; padding: 20px;}
    .stats .stats-item .title{font-size: 32px;}
    .stats .stats-item .text{font-size: 12px;}
}

.copyright a, .copyright a:hover, .copyright a:visited{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;}
}


#featuredNewsCarousel .carousel-box{padding: 70px 20px;}
#featuredNewsCarousel .carousel-box .carousel-box-title{font-size: 36px; text-transform: uppercase; font-weight: 600;}
#featuredNewsCarousel .carousel-box .carousel-box-text{font-size: 18px;}
@media (max-width:767px) {
    #featuredNewsCarousel .carousel-box .carousel-box-title{font-size: 24px;}
    #featuredNewsCarousel .carousel-box .carousel-box-text{font-size: 14px;}
    #featuredNewsCarousel .carousel-container{height: 370px;}
    #featuredNewsCarousel .carousel-inner .carousel-item .item-image {height: 400px;}
    #featuredNewsCarousel .carousel-box {height: 340px;}
    #featuredNewsCarousel .carousel-box .carousel-box-title{font-size: 32px;}
    #featuredNewsCarousel .carousel-box .carousel-box-text{font-size: 18px;}
}
@media (min-width:768px) and (max-width: 991px){
    #featuredNewsCarousel .carousel-box .carousel-box-title{font-size: 24px;}
    #featuredNewsCarousel .carousel-box .carousel-box-text{font-size: 14px;}
    #featuredNewsCarousel .carousel-container{height: 400px;}
    #featuredNewsCarousel .carousel-inner .carousel-item .item-image {height: 400px;}
}
@media (min-width: 992px){
    #featuredNewsCarousel .carousel-container{height: 450px;}
    #featuredNewsCarousel .carousel-inner .carousel-item .item-image {height: 400px;}
    .carousel-indicators{ right: 1%; left: inherit;}
}

#featuredNewsCarousel .carousel-indicators{bottom: 30px;}
#featuredNewsCarousel .carousel-indicators button {width: 12px; height: 12px; border-radius: 50%; background-color: #068272; border: none; opacity: 1;}
#featuredNewsCarousel .carousel-indicators button.active {background-color: #ec6f4f;}

/*************************************************************************************
    OTHER
**************************************************************************************/
.datetimepicker td, .datetimepicker th{color: #fff;}

/*************************************************************************************
    BUTTONS
**************************************************************************************/
.btn-st{border: 3px solid #004f45; border-radius: 10px; color: #004f45; padding: 10px !important;}
.btn-st:hover{border: 3px solid #004f45 !important; border-radius: 10px !important; color: #004f45 !important; padding: 10px !important; background-color: #fff !important; font-weight: 500; text-decoration: underline;}
.btn-st-secondary{border: 3px solid #ec6f4f; border-radius: 10px; color: #004f45 !important; padding: 10px !important; background-color: #fff !important;}
.btn-st-secondary:hover{border: 3px solid #ec6f4f !important; border-radius: 10px !important; color: #004f45 !important; padding: 10px !important; background-color: #fff !important; font-weight: 500; text-decoration: underline;}

.btn{border-radius: 10px !important; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}
.btn-outline-primary, .btn-outline-primary:focus{background-color: #fff; color: #004f45; border-color: #ec6f4f; border-radius: 10px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}
.btn-outline-primary:hover {background-color: #fff; color: #004f45; border-color: #ec6f4f; border-radius: 10px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500; text-decoration: underline;}
.btn-outline-primary:disabled {color: #888 !important; background-color: #ccc; border-color: #ccc;}

.btn-primary, .btn-primary:focus{color: #fff; background-color: #ec6f4f; border-color: #ec6f4f; border-radius: 10px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .show>.dropdown-toggle.btn-primary {color: #fff !important; background-color: #004f45; border-color: #004f45; }

.btn-secondary{background-color: #fff; border-color: #004f45; color: #004f45; border-radius: 10px; box-shadow:0 4px 8px rgba(0,0,0,0.1);}
.btn-secondary:hover{filter: none; background-color: #004f45; border-color: #004f45; color: #fff; border-radius: 10px; box-shadow:0 4px 8px rgba(0,0,0,0.1);}
.btn-secondary.disabled, .btn-secondary[disabled], fieldset[disabled] .btn-secondary, .btn-secondary.disabled:hover, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary:hover, .btn-secondary.disabled:focus, .btn-secondary[disabled]:focus, fieldset[disabled] .btn-secondary:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled].focus, fieldset[disabled] .btn-secondary.focus, .btn-secondary.disabled:active, .btn-secondary[disabled]:active, fieldset[disabled] .btn-secondary:active, .btn-secondary.disabled.active, .btn-secondary[disabled].active, fieldset[disabled] .btn-secondary.active{filter: brightness(120%);}

.btn-transparent, .btn-transparent:focus{color: #fff; background-color: #004f45004f454d; border-color: #fff; border-radius: 10px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}
.btn-transparent:hover, .btn-transparent:focus, .btn-transparent.focus, .btn-transparent:active, .btn-transparent.active, .show>.dropdown-toggle.btn-transparent {color: #444 !important; background-color: #ffffffab; border-color: #ffffffab; }

.btn-transparent-primary, .btn-transparent-primary:focus{color: #004f45; background-color: #fff; border-color: #004f45; border-radius: 10px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}
.btn-transparent-primary:hover, .btn-transparent-primary:focus, .btn-transparent-primary.focus, .btn-transparent-primary:active, .btn-transparent-primary.active, .show>.dropdown-toggle.btn-transparent-primary {color: #ec6f4f !important; background-color: #fff; border-color: #ec6f4f; }

.btn-transparent-secondary, .btn-transparent-secondary:focus{color: #ec6f4f; background-color: #fff; border-color: #ec6f4f; border-radius: 10px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}
.btn-transparent-secondary:hover, .btn-transparent-secondary:focus, .btn-transparent-secondary.focus, .btn-transparent-secondary:active, .btn-transparent-secondary.active, .show>.dropdown-toggle.btn-transparent-secondary {color: #004f45 !important; background-color: #fff; border-color: #004f45; }

.btn-transparent-tertiary, .btn-transparent-tertiary:focus{color: #b7bf10; background-color: #fff; border-color: #b7bf10; border-radius: 10px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}
.btn-transparent-tertiary:hover, .btn-transparent-tertiary:focus, .btn-transparent-tertiary.focus, .btn-transparent-tertiary:active, .btn-transparent-tertiary.active, .show>.dropdown-toggle.btn-transparent-tertiary {color: #ec6f4f !important; background-color: #fff; border-color: #ec6f4f; }

.btn-transparent-fourthiary, .btn-transparent-fourthiary:focus{color: #068272; background-color: #fff; border-color: #068272; border-radius: 10px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}
.btn-transparent-fourthiary:hover, .btn-transparent-fourthiary:focus, .btn-transparent-fourthiary.focus, .btn-transparent-fourthiary:active, .btn-transparent-fourthiary.active, .show>.dropdown-toggle.btn-transparent-fourthiary {color: #ec6f4f !important; background-color: #fff; border-color: #ec6f4f; }

.btn-alumni{color: #fff; background-color: #ec6f4f; border-color: #ec6f4f; border-width: 2px; padding: 5px 12px; border-radius: 10px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}
.btn-alumni:hover, .btn-alumni:active{color: #fff !important; background-color: #004f45; border-color: #004f45; border-width: 2px;}
.btn-alumni:disabled{color: #888; background-color: #ccc; border-color: #ccc;}

.btn-alumni-secondary{color: #fff; background-color: #004f45; border-color: #004f45; border-width: 2px; padding: 5px 12px; border-radius: 10px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}
.btn-alumni-secondary:hover, .btn-alumni-secondary:active{filter: brightness(120%); transition: border 0.3s ease, background 0.3s ease; color: #fff;}

.btn-success, .btn-success:focus{border-radius: 10px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}
#filters .btn-success:hover,
#filters .btn-success:active{color: #fff !important; background-color: #004f45; border-color: #004f45; border-width: 2px; border-radius: 10px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active{color: #004f45; background-color: #004f45; border-radius: 10px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active{color: #888 !important; background-color: #ccc; border-color: #ccc; font-weight: 500;}

#job_offer .btn-success{background-color: #ec6f4f; color: #004f45; border-color: #ec6f4f; border-radius: 10px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}
#job_offer .btn-success:hover, #job_offer .btn-success:active{background-color: #004f45; color: #004f45 !important; border-color: #004f45;}

.btn-info{color: #fff; background-color: #ec6f4f; border-color: #ec6f4f; border-radius: 10px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .show>.dropdown-toggle.btn-info{background-color: #004f45; border-color: #004f45; color: #fff !important;}
.btn-info:disabled{color: #888; background-color: #ccc; border-color: #ccc;}

.btn-primary-especial{background-color: #004f45; background-image: linear-gradient(to right, #004f45 0%, #004f45 36%, #ec6f4f 66%, #ec6f4f 100%); padding: 15px 15px!important; border-radius: 60px !important; color: #fff; min-width: 220px; transition: border 0.3s ease, background 0.3s ease;}
.btn-primary-especial:hover{background-color: #004f45; background-image: linear-gradient(to right, #ec6f4f 0%, #ec6f4f 36%, #004f45 66%, #004f45 100%); color: #fff; text-decoration: none;}

.btn-secondary-especial{background-color: #004f45; background-image: linear-gradient(to right, #004f45 0%, #004f45 36%, #ec6f4f 66%, #ec6f4f 100%); padding: 15px 15px!important; border-radius: 60px !important; color: #fff; min-width: 220px; transition: border 0.3s ease, background 0.3s ease;}
.btn-secondary-especial:hover{background-color: #004f45; background-image: linear-gradient(to right, #ec6f4f 0%, #ec6f4f 36%, #004f45 66%, #004f45 100%); color: #fff; text-decoration: none;}

.job_offer_list .info .apply:hover, .job_offer_list .info .apply:active{color: #fff !important;}

/*************************************************************************************
    ICONS
**************************************************************************************/
.icon-block-new .icon-image{height: 250px; width: 100%; border-radius: 10px;}
.icon-block-new .icon-text{position: relative; background-color: #d3d3d3; width: 100%; padding: 30px; font-size: 16px; font-weight: 600; text-align: center;}
.icon-block-new .icon-title{margin-bottom: 20px; text-align: center;}
.icon-block-new .icon-title h3{font-size: 28px; }