body {
    overflow-x: hidden;
}

#state, #error, #fail {
    margin-top: 2px;
}

#error, #fail {
    color: red;
}

#navbarSupportedContent .nav-item:not(.active) .nav-link{
    border: 1px solid transparent;
}

#navbarSupportedContent .nav-link.active{
    border-color: #980D3C !important;
}

#navbarSupportedContent .nav-link{
    margin-left:12px;
    margin-right:12px;    
    padding: 10px 22px 10px 22px !important;
}
    
.nav-linea{
    margin-left: 1rem;
    width:80%;
    border-bottom: white 1px solid;
}
.logo-linea{
    width:5rem;
    border-bottom: #980D3C 8px solid;
}
.logo-linea-gris{
    width:5rem;
    border-bottom: #f2f2f2 8px solid;
}
.logo-linea-gris-oscura{
    width:5rem;
    border-bottom: #3c3c3c 4px solid;
}


#home-section{
    min-height: 100vh;
    background:cover;
    background-attachment:fixed; 
}



.soluciones-header{
    background-color: white;
    color:white;
    padding-top:50px
}

.soluciones-container {
  padding-top: 2rem;
}



/** para secction post header **/
.flecha-down {
    width:0px;
    height:0px;
    border-left:20px solid transparent; /* izquierda flecha */
    border-right:20px solid transparent; /* derecha flecha */
    border-top:20px solid #980D3C; /* base flecha y color*/
    font-size:0px;
    line-height:0px;
}

/** menu flecha **/
div.arrow {
	width: 6vmin;
	height: 6vmin;
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: rotate(-45deg);
	
	
	&::before {
		content: '';
		width: 100%;
		height: 100%;
		border-width: .8vmin .8vmin 0 0;
		border-style: solid;
		border-color: #fafafa;
		transition: .2s ease;
		display: block;
		transform-origin: 100% 0;
	}
}

/**  CLIENTES HOME **/
.section-clientes{
    background-color: #D5D5D5;
}

.sobre-content{
    max-width: 500px;
}

/**  ENERGIA SUSTENTABLE HOME **/
.energia-content{
    max-width: 500px;
    /*padding:2rem;*/
}


.contenedor-imagenes-slider{
    align-items: flex-end;
    display:flex;
    height:18rem;
}


.sidergy-arg-cuadrado h2.text-white{
    font-weight: 100;
    padding-bottom: 1rem;
    padding-right: 1rem
}

.contenedor-que-hacemos{
    padding-left: 1.2rem;
    padding-top: 1.5rem
}

.contenedor-botom-ver{
    padding-top: 3rem;
}

@media (min-width: 701px){  
        
    .hidden-sm{
        display: none;
    }
    
    .sidergy-en-argentina{
        min-height: 100vh;
    }
    
    .contacto-section .container.contacto .columna:first-child{
        padding-right: 40px;
    }
    
    .contacto-section .container.contacto .columna:last-child{
        padding-left: 40px;
    }
    
    .sm-no-padding{
        padding: 0px;
    }
  
    #button-suscribite{
        padding-right: 20px;
        padding-left: 15px;
    }
    
    .contenedor-imagenes-slider{
        width: 18rem;
    }
    
}

@media (max-width: 700px) {
    
    .owl-carousel .owl-item{
        padding: 0 15px;
    }
    
    .energia-sidergy{
        padding-bottom: 20px;
    }
    
    .sobre-content{
        padding-bottom: 24px;
    }
    
    .contenedor-botom-ver{
        position: relative;
        bottom: 106px;
        text-align: center;
    }
    
    .contenedor-que-hacemos{
        padding-top: 2.4rem !important;
    }
    
    .cuadrado-verde-txt{
        position: relative;
        width: 88% !important;
        left: 10%;
        bottom: 142px;
    }
       
    .sidergy-arg-cuadrado h2.text-white{
        font-size: 2rem;
        text-align: center;
        padding-right: initial;
        padding-right: 1rem;
    }
    
    .sidergy-arg-cuadrado{
        width: 80% !important;
        left: 10%;
        position: relative;
        height: auto !important;
        top: 28px;
    }
    
    .hidden-xs{
        display: none;
    }
    
    #button-suscribite{
        width: 100%;
        margin-top: 10px;
    }
    
    .suscribite-news{
        background-size: inherit !important;
    }
    
    .suscribite-email-txt{
        width: 100% !important;
        margin-top: 10px;
    }
    
