*{
    font-family:'Proxima Nova Regular'; 
    color:rgb(73, 73, 73); 
}

.font-weight-black {font-family: 'Frutiger Black';}

header {margin-top:-1px;}

.pointer {cursor:pointer;}

/*header*/
.nav--back{
    height:100px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#003da2+1,00348a+85,003270+100 */
background: rgb(0,61,162); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,61,162,1) 1%, rgba(0,52,138,1) 85%, rgba(0,50,112,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,61,162,1) 1%,rgba(0,52,138,1) 85%,rgba(0,50,112,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,61,162,1) 1%,rgba(0,52,138,1) 85%,rgba(0,50,112,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003da2', endColorstr='#003270',GradientType=0 ); /* IE6-9 */

}

.social-icons a {
    transition: 0.4s;
    opacity: 1;
    transform: scale(0.9);
}

    .social-icons a:hover, .social-icons a:focus {
        opacity: 1;
        transform: scale(1.1);
    }

.social-icons a {transition:0.4s; opacity:1; transform: scale(0.9);}
.social-icons a:hover, .social-icons a:focus {opacity:1; transform: scale(1.1);}


@media (max-width:992px) {
#navbarNav .nav-item.border-left, #navbarNav .nav-item.border-right {
    border-left:none !important;
    border-right:none !important;
}
}

.logo img{
    /*width:200px;*/
}

.icon-rs--twit,.icon-rs--face,.icon-rs--in,.icon-rs--se{
    width:23px;
    height:23px;
    margin-right:0.5rem;
}
.icon-rs--face{
    background:url("../assets/iconos/social_icons.png") 0px 0px;
}

.icon-rs--twit{
    background:url("../assets/iconos/social_icons.png") no-repeat top;
}

.icon-rs--in{
      background:url("../assets/iconos/social_icons.png") 24px 0px;
}

.icon-rs--se{
      background:url("../assets/images/searchright_btn.png") no-repeat;
     
}

@media (min-width:1080px) {
    #navbarNav .navbar-nav {width:1080px;}
}

@media (max-width:572px){
    .nav--back .social-icons {padding-top:0.5rem;}
}



.search-input, .search-input-2 {
    height: 22px;
    font-size: 0.9rem;
}

.search-input-2 {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    padding-bottom: 0.2rem;
    padding-top: 0.2rem;
    color: #333333;
    line-height: 1;
    margin-right: 0.3rem;
    color: #003597;
    height: auto;
}


.nav--menu{
    font-weight:600; 
    color:#b1b2b5;
    text-transform:uppercase;
}


#navbarNav li{
    padding-left:1rem;
    padding-right:1rem;
}

/*main*/
.carousel{
    width:100vw; 
    overflow:hidden;
}

.navbar-light .navbar-nav .nav-link:focus strong, .navbar-light .navbar-nav .nav-link:hover strong {
    color:#013893 !important;
}

