/*************************************************************************************
    HELPERS
**************************************************************************************/
body{font-family: "Helvetica Neue", Helvetica, Arial, Verdana , sans-serif;}
/*.body-grey{background-color: #fff;}*/
.background-light-blue{background-color: #42b2c1 !important;}
.background-light-green{background-color: #90ac40 !important;}
.background-light-red{background-color: #ca5753 !important;}
.background-grey-light{background-color: #bcc2c6 !important;}
.background-primary-transparent{background-color: rgba(16, 29, 46 , 0.7) !important;}
.background-secondary-transparent{background-color: rgba(255, 204, 102, 0.8) !important;}

.icon-block .item{border-radius:0;}
.icon-block a:hover *{color: #fff;}
.background-primary > *, .background-primary > * > *{background-color: #101d2e !important;}
.background-secondary > *, .background-secondary > * > *{background-color: #e9b92b !important;}
.background-secondary-transparent > *, .background-secondary-transparent > * > *{background-color: rgba(255, 204, 102, 0.8) !important;}
.background-grey-light > *, .background-grey-light > * > *{background-color: #bcc2c6 !important;}
.background-light-blue > *, .background-light-blue > * > *{background-color: #42b2c1 !important;}
.background-light-green > *, .background-light-green > * > *{background-color: #90ac40 !important;}
.background-light-red > *, .background-light-red > * > *{background-color: #ca5753 !important;}

.background-featured > *, .background-featured > * > * {background-color: #d22f88 !important; color: #fff !important;}

/*************************************************************************************
    HEADER
**************************************************************************************/
.tag-login{position: absolute;top: -56px;left: 0;}
#header .first-column{flex: 1 1 0 !important;}
#header .second-column{flex: 1 1 0 !important; padding: 0;}
#header .third-column{flex: 1 1 0 !important;}
.lock-icon{position:absolute; right: 5px; top: -15%;}
@media (min-width: 768px){
    #header .logo-duoc{margin: 7px 0 0 20px; max-width: 350px;}
}
@media (max-width: 700px){
    #header .second-column .txt24{font-size: 18px !important;}
}
@media (max-width: 540px){
    #header .second-column {padding: 0 5px;}
    #header .second-column .txt24{font-size: 18px !important;}
    .lock-icon{top: -30%;}
}
.navbar-default{border-bottom: none;font-size: 14px !important;}
#header{background-color: #fff;}
#header .logo-duoc{max-width: 250px; margin: 7px 0 0 20px;max-height: 70px !important;}
.lower-logo{margin-left:-5px;}

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

@media (max-width: 767px) {
    #header .logo-duoc{margin: 7px 0 0 0;}
}

.background-black .navbar-nav>li{padding: 0 15px;}
.background-black .dropdown-menu{left: 29px !important;}
.background-black .navbar-nav>li>a{padding-left: 15px !important; padding-right: 15px !important;}
.navbar-default .navbar-nav>li>a{text-transform: uppercase !important;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color: #e9b92b;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{color: #e9b92b;}
.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; color: #e9b92b!important;}

.navbar-default .navbar-nav>li .dropdown-menu{background-color: #fff;}
.navbar-default .navbar-nav>li .dropdown-menu > li > a {color: #101d2e;}
.background-black .navbar-nav>li>a {color: white !important;}
.background-black .navbar-nav>li>a:hover {color: #ffb71b !important;}
.background-black .navbar-nav>li>.show, .navbar-default .navbar-nav>li>.show:hover, .navbar-default .navbar-nav>li>.show:focus{color: #e9b92b !important; background-color: white !important;}

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

@media (max-width: 1199px){
    .nav>li>a{padding-left: 7px; padding-right: 7px;}
    #header .second-column{flex: none !important; width: 100%;}
}

@media (min-width: 768px){
    .nav>li.loginButton>a{padding-left: 20px; padding-right: 20px; background-color: #e9b92b; color: #fff;}
    .nav>li.loginButton>a:hover{background-color: #e9b92b; color: #fff; text-decoration: underline;}
    .nav>li.portalButton>a{padding-left: 20px; padding-right: 20px; background-color: #101d2e; color: #fff;}
    .nav>li.portalButton>a:hover{background-color: #101d2e; color: #fff; text-decoration: underline;}
}
#menu-proyectos-sociales{right: 29px !important;}
/*************************************************************************************
    HOME
**************************************************************************************/
.slide-companies .slide img{filter:none;}
.slick-prev, .slick-next {top: 70%;}
.slick-track{display: flex !important; align-items: center !important; justify-content: center !important;}
.slide .slide-container{display: flex; flex-wrap: wrap; justify-content: center;}
.slide .slide-container .slide-content{display: flex; align-items: center; justify-content: center;}
.slide-companies .slide img{filter:grayscale(100%);}
@media (min-width: 1100px) {
    .slide img{margin-left: auto; margin-right: auto; max-width: 160px; max-height: 160px;}
}
@media (max-width: 1099px) {
    .slide img {margin-left: auto; margin-right: auto; max-width: 90px; max-height: 90px;}
}
.slick-slider{margin-bottom: 0;}

.btn-duoc-section-container {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 15px;padding: 0 10px;}
.btn-duoc-section-container::-webkit-scrollbar {display: none;}
.btn-duoc-section {flex: 1;margin: 0;transition: ease all .3s;box-sizing: border-box;min-height: 200px;position: relative;}
.btn-duoc-section a{ display: block; cursor: pointer;text-decoration: none;height: 100%;}
.btn-duoc-section a:hover{text-decoration: none;}

.card-background {
    width: 100%;
    height: 100%;
    min-height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    transition: transform .3s ease;
}

.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(16, 29, 46, 0.85) 0%, rgba(16, 29, 46, 0.7) 100%);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    padding: 0;
    transition: background .3s ease;
}

.icon-box {
    width: 70px;
    min-width: 70px;
    height: 100%;
    background-color: #e9b92b;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .3s ease, background-color .3s ease;
}

.icon-box i {
    font-size: 28px;
    color: #101d2e;
}

.card-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 20px 20px 20px;
}

.btn-duoc-section .btn-title {
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 0 10px 0;
    font-size: 16px;
    color: #fff;
    line-height: 1.3;
}

.btn-duoc-section .btn-description {
    width: 100%;
    text-align: left;
    padding: 0;
    font-size: 13px;
    color: #fff;
    line-height: 1.4;
}

.btn-duoc-section:hover .card-background {
    transform: scale(1.02);
}

.btn-duoc-section:hover .card-overlay {
    background: linear-gradient(135deg, rgba(185, 31, 52, 0.9) 0%, rgba(185, 31, 52, 0.8) 100%);
}

.btn-duoc-section:hover .icon-box {
    transform: scale(1.1);
    background-color: #fff;
}
.btn-duoc-social-primary { background-color: #b91f34 !important; color: white !important;}
.btn-duoc-social-primary:hover { background-color: black !important;}
.hero__media-image{background-image: url('https://reqlut2.s3.sa-east-1.amazonaws.com/reqlut-images/duoc/sitio/home.png');background-size: cover;background-position: center;}
.txt-duoc-social-primary { color: #b91f34 !important; }

@media (min-width: 992px) {
    .btn-duoc-section {
        flex: 1 1 0;
        max-width: calc(25% - 12px);
        min-height: 220px;
    }
    .card-content {
        padding: 20px 20px 20px 20px;
    }
    .btn-duoc-section .btn-title {
        font-size: 16px;
        padding-bottom: 10px;
    }
    .btn-duoc-section .btn-description {
        font-size: 13px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .btn-duoc-section {
        flex: 1 1 0;
        max-width: calc(50% - 8px);
        min-height: 200px;
    }
    .icon-box {
        width: 70px;
        min-width: 70px;
    }
    .icon-box i {
        font-size: 28px;
    }
    .card-content {
        padding: 20px 18px 20px 18px;
    }
    .btn-duoc-section .btn-title {
        font-size: 15px;
        padding-bottom: 10px;
    }
    .btn-duoc-section .btn-description {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .btn-duoc-section {
        flex-basis: 100%;
        min-height: 180px;
        margin: 5px;
    }
    .icon-box {
        width: 60px;
        min-width: 60px;
    }
    .icon-box i {
        font-size: 24px;
    }
    .card-content {
        padding: 18px 15px 18px 15px;
    }
    .btn-duoc-section .btn-title {
        font-size: 14px;
        padding-bottom: 8px;
    }
    .btn-duoc-section .btn-description {
        font-size: 12px;
    }
}

@media (max-width: 540px) {
    .btn-duoc-section {
        flex-basis: 100%;
        min-height: 170px;
    }
    .icon-box {
        width: 55px;
        min-width: 55px;
    }
    .icon-box i {
        font-size: 22px;
    }
    .card-content {
        padding: 15px 12px 15px 12px;
    }
    .btn-duoc-section .btn-title {
        font-size: 13px;
    }
    .btn-duoc-section .btn-description {
        font-size: 11px;
    }
}
/*************************************************************************************
    FOOTER
**************************************************************************************/
#footer{color: #101d2e; background-color: #fff; border-top: none;}
.copyright{filter: none;background: black;}
.copyright img{}

@media (max-width:767px) {
    #footer .footer-img-left{max-width: 300px;}
    #footer .footer-img-right{max-width: 300px;}
}
@media (min-width:768px) {
    #footer .footer-img-left{max-width: 250px;}
    #footer .footer-img-right{max-width: 100%;}
}

/*************************************************************************************
    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-inner{}
@media (max-width:767px) {
    #featuredNewsCarousel .carousel-inner .cuadrotrans{padding: 20px; margin-top: 100px;}
    #featuredNewsCarousel .carousel-inner .cuadrotrans h1{font-size: 20px;}
    #featuredNewsCarousel .carousel-inner .cuadrotrans h2{color: #000; font-size: 14px;}
    #featuredNewsCarousel .carousel-inner .carousel-item .item-image{height: 200px;}
}
@media (min-width:768px) and (max-width: 991px){
    #featuredNewsCarousel .carousel-inner .cuadrotrans{padding: 40px; margin-top: 200px;}
    #featuredNewsCarousel .carousel-inner .carousel-item .item-image{height: 300px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    #featuredNewsCarousel .carousel-inner .cuadrotrans{padding: 40px; margin-top: 200px;}
    #featuredNewsCarousel .carousel-inner .carousel-item .item-image{height: 400px;}
}
@media (min-width: 1200px){
    #featuredNewsCarousel .carousel-inner .cuadrotrans{padding: 40px; margin-top: 200px;}
    #featuredNewsCarousel .carousel-inner .carousel-item .item-image{height: 590px;}
}
#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: #000; font-size: 16px;}

@media (min-width: 992px){
    #featuredNewsCarousel .carousel-caption{bottom: 0; width: 100%; left: 0; height: 150px; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%); font-size: 14px;}
}
@media (min-width: 768px) and (max-width: 991px){
    #featuredNewsCarousel .carousel-caption{bottom: 0; width: 100%; left: 0; height: 150px; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%); font-size: 14px;}
}

@media (max-width: 767px) {
    #featuredNewsCarousel .carousel-caption { top: inherit; width: 100%; left: 0;}
}
@media (max-width: 767px){
    #featuredNewsCarousel .carousel-caption{top: 0; width: 100%; left: 0;}
}

/*************************************************************************************
    BOXES
**************************************************************************************/
.box-radious-gray{padding: 5px;border: 1px solid lightgray;border-radius: 60px;-webkit-box-shadow: 0 4px 8px 0 rgba(158,158,158,0.56);-moz-box-shadow: 0 4px 8px 0 rgba(158,158,158,0.56);box-shadow: 0 4px 8px 0 rgba(158,158,158,0.56);}
.box-radious-left{padding: 5px;border-radius: 60px 0 0 60px;}
.box-radious-right{padding: 5px;border-radius: 0 60px 60px 0;}
.bg-duoc-yellow{background: #ffb71b;}
.bg-duoc-fucsia{background: #ec008c;}
.bg-duoc-light-blue{background: #00aeef;}
.bg-duoc-green{background: #8dc63f;}
.box-circle{border-radius: 50%;}
.container-flex{display: flex !important; justify-content: center;flex-direction: row; flex-wrap: wrap;}
.box-flex-column{flex: 1 !important; margin: 0;display:flex; justify-content: center; align-items: center;position:relative;}
.box-duoc{border-radius: 15px 40px 0 15px; margin:16px 30px;}
#data-numbers h1{font-size: 48px !important; margin: 0;}
#data-numbers p{font-size: 16px !important;margin-top: 5px;}
.box-duoc-login-btn{background:white;transition: ease all .2s;}
.box-duoc-login-btn:hover{background: #ec008c;color:white !important; cursor: pointer;}
.box-duoc-login-btn:hover a{color:white !important;}
.box-duoc-login-btn a{color:#444; }
.box-duoc-login-btn a:hover{color:white; text-decoration: none;}
@media (max-width: 768px) {
    .txt18{font-size: 14px !important;}
}

@media (max-width: 540px) {
    .box-flex-column{flex: auto !important;width:100%;margin: 10px 0;}
}
.box-duoc-login{flex:0 !important; z-index:1000;}
.box-duoc-login:before {content: "";position: absolute;right: -20px;bottom: 0;width: 0;height: 0;border-left: 20px solid #ec028c;border-top: 20px solid transparent;border-bottom: 20px solid transparent;}
.box-duoc-login:after {content: "";position: absolute;left: -20px;bottom: 0;width: 0;height: 0;border-right: 20px solid #ec028c;border-top: 20px solid transparent;border-bottom: 20px solid transparent;}

@media (min-width: 768px) and (max-width: 1335px) {
    .box-duoc-login:before{border-top: 24px solid transparent;}
    .box-duoc-login:after{border-top: 24px solid transparent;}
}

@media(min-width: 300px) and (max-width: 450px) {
    .box-duoc-login:before{border-top: 24px solid transparent;}
    .box-duoc-login:after{border-top: 24px solid transparent;}
}

@media(min-width: 890px) and (max-width: 990px) {
    .box-duoc-login:before{border-top: 20px solid transparent;}
    .box-duoc-login:after{border-top: 20px solid transparent;}
}
.txt60 { font-size: 60px !important;}