@media (max-width: 575.98px) { 

    .section-90{
        height: auto !important;
    }


}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
    /* .logo-companies{
        max-height: 21vmax;
        max-width: 21vmax;
        padding: 10px;
    } */

 }

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
    /* .logo-companies{
        max-height: 15vmax;
        max-width: 15vmax;
    } */

 }

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { 
    /* .logo-companies{
        padding-top: 5px;
        padding-bottom: 5px;
        max-width: 7vmax;
    } */

 }

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    /* .logo-companies{
        padding-top: 5px;
        padding-bottom: 5px;
        max-width: 7vmax;
        transition: .4s all ease;
    } */
    .section-90{
        height: 95vh;
    }

}

:root{
  --gray-hersa:#f2f2f2;  
  --azul-deg-hersa: rgb(0,85,126);
  --navy-blue-hersa:rgb(12,30,48);
  --naranja-deg-hersa: #e35100;
  --ng-deg-hersa: rgb(12,30,48);
  --font-global: 2.4vmin

} 

.y-middle {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    /* justify-content: space-between; */
    justify-content: center;
  }
.y-bottom {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    /* justify-content: space-between; */
    justify-content: center;
  }
.titulos{
    height: 150px ;
}
.titulos-2{
    height: 210px ;
}
.text-white{
    color: white !important;
}
/*BARRA DE ESCROLL*/
::-webkit-scrollbar-thumb {
    cursor: pointer;
    /* background: #c5a47e; */
    background: var(--azul-deg-hersa);
}


/*COLOR PARA EL HOVER DEL MENU*/
/* FIJO */
.navbar-desctop-menu li a:hover, .navbar-desctop-menu .active > a {
    /* color: #c5a47e; */
    color:var(--naranja-deg-hersa);
}

/* STICKY */
.navbar-desctop.affix .navbar-desctop-menu li > a:hover, .navbar-desctop.affix .navbar-desctop-menu .active > a {
    /* color: #c5a47e; */
    color:var(--naranja-deg-hersa);
}

/* VERSION MÓVIL*/
.navbar-nav-mobile li a:hover, .navbar-nav-mobile li .active > a {
    /* color: #c5a47e; */
    color:var(--naranja-deg-hersa);
}
/*MENU HAMBURGESA*/
.navbar-mobile.affix .navbar-toggle .icon-bar {
    /* background-color: #c5a47e; */
    background-color:var(--naranja-deg-hersa);
}

/*CUBO DEL LOADER*/
/* .sk-folding-cube .sk-cube:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--azul-deg-hersa);
    -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
    animation: sk-foldCubeAngle 2.4s infinite linear both;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
} */

.text-primary {
    /* color: #00557e; */
    color: var(--azul-deg-hersa);
 
}
.link-language a{
    text-decoration: none;
    font-weight: 600;
    color: var(--azul-deg-hersa);
}

.btn {
    font-family: 'Futura Bk BT','montserratsemibold';
    position: relative;
    display: inline-block;
    /* border: 0.2em solid #c5a47e; */
    border: 0.2em solid var(--azul-deg-hersa);
    border-radius: 30px;
    padding: 1.1em 2.2em 1.05em;
    font-size: 0.875em;
    color: #fff;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #706f6f;
    /* background-color: var(--azul-deg-hersa) ; */
    border: 0;
    -webkit-transition: all .3s ease-out!important;
    transition: all .3s ease-out!important;
}
.btn:hover, .btn:focus {
    color: #fff;
    /* background-color: #0a1b2d; */
    background-color: var(--azul-deg-hersa) ;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none!important;
}
.brand-panel {
    position: absolute;
    z-index: 4;
    left: 0;
    top: 0;
    width: 40.47vmin;
    height: 34.7vmin;
    padding: 12.7vmin 2em 0vmin;
    background-color: #f6f5f3;
    text-align: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-shadow-2 {
    /* box-shadow: 0 15px 34px rgb(197 164 126 / 50%); */
    box-shadow: 0 15px 34px rgb(0 85 126 / 50%);
}


.logo{
    height: 11vmin;
}
.logo-white{
    width: 60%;
    text-align: center;
}
.logo-white-banner{
    width: 25%;
    text-align: center;
}

.logo-small{
    width: 180%;
}
.logo-small-movil{
    width: 20vmin;
    padding-left: 6vmin;
}

.centrador{
    text-align: center !important;
}
.format-text{
    color: white;
}

.pleca-colores{
    /* padding-top: 15%;
    width: 100%;
    margin-left: -25vmin; */
    background-image: url('../../img/projects/pleca-colores-hersa.png');
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 15vmin;
    padding-bottom: 16vmin;
}
.pleca-gris{
    background-image: url('../../img/projects/pleca-gris-hersa.png');
    background-position: center center;
    background-size: cover;
    padding-top: 16vmin;
    padding-bottom: 15vmin;

}
/* padding-top: 26vmin;
background-image: url('../../img/projects/pleca-colores-hersa.png');
background-position: center bottom;
background-size: cover;
background-repeat: no-repeat; */


/*ESTILO DE COLUMNAS*/
.col-hersa{
    margin-top: 3em;
    padding:30px;
    padding-right: 10vmin;
}

.nopadding {
    padding-left: 0px;
    padding-right: 0px;
}
.nomargin{
    margin-left: 0px;
    margin-right: 0px;
}
.nomargintl{
    margin-bottom: 0px;
    margin-top: 0px;
}



/*ESTILOS PARA LOS VIDEOS*/
.div_video {
	position: relative;
	padding-bottom: 56.25%; /*panorámico*/
	padding-top: 25px;
	height: 0;
}
.div_video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*CENTRAR EL TEXTO DE LOS BANNERS*/
.main-header {
    text-align: right !important;
}

.main-header h1{
    font-size: 10vmin;
}

/*clase zoom hersa para hacer efecto zoom*/

.zoom-hersa{
    transition: .5s all ease;
}

.zoom-hersa:hover{
    transform: scale(1.04);
}

/*Estilos para la clase banner */

.banners-hersa{
    height:50vh; 
    background-position-x: right !important;
    background-size: cover;
    background-repeat: no-repeat;
}

.main-project{
    padding: 25.7vmin 0 11vmin;
}/*Clase sobre escrita del style.css para mover hacia arriba el titulo del banner*/

.main-header h1{
    margin-right: 70px;
    letter-spacing: 5px;
    font-family: 'Futura Bk BT';
    /* font-size: 70px !important; */
    font-weight: 700;
    text-transform: capitalize;
}

@media (max-width:722px){
    .main-project{
        padding: 40vmin 0 15px;
    }
    .main-header{
        padding-left: 0px;
    }
    .banners-hersa{
        background-position-x: left !important;
    }
}

@media (min-width: 576px) and (max-width: 768px) { 

    .banners-hersa{
        background-position-x: left !important;
    }
}

@media (max-width: 575.98px) { 
    .main-header {
        text-align: center !important;
    }
    .main-header h1{
        font-size: 60px !important;
        margin-right:unset ;
    }
}