span a {color:#0048b2;}

@keyframes show {
 0% {opacity:0; }
  100% {opacity:1; }
}

@keyframes hide {
  from {opacity:1; }
  to {opacity:0.2; }
}


.carousel-item {
    transition: opacity 0.3s;

}

.carousel-caption{
    background:rgba(0,0,0,0.7); 
    position: absolute;
    top:20px;
    bottom: auto !important;
    left: 60% !important;
    z-index:999 !important;
    padding:2rem; 
    padding-top:2rem !important; 
    padding-bottom:2rem !important; 
    color: #fff;
    text-align: center;
    width:313px;
    /*height:400px;*/
    border-radius:0.3rem;
}

.carousel-caption h3{
   color:#f9d616; 
   font-weight:500; 
   text-align:left; 
   line-height:1.7rem;
   margin-bottom:1.5rem;
}

.carousel-caption h3 strong{
    color:#f9d616; 
    font-weight:bold; 
    font-size:2rem;
}

.carousel-caption div.input-group{
    /*position:absolute;
    bottom:3rem; 
    left:3rem;*/
}

.carousel-principal img{
    height:450px; 
    overflow:hidden;
    width: 100% !important;
    max-width: 98%;
}

@media (max-width:768px){
    .carousel-caption{
        left: 5% !important;
        width:90%;
    }

    .carousel-caption h3 {font-size:1.5rem;}  
    .carousel-caption div.input-group {/*left:15px;*/ /*width:270px;*/} 
}

@media (max-width:576px){
    .carousel-caption {left: 1px !important; width:99%;}
    .carousel-caption h3 {font-size:1.5rem;}  
}

@media (max-width:430px){
    .carousel-principal img{
        width: auto !important;
        max-width: inherit !important;
    }
}

body .intro-container p{
    color:rgb(73, 73, 73); 
}

ol li {list-style-type: disc;}
ol.nav li.nav-item {
    list-style-type: none;
}

/*nav iconos*/
.nav--icons{
    margin-top:-0.5rem;
    z-index:999;
    position:relative;
}
.nav--icons ul li{
    list-style:none; 
}
.nav--icons .img-icon {
    height: 100px;
    width: 100px;
    text-align: center;
    margin-top: 0rem;
    margin-bottom: 0rem;
}
.nav--icons p{
    text-align:center;
    color:#808080; 
    font-size:0.9rem;
}

.nav--icons a span {
    text-align: center;
    color: #525252;
    font-size: 0.9rem;
    margin-bottom: 1rem;
    /*margin-top:1rem;*/
}

/* Botones play/pause (INDEX) */
#slider-play-parent1 {
    padding-right: 6rem;
    padding-left: 6rem;
    transition: 0.4s;
    background-color: rgba(0,0,0,0);
    top: 0px;
    bottom: 0px;
    z-index: 9;
    left: calc(50% - 35px - 6rem);
    cursor: default;
    opacity: 0.6;
}

    #slider-play-parent1:hover {
        background-color: rgba(0,0,0,0.3);
        opacity: 1;
        cursor: pointer;
    }

    #slider-play-parent1:focus {
        background-color: #003399 !important;
        opacity: 0.9 !important;
    }


@media (min-width:1200px) {
    #slider-play-parent2 {
        background-color: rgba(0,0,0,0);
        transition: 0.4s;
        padding-top: 0.25rem;
        top: 0px;
        z-index: 9; /*left:calc(50% - 0.5rem);*/
        left: -7.5px;
        top: 28px;
        position: absolute;
    }

    #slider-play-parent2b {
        background-color: rgba(0,0,0,0);
        transition: 0.4s;
        padding-top: 0.25rem;
        top: 0px;
        z-index: 9; /*left:calc(50% - 0.5rem);*/
        right: -14px;
        top: 28px;
        position: absolute;
        display: flex;
    }
}

@media (max-width:1200px) {
    #slider-play-parent2 {
        background-color: rgba(0,0,0,0);
        transition: 0.4s;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        top: 0px;
        z-index: 9; /*left:calc(50% - 0.5rem);*/
    }

    #slider-play-parent2b {
        display: none;
    }
}

#slider-play-parent2:hover {
}

#slider-play2, #slider-play2b {
    opacity: 0.6;
    transition: 0.4s;
}

#slider-play2:hover, #slider-play2b:hover {
    opacity: 1;
}

#carouselPremio .carousel-control-next-icon, #carouselPremio .carousel-control-prev-icon,
#carouselMedio .carousel-control-next-icon, #carouselMedio .carousel-control-prev-icon,
#carouselPrevencion .carousel-control-next-icon, #carouselPrevencion .carousel-control-prev-icon,
#carouselMultimedia .carousel-control-next-icon, #carouselMultimedia .carousel-control-prev-icon {
    width: 3rem;
    height: 3rem;
    fill: grey;
    opacity: 0.7;
}

#carouselPremio .carousel-control-next:hover, #carouselPremio .carousel-control-prev:hover,
#carouselMedio .carousel-control-next:hover, #carouselMedio .carousel-control-prev:hover,
#carouselPrevencion .carousel-control-next:hover, #carouselPrevencion .carousel-control-prev:hover,
#carouselMultimedia .carousel-control-next:hover, #carouselMultimedia .carousel-control-prev:hover {
    background: rgba(0,0,0,0.15);
}

#carouselIdi .carousel-control-next, #carouselIdi .carousel-control-prev {
    display: none !important;
}

.carousel-control-next, .carousel-control-prev {
    transition: 0.4s;
}

    .carousel-control-next:hover, .carousel-control-prev:hover {
        background-color: rgba(0,0,0,0.3);
    }

    .carousel-control-next:focus, .carousel-control-prev:focus {
        background-color: #003399 !important;
        opacity: 0.9 !important
    }



#carouselPrincipal .carousel-control-next-icon, #carouselPrincipal .carousel-control-prev-icon {
    width:70px;
    height:70px;
}