/*    #button-suscribite{
        width: 100% !important;
    }*/
    
    .contenedor-btn-enviar{
        text-align: center;
        padding-top: 2.5rem !important;
    }
    
    .contacto-container-txt{
        margin-top: 20px;
    }
    
    .energia-content{
        max-width: 100%;
    }
    
    .sobre-content{
        max-width: 100%;
    }
    
    #home-section{
        padding-top:9rem;
    }
    
    .navbar-brand{
        padding-left: 0rem;
    }
    
    .footer{
        padding: 18px 0 10px 0 !important;
    }
    
    .xs-text-center{
        text-align: center;
    }

    .xs-padding-top-10{
        padding-top: 10px;
    }
        
}

.contenedor-btn-enviar{
    padding-top: 1rem;
}

/**  SIDERGY EN ARGENTINA HOME **/
.sidergy-en-argentina{
    background-image: url('../gfx/arch/Sidergy_en_argentina.jpg');
    background-repeat: no-repeat;
    
}

.sidergy-arg-cuadrado{
    width: 550px;
    height:270px;
    background-color:#023169; 
    justify-content: center;
}

.cuadrado-mapa{
    height: 32rem;
}
.cuadrado-verde{
    height: 11rem;
    background-color: #980D3C;
}
.cuadrado-verde-txt{
    height: 18rem;
    background-color: #980D3C;
}
.cuadrado-transp-txt{
    height: 18rem;
}

h4{
    color: #980D3C;
    font-size:0.9rem;
    font-weight:700;
    text-transform:uppercase;
}

.que-hacemos-p{
    color:white;    
    font-size:0.82rem;
    font-weight:300;
}


/** SALA DE PRENSA  **/
.sala-prensa-fecha-primary{
    font-size:0.9rem !important;
    margin-left: 3.4rem !important;
}
.sala-prensa-fecha{
    background-color:#980D3C;
    padding: 0.2rem 3rem 0.2rem 1rem;
    margin-left: 1rem ;
    font-size:0.8rem;
    font-weight:400;
}

.sala-prensa-overlay{
    background:rgba(0,0,0,0.7);
    height: 100px !important;
    width:100% !important;
    font-size: 1.1rem;
}

.sala-de-prensa{
    padding-bottom:45px
}


/** SUSCRIBITE A NUESTRO NEWSLETTER **/
.suscribite-news{
    /*background:url('../gfx/arch/Suscribete_newsletter_parallax.jpg') no-repeat center;*/
    /*background:url('../gfx/arch/ISL_trabaja-con-nosotros.jpg') no-repeat center;*/
    background-position: 10% 50%;
    background-size: 100%;
}

.btn-image:before {
    content: "";
    width: 30px;
    height: 65px;
    display: inline-block;
    margin-right: 15px;
    margin-left: 15px;
    vertical-align: text-top;
    background-color: transparent;
    background-position : center center;
    background-repeat:no-repeat;
}

.imgBouton:before{
    background-image : url('../gfx/arch/Suscribirse.svg');
}

.suscribite-email-txt::placeholder { font-style: italic; }

.form-control::placeholder { font-style: italic; height: 50px;}
.form-control { height: 50px;}
.contacto-form{ margin-top: 0.3rem}

/** contacto **/
.contacto-section{ background-color: #5B656F; }


.contacto-container-txt {
    padding: 0 1.5rem;
    height:100%;

}
.contacto-container-txt h4{
    color: #fff ;
    font-size: 1.4rem;
}
.contacto-container-txt p{
    color: white;
    font-weight: 200;
    font-size: 1.4rem;
}


.iconRedes{
    width: 40px;
    margin-right: 1rem
}

/** footer **/
.footer{
    min-height: 5rem;
    background-color: #5B656F;
    margin-bottom: -2rem;
    padding-top: 2rem;
    padding-left: 6rem;
    color: #d6d6d6;
}


/*************************************************/
/**************** SECCIONES **********************/
/*************************************************/
#seccion-header{
    padding-top: 10rem;
    min-height: 20rem;
    background:url('../gfx/arch/Suscribete_newsletter_parallax.jpg') no-repeat center;

}

.h1-seccion{
    color: white;
    font-size: 2.5rem;
    font-weight: 700;
    padding-top: 0.5rem;
    text-transform: uppercase;
}

.seccion-linea{
    width:3rem;
}

.seccion-container-noticias{
    padding-top: 4.5rem;
/*    padding-bottom: 5rem;*/
}

