header {

  max-width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
    height: 100vh;

    background-blend-mode: multiply;

}


video {
  object-fit: cover;
  max-width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  position: absolute;
  z-index: -1;
  margin: 0;
  padding: 0;
}
h5 {

  font-size: 1.2rem;

}



/* fonts */



@font-face {

    font-family: Gotham-black;

    src: url('../fonts/Gotham-Black.otf');

  }

  

  @font-face {

    font-family: Gotham-bold;

    src: url('../fonts/Gotham-Bold.otf');

  }

  

  @font-face {

    font-family: Gotham-bold-italic;

    src: url('../fonts/GothamBoldItalic.ttf');

  }



  @font-face {

    font-family: Gotham-light;

    src: url('../fonts/Gotham-Light.otf');

  }

  

  @font-face {

    font-family: Gotham-light-italic;

    src: url('../fonts/GothamLightItalic.ttf');

  }

  

  @font-face {

    font-family: Gotham-medium;

    src: url('../fonts/GothamMedium.ttf');

  }

  

  @font-face {

    font-family: Gotham-thin;

    src: url('../fonts/Gotham-Thin.otf');

  }

  

  @font-face {

    font-family: Gotham-thin-italic;

    src: url('../fonts/Gotham-ThinItalic.otf');

  }

  

  @font-face {

    font-family: Gotham-ultraitalic;

    src: url('../fonts/Gotham-UltraItalic.otf');

  }

  

  @font-face {

    font-family: Gotham-x-light;

    src: url('../fonts/Gotham-XLight.otf');

  }

  

  @font-face {

    font-family: Gotham-xl-light-italic;

    src: url('../fonts/Gotham-XLightItalic.otf');

  }

  

  @font-face {

    font-family: Gotham-book;

    src: url('../fonts/GothamBook.ttf');

  }



  

  body{

     font-family: Gotham-book; 

    

  }

 

 

/* nav */



.navbar-toggler:focus {

  text-decoration: none;

  outline: 0;

  box-shadow: none;

}



/* buttons */

.btn:focus {

    outline: 0;

    box-shadow: none;

}



.btn-outline-deep-blue {

  border-color:#1B3359;

}



.btn:focus {

  outline: 0;

  box-shadow: none;

}



/* background-luba */

  .center-absolute {
    position: absolute;
    top: 46%;
    left: 35%;
    right: 35%;
  }



  /*textos - titulos - contenido*/

  

.text-sub-logo {

    font-size: 19px;

    word-spacing: 3px;

  }



.text-color-deep-blue {

  color: #1B3359;

}



.text-color-acent-blue {

  color: #61B5D7;

}



.title-section {

  font-family: Gotham-book;

}



.title-section-bold {

  font-family: Gotham-bold;

}





.font-size-14 {

  font-size: 14px;

}



.font-size-12 {

  font-size: 12px;

}



.font-size-10 {

  font-size: 10px;

}





.padding-30 {

  padding: 30px;

}





ul.text-color-gray > li {

  color:#727070;

  

}



.bg-section {

  background-image: url('../images/bg-servicios.png');

  background-size: cover;

  background-repeat: no-repeat;

  height: 134px;

}



.bg-light-gray-section {

  background-color: #F2F3F4;

}



.bg-deep-blue {

  background-color: #1B3359;

}



.bg-light-blue {

  background-color: #25518D;

}







.img-relative {

  margin-top: -276px;

  margin-left: 233px;

}



/* modal imagenes */



.img-producto-uno {

  background: url('../images/producto1.png') no-repeat;

  background-size: cover;

}



.cursor-pointer {

  cursor: pointer;

}





.img-producto-dos {

  background: url('../images/producto2.png') no-repeat;

  background-size: cover;

  background-position: center;

 

}



.img-producto-tres {

  background: url('../images/producto3.png') no-repeat;

  background-size: cover;

  background-position: center;

 

}



.img-producto-cuatro {

  background: url('../images/producto4.png') no-repeat;

  background-size: cover;

  background-position: center;

 

}



.img-producto-cinco {

  background: url('../images/producto5.png') no-repeat;

  background-size: cover;

  background-position: center;

 

}



.img-producto-seis {

  background: url('../images/producto6.png') no-repeat;

  background-size: cover;

  background-position: center;

 

}