#carouselPrincipal .carousel-control-next, #carouselPrincipal .carousel-control-prev {
    transition: 0.3s;
    z-index: 99;
}

.carousel-indicators li {
    list-style-type: none;
}

/* multi carousel*/
.carousel-multi-container{
    background:#DCDCDC; 
    padding-top:1rem;
    padding-bottom:1.5rem;
}

.carousel-multi-item{
    display:flex; 
    justify-content:center;
    align-items:center; 
    width:150px;
    height:100px,
}
.carousel-multi-item img{
    width:100px;
}

@media (max-width:576px){
.carousel-multi-item{
    width:90px;
    height:70px;
}

.carousel-multi-item img{
    width:70px;
}
}

.carousel-group-arrows{
    position:relative;
}

.carousel-group--arrow1,.carousel-group--arrow2{
    cursor:pointer;
}

.carousel-group--arrow1{
    background:url('../assets/iconos/arrow_l.png') 15px 0px; 
    background-repeat:no-repeat;
    height:40px;
    width:50px;
    position:absolute;
    top:-45px;
    left:0;
}

.carousel-group--arrow1:hover{
    background:url('../assets/iconos/arrow_l.png') 15px -45px; 
    background-repeat:no-repeat;

}


.carousel-group--arrow2{
    background:url('../assets/iconos/arrow_r.png') 15px 0px; 
    background-repeat:no-repeat;
    height:40px;
    width:50px;
    position:absolute;
    top:-45px;
    left:96%;
}

.carousel-group--arrow2:hover{
    background:url('../assets/iconos/arrow_r.png') 15px -45px; 
    background-repeat:no-repeat;

}

.dropdown-horizontal{
    min-width:250px;
    
}
.dropdown-horizontal a{
    padding-right:0.3rem;
    padding-left:0.3rem;

}
.dropdown-horizontal a:hover{
    color:#fff !important; 
    background:#8f8f8f; 
    border-radius:0.3rem;

}

/*texto intro*/
.intro{
    padding-bottom:1rem;
}

.intro-page{
    padding-top:2rem;
    padding-bottom:4rem;

}

/*footer*/
footer{
    background:#808080;
    font-size:0.8rem;

}


footer .container.footer-container{
    padding-top:1rem;
    padding-bottom:1rem;
    padding-right:5px; 
    padding-left:5px; 
    max-width:1250px;
}



footer h4{
    font-size:0.9rem;
    color:#f9d616;
    font-weight:bold;
}

footer ul li,footer ul li a, footer div a, footer div i, footer div{
    list-style:none;
    color:#d6d6d6;
}

.footer-lang div{
    width:111px;
}

.lang-item a[aria-expanded=true],.lang-item.show {
    border-bottom:1px solid #f2f2f2; 
}
footer ul li a:hover{
   text-decoration:none;
} 

footer i{
    margin-right:0.5rem;
    font-size:0.7rem;
}


footer div:nth-child(2) p{
    font-size:0.7rem;
}
/************index*************/

/*** OUR COMPANY ***/
.banner{
    margin-top:1.5rem;
    height:200px; 
}
.banner-company {
    background: url('../assets/banners/Our Company Header Banner 980x196.jpg') no-repeat top;
    background-size: cover !important;
}
.banner-about {
    background: url('../assets/banners/BannerAbout.jpg') no-repeat top;
    background-size: cover !important;
}
.banner-history {
    background: url('../assets/banners/BannerHistory.jpg') no-repeat top;
    background-size: cover !important;
}
.banner-people {
    background: url('../assets/banners/BannerPeople.jpg') no-repeat top;
    background-size: cover !important;
}
.banner-equipment {
    background: url('../assets/banners/BannerEquipment.jpg') no-repeat top;
    background-size: cover !important;
}
.banner-quality {
    background: url('../assets/banners/BannerQuality.jpg') no-repeat top;
    background-size: cover !important;
}
.banner-healthsafety {
    background: url('../assets/banners/BannerHealthSafety.jpg') no-repeat top;
    background-size: cover !important;
}
.banner-awards {
    background: url('../assets/banners/BannerAwards.jpg') no-repeat top;
    background-size: cover !important;
}

.banner-careers {
    background: url('../assets/banners/Careers Banner.jpg') no-repeat top;
    background-size: cover !important;
}

.banner-contactus {
    background: url('../assets/banners/ContactUs Banner.jpg') no-repeat top;
    background-size: cover !important;
}

