@font-face{
  font-family: "CalibriL";
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/calibril.ttf);
}
@font-face{
  font-family: "Calibri";
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/calibri.ttf);
}
*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
  overflow: hidden;
}

body {
  background: #fff;
}

.slider-container {
  position: relative;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.slider-control {
  z-index: 2;
  position: absolute;
  top: 0;
  width: 3%;
  height: 100%;
  transition: opacity 0.3s;
  will-change: opacity;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: center;
}
.slider-control.right{
  background-position-x: right;
  text-align: right;
  right: 0;
  background-image: url(../img/right-arrow.png);
}
.slider-control.left{
  text-align: right;
  background-image: url(../img/back.png);
}
.slider-pagi {
  position: absolute;
  z-index: 3;
  right: 6%;
  bottom: 1.5rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 0;
  list-style-type: none;
}
.slider-pagi__elem {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 15px;
  height: 15px;
  margin: 0 0.2rem;
  cursor: pointer;
  background-color: #8acd0b;
  transform: skew(20deg);
}
.slider-pagi__elem.active {
  background-color: #225174;
  transition: .3s;
}

.slider {
  z-index: 1;
  position: relative;
  height: 100%;
}
.slider.animating {
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  will-change: transform;
}
.slider.animating .slide__bg {
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  will-change: transform;
}

.slide {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.slide.active .slide__overlay,
.slide.active .slide__text {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.slide__bg {
  position: absolute;
  top: 0%;
  left: -50%;
  width: 100%;
  height: 100%;
  background-size: 95%;
  will-change: transform;
  background-position: right;
  background-repeat: no-repeat;
}
.slide:nth-child(1) {
  left: 0;
}
.slide:nth-child(1) .slide__bg {
  left: 0;
  background-image: url("../img/banner1.jpg");
}
.slide:nth-child(2) {
  left: 100%;
}
.slide:nth-child(2) .slide__bg {
  left: -50%;
  background-image: url("../img/banner2.jpg");
}
.slide:nth-child(3) {
  left: 200%;
}
.slide:nth-child(3) .slide__bg {
  left: -100%;
  background-image: url("../img/banner3.jpg");
}
.slide:nth-child(4) {
  left: 300%;
}
.slide:nth-child(4) .slide__bg {
  left: -150%;
  background-image: url("../img/banner4.jpg");
}
.slide:nth-child(5) {
  left: 400%;
}
.slide:nth-child(5) .slide__bg {
  left: -200%;
  background-image: url("../img/banner5.jpg");
}
.slide:nth-child(6) {
  left: 500%;
}
.slide:nth-child(6) .slide__bg {
  left: -250%;
  background-image: url("../img/banner6.jpg");
}
.slide:nth-child(7) {
  left: 600%;
}
.slide:nth-child(7) .slide__bg {
  left: -300%;
  background-image: url("../img/banner7.jpg");
}
.slide__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slide__text {
  position: absolute;
  width: 32%;
  top: 28%;
  left: 9%;
  color: #000;
  transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  will-change: transform, opacity;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
}
.slide__text-heading {
  font-family: "Calibri", Arial, sans-serif;
  font-size: 2em;
  margin-bottom: 1rem;
  color: #143753;
}
.slide__text-heading span{
  color: #0c74ba;
}
.slide__text-desc {
  font-family: "CalibriL", Helvetica, Arial, sans-serif;
  font-size: 1em;
  margin-bottom: 2rem;
  color: #7c8185;
}

button.button {
  background-color: transparent;
  border: 1px solid #154362;
  color: #154362;
  font-size: 1em;
  padding: 8px;
  text-align: center;
  width: 171px;
  margin-bottom: 18px;
  margin-right: 18px;
}

button.button:hover{
  transition: .3s;
  color: #fff;
  background-color: #154362;
}

button.button:focus {
    outline: none;
}

.footer{
  position: absolute;
  bottom: 8%;
  width: 20%;
  font-size: .8em;
  font-family: "CalibriL";
  color: #154362;
  left: 9%;
}

.logo img{
  display: none;
}

.logo.a{
  text-align: center;
  padding: 5% 0;
}

.modal{
  position: fixed;
  top: 0;
  bottom: -1px;
  left: 0;
  right: -1px;
  background-color: rgba(0,0,0,.7);
  z-index: 10;
  display: table;
  width: 101%;
  height: 101%;
}

.modal-hijo{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.modal-hijo div.form{
  background-color: #fff;
  width: 40%;
  margin:auto;
  padding: 5% 8%;
  display: inline-block;
  text-align: left;
}

.modal-hijo div.form form{
  text-align: right;
}

.modal-hijo div.close{
  background-color: rgba(0,0,0,.8);
  color: #fff;
  display: inline-block;
  padding: 5px 13px 9px;
  vertical-align: top;
  cursor: pointer;
}

.modal-hijo div.close.a{
  display: none;
}

button{
  padding: 5px 15px;
  background-color: #214e78;
  color: #fff;
  font-family: "Calibri";
  border-radius: 3px;
  cursor: pointer;
}

h1 {
  color: #8b9298;
  font-family: "CalibriL";
  margin-bottom: 10%;
  font-size: 1.3em;
}

input, textarea{
  width: 100%;
  padding: 5px;
  border: 1px solid #8b9298;
  font-family: "CalibriL";
}

textarea{
  resize: none;
  height: 80px;
}

form input[type="text"].error,
form input[type="number"].error,
form input[type="email"].error,
form textarea.error,
form select.error{
  border:1px solid red !important;
}
form p.error{
  opacity: 1;
  color: red;
}
form p{
  opacity: 0;
  margin-bottom: 3%;
  font-family: "Calibri";
}

.close{
  position: absolute;
  top: 10px;
  right: 35px;
  font-family: 'Roboto';
  cursor: pointer;
}

.overlay{
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: rgba(0,0,0,.8);
  top: 0;
  color: #fff;
  z-index: 1000;
  display: none;
}
.video_contenedor{
  display: table-cell;
  vertical-align: middle;
}
.video_contenedor .video{
  background-color: #fff;
  width: 80%;
  margin: auto;
}
.video_contenedor .video video{
  width: 100%;
}

.close.v{
  font-size: 1.5em;
    border: 2px solid #000;
    display: inline-block;
    padding: 0 9px;
    font-family: 'Calibri';
    margin: auto;
    font-weight: 600;
    cursor: pointer;
}
@media(min-width: 1880px) and (min-height: 900px){
  .slide__text-heading{
    font-size: 2.5em;
  }
  .slide__text-desc{
    font-size: 1.5em;
  }
  button{
    font-size: 1.5em;
  }
  .footer{
    font-size: 1.1em;
    width: 20%;
  }
  .slide__text{
    top: 32%;
  }
}
@media(min-width: 1400px) and (min-height: 900px){
  .slide__bg{
    background-size: 100%;
  }
  .slide__text{
    left: 4%;
    top: 32%;
  }
  .footer{
    left: 4%;
    bottom: 15%;
  }
  .slider-pagi{
    bottom: 6.5rem;
  }
}
@media(max-width: 1366px) and (min-height: 1000px){
  .slide__bg{
    background-size: 100%;
  }
  .slide:nth-child(1) .slide__bg {
    background-image: url("../img/banner_table01.jpg");
  }
  .slide:nth-child(2) .slide__bg {
    background-image: url("../img/banner_table02.jpg");
  }
  .slide:nth-child(3) .slide__bg {
    background-image: url("../img/banner_table03.jpg");
  }
  .slide:nth-child(4) .slide__bg {
    background-image: url("../img/banner_table04.jpg");
  }
  .slide:nth-child(5) .slide__bg {
    background-image: url("../img/banner_table05.jpg");
  }
  .slide:nth-child(6) .slide__bg {
    background-image: url("../img/banner_table06.jpg");
  }
  .slide:nth-child(7) .slide__bg {
    background-image: url("../img/banner_table07.jpg");
  }
  .slide__text, .footer{
    left: 6%;
  }
  .slide__text-heading{
    font-size: 2.5em;
  }
  .slide__text-desc, button{
    font-size: 1.5em;
  }
  .footer{
    font-size: 1.3em;
    width: 24%;
    bottom: 5%;
  }
  .slide__text{
    top: 33%;
  }
  .slider-pagi{
    bottom: 3.5rem;
  }
}
@media(width: 1280px) and (max-height: 1000px) and (min-height: 901px){
  .slide__text{
    top: 40%;
  }
  .footer{
    bottom: 17%;
  }
  .slider-pagi{
    bottom: 10.5rem
  }
}
@media(width: 1280px) and (max-height: 900px) and (min-height: 800px){
  .slide__text{
    top: 36%;
  }
  .footer{
    bottom: 16%;
  }
  .slider-pagi{
    bottom: 6.5rem
  }
}
@media(max-width: 1228px) and (min-width: 768px){
  .slide:nth-child(1) .slide__bg {
    background-image: url("../img/banner_table01.jpg");
  }
  .slide:nth-child(2) .slide__bg {
    background-image: url("../img/banner_table02.jpg");
  }
  .slide:nth-child(3) .slide__bg {
    background-image: url("../img/banner_table03.jpg");
  }
  .slide:nth-child(4) .slide__bg {
    background-image: url("../img/banner_table04.jpg");
  }
  .slide:nth-child(5) .slide__bg {
    background-image: url("../img/banner_table05.jpg");
  }
  .slide:nth-child(6) .slide__bg {
    background-image: url("../img/banner_table06.jpg");
  }
  .slide:nth-child(7) .slide__bg {
    background-image: url("../img/banner_table07.jpg");
  }
  .slide__text, .footer{
    left: 6%;
  }
  .slide__text{
    width: 34%;
    top: 31%;
  }
  .slide__bg{
    background-size: 100%; 
  }
  .footer{
    bottom: 8%;
  }
  .slider-pagi{
    bottom: 2.5rem;
  }
  button.button{
    font-size: 1em;
    padding: 8px;
    width: 154px;
    margin-bottom: 12px;
    margin-right: 18px;
  }
  .slide__text-desc{
    margin-bottom: 1em;
  }
}
@media(width: 1024px) and (height: 1366px){
  button.button {
    font-size: 1.3em;
    width: 207px;
  }
}
@media(width: 1024px) and (min-height: 1000px){
  .slide:nth-child(1) .slide__bg {
    background-image: url("../img/mobile_banner1.jpg");
  }
  .slide:nth-child(2) .slide__bg {
    background-image: url("../img/mobile_banner2.jpg");
  }
  .slide:nth-child(3) .slide__bg {
    background-image: url("../img/mobile_banner3.jpg");
  }
  .slide:nth-child(4) .slide__bg {
    background-image: url("../img/mobile_banner4.jpg");
  }
  .slide:nth-child(5) .slide__bg {
    background-image: url("../img/mobile_banner5.jpg");
  }
  .slide:nth-child(6) .slide__bg {
    background-image: url("../img/mobile_banner6.jpg");
  }
  .slide:nth-child(7) .slide__bg {
    background-image: url("../img/mobile_banner7.jpg");
  }
  .slide__bg{
    background-position: bottom;
  }
  .logo img{
    display: inline-block;
    width: 31%;
    margin-bottom: 4%;
  }
  .slide__text{
    width: 67%;
    top: 3%;
    left: 16.5%;
    text-align: center;
  }
  .slide__text-desc{
    text-align: left;
  }
  .footer{
    width: 42%;
    bottom: 54%;
    left: 29%;
    text-align: center;
  }
  .slider-container{
    height: 104%; 
  }

  .logo.a img{
    width: 29%;
    margin-bottom: 0;
  }

  html, body{
    overflow-x: hidden;
    overflow-y: scroll;
  }
}
@media(width: 768px) and (min-height: 1000px){
  .slide:nth-child(1) .slide__bg {
    background-image: url("../img/mobile_banner1.jpg");
  }
  .slide:nth-child(2) .slide__bg {
    background-image: url("../img/mobile_banner2.jpg");
  }
  .slide:nth-child(3) .slide__bg {
    background-image: url("../img/mobile_banner3.jpg");
  }
  .slide:nth-child(4) .slide__bg {
    background-image: url("../img/mobile_banner4.jpg");
  }
  .slide:nth-child(5) .slide__bg {
    background-image: url("../img/mobile_banner5.jpg");
  }
  .slide:nth-child(6) .slide__bg {
    background-image: url("../img/mobile_banner6.jpg");
  }
  .slide:nth-child(7) .slide__bg {
    background-image: url("../img/mobile_banner7.jpg");
  }
  .slide__bg{
    background-position: bottom;
  }
  .logo img{
    display: inline-block;
    width: 35%;
    margin-bottom: 4%;
  }
  .slide__text{
    width: 67%;
    top: 3%;
    left: 16.5%;
    text-align: center;
  }
  .slide__text-desc{
    text-align: left;
  }
  .footer{
    width: 56%;
    bottom: 44%;
    left: 22%;
    text-align: center;
  }
  .slider-container{
    height: 126%; 
  }

  .logo.a img{
    width: 26%;
  }

  html, body{
    overflow-x: hidden;
    overflow-y: scroll;
  }

  button.button{
    width: 159px;
    margin-right: 8px;
  }
}

@media(max-width: 767px){
  .video_contenedor .video{
    width: 100%;
  }
  .close{
    top: 0;
    right: 0;
  }
  html, body{
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .modal-hijo div.form{
    width: 100%;
    position: relative;
  }
  .modal-hijo div.close{
    display: none;
  }
  .modal-hijo div.close.a{
    position: absolute;
    top: 0;
    right: 6px;
    font-size: 1.5em;
    display: inline-block;
  }
  .slider-container{
    height: 108%;
  }
  .slide .slide__bg{
    background-size: 100%;
    background-position: bottom;
  }
  .slide:nth-child(1) .slide__bg {
    background-image: url("../img/mobile_banner1.jpg");
  }
  .slide:nth-child(2) .slide__bg {
    background-image: url("../img/mobile_banner2.jpg");
  }
  .slide:nth-child(3) .slide__bg {
    background-image: url("../img/mobile_banner3.jpg");
  }
  .slide:nth-child(4) .slide__bg {
    background-image: url("../img/mobile_banner4.jpg");
  }
  .slide:nth-child(5) .slide__bg {
    background-image: url("../img/mobile_banner5.jpg");
  }
  .slide:nth-child(6) .slide__bg {
    background-image: url("../img/mobile_banner6.jpg");
  }
  .slide:nth-child(7) .slide__bg {
    background-image: url("../img/mobile_banner7.jpg");
  }
  .slide__text{
    top: 5%;
    width: 86%;
    text-align: center;
  }
  .slide__text img{
    width: 24%;
  }
  .slide__text-heading{
    width: 100%;
    margin-bottom: .5rem;
    margin-top: 10px;
  }
  .slide__text-desc{
    font-size: .9em;
    text-align: justify;
  }
  .footer{
    font-size: .7em;
    width: 49%;
    bottom: 49%;
    text-align: center;
    left: 25.5%;
  }
  .logo img{
    display: inline-block;
    width: 50%;
  }
  .logo.a img{
    width: 38%;
  }
}
@media(max-width: 600px){
  .slider-container {
    height: 101%;
  }
  .slide .slide__bg{
    background-size: 110%;
  }
  .footer{
    width: 38%;
    bottom: 51%;
    left: 31%;
  }

  button.button{
    width: auto;
  }
}
@media(max-width: 414px){
  button.button{
    width: auto;
    margin-top: 0;
    font-size: .7em;
    margin-right: 5px;
  }
  .footer{
    bottom: 40%;
  }
  .slider-container {
    height: 128%;
  }
  .footer{
    width: 54%;
    left: 23%;
  }
  .slide__text-desc{
    margin-bottom: 1.5rem;
    bottom: 43%;
  }
}
@media(max-width: 480px) and (min-height: 800px){
  .footer{
    width: 48%;
    bottom: 43%;
    left: 26%;
  }
  button.button{
    margin-right: 8px;
  }
  .slider-container {
    height: 108%;
  }
}
@media(max-width: 411px) and (min-height: 800px){
  .slide__text-heading{
    width: 103%;
  }
  .slide__text-heading{
    margin-bottom: 1rem;
  }
  .slider-container {
    height: 100%;
  }
  .footer {
    width: 56%;
    bottom: 40%;
    left: 22%;
  }
}
@media(max-width: 384px){
  .slider-container {
    height: 121%;
  }
  .slide__text{
    width: 83%;
  }
  .slide__text-heading{
    font-size: 1.6em;
  }
  .footer{
    width: 60%;
    left: 20%;
    bottom: 41%;
  }
  .slide__text-desc{
    margin-bottom: 1rem;
  }
}
@media(max-width: 375px){
  .slide__text-heading{
    font-size: 1.8em;
  }
  .slide__text{
    width: 84%;
  }
  .footer{
    bottom: 40%;
  }
}
@media(max-width: 375px) and (min-height: 800px){
  .slide .slide__bg{
    background-size: 147%;
  }
  .footer{
    bottom: 46%;
  }
  .slider-container {
    height: 111%;
  }
}
@media(width: 375px) and (max-height: 650px){
  .slider-container {
    height: 118%;
  }
  .slide__text-heading {
    font-size: 1.6em;
  }
  .footer {
    bottom: 46%;
  }
  html, body{
    overflow-x: hidden;
    overflow-y: scroll;
  }
}
@media(max-width: 360px){
  .slider-container {
    height: 110%;
  }
  .slide__text-heading{
    font-size: 1.4em;
  }
  .slide__text{
    width: 90%;
    left: 5%;
  }
  .footer{
    bottom: 43%;
    width: 62%;
    left: 19%;
  }
  .slide .slide__bg {
    background-size: 100%;
  }
}
@media(max-width: 360px) and (max-height: 700px){
  .slide__text-desc{
    margin-bottom: 1rem;
  }
  .footer {
    bottom: 40%;
  }
}
@media(max-width: 360px) and (max-height: 500px){
  .slider-container{
    height: 108%;
  }
  .slide__text-heading {
    margin-bottom: .5rem;
    font-size: 1.2em;
    width: 100%;
    margin-top: .5rem
  }
  .slide__text{
    width: 82%;
    text-align: center;
  }
  .slide__text-desc {
    font-size: .7em;
    margin-bottom: .8rem;
  }
  button{
    font-size: .7em;
  }
  .footer {
    font-size: .6em;
    width: 56%;
    left: 20%;
    bottom: 39% !important;
    text-align: center;
  }
  .slide__text img {
    width: 17%;
  }
}
@media(width: 320px){
  .slider-container {
    height: 122%;
  }
  .footer{
    width: 70%;
    bottom: 35%;
    left: 15%;
  }
  .slide__text-desc {
    font-size: .8em;
  }
  button.button{
    margin-bottom: 10px;
  }
}
@media(width: 320px) and (max-height: 499px){
  .slider-container {
    height: 110%;
  }
  .footer{
    width: 60%;
    bottom: 37%;
    left: 20%;
  }
  .slider-container {
    height: 130%;
  }
  .slide__text{
    left: 9% !important;
  }
  html, body{
    overflow-x: hidden;
    overflow-y: scroll;
  }
}