.img-producto-siete {

  background: url('../images/producto7.png') no-repeat;

  background-size: cover;

  background-position: center;

 

}



.img-producto-ocho {

  background: url('../images/producto8.png') no-repeat;

  background-size: cover;

  background-position: center;

 

}





.modal-dialog {

  max-width: 667px;

  margin: 1.75rem auto;

}





/* formulario */





.form-control {

  background-color: #33476A;

  border: 1px solid #6B7A93;

  color: #fff;

}



.form-control:focus {

  background-color: #33476A;

  border: 1px solid #6B7A93;

  box-shadow: none;

  color:#6B7A93;

}



input.form-control {

  margin-bottom: 5px;

}



.img-map-rosario {

  /*background:linear-gradient(rgba(37, 81, 141, 0.7), rgba(37, 81, 141, 0.7)), url('../images/map-rosario.jpg') no-repeat;*/

  background: rgba(91, 107, 133, 0.95) url('../images/map-rosario.jpg');

background-position: center;

background-repeat: no-repeat;

background-size: cover;

background-blend-mode: multiply;

}



.collapse:not(.show) {

  display: none!important;



}



.newStyle {

  background-image: url('../images/luba-logo-small.png')!important;

  width: 70px;



 

 }



 .show-button {



  display: none;



}





/* media **/



  @media (min-width: 600px) {

  .navbar-expand-lg .navbar-toggler {

      display: block;

  }



 

}



@media (max-width: 992px) {



  .text-sub-logo {

    font-size: 13px;

    word-spacing: 1px;

  }

 



}



@media (min-width: 600px) {

.navbar-expand-lg {

    flex-wrap: nowrap;



}





}



@media (max-width: 581px) {



  .navbar {

   

    display: flex;

    /*flex-wrap: wrap;*/

    align-items: center;

    justify-content: start;

    font-size: 11px;

    



  }

  .navbar-nav {

    flex-direction: row!important;

  }

  .navbar>.container-fluid {

    display: flex;

    flex-wrap: nowrap;

  }



 .newStyle {

    width: 50px;

}



header {

  height: 50vh;

}



.center-absolute {

  top: 25%;

}



}



@media (max-width: 575px) {

  .img-producto-uno, .img-producto-dos, .img-producto-tres, 

  .img-producto-cuatro, .img-producto-cinco, .img-producto-seis,

  .img-producto-siete, .img-producto-ocho {

    height: 400px;

   

  }

.hidden-button {

  display: none;

}



.title-modal-mobile {



  margin-top: 20px;

}

.show-button {



  display: flex;

  margin-right: -21px;  



}



}



.history-image-1 {

  width: 50%;

  z-index: 2;

}



.history-image-2 {

  width: 50%;

  margin-left: -15%;

}



.zoom {

  transition: transform .5s;

}



.zoom:hover {

  transform: scale(1.05);

}



/* Slider */

.slick-slide {

  /*margin: 0px 00px;*/

}



.slick-slide img {

  width: 100%;

}



.slick-slider

{

  position: relative;

  display: block;

  box-sizing: border-box;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-touch-callout: none;

  -khtml-user-select: none;

  -ms-touch-action: pan-y;

  touch-action: pan-y;

  -webkit-tap-highlight-color: transparent;

}



.slick-list

{

  position: relative;

  display: block;

  overflow: hidden;

  margin: 0;

  padding: 0;

}

.slick-list:focus

{

  outline: none;

}

.slick-list.dragging

{

  cursor: pointer;

  cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list

{

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  -o-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}



.slick-track

{

  position: relative;

  top: 0;

  left: 0;

  display: block;

}

.slick-track:before,

.slick-track:after

{

  display: table;

  content: '';

}

.slick-track:after

{

  clear: both;

}

.slick-loading .slick-track

{

  visibility: hidden;

}



.slick-slide

{

  display: none;

  float: left;

  height: 100%;

  min-height: 1px;

}

[dir='rtl'] .slick-slide

{

  float: right;

}

.slick-slide img

{

  display: block;

}

.slick-slide.slick-loading img

{

  display: none;

}

.slick-slide.dragging img

{

  pointer-events: none;

}

.slick-initialized .slick-slide

{

  display: block;

}

.slick-loading .slick-slide

{

  visibility: hidden;

}

.slick-vertical .slick-slide

{

  display: block;

  height: auto;

  border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

  display: none;

}