.banner-rrhh {background: url('../assets/banners/TOP HEADER BANNERS JOIN US 980x196.jpg') no-repeat top; background-size:cover !important;}
.banner-joinUs {background: url('../assets/banners/TOP HEADER BANNERS JOIN US 980x196.jpg') no-repeat top; background-size:cover !important;}
.banner-igualdad,.banner-futuro{background:url('../assets/banners/header_inner2.jpg') no-repeat top; background-size:cover !important;}
.banner-formacion{background:url('../assets/banners/TOP HEADER BANNERSLEARNING & DEVELOPMENT 980x196.jpg') no-repeat top; background-size:cover !important;}
.banner-benefits {background: url('../assets/banners/TOP HEADER BANNERS BENEFITS 980x196.jpg') no-repeat top; background-size:cover !important;}

.banner-rrhh {
    background: url('../assets/banners/TOP HEADER BANNERS JOIN US 980x196.jpg') no-repeat top;
}

.banner-joinUs {
    background: url('../assets/banners/TOP HEADER BANNERS JOIN US 980x196.jpg') no-repeat top;
}

.banner-igualdad,.banner-futuro{
    background:url('../assets/banners/header_inner2.jpg') no-repeat top;
}

.banner-formacion{
    background:url('../assets/banners/TOP HEADER BANNERSLEARNING & DEVELOPMENT 980x196.jpg') no-repeat top;
}

.banner-benefits {
    background: url('../assets/banners/TOP HEADER BANNERS BENEFITS 980x196.jpg') no-repeat top;
}

.container-page .navbar{
    padding:0.5rem 0.1rem;
    padding-top:0.3rem;
}

.banner-nav ul li a{
    font-size:0.75rem;
    list-style:none;
    color:#808080; 
    text-align:center;
    padding-top:0.3rem;
    padding-bottom:0.3rem;
    white-space:nowrap;
}

.banner-nav .nav-item .nav-link:hover,
.banner-nav .navbar-light .navbar-nav .nav-link:focus, 
.banner-nav .navbar-light .navbar-nav .nav-link:hover,
.banner-nav .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .active.nav-link{
    background:rgba(1,57,147,1); 
    border-radius:0.3rem;
    color:#f9d616 !important;

}


@media (min-width:1080px) {
    main.container-page,.nav--icons-container .nav--icons {width:1094px; margin:auto;}
}
@media (max-width:1080px) {
    main.container-page,.nav--icons-container .nav--icons {width:100%; padding:0 1rem;}
}

