@font-face{
  font-family: "MontserratAlternates-Medium";
  src:url("../fonts/MontserratAlternates-Medium.otf");
}

@font-face{
  font-family: "Oswald-Regular";
  src:url("../fonts/Oswald-Regular.ttf");
}

.mont{
  font-family: MontserratAlternates-Medium;
}

.oswald{
  font-family: Oswald-Regular;
}

body{
  font-size: 19px;
}

p{
  font-family: MontserratAlternates-Medium;
}

h4{ font-size: 1rem; }

small{font-size: 12px;}

.h1{font-size: 3.5rem;}

/*********COLORES*************/
.bg-blue{ background: #064b76; }

.bg-blue-light { background: #e3f6f7; }

.text-blue{ color: #064b76; }

.text-gray{ color: #646464; }

.text-green{ color: #64bd53; }

.deg-blue{
	background: rgb(6,75,118);
  background: linear-gradient(90deg, rgba(6,75,118,1) 0%, rgba(16,178,176,1) 50%, rgba(110,190,73,1) 100%);
}


.card1 {
  background-color: #ffffff00;
  border: 0px solid rgba(0,0,0,.125);
  border-radius: 0.25rem;
}

.card-body1 {
  background-color: #ffffff;
  border: 0px solid rgba(0,0,0,.125);
  border-radius: 0.25rem;
}

.card-title1 {
  margin-bottom: 0.5rem;
  text-align: center;
}

.carousel{
  padding: 0rem;
}

.slide-1{
  background: url('../img/slide1.jpg') no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 70vh;
}

.slide-2{
  background: url('../img/slide2.jpg') no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 70vh;
}

.slide-3{
  background: url('../img/slide3.jpg') no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 70vh;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 25%;
  left: 25%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-align: left!important;
}

/*.slick-prev, .slick-next {
  border-radius: 100%;
  top: 50%;
  width: 63px;
  height: 60px;
  color: transparent; 
}*/

.slick-prev {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 25%;
  background: transparent;
  border: transparent;
  color: transparent;
}
.slick-prev:before {
    content: url('../img/flecha_izq.png');
}


.slick-next {
  position: absolute;
  z-index: 10;
  right: 0;
  top: 25%;
  background: transparent;
  border: transparent;
  color: transparent;
}
.slick-next:before {
    content: url('../img/flecha_der.png');
}

.whatsapp {
    position: fixed;
    width: 51px;
    height: 51px;
    bottom: 30px;
    right: 10px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50%;
    text-align: center;
    font-size: 36px;
    z-index: 100;
}

.whatsapp-icon {
    margin-top: 6px;
}

/**********Header video*************/

.fullscreen-bg {
  overflow: hidden;
  z-index: -100;
}

.fullscreen-bg__video {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.full-sec{
    height: 100vh;
}


@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 100%;
    width: 100%;
    top: 0%;
  }
}

/*@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}*/


.bg-parallax{
    background: url('../img/parallax1.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 35vh;
}



.bg-parallax2{
    background: url('../img/parallax2.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 35vh;
}


.bg-parallax3{
    background: url('../img/parallax3.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 35vh;
}


@media (max-width: 767.98px) {
  .h1{font-size: 2.5rem;}

  .slide-1 {
    min-height: 60vh;
    padding: 1rem;
  }

  .slide-2 {
    min-height: 60vh;
    padding: 1rem;
  }

  .slide-3 {
    min-height: 60vh;
    padding: 1rem;
  }

  .carousel {
    padding: 0rem;
  }

  .carousel-caption {
    right: 0%;
    bottom: 25%;
    left: 0%;
    padding-left: 1.5rem;
  }

  .bg-parallax{
    background-size: cover;
    background-position: center;
    background-attachment: initial;
    min-height: 35vh;
  }

  .bg-parallax2{
    background-size: cover;
    background-position: center;
    background-attachment: initial;
    min-height: 35vh;
  }

  .bg-parallax3{
    background-size: cover;
    background-position: center;
    background-attachment: initial;
    min-height: 35vh;
  }
}