.seccion-subtitulo{
    font-size: 2.1rem;
}

.container-download{
    background-color: #ececec;
    margin-bottom: 1rem;
}

/*************************************************/
/**************** proyectos ********************/
/*************************************************/
@media  (max-width: 576px) {
    .proy-container-subtitulo{
        text-align: center;
    }
}
/*************************************************/
/**************** sala prensa ********************/
/*************************************************/

.h2_sala_prensa{
    color: #980D3C;
    font-size: 2.15rem;
    font-weight: 600;
    padding-bottom: 0.4rem;
}

.contacto-section h2.titulo{
    margin: 36px 0;
}

.contenedor-btn-enviar .btn-primary{
    border-color: #980D3C;
    font-weight: bold;
    padding: 20px 15px;
}

section.redes{
    background-color: #980D3C;    
}

.soluciones-energeticas .row.soluciones-container{
    margin-right: 0px;
    margin-left: 0px;
}

#home-section{
/*    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), 
        rgba(255, 255, 255, 0.99),rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 0),rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),  
        url('../gfx/arch/Header_slider_01.jpg');
    background-image: url('../gfx/arch/Header_slider_01.jpg');*/
}

.text-white div, .text-white strong, .text-white p, .text-white span{
    color: #fff;
}


.divMenuMarcado{
    background-color: #980D3C;
    padding: 0.4rem;
    color: white;
}