.nav--icons-container {background:#DBDBDB;}
.nav--icons-container .nav--icons > div span{margin-top:-2rem;}
.nav--icons-container .nav--icons > div span a p{margin-bottom:3rem;}
.nav--icons-container .nav--icons > div span a {}

@media (max-width:992px){
    .nav--icons-container .nav--icons > div span{
         margin-top:0rem;
         padding-top:1rem;
     }
}

/*Our Enterprises*/

.dragados-logo{
    text-align:center;
    margin-bottom:5rem;
}

.dragados-logo img{
    width:400px;
}

@media (max-width:576px){
    .dragados-logo img{
        width:90%;
    }
}

.empresas div{
  padding-top:1rem;
}


.empresas-box{ 
    margin-top:-50px;  
    padding-bottom:2rem; 
    background:#fff;      
}

.empresas-box p{
    padding-top:0.5rem;
    margin-bottom:2rem;
}

.empresas > div.t-right,.empresas > div.t-left,.empresas > div.t-center {
    border-top:1px solid rgba(1,57,147,1); 
}

.empresas div.t-center img {
    /*padding-right: 2rem;
    padding-left:2rem;*/
}

.empresas .t-center {
    width:500px;
    padding-right:2rem;
    padding-left:2rem;
}

.empresas .t-right:not(.last-empresa){
    border-right:1px solid rgba(1,57,147,1); 
}
.empresas .t-right{
    text-align:right; 
    padding-right:2rem;
}
.empresas .t-left:not(.last-empresa){
    border-left:1px solid rgba(1,57,147,1); 
}
.empresas .t-left{
    text-align:left; 
    padding-left:2rem;
}

.empresas .t-center .empresas-box{
  padding-left:2rem;
  padding-right:2rem;
}

.empresas .t-right .empresas-box{
    padding-right:2rem;
}

.empresas .t-center{
    text-align:center;
}

.empresas .t-left .empresas-box {
    padding-left: 2rem;
}

@media (max-width:1200px){
    .empresas .t-center {
        width:100%;
    }
}


@media (max-width:768px) {
    .empresas .t-right, .empresas .t-center {
        text-align: left;
    }

    .empresas .t-right:not(.last-empresa) {
            border-right: 1px solid transparent;
     }

    .empresas .t-left:not(.last-empresa) {
        border-left: 1px solid transparent;
    }

    .empresas .t-right .empresas-box,.empresas .t-left .empresas-box {
        padding-right: 0rem;
        padding-left:0rem;
        position: static;
        margin-left: 0px;
        width: 100%;
    }
    .empresas > div.t-right,
    .empresas > div.t-left,
    .empresas > div.t-center {
        border-top: 1px solid transparent;
        padding-left:0rem;
    }

    .empresas-box p{
        padding-top:0.5rem;
        margin-bottom:1rem;
   }

    .empresas-box{
    margin-top:0px;  
    padding-bottom:0rem; 
    }

    .empresas > div.t-right, .empresas > div.t-left, .empresas > div.t-center{
        min-height:100%;
    }

    .empresas .t-center .empresas-box{
        padding-left:0rem;
        padding-right:0rem;
    }
}


/*Corporative strategy*/

.banner-estrategia {background:url('../assets/banners/TOP HEADER BANNERS CORPORATE STRATEGY 980x196.jpg') no-repeat top; background-size:cover;}
.banner-vision {background:url('../assets/banners/TOP HEADER BANNERS VISION 980x196.jpg') no-repeat top; background-size:cover;}
.banner-Values {background:url('../assets/banners/TOP HEADER BANNERS VALUES 980x196.jpg') no-repeat top; background-size:cover;}
.banner-ventajas {background:url('../assets/banners/TOP HEADER BANNERS COMPETITIVE ADVANTAGES 980x196.jpg') no-repeat top; background-size:cover;}
.banner-responsabilidad {background:url('../assets/banners/BannerAbout.jpg') no-repeat top; background-size:cover;}

.banner-medioAmbiente {
    background: url('../assets/banners/TOP HEADER BANNERS QUALITY & SAFETY 980x196.jpg') no-repeat top;
    background-size: cover;
}
.banner-idi {background: url('../assets/banners/TOP HEADER BANNERS I_D_I.jpg') no-repeat top; background-size:cover;}

/*texto adaptado a forma*/
.container-shape-outside{
    overflow:hidden;
}
.shape-outside{
    float:left;
    shape-outside: square(50%);
    width: 200px;
    height: 200px;
    margin-right:1rem;
    margin-bottom:0.5rem;
}


/*premios*/

.page-premios .nav-tabs, .page-sostenibilidad .nav-tabs {
    border-bottom: 1px solid rgba(1,57,147,1);
}

.page-premios .nav-link, .page-sostenibilidad .nav-link {
    background: #e5e5e5;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.page-premios .nav-link, .page-sostenibilidad .nav-link {
    color: #7d7d7d;
}

.page-premios .nav-tabs .nav-link:focus, .page-premios .nav-tabs .nav-link:hover, .page-premios .nav-tabs .nav-link,
.proyectos-page .nav-tabs.title-proyectos .nav-link:focus, .nav-tabs.title-proyectos .nav-link:hover, .proyectos-page .nav-tabs.title-proyectos .nav-link,
.page-sostenibilidad .nav-tabs .nav-link:focus, .page-sostenibilidad .nav-tabs .nav-link:hover, .page-sostenibilidad .nav-tabs .nav-link,
.proyectos-page .nav-tabs.title-proyectos .nav-link:focus, .nav-tabs.title-proyectos .nav-link:hover, .proyectos-page .nav-tabs.title-proyectos .nav-link {
    border-bottom: 1px solid rgba(1,57,147,1);
}

.page-premios .nav-tabs .show.nav-item .nav-link, .page-premios .nav-tabs .active.nav-link,
.proyectos-page .nav-tabs.title-proyectos .show.nav-item .nav-link, .proyectos-page .nav-tabs.title-proyectos .active.nav-link,
.page-sostenibilidad .nav-tabs .show.nav-item .nav-link, .page-sostenibilidad .nav-tabs .active.nav-link,
.proyectos-page .nav-tabs.title-proyectos .show.nav-item .nav-link, .proyectos-page .nav-tabs.title-proyectos .active.nav-link {
    border-top: 1px solid rgba(1,57,147,1);
    border-left: 1px solid rgba(1,57,147,1);
    border-right: 1px solid rgba(1,57,147,1);
    border-bottom: 1px solid #fff;
}

.page-premios .nav-link.active, .proyectos-page .nav-tabs.title-proyectos .nav-item .nav-link,
.page-sostenibilidad .nav-link.active, .proyectos-page .nav-tabs.title-proyectos .nav-item .nav-link {
    background: #fff;
}

.carousel-premios{
    padding-top:2rem;
    padding-bottom:3rem;
    height:520px;
    
}
.carousel-premios .carousel-item{
    padding-left:7rem;
    padding-right:7rem;
    min-height:300px;
}

.carousel-premios .carousel-item img{
    /*border:1px solid rgba(1,57,147,1);*/
    max-width:509px; 
}


.carousel-premios .carousel-control-prev .carousel-control-prev-icon,
.carousel-premios .carousel-control-next .carousel-control-next-icon{
    background-image:none;
}

.carousel-premios .carousel-control-next-icon i{
  font-size: 3rem;}

.carousel-premios .carousel-control-prev-icon i {
  font-size: 3rem;}

.carousel-premios .text-carousel {
    /*position:absolute;*/
    top:30%;
    left:50%;
    padding-left:3rem;
    width:100%;
    /*padding-right:4rem;*/
}

.text-carousel h5{
    font-weight:800;
    text-transform:uppercase;
}

.text-carousel p{
    padding-top:1rem;
    text-transform:inherit;
}

.carousel-premios .text-carousel h5 {
    border-bottom:1px solid lightgrey;
    padding-bottom:1rem;
    text-align:left;
}

@media (max-width:992px){
.carousel-premios .text-carousel {
    display:none;
}

.carousel-premios .carousel-item{
    padding-left:0rem;
    padding-right:0rem;
    min-height:300px;
}

.carousel-item div {display:flex; justify-content:center; flex-wrap:wrap;}
}

/*** OUR EXPERIENCE ***/

.banner-experiencia{
    margin-top:1.5rem;
    width:100%;
    height:450px;
    background:url('../assets/images/our-experience.jpg') no-repeat top;    
    background-size:cover;
}

.title-1{
    font-size:2.5rem;
    /*font-weight:900;*/ 
    text-align:center;
    font-family:'Frutiger Black'; 
    max-width:500px;
    margin:auto; 
    padding-top:2rem;
    padding-bottom:2rem;
    line-height:2.1rem;
}

.page-experiencia h4{
    padding-right:2rem;
    padding-left:2rem;
}

.page-experiencia ul li{
    line-height:1.8rem;
}

/*** PROJECT ***/
.banner-bridges{
    position:relative; 
    background:url('../assets/banners/OurE-Bridges.jpg') no-repeat top;   
    background-size:cover;
}
.banner-building{
    position:relative; 
    background:url('../assets/banners/OurE-Building.jpg') no-repeat top;    
    background-size:cover;
}
.banner-deepfoundation{
    position:relative; 
    background:url('../assets/banners/OurE-DeepFoundation.jpg') no-repeat top;    
    background-size:cover;
}
.banner-marinepile{
    position:relative; 
    background:url('../assets/banners/OurE-MarinePile.jpg') no-repeat top;     
    background-size:cover;
}
.banner-trackwork{
    position:relative; 
    background:url('../assets/banners/OurE-Trackwork.jpg') no-repeat top;       
    background-size:cover;
}
.banner-mechanical{
    position:relative; 
    background:url('../assets/banners/OurE-Mechanical.jpg') no-repeat top;  
    background-size:cover;
}
.banner-electrical{
    position:relative; 
    background:url('../assets/banners/OurE-Electrical.jpg') no-repeat top;   
    height:196px;    
    background-size:cover;        
}

.banner-title{
    position:absolute;
    top:100px;
    right:0;
    padding-left:1rem;
    padding-right:1rem;
    margin-left:auto;
    background:rgba(0,0,0,0.7); 
    color:#f9d616;
    min-width:300px;
    font-size:3rem;
    border-radius:0.3rem 0 0 0.3rem;
}

.migas-pan {padding-top:1.5rem;}

.migas-pan span {font-size:0.8rem;}
.migas-pan i,.fa-angle-double-right{font-size:0.5rem; }
.grafico-map img {width:100%;}

.grafico-km h2{
    font-family:'Proxima Nova Bold'; 
    font-size:3.5rem;
    font-weight:900;
    color:rgba(1,57,147,1); 
}
.volteado{
    transform:rotate(270deg); 
    padding-right:0rem;
    padding-top:1rem;
    padding-left:0.3rem;
    font-size:1.5rem;
    color:rgba(1,57,147,1); 
}
.grafico-km .table{
    font-size:0.7rem;
    /*white-space:nowrap;*/
}
.grafico-km .table tfoot tr,.theadProyects{
    background:rgba(1,57,147,1); 
}

.grafico-km .table tfoot tr td,.theadProyects th{
    font-weight:700; 
    color:#fff;
}

.grafico-km .table td, .grafico-km .table th{
    padding:0.4rem;
}

.h-noticias{
  padding-top:1rem;
  padding-bottom:1rem;
}

.h-noticias:after{
    /*content:'...';*/ 
}

.h-noticias:not(h5){
    font-size:0.9rem;
}
.h-noticias .max-h{
    font-size:0.8rem;
}

.h-noticias .max-h p {
    font-size: 0.8rem;
    margin-bottom: 0rem;
}

.max-h{
  overflow:hidden;
}

.seccion-proyectos img{
    width:232px;
    height:145px;
}


/*proyectos*/

.proyectos-page .nav-tabs {
    border-bottom:1px solid rgba(1,57,147,1);
    margin-bottom:0.5rem;
}

li.title-proyectos a {
    border-left:1px solid rgba(1,57,147,1); 
    border-top:1px solid rgba(1,57,147,1);
    border-right:1px solid rgba(1,57,147,1);
    border-bottom:4px solid #fff;
    z-index:999;
    border-radius:0.5rem 0.5rem 0 0; 
    color:rgba(1,57,147,1);   
}

.title-proyectos {
    border-bottom:1px solid rgba(1,57,147,1);

}

.title-parrafo--proyectos{
    font-size:3rem;
    color:rgba(1,57,147,1); 
    /*padding-left:1rem;*/
}


@media (max-width:572px){
    .title-parrafo--proyectos{
    font-size:1.5rem;
 

}
}

.subtitle{
   font-style:italic;
   color:#b1b2b5;
   /*padding-left:0.8rem;*/
}

/*CAROUSEL PRUEBA*/
.carousel-itemb {
    /*height:450px;
    width:100%;*/ 
  
}

.carousel-itemb.ant img{
    margin-left:100%;
    animation:slideOut 2s; 
    display:none;
    /*display:none;*/
   
    /*transition: all 2s;*/ 
}

.carousel-itemb.current{
    margin-left:0;
    transition: all 2s;

}


@keyframes slideOut {
  from {margin-left: 0;
        display:block; 
        
  }
  to {margin-left: 100%;
     display:block; 
  }
}

@keyframes slideIn {
  from {margin-left: -100%;}
  to {margin-left: 0;}
}

/*FIN CAROUSEL PRUEBA*/

#carouselProyectos .carousel-itemb{
    overflow:hidden;
}
.carousel-text .carousel-text-title{
    color:rgba(1,57,147,1);
    font-weight:800; 
    font-size:1.1rem;
    margin-top:0.5rem;
}

.carousel-text-title {margin-bottom:0rem;}

.carousel-text .carousel-text-sub{
    font-style:italic;
    color:rgb(73, 73, 73);
}

/*MULTIMEDIA*/
.banner-multimedia{
    background:url('../assets/banners/BannerNewsroom.jpg') no-repeat top;
    background-size:cover;
    width:100%;
}

.banner-videos {
    background: url('../assets/banners/TOP HEADER BANNERS CORPORATE RESPONSABILITY USA 980x196.jpg') no-repeat top;
    background-size: cover;
    width: 100%;
}

.m-grafico-menu span:first-child{
    border-left:0.5px solid #d9d9d9; 
}
.m-grafico-menu span{
    padding:0.2rem 1rem;
    text-transform:uppercase;
    border-right:0.5px solid #d9d9d9; 
    border-top:0.5px solid #d9d9d9; 
    border-bottom:0.5px solid #d9d9d9; 
    cursor:pointer;
    font-size:0.8rem;
    color:rgba(1,57,147,1);
}

.m-grafico-menu span:hover, .m-grafico-menu span.active{
    background:#F9D616;
}
#carouselMultimedia{
    padding-top:2rem;
    margin-bottom:4rem;
}
    #carouselMultimedia img {
        height: 532px;
    }

    #carouselMultimedia:not(.newsroom) img {
        width: 708px;
    }