/*********//*********//*********//*********//*********/
/*********//*********//*********//*********//*********/
.hideme{ /*opacity:0;*/ }
.home-sep-estadistica{ border-left: black 1px dashed; border-right: black 1px dashed; }
.home_estadisticas{ font-size: 4.6rem; font-weight: 700; color: #980D3C }
.home_estadisticas_desc{ font-size: 0.8rem; font-weight: 700; color: #59656E }

h2, .h2 {
    color: #808790;
    font-size: 2.2rem;
    font-weight: 300;
}

.carousel.slide img {
    width:100%;
    height:auto;
}


.navigator .page-circle.active{
    background-color: #980D3C;
}

.navigator .page-circle{
    padding: 8px 16px;
    border-radius: 50%;
    border: 3px solid #fff;
    margin: 0px 4px;
}

.navigator .client-paginator-xs.left{
    background-image: url(../gfx/arch/btl.png);
}

.navigator .client-paginator-xs.right{
    background-image: url(../gfx/arch/btr.png);
    float: right;
}

.navigator .client-paginator-xs{
    background-color: transparent;
    font-size: 50px;
    line-height: 0;
    height: 68px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 86px;
}

.navigator .client-paginator-xs:disabled{
    border: 3px solid #888;
    color: #888;
}

.navigator .client-paginator-xs:focus{
    box-shadow: none;
}

.navigator .client-paginator-xs:not(:disabled){    
    border: 3px solid #fff;
    color: #fff;
}


.list-inline.nav-footer a{
    color: #fff;
    font-size: 0.9rem;
}

/*listado de clientes xs*/
@media (max-width: 767.98px) {
    
    .texto-items-obras{
        padding-left: 12px;
    }
    
    .client-hidden-xs{
        display: none;
    }
    
    section.redes{
        padding: 20px 0;
    }
    
    .container-obras-slider .obras-img{
        height: 312px;
    }
    .container-obras-slider .obras-texts{
        height: 394px;
    }
    
    .container-obras-slider .obras-texts h2{
        font-size: 1.4rem;
    }
    
    .ver-todas-las-obras .btn{
        width: 100%;
    }
    
    .ver-todas-las-obras{
        width: 100%;
    }
    
    .container-obras-navigation{
        width: 100%;
        padding: 0 30px;
        left: 0 !important;
    }
    
    .container-obras-navigation .obras-pagination{
        width: 40%;
    }
    
    .container-obras-navigation .obras-pagination.prev{
        float: left;
    }
    
    .container-obras-navigation .obras-pagination.next{
        float: right;
    }
    
    .obras-description{
        font-size: 1rem;
    }      
    
    .logo-footer{
        width: 30%;
    }
 
    .contenedor-btn-enviar .btn-primary{
        width: 100%;
    }
}

/* listado de clientes sm */
@media (min-width: 768px) and (max-width: 991.98px) {
    
    .client-hidden-sm{
        display: none;
    }
    
    section.redes{
        padding: 50px 0;
    }
    
    .ver-todas-las-obras .btn{
        width: 240px;
    }
    
    .obras-description{
        padding-bottom: 2rem; font-size: 1.3rem
    }
    
    .container-obras-slider .obras-img,    
    .container-obras-slider .obras-texts{
        height: 570px;
    }
   
}

/* listado de clietnes md */
@media (min-width: 992px){
   
    .client-hidden-md{
        display: none;
    }
    
    section.redes{
        padding: 30px 0;
    }
    
    .container-obras-slider .obras-img,    
    .container-obras-slider .obras-texts{
        height: 570px;
    }
    
    .ver-todas-las-obras .btn{
        width: 240px;
    }
    
    .obras-description{
        padding-bottom: 2rem; font-size: 1.3rem;
    }
    
    .logo-footer{
        width: 116px;
    }
}

.container-obras-navigation{
    position: absolute;
    top: 50%;
    left: 30px;
    
}

.ver-todas-las-obras{
    position: absolute;
    bottom: 30px;
    left: 0px;    
    padding: 0 30px;    
}

.ver-todas-las-obras .btn{
    padding: 24px 12px;
    font-weight: bold;
}


.container-obras-navigation .obras-pagination{
    cursor: pointer;
    width: 40%;
}

.texto-intro-obras p{
    font-size: 1.06rem;
    line-height: 1.5rem;
}
/* .texto-items-obras h2 p, .texto-items-obras p{ */
.texto-items-obras div{
    color: white;
    text-align: left;
    margin-left: 20px;
    margin-right: 2rem;
    line-height: 1.4rem;
    font-weight: bold;
    font-size: 0.9rem;
    font-weight: 100;
}

.certificacion-descripcion{
    padding-top: 4rem;
    color: #fff;
    font-size: 1rem;
    line-height: 1.6rem;
}

.certificacion-iso{
    background-size: cover; 
    background-position: center center;
    padding: 6rem 0;
}

.title-certificacion{
    background-color: #980D3C;
    color: #fff;
    text-align: center;
    font-size: 2.1rem;
    font-weight: bold;
    padding: 1.4rem 0;
    height: 90px;
    line-height: 32px;
    width: 90%;
    overflow: hidden;
}

.certificacion-descripcion{
    padding-top: 4rem;
    color: #fff;
    font-size: 1rem;
    line-height: 1.6rem;
}

.subt-seccion{
    color: #980D3C; /* bordo */
    text-transform: uppercase;
    font-size: 2.2rem;
    font-weight: 700;
}

.texto-nosotros {
    font-size: 1.06rem;
    color:#9fa3a5; /*gris raro*/
}

.block-noticias{
    padding-bottom: 2rem;
}

.block-alcance{
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.serv-texo{
    background-color: #980D3C;color:white;padding: 4rem 2rem 5rem 8rem;
    font-weight: 200;
}
@media (max-width: 700px) {
  .serv-texo{
/*    padding: 2rem 2rem 2rem 1rem; */
  }
}

.btn-cv{
    height: 65px;
    text-align: center;
    font-weight: 500;
    color: white;
}


.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
/*
.btn {
  border: 2px solid gray;
  color: gray;
  background-color: white;
  padding: 8px 20px;
  border-radius: 0px;
  font-size: 20px;
  font-weight: bold;
}*/

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.spanInputFile{
   color: rgb(73, 80, 87,80);
   width: 400px;
   padding-right: 320px;
   background-color: white;
   font-style: italic;
}

.btn-secondary{
    background-color: #59656E;
    color: white;
    font-weight: 500;
    font-size: 0.7rem;
    transition: 0.6s;
}

.btn-secondary:hover{
    color: #59656E;
    background-color: white;
}


.menuServ{
    border: 0.05rem solid #980D3C;
    width: 100%;
    color: #980D3C;
    font-weight: bold;
    transition: 1.1s;
    padding-top: 25px;
    padding-bottom: 25px;
}

.menuServ:hover{
    color: #fff;
    background-color: #980D3C;
}

.owl-dots{
    display:none;
}

/*
+125
*/


.portada_texto{
    position: absolute; 
    top: 260px; 
    left: 123px;
    width: 605px; 
    height: 220px; 
    background-color: rgba(100,100,100,0.8); 
    padding-left: 10px;
}
.portada_logo{
    position:absolute; top:472px; left:872px;width: 570px; height: 220px;z-index: 30;
}
.portada_bandaBlanca{
    background-color: white;position: absolute;top: 639px;left: 0px;width: 100%;height: 100px;z-index: 20;
}
.portada_botonera{
    background-color: white;position: absolute;top: 594px;left: 220px;width: 660px;height: 220px;z-index: 20;
}

.titulo_portada{
    font-size: 1rem; padding-left: 10px;font-weight: 200;
    height: 40px; width: 100%; overflow: hidden;

}

.imagenSlide{
    height:100%;
}



.home-section{
    /*height: 900px;;*/ 
    padding-top: 75px;
}

.imagenSlide{
    height: 700px;
}


.btn-portada{
    width: 220px;margin-left: 10px;
}

.h2TrabajaCon{
    text-align: right; color: #980D3C ;padding-top: 0.8rem ; font-size: 2.1rem;font-weight: 500;
}

.titulo-obras{
    font-size:1.2rem;padding:18px 0px 5px 20px;
}

.bloque-obra{
    padding-top: 40px
}

.texto-items-obras{
    width: 90%;height: 180px; background-color: #980D3C  
}

.imagen-obra{ width: 90%; }

.cont-seguridad-ambiente{
    margin-left: 20px;margin-right: 20px;flex-basis: 0;
    -ms-flex-positive: 1;flex-grow: 1;max-width: 90%;
    margin-top: 36px;
    contain: size;
    height: 290px;
}
.cont-form-cv{ padding-left: 6rem }


@media  (max-width: 700px) {
    .botoneraServicios{
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
	max-width: 1140px;
    }
}
@media  (max-width: 576px) {
    
    .container-obras-navigation .obras-pagination{
        width: 20%;
    }
    
    .padding-xs{
        padding-top: 2rem;
    }
    
    .btn-subir-archivo{ padding-bottom: 8px; margin-left: 105px; }
    
    .spanInputFile{ padding-right: 0px;    }
    .cont-form-cv{ padding-left: 0rem }
    
    .cont-form-contacto{
        width:85%;float:left;  margin-left: 20px;
    }
    
    .txt-seguridad-ambiente{ font-size: 0.86rem; }
    
    .titulo-seguridad-ambiente{
        font-size: 1.2rem;
    }
    
    .cont-seguridad-ambiente{
        margin-left: 0px;margin-right: 20px;flex-basis: 0;
        padding-left: 5px; padding-right: 5px;
        -ms-flex-positive: 1;flex-grow: 1;max-width: 90%;
        margin-top: 20px;contain: size;height: 450px;
    }
    
    .imagen-obra{ width: 100%; }
    .texto-items-obras{
        width: 100%;height: 170px; background-color: #980D3C  
    }
    
    .bloque-obra{
        padding-top: 10px
    }

    .contacto-section{padding-bottom: 17px;}
    
    .texto-items-obras div {
        color: white;
        text-align: left;
        margin-left: 5px;
        margin-right: 5px;
        line-height: 1rem;
        font-size: 0.9rem;
        font-weight: 100;
    }
    
    .titulo-obras{ font-size:1rem;padding:10px 2px 0px 5px; }
    .serv-texo{ padding-left: 30px }
    
    
    .suscribite-news{
        background-position: 62% center;
        background-size: cover !important;
    }
    
    .h2TrabajaCon{
        text-align: center;
    }
    
    .soluciones-header {padding-top: 0px;}
    

    .home-section{
        height: 100vh;
    }
       
    .imagenSlide{
       height: 60vh;
    }
    
    .owl-dots{
        display:block;
    }    
    
    .portada_botonera{display: none;}
    .portada_logo{display: none;}
    .portada_bandaBlanca{display: none;}
    
    .btn-portada{
        width: 342px;margin-left:0px;
    }

 .portada_texto{
    position:absolute; top:175px; width:342px; height: 194px; 
    background-color: rgb(100,100,100,0.8);
 }
 .h3{
    font-size: 1.6rem; 
 }
 
 .titulo_portada{
    padding-bottom: 20px;padding-left: 10px;font-weight: 200;
    display:none;
    }
 .portada_texto { 
    left: 50%;
    margin-left: -171px;
 }


 #home-section {
    padding-top: 6rem;
    min-height: 0vh;
    height: 710px;
 }

}

@media (min-width: 1570px){
    .serv-texo-pad{ 
        padding-left: 16%;
    }
}

.imagen-clientes{
    transition: 0.5s;
}

.imagen-clientes:hover{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.obrasEscondidas{
    display: none;
}
.obrasVisible{
    display: block;
}

.transition-img{
    transition: all .2s ease-in-out;
}

.transition-img:hover{
    transform: scale(1.05);
}