.carousel-item{
    text-align:center;
}

.carousel-caption-multimedia{
    padding-top:1rem;
}
.carousel-caption-multimedia{
    text-transform:uppercase;
    text-align:center;
    font-weight:900; 
}

#carouselMultimedia .carousel-control-prev-icon,#carouselMultimedia .carousel-control-next-icon{
    font-size:2rem;
    background-image:none; 
}

.page-maps div.col-sm-6{
    padding-left:0; 
    padding-right:0.8rem; 
}

.img-centered{
    display:block;
    margin: 0 auto;
}

.accordion {
    /*background-color: #fff;*/
    cursor: pointer;
    padding: 5px;
    /*width: 50%;*/
    border: none;
    text-align: left;
    outline: none;
    /*font-size: 15px;*/
    transition: 0.6s;
}

/*.active, .accordion:hover {
    background-color: #fff;
}*/

    .accordion:after {
        border: none;
        content: '\25BE';
        /*font-family: "Font Awesome 5 Free";*/
        /*content: "\078";*/
        /*font-style: normal;*/
        font-weight: 400;
        /*color: #000;*/
        /*font-weight: 900;*/
        /*float: right;*/
        margin-left: 5px;
    }

.accordion.active:after {
  /**/  font-family: "Font Awesome 5 Free";
    /*content: "\077";*/
    content: "\25B4";
    /*font-style: normal;*/
    font-weight: 400;
}

.panel {
    padding: 0 5px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
}

img.rotate-90 {
    -ms-transform: rotate(90deg); /* IE 9 */
    transform: rotate(90deg);
}

.jobSearchTitle h2 {
    color: black;
    cursor:pointer;
}

.jobSearchTitle button {
    background-image: linear-gradient(to bottom, white, lightgray);
    color: black;
    cursor: pointer;
}

figcaption{
    font-size:0.8rem;
    color:darkslategray;
    font-weight:bold;
    margin: 10px auto;
    text-align:center;
}

.img-centered {display: block; margin: 0 auto;}
.img-rounded-10 {border-radius: 10px;}
.img-bordered {border: 1px solid rgba(1,57,147,1);}

.subtitulo-imagenes-multimedia {font-size:1.25rem; line-height:1.2;}

h1 {font-size:2em !important;}
h1.title-1 {font-size:2.5rem;}
h1.banner-title {font-size:3rem !important; padding-bottom:0.3rem; padding-top:0.3rem;}
h1.title-parrafo--proyectos {font-size:3rem !important;}

.label-hidden {position:absolute; width:1px; height:1px;}

.embed-pdf {
    border: 5px solid white;
}

.focusableImg a:focus {
    background-color: transparent !important;
}


.tablaPopup {
    width: 100%;
    margin-top: 0rem;
}

    .tablaPopup thead tr {
        background-color: #003399;
    }

        .tablaPopup thead tr th {
            color: white;
            white-space: nowrap;
        }

        .tablaPopup thead tr th, .tablaPopup tbody tr td {
            padding: 1rem;
        }
        .tablaPopup thead tr th {
            text-align: center;
        }
    .tablaPopup tbody {
        border-bottom: 1px solid lightgrey;
        border-left: 1px solid lightgrey;
        border-right: 1px solid lightgrey;
    }

    .tablaPopup thead {
        border-left: 1px solid #143B7C;
        border-right: 1px solid #143B7C;
    }

    .tablaPopup tbody tr:not(:last-child) td {
        border-bottom: 1px solid lightgrey;
    }

    .tablaPopup tbody tr td:not(:last-child) {
        border-right: 1px solid lightgrey;
    }

    .tablaPopup tbody tr td.pais {
        font-weight: bold;
    }

.carruselInicio.carousel-indicators {margin-right:0%!important;margin-left:0%!important;}
.Ocultar{display:none;}

main .nav--icons {margin-top: 20px;}

/*--- Títulos Empresas en Contact-Us ---*/
.title-remarcado {
    padding: .2em;
    background-color: #ffc107;
    cursor: pointer;
}
.tablaPopup tbody tr td {
    text-align: center;
}

.tablaPopup thead tr th, .tablaPopup tbody tr td {
    padding: 1rem;
    text-align: center;
}