@font-face {

  font-family: 'futura';

  font-style: normal;

  font-weight: 100;

  src: url('fonts/light.ttf') format('truetype'),

}



@font-face {

  font-family: 'futura2';

  font-style: normal;

  font-weight: 700;

  src: url('fonts/heavy.ttf') format('truetype'),

}



@font-face {

  font-family: 'futura3';

  font-style: normal;

  font-weight: 900;

  src: url('fonts/black.ttf') format('truetype'),

}



.textopg2{

  position: fixed;

  color: #fff !important;

  top: 300px;

  left: 80px;

  p{

    line-height: 1 !important;

  }

}



.texto1{

  color: #fff !important;

  font-family: 'Futura', sans-serif;

  font-weight: 100;

  font-size: 42px;

  position: fixed;

  text-align: left;

  top: 130px;

  margin: 0;

}

.texto2{

  color: #fff !important;

  font-family: 'Futura2', sans-serif;

  font-weight: 800;

  font-size: 300px;

  position: fixed;

  transform: scaleY(0.8);

  letter-spacing: -20px;

  transform-origin: bottom;

  top: 110px;

  margin: 0;

}

.texto3{

  color: #fff !important;

  font-family: 'Futura2', sans-serif;

  font-weight: 700;

  font-size: 50px;

  transform: scaleY(0.9);

  letter-spacing: -1px;

  position: fixed;

  top: 390px;

  left: 230px;

  margin: 0;

}



.textopg3{

  position: fixed;

  color: #fff !important;

  top: 120px;

  right:70px;

  p{

    line-height: 1.1 !important;

    width: 600px;

  }

}



.texto4{

  color: #fff !important;

  font-family: 'Futura2', sans-serif;

  font-weight: 900;

  font-size: 85px;

  letter-spacing: -1px;

  margin: 0;

}



.btn-agendar{

  font-family: 'Futura' !important;

  font-size: 30px !important;

  background-color: #D8DB3E;

  color: #000 !important;

  padding: 20px 70px;

  border-radius: 40px;

  position: fixed;

  top: 810px;

  left:750px

}



.btn-sabermas{

  font-family: 'Futura' !important;

  font-size: 18px !important;

  background-color: #D8DB3E;

  color: #000 !important;

  padding: 10px 70px;

  border-radius: 40px;

  position: fixed;

  top: 460px;

  left:370px;

}



.btn-ubicacion{

  font-family: 'Futura' !important;

  font-size: 20px !important;

  background-color: #D8DB3E;

  color: #000 !important;

  padding: 15px 90px;

  border-radius: 40px;

  position: fixed;

  top: 440px;

  right:160px;

}



.btn-brochure{

  font-family: 'Futura' !important;

  font-size: 20px !important;

  background-color: #D8DB3E;

  color: #000 !important;

  padding: 10px 90px;

  border-radius: 40px;

  margin-left: 150px;

}



.btn-bodega{

  padding: 0px 40px;

  background-color: #FFF;

  font-family: 'Futura2' !important;

  font-weight: 700;

  font-size: 28px !important;

  display: inline-flex;

  color: #000;

}



.btn-bodega:hover{

  background-color: #778da2 !important;

  color: #FFF;

}



.active{

  background-color: #778da2 !important;

  color: #FFF;

}



.botones{

  display: flex;

  justify-content: space-between;

  width: 100%;

  padding: 10px 140px;

}



.contenedor{

  width: 100%;

  height: 100vh;

  display: flex;

  padding-top: 85px;  

  padding-left: 50px;

}



.titulo{

  width: 30%;

  height: 100vh;

  padding-left: 40px;

  p{

    line-height: 1.1 !important;

    text-align: left;

  }

}



.contenido{

  width: 70%;

  height: 100vh;

}



.texto5{

  color: #fff !important;

  font-family: 'Futura2', sans-serif;

  font-weight: 900;

  font-size: 86px;

  letter-spacing: -1px;

  margin: 0;

}



.texto6{

  color: #fff !important;

  font-family: 'Futura', sans-serif;

  font-weight: 100;

  font-size: 35px;

  width: 90%;

  letter-spacing: -1px;

  padding: 20px 0px;

  margin-bottom: 15px;

}



.descripcion{

  width: 55%;

  height: 100vh;

  padding-left: 70px;

}



.descripcion strong:first-of-type {

  display: inline;

  font-family: 'Futura', sans-serif;

  font-size: 35px; /* Tamaño para "MODELO A" */

  margin-right: 5px;

  color: #FFF;

  letter-spacing: 2px;

}



.descripcion p:first-of-type {

  display: inline;

  font-family: 'Futura', sans-serif;

  font-size: 30px; /* Tamaño para "250 m2" */

  font-weight: 100;

  margin-right: 5px;

  color: #FFF;

}



/* Para los demás strong y p */

.descripcion strong {

  display: inline;

  font-family: 'Futura', sans-serif;

  font-size: 20px; /* Tamaño para los demás strong */

  margin-right: 5px;

  color: #FFF;

  letter-spacing: 2px;

}



.roi{

  color: #778da2 !important;

  font-weight: 700;

}



.roi2{

  width: 100%;

  font-size: 16px;

  color: #FFF;

  position: fixed;

  bottom: 50px;

  text-align: center;

}



.descripcion p {

  display: inline;

  font-family: 'Futura', sans-serif;

  font-size: 20px; /* Tamaño para los demás p */

  font-weight: 700;

  margin-right: 5px;

  color: #FFF;

}



.precio{

  font-family: 'Futura', sans-serif;

  float: left;

  padding-top: 25px;

  p, strong{

    font-size: 30px !important;

    line-height: 55px;

  }

}



hr {

  width: 40%; 

  text-align: left;

  margin: 10px 0;

}



.medidas{

  font-size: 20px;

}



.descripcion p{

  font-weight: 100;

}



.plano img{

  width: 330px;

  height: 580px;

  display: inline-flex;

  float: right;

}



.activeinfo{

  display: flex !important;

}



.infoA{

  display: none;

  padding-top: 45px;

  padding-left: 80px;

}



.infoB{

  display: none;

  padding-top: 45px;

  padding-left: 80px;

}



.infoC{

  display: none;

  padding-top: 45px;

  padding-left: 80px;

}



.infoD{

  display: none;

  padding-top: 45px;

  padding-left: 80px;

}



.texto7{

  color: #fff !important;

  font-family: 'Futura2', sans-serif;

  font-weight: 100;

  font-size: 65px;

  margin-top: 110px;

  text-align: left;

  line-height: 55px;

}



.texto8{

  color: #c4c4c4 !important;

  font-family: 'Futura', sans-serif;

  font-weight: 100;

  font-size: 20px;

  letter-spacing: 0px;

  margin-bottom: 35px;

  text-align: left;

}



.contacto{

  margin-left: 170px;

  color: #FFF;

}



.form-group{

  border-radius: 20px;

  background-color: #FFFFFF8F;

  font-family: 'Futura', sans-serif;

  font-weight: 100;

  font-size: 30px;

  color: #000;

  width: 33%;

  padding-left: 30px;
  height:40px;
  
  display: flex;
  justify-content: center;
  align-items: center;

  input{

    background-color: #FFFFFF00;

    border: none;

    width: 95%;
    height: 40px;

  }

  select{

    border: none;

    background-color: #FFFFFF00;
    width: 100%;

  }

  label{

    padding-right: 10%;

    font-weight: 100;

  }

}



input::placeholder {

  font-size: 30px;

}



.submit-btn{

  font-family: 'Futura' !important;

  font-size: 20px !important;

  background-color: #D8DB3E;

  color: #000 !important;

  border-radius: 40px;

  padding: 5px 30px;

  margin-left: 13%;

  margin-top: 20px;

  border: none;

}



.btn-brochure-mov{

  display: none;

}



.scroll-indicator{

  display: none;

}



.popup-brochure {

  display: flex;

  justify-content: center;

  align-items: center;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.877); /* Fondo oscuro semi-transparente */

  z-index: 1000;

  opacity: 1;

  transition: opacity 0.3s ease;

}



/* Ocultar popup cuando tiene la clase "hidden" */

.popup-brochure.hidden {

  opacity: 0;

  visibility: hidden;

}



/* Estilos para el contenido del popup */

.popup-content-2 {

  padding: 2rem;

  border-radius: 8px;

  max-width: 90%;

  width: 40%;

  position: relative;

  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);

}



.form-popup{

  width: 100%;

}



.popup-btn{

  margin-left: 0px;

  width: 33%;

  font-family: 'Futura' !important;

  font-size: 20px !important;

  background-color: #D8DB3E;

  color: #000 !important;

  border-radius: 40px;

  padding: 5px 30px;

  margin-top: 20px;

  border: none;

}



.popup-ubi {

  display: flex;

  justify-content: center;

  align-items: center;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.7);

  z-index: 9999; /* Asegúrate de que esté por encima de otros elementos */

}



.popup-ubi.hidden {

  display: none; /* Oculta el popup */

}



.popup-content-3 {

  background: rgba(0, 0, 0, 0.5);

  padding: 40px;

  border-radius: 5px;

  position: relative;

  width: 80%;

  height: 80vh;

}



#close-map-popup {

  position: absolute;

  top: 10px;

  right: 10px;

  border: none;

    background-color: rgb(0, 0, 0, 0);

    color: white;

}



#close-x-popup {

  position: absolute;

  top: 10px;

  right: 10px;

  border: none;

    background-color: rgb(0, 0, 0, 0);

    color: white;

}



#close-x-popup2 {

  position: absolute;

  top: 10px;

  right: 10px;

  border: none;

    background-color: rgb(0, 0, 0, 0);

    color: white;

}



/******************************************** moviles *****************************************************************/



@media only screen and (max-width: 451px) and (orientation: portrait) {

  .bg-img-1 {

    background-image: url(../img/background/pag1mov.jpg) !important;

    background-size: cover;

    background-repeat: no-repeat;

    display: flex;

    justify-content: center; /* Centra horizontalmente */

    align-items: flex-end; /* Alinea el contenido al fondo de la pantalla */

    min-height: 100vh;

    .btn-agendar{

      font-size: 20px !important;

      margin: 0 40px; /* Espacio lateral */

      padding: 15px 30px; /* Ajuste de tamaño del botón si lo necesitas */

      position: relative;

      bottom: 170px;

      top: auto;

      left: auto;

    }

    }

    

    .bg-img-2 {

    background-image: url(../img/background/pag2mov.jpg) !important;

    background-size: cover;

    background-repeat: no-repeat;

    display: flex;

    justify-content: center; /* Centra horizontalmente */

    align-items: flex-end; /* Alinea el contenido al fondo de la pantalla */

    min-height: 100vh;

    .textopg2{

      display: none;

    }

    .btn-sabermas{

      font-size: 20px !important;

      margin: 0 40px; /* Espacio lateral */

      padding: 10px 40px; /* Ajuste de tamaño del botón si lo necesitas */

      position: relative;

      bottom: 170px;

      top: auto;

      left: auto;

    }

    }

    

    .bg-img-3 {

    background-image: url(../img/background/pag3mov.jpg) !important;

    background-size: cover;

    background-repeat: no-repeat;

    display: flex;

    justify-content: center; /* Centra horizontalmente */

    align-items: flex-end; /* Alinea el contenido al fondo de la pantalla */

    min-height: 100vh;

    .textopg3{

      display: none;

    }

    .btn-ubicacion{

      font-size: 20px !important;

      margin: 0 40px; /* Espacio lateral */

      padding: 10px 40px; /* Ajuste de tamaño del botón si lo necesitas */

      position: relative;

      bottom: 170px;

      top: auto;

      right: auto;

    }

    }

    

    .bg-img-4 {

    background-image: url(../img/background/pag4mov.jpg) !important;

    background-size: cover;

    background-repeat: no-repeat;

    display: flex;

    justify-content: center; /* Centra horizontalmente */

    align-items: center; /* Alinea el contenido al centro verticalmente */

    flex-direction: column;

    min-height: 100vh;

    padding: 20px;

    .contenedor{

      display: flex;

      flex-direction: column;

      justify-content: center;

      align-items: center;

      width: 100%;

      padding-top: 0px;

      padding-left: 0px;

    }

    .contenido{

      width: 100%;

      display: flex;

      flex-direction: column;

      align-items: center;

      justify-content: center;

      gap: 60px;

    }

    .titulo{

      display: none;

    }

    .btn-brochure-mov{

      display: block;

    position: relative;

    bottom: auto; /* Elimina la posición fija */

    font-family: 'Futura' !important;

    font-size: 20px !important;

    background-color: #D8DB3E;

    color: #000 !important;

    border-radius: 40px;

    padding: 5px 30px;

    margin-top: 20px;

    }

    .roi2{

      width: 95%;

      bottom: 10%;

      font-size: 16px;

      text-align: center;

      margin-top: 10px;      

    }

    .btn-bodega{

      font-size: 18px !important;

    }

    .botones {

      display: grid;

      grid-template-columns: 1fr 1fr; 

      gap: 10px; /* Espacio entre los botones */

      width: 85%;

      padding: 0;

      text-align: center;

      .active{

        background-color: #D8DB3E;

        color: #000 !important;

      }

    }

    .botones a {

      display: flex;

      justify-content: center;

      align-items: center;

      padding: 10px 0px 10px 0px;

      background-color: #f0f0f0;

      border-radius: 5px;

      text-align: center;

    }

    .active{

      background-color: #D8DB3E;

      color: #000 !important;

    }

    .plano{

      display: none;

    }



    .hidden {

      display: none;

  }

  

    .popup {

        position: fixed;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        background: rgba(0, 0, 0, 0.8);

        display: flex;

        justify-content: center;

        align-items: center;

        z-index: 1000;

    }

    

    .popup-content {

        background: #1c1c1c;

        width: 95%;

        height: 98%;

        overflow-y: auto;

        padding: 20px;

        position: relative;

    }



    #popup-info{

      display: flex; /* Alinea la descripción y el plano lado a lado */

      flex-direction: row;

      overflow-x: auto; /* Permite el scroll horizontal */

      width: 220%;

      align-items: center;

      .descripcion{

        width: 42%;

        padding-left: 10px;

        height: fit-content;

        strong,p{

          line-height: 2px !important;

          margin-right: 0px !important;

        }

        strong{

          font-size: 16px;

        }

        p{

          font-size: 18px;

        }

        hr {

          width: 90%; 

        }

      }

      .precio{

        padding-top: 20px;

        float: none;

        strong,p{

          font-size: 16px !important;

          line-height: 0px;

          margin-right: 0px;

        }

      }

      .scroll-indicator {

        font-size: 14px;

        color: #cccccc;

        margin-top: 10px;

        text-align: center;

        display: block;

      }    

      .plano{

        margin-left: 20px;

        display: flex !important;

        img{

          width: auto;

          height: 92vh;

        }

      }

    }

    

    #close-popup {

        position: absolute;

        top: 10px;

        right: 10px;

        background: #00000000;

        color: white;

        border: none;

        cursor: pointer;

    }

    }

    

    .bg-img-5 {

    background-image: url(../img/background/pag5mov.jpg)!important;

    background-size: cover;

    background-repeat: no-repeat;

    min-height: 100vh; /* Ocupa toda la altura de la pantalla */

    display: flex;

    justify-content: center; /* Centra horizontalmente */

    align-items: center;

    .contacto{

      margin: 110px 0px 0px 0px;

      width: 100%;

      display: flex;

      flex-direction: column;

      justify-content: center;

      align-items: center;

    }

    .texto7, .texto8{

      display: none;

    }

    .form-group{

      width: 100%;

      font-size: 25px;

      background-color: #cccccc;

      input::placeholder {

        font-size: 18px !important;

      }

      label{

        width: 75%;

        font-size: 18px !important;

        line-height: 25px;

        padding-top: 4%;

      }

      select{

        font-size: 18px !important;

        -webkit-appearance: menulist-button;

        appearance: menulist-button;

      }

      input{

        font-size: 18px !important;

      }

    }

    .submit-btn{

      margin: 20px 0px 0px 100px; 

      width: auto; 

      border: none;

    }

    }



    .popup-brochure {

      display: flex;

      justify-content: center;

      align-items: center;

      position: fixed;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      background-color: rgba(0, 0, 0, 0.877); /* Fondo oscuro semi-transparente */

      z-index: 1000;

      opacity: 1;

      transition: opacity 0.3s ease;

    }

    

    /* Ocultar popup cuando tiene la clase "hidden" */

    .popup-brochure.hidden {

      opacity: 0;

      visibility: hidden;

    }

    

    /* Estilos para el contenido del popup */

    .popup-content-2 {

      padding: 2rem;

      border-radius: 8px;

      max-width: 90%;

      width: 90%;

      position: relative;

      box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);

    }



    .texto6{

      font-size: 20px !important;

    }

    

    .form-popup{

      width: 100%;

      font-size: 25px;

      background-color: #cccccc;

      input::placeholder {

        font-size: 18px !important;

      }

      label{

        width: 75%;

        font-size: 18px !important;

        line-height: 25px;

        padding-top: 4%;

      }

      select{

        font-size: 18px !important;

        -webkit-appearance: menulist-button;

        appearance: menulist-button;

      }

      input{

        font-size: 18px !important;

      }

    }

    

    .popup-btn{

      margin: 20px 0px 0px 100px; 

      width: auto; 

      border: none;

      font-family: 'Futura' !important;

      background-color: #D8DB3E;

      color: #000 !important;

    }

}



/******************************************** tablets vertical *****************************************************************/



@media only screen and (min-width: 452px) and (max-width: 1024px) and (orientation: portrait){

  .bg-img-1 {

    background-image: url(../img/background/pag1tabv.jpg) !important;

    background-size: cover;

    background-repeat: no-repeat;

    display: flex;

    justify-content: center; /* Centra horizontalmente */

    align-items: flex-end; /* Alinea el contenido al fondo de la pantalla */

    min-height: 100vh;

    .btn-agendar{

      font-size: 30px !important;

      margin: 0 40px; /* Espacio lateral */

      padding: 15px 30px; /* Ajuste de tamaño del botón si lo necesitas */

      position: relative;

      bottom: 170px;

      top: auto;

      left: auto;

    }

  }

    

    .bg-img-2 {

    background-image: url(../img/background/pag2tabv.jpg) !important;

    background-size: cover;

    background-repeat: no-repeat;

    display: flex;

    justify-content: center; /* Centra horizontalmente */

    align-items: flex-end; /* Alinea el contenido al fondo de la pantalla */

    min-height: 100vh;

    .textopg2{

      display: none;

    }

    .btn-sabermas{

      font-size: 30px !important;

      margin: 0 40px; /* Espacio lateral */

      padding: 10px 40px; /* Ajuste de tamaño del botón si lo necesitas */

      position: relative;

      bottom: 170px;

      top: auto;

      left: auto;

    }

    }

    

    .bg-img-3 {

    background-image: url(../img/background/pag3tabv.jpg) !important;

    background-size: cover;

    background-repeat: no-repeat;

    display: flex;

    justify-content: center; /* Centra horizontalmente */

    align-items: flex-end; /* Alinea el contenido al fondo de la pantalla */

    min-height: 100vh;

    .textopg3{

      display: none;

    }

    .btn-ubicacion{

      font-size: 20px !important;

      margin: 0 40px; /* Espacio lateral */

      padding: 10px 40px; /* Ajuste de tamaño del botón si lo necesitas */

      position: relative;

      bottom: 170px;

      top: auto;

      right: auto;

    }

    }

    

    .bg-img-4 {

    background-image: url(../img/background/pag4tabv.jpg) !important;

    background-size: cover;

    background-repeat: no-repeat;

    display: flex;

    justify-content: center; /* Centra horizontalmente */

    align-items: center; /* Alinea el contenido al centro verticalmente */

    flex-direction: column;

    min-height: 100vh;

    padding: 20px;

    .contenedor{

      display: flex;

      flex-direction: column;

      justify-content: center;

      align-items: center;

      width: 100%;

      padding-top: 0px;

      padding-left: 0px;

    }

    .contenido{

      width: 100%;

      display: flex;

      flex-direction: column;

      align-items: center;

      justify-content: center;

      gap: 60px;

    }

    .titulo{

      display: none;

    }

    .btn-brochure-mov{

      display: block;

    position: relative;

    bottom: auto; /* Elimina la posición fija */

    font-family: 'Futura' !important;

    font-size: 20px !important;

    background-color: #D8DB3E;

    color: #000 !important;

    border-radius: 40px;

    padding: 5px 30px;

    margin-top: 20px;

    }

    .roi2{

      width: 95%;

      bottom: 10%;

      font-size: 16px;

      text-align: center;

      margin-top: 10px;      

    }

    .btn-bodega{

      font-size: 18px !important;

    }

    .botones {

      display: grid;

      grid-template-columns: 1fr 1fr; 

      gap: 10px; /* Espacio entre los botones */

      width: 85%;

      padding: 0;

      text-align: center;

      .active{

        background-color: #D8DB3E;

        color: #000 !important;

      }

    }

    .botones a {

      display: flex;

      justify-content: center;

      align-items: center;

      padding: 10px 0px 10px 0px;

      background-color: #f0f0f0;

      border-radius: 5px;

      text-align: center;

    }

    .active{

      background-color: #D8DB3E;

      color: #000 !important;

    }

    .plano{

      display: none;

    }



    .hidden {

      display: none;

  }

  

    .popup {

        position: fixed;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        background: rgba(0, 0, 0, 0.8);

        display: flex;

        justify-content: center;

        align-items: center;

        z-index: 1000;

    }

    

    .popup-content {

        background: #1c1c1c;

        width: 95%;

        height: 98%;

        overflow-y: auto;

        padding: 20px;

        position: relative;

    }



    #popup-info{

      display: flex; /* Alinea la descripción y el plano lado a lado */

      flex-direction: row;

      overflow-x: auto; /* Permite el scroll horizontal */

      width: 220%;

      align-items: center;

      .descripcion{

        width: 42%;

        padding-left: 30px;

        height: fit-content;

        strong,p{

          font-size: 24px;

          line-height: 40px;

        }

        hr {

          width: 90%;

          padding: 20px 0px; 

        }

      }

      .precio{

        padding-top: 30px;

        float: none;

        strong,p{

          font-size: 24px !important;

          line-height: 40px;

          margin-right: 0px;

        }

      }

      .scroll-indicator {

        font-size: 25px;

        color: #cccccc;

        margin-top: 10px;

        text-align: center;

        display: block;

        padding: 20px 0px; 

      }    

      .plano{

        margin-left: 20px;

        display: flex !important;

        img{

          width: auto;

          height: 92vh;

        }

      }

    }

    

    #close-popup {

        position: absolute;

        top: 10px;

        right: 10px;

        background: #00000000;

        color: white;

        border: none;

        cursor: pointer;

    }

    }

    

    .bg-img-5 {

    background-image: url(../img/background/pag5tabv.jpg)!important;

    background-size: cover;

    background-repeat: no-repeat;

    min-height: 100vh; /* Ocupa toda la altura de la pantalla */

    display: flex;

    justify-content: center; /* Centra horizontalmente */

    align-items: center;

    .contacto{

      margin: 110px 0px 0px 0px;

      width: 100%;

      display: flex;

      flex-direction: column;

      justify-content: center;

      align-items: center;

    }

    .texto7, .texto8{

      display: none;

    }

    form{

      width: 60%;

    }

    .form-group{

      width: 100%;

      font-size: 25px;

      background-color: #cccccc;

      input::placeholder {

        font-size: 25px !important;

      }

      label{

        width: 75%;

        font-size: 25px !important;

        line-height: 25px;

        padding-top: 4%;

      }

      select{

        font-size: 25px !important;

        -webkit-appearance: menulist-button;

        appearance: menulist-button;

      }

      input{

        font-size: 25px !important;

      }

    }

    .submit-btn{

      float: right;

      width: auto; 

      border: none;

      font-size: 25px !important;

    }

    }



  .popup-content-2 {

    width: 90%;

  }

}



/******************************************** tablets horizontal *****************************************************************/



@media only screen and (min-width: 452px) and (max-width: 1400px) and (orientation: landscape){

  .bg-img-1 {

    background-image: url(../img/background/pag1tabh.jpg) !important;

    background-size: cover;

    background-repeat: no-repeat;

    display: flex;

    justify-content: center; /* Centra horizontalmente */

    align-items: flex-end; /* Alinea el contenido al fondo de la pantalla */

    min-height: 100vh;

    .btn-agendar{

      font-size: 30px !important;

      margin: 0 40px; /* Espacio lateral */

      padding: 15px 30px; /* Ajuste de tamaño del botón si lo necesitas */

      position: relative;

      bottom: 170px;

      top: auto;

      left: auto;

    }

  }

    

    .bg-img-2 {

    background-image: url(../img/background/pag2tabh.jpg) !important;

    background-size: cover;

    background-repeat: no-repeat;

    display: flex;

    justify-content: center; /* Centra horizontalmente */

    align-items: flex-end; /* Alinea el contenido al fondo de la pantalla */

    min-height: 100vh;

    .textopg2{

      display: none;

    }

    .btn-sabermas{

      font-size: 30px !important;

      margin: 0 40px; /* Espacio lateral */

      padding: 10px 40px; /* Ajuste de tamaño del botón si lo necesitas */

      position: relative;

      bottom: 170px;

      top: auto;

      left: auto;

    }

    }

    

    .bg-img-3 {

    background-image: url(../img/background/pag3tabh.jpg) !important;

    background-size: cover;

    background-repeat: no-repeat;

    display: flex;

    justify-content: center; /* Centra horizontalmente */

    align-items: flex-end; /* Alinea el contenido al fondo de la pantalla */

    min-height: 100vh;

    .textopg3{

      display: none;

    }

    .btn-ubicacion{

      font-size: 20px !important;

      margin: 0 40px; /* Espacio lateral */

      padding: 10px 40px; /* Ajuste de tamaño del botón si lo necesitas */

      position: relative;

      bottom: 170px;

      top: auto;

      right: auto;

    }

    }

    

    .bg-img-4 {

    background-image: url(../img/background/pag4tabh.jpg) !important;

    background-size: cover;

    background-repeat: no-repeat;

    display: flex;

    justify-content: center; /* Centra horizontalmente */

    align-items: center; /* Alinea el contenido al centro verticalmente */

    flex-direction: column;

    min-height: 100vh;

    padding: 20px;

    .contenedor{

      display: flex;

      flex-direction: column;

      justify-content: center;

      align-items: center;

      width: 100%;

      padding-top: 0px;

      padding-left: 0px;

    }

    .contenido{

      width: 100%;

      display: flex;

      flex-direction: column;

      align-items: center;

      justify-content: center;

      gap: 60px;

    }

    .titulo{

      display: none;

    }

    .btn-brochure-mov{

      display: block;

    position: relative;

    bottom: auto; /* Elimina la posición fija */

    font-family: 'Futura' !important;

    font-size: 20px !important;

    background-color: #D8DB3E;

    color: #000 !important;

    border-radius: 40px;

    padding: 5px 30px;

    margin-top: 20px;

    }

    .roi2{

      width: 95%;

      bottom: 10%;

      font-size: 16px;

      text-align: center;

      margin-top: 10px;      

    }

    .btn-bodega{

      font-size: 18px !important;

    }

    .botones {

      display: grid;

      grid-template-columns: 1fr 1fr; 

      gap: 10px; /* Espacio entre los botones */

      width: 85%;

      padding: 0;

      text-align: center;

      .active{

        background-color: #D8DB3E;

        color: #000 !important;

      }

    }

    .botones a {

      display: flex;

      justify-content: center;

      align-items: center;

      padding: 10px 0px 10px 0px;

      background-color: #f0f0f0;

      border-radius: 5px;

      text-align: center;

    }

    .active{

      background-color: #D8DB3E;

      color: #000 !important;

    }

    .plano{

      display: none;

    }



    .hidden {

      display: none;

  }

  

    .popup {

        position: fixed;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        background: rgba(0, 0, 0, 0.8);

        display: flex;

        justify-content: center;

        align-items: center;

        z-index: 1000;

    }

    

    .popup-content {

        background: #1c1c1c;

        width: 95%;

        height: 98%;

        overflow-y: auto;

        padding: 20px;

        position: relative;

    }



    #popup-info{

      display: flex; /* Alinea la descripción y el plano lado a lado */

      flex-direction: row;

      overflow-x: auto; /* Permite el scroll horizontal */

      width: 220%;

      align-items: center;

      .descripcion{

        width: 42%;

        padding-left: 30px;

        height: fit-content;

        strong,p{

          font-size: 24px;

          line-height: 40px;

        }

        hr {

          width: 90%;

          padding: 20px 0px; 

        }

      }

      .precio{

        padding-top: 30px;

        float: none;

        strong,p{

          font-size: 24px !important;

          line-height: 40px;

          margin-right: 0px;

        }

      }

      .scroll-indicator {

        font-size: 25px;

        color: #cccccc;

        margin-top: 10px;

        text-align: center;

        display: block;

        padding: 20px 0px; 

      }    

      .plano{

        margin-left: 20px;

        display: flex !important;

        img{

          width: auto;

          height: 92vh;

        }

      }

    }

    

    #close-popup {

        position: absolute;

        top: 10px;

        right: 10px;

        background: #00000000;

        color: white;

        border: none;

        cursor: pointer;

    }

    }

    

    .bg-img-5 {

    background-image: url(../img/background/pag5tabh.jpg)!important;

    background-size: cover;

    background-repeat: no-repeat;

    min-height: 100vh; /* Ocupa toda la altura de la pantalla */

    display: flex;

    justify-content: center; /* Centra horizontalmente */

    align-items: center;

    .contacto{

      margin: 110px 0px 0px 0px;

      width: 100%;

      display: flex;

      flex-direction: column;

      justify-content: center;

      align-items: center;

    }

    .texto7, .texto8{

      display: none;

    }

    form{

      width: 60%;

    }

    .form-group{

      width: 100%;

      font-size: 25px;

      background-color: #cccccc;

      input::placeholder {

        font-size: 25px !important;

      }

      label{

        width: 75%;

        font-size: 25px !important;

        line-height: 25px;

        padding-top: 4%;

      }

      select{

        font-size: 25px !important;

        -webkit-appearance: menulist-button;

        appearance: menulist-button;

      }

      input{

        font-size: 25px !important;

      }

    }

    .submit-btn{

      float: right;

      width: auto; 

      border: none;

      font-size: 25px !important;

    }

    }

  }

/*

  [CSS Index]

*/







/*

  1. TEMPLATE BACKGROUNDS

    1.1. hero slider IMG BACKGROUND

	1.2. about IMG BACKGROUND

  2. reset

  3. layout

  4. navigation

  5. bg color

  6. post heading

  7. parallax

  8. button

  9. section heading h1

  10. section heading h2

  11. upper page

  12. animated text

  13. page wrapper

  14. IMG carousel

  15. post box

  16. overlay

  17. hero container

  18. home

  19. main title

  20. home credits

  21. services panel

  22. preloader

  23. inner spacer

  24. contact form

  25. videos

  26. social icons

    26.1. social icons home

  27. to top arrow

  28. logo

  29. Swiper CUSTOM

    29.1. Swiper style 1

	29.2. Swiper style 2

	29.3. Swiper style 3

	29.4. Swiper style DEPPEX

	29.5. Swiper style DEPPEX 2

  30. Magnific Popup CUSTOM

  31. Lity CUSTOM

  32. Owl Carousel CUSTOM

  33. news

  34. divider

  35. extra margin

  36. section subtitle

  37. section title

  38. extras

  39. blog

  40. extras 2

  41. extras 3

  42. main title

  43. blockquote

  44. HTML5 video

  45. Montserrat -webkit-text-stroke Fix

*/





/* 1. TEMPLATE BACKGROUNDS */

/* 1.1. hero slider IMG BACKGROUND */

.bg-img-1 {

background-image: url(../img/background/pag1.jpg);

}



.bg-img-2 {

background-image: url(../img/background/pag2.jpg);

}



.bg-img-3 {

background-image: url(../img/background/pag3.jpg);

}



.bg-img-4 {

background-image: url(../img/background/pag4.jpg);

}



.bg-img-5 {

background-image: url(../img/background/pag5.jpg);

}



.bg-img-6 {

background-image: url(../img/background/hero-bg-6.jpg);

}



.bg-img-7 {

background-image: url(../img/background/hero-bg-7.jpg);

}



.bg-img-8 {

background-image: url(../img/background/hero-bg-8.jpg);

}





/* 1.2. about IMG BACKGROUND */

.carousel-item-about-01 {

background-image: url(../img/about/2.jpg);

}



.carousel-item-about-02 {

background-image: url(../img/about/3.jpg);

}



.carousel-item-about-03 {

background-image: url(../img/about/4.jpg);

}



.carousel-item-about-04 {

background-image: url(../img/about/5.jpg);

}





/* 2. reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

margin: 0;

padding: 0;

border: 0;

font-size: 100%;

font: inherit;

vertical-align: baseline;

}



html, body {

height: 100%;

}



body {

line-height: 1;

}



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

display: block;

}



ol, ul {

list-style: none;

}



blockquote, q {

quotes: none;

}



blockquote:before, blockquote:after, q:before, q:after {

content: "";

content: none;

}



table {

border-collapse: collapse;

border-spacing: 0;

}



*:focus {  

outline: none;

}



a:focus, a:active,

button::-moz-focus-inner,

input[type="reset"]::-moz-focus-inner,

input[type="button"]::-moz-focus-inner,

input[type="submit"]::-moz-focus-inner {

border: 0;

outline: 0;

}





/* 3. layout */

body {

font-family: 'Raleway', sans-serif;

font-size: 15px;

font-style: normal;

font-weight: 600;

text-align: left;

color: #111;

background: #111;

 -webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

-webkit-text-size-adjust: 100%;

   -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

-webkit-backface-visibility: hidden;

        backface-visibility: hidden;

width: 100%;

height: 100%;

overflow-x: hidden;

overflow-y: auto;

margin: 0;

padding: 0;

line-height: 2;

}



body.body-light {

background: #f7f7f7;

}



body.body-dark {

background: #111;

}



a {

color: #111;

text-decoration: none;

outline: none;

 -webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

-webkit-text-size-adjust: 100%;

   -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

-webkit-backface-visibility: hidden;

        backface-visibility: hidden;

-webkit-transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

     -o-transition: all 0.5s linear;

        transition: all 0.5s linear;

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

        transform: translate3d(0, 0, 0);

}



a:hover,

a:visited,

a:active,

a:focus {

color: #111;

text-decoration: none;

outline: none;

font-weight: 600;

-webkit-transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

     -o-transition: all 0.5s linear;

        transition: all 0.5s linear;

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

        transform: translate3d(0, 0, 0);

}



p {

text-align: center;

font-size: 15px;

font-weight: 600;

letter-spacing: 0.05em;

color: #111;

line-height: 2;

 -webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

-webkit-text-size-adjust: 100%;

   -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

-webkit-backface-visibility: hidden;

        backface-visibility: hidden;

}



p a,

p a:hover {

color: #111;

text-decoration: none;

outline: none;

font-weight: 600;

-webkit-transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

     -o-transition: all 0.5s linear;

        transition: all 0.5s linear;

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

        transform: translate3d(0, 0, 0);

}



strong {

font-weight: bold;

}



::-moz-selection {

background: #ccc;

color: #fff;

}



::selection {

background: #ccc;

color: #fff;

}



.nopadding {

padding: 0!important;

margin: 0!important;

}





/* 4. navigation */

/* navigation panels overlay */

.panel-overlay-from-left {

position: fixed;

width: 26%;

height: 100%;

overflow: hidden;

top: 0;

left: -100%;

background: rgba(247, 247, 247, .7);

-webkit-transition: all .8s ease-in-out;

   -moz-transition: all .8s ease-in-out;

    -ms-transition: all .8s ease-in-out;

     -o-transition: all .8s ease-in-out;

        transition: all .8s ease-in-out;

        opacity: 0;

   -moz-opacity: 0;

-webkit-opacity: 0;

filter: alpha(opacity=0);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

z-index: 200;

}



.panel-overlay-from-left.open {

left: 0;

        opacity: 1;

   -moz-opacity: 1;

-webkit-opacity: 1;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.panel-overlay-from-left.panel-overlay-from-left-home {

background: rgba(0, 0, 0, .7);

}



.panel-overlay-from-right {

position: fixed;

width: 75%;

height: 100%;

overflow: hidden;

top: 0;

right: -100%;

-webkit-transition: all .8s ease-in-out;

   -moz-transition: all .8s ease-in-out;

    -ms-transition: all .8s ease-in-out;

     -o-transition: all .8s ease-in-out;

        transition: all .8s ease-in-out;

        opacity: 0;

   -moz-opacity: 0;

-webkit-opacity: 0;

filter: alpha(opacity=0);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

z-index: 200;

}



.panel-overlay-from-right.open {

right: 0;

        opacity: 1;

   -moz-opacity: 1;

-webkit-opacity: 1;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}





/* navigation panels */

.panel-from-left {

position: fixed;

width: 26%;

height: 100%;

overflow-x: hidden;

overflow-y: auto;

top: 0;

left: -100%;

-webkit-transition: all .8s ease-in-out;

   -moz-transition: all .8s ease-in-out;

    -ms-transition: all .8s ease-in-out;

     -o-transition: all .8s ease-in-out;

        transition: all .8s ease-in-out;

        opacity: 0;

   -moz-opacity: 0;

-webkit-opacity: 0;

filter: alpha(opacity=0);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

z-index: 200;

}



.panel-from-left.open {

left: 0;

}



.panel-from-right {

position: fixed;

width: 75%;

height: 100%;

overflow-x: hidden;

overflow-y: auto;

top: 0;

right: -100%;

background: #fff;

-webkit-transition: all .8s ease-in-out;

   -moz-transition: all .8s ease-in-out;

    -ms-transition: all .8s ease-in-out;

     -o-transition: all .8s ease-in-out;

        transition: all .8s ease-in-out;

        opacity: 1;

   -moz-opacity: 1;

-webkit-opacity: 1;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

z-index: 200;

}



.panel-from-right.open {

right: 0;

}



.panel-from-right.panel-from-right-home {

background: #111;

}





/* navigation icon */

.round-menu-wrapper {

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 50px;

background: none;

z-index: 1001;

}



.round-menu.direction {

background: #111;

top: 50px;

right: 50px;	

-webkit-transition: all 1.5s ease;

   -moz-transition: all 1.5s ease;

	-ms-transition: all 1.5s ease;

     -o-transition: all 1.5s ease;

        transition: all 1.5s ease;	

}



@media only screen and (max-width: 880px) {

  .round-menu.direction {

	top: 30px;

    right: 30px;

  }

}



.round-menu {

position: absolute;

display: block;

width: 60px;

height: 60px;

top: 35px;

right: 35px;

margin: 0;

padding: 0;

border: none;

background: none;

-webkit-transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

        transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

-webkit-transition-property: color, -webkit-transform;

        transition-property: color, -webkit-transform;

        transition-property: transform, color;

        transition-property: transform, color, -webkit-transform;	

-webkit-border-radius: 0;

   -moz-border-radius: 0;

    -ms-border-radius: 0;

     -o-border-radius: 0;

        border-radius: 0;

-webkit-border-radius: 50%;

   -moz-border-radius: 50%;

    -ms-border-radius: 50%;

     -o-border-radius: 50%;

        border-radius: 50%;

-webkit-transition: all 1s ease;

   -moz-transition: all 1s ease;

	-ms-transition: all 1s ease;

     -o-transition: all 1s ease;

        transition: all 1s ease;

overflow: hidden;

cursor: pointer;

z-index: 10;

}



@media only screen and (max-width: 880px) {

  .round-menu {

    top: 15px;

    right: 15px;

  }

}



.round-menu::before {

content: "";

position: absolute;

display: block;

width: 60px;

height: 60px;

top: -webkit-calc(50% - 30px);

top: -moz-calc(50% - 30px);

top: calc(50% - 30px);

left: -webkit-calc(50% - 30px);

left: -moz-calc(50% - 30px);

left: calc(50% - 30px);

background: #fff;

        opacity: 0;

   -moz-opacity: 0;

-webkit-opacity: 0;

filter: alpha(opacity=0);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

-webkit-transition: all .5s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;

        transition: all .5s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;

-webkit-transition-property: opacity, -webkit-transform;

        transition-property: opacity, -webkit-transform;

        transition-property: transform, opacity;

        transition-property: transform, opacity, -webkit-transform;

-webkit-transform: scale(0.75);

        transform: scale(0.75);

-webkit-border-radius: 50%;

   -moz-border-radius: 50%;

    -ms-border-radius: 50%;

     -o-border-radius: 50%;

        border-radius: 50%;

z-index: 0;

}



.round-menu.direction.round-menu::before {

background: #111;

}



.round-menu.round-menu-home::before{

background: none;

}



.round-menu .dot-1,

.round-menu .dot-2,

.round-menu .dot-3 {

position: absolute;

display: block;

width: 5px;

height: 5px;

top: -webkit-calc(50% - 3px);

top: -moz-calc(50% - 3px);

top: calc(50% - 3px);

left: -webkit-calc(50% - 3px);

left: -moz-calc(50% - 3px);

left: calc(50% - 3px);

background: #111;

-webkit-transition: -webkit-transform .5s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;

        transition: -webkit-transform .5s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;

        transition: transform .5s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;

        transition: transform .5s cubic-bezier(0.075, 0.82, 0.165, 1) 0s, -webkit-transform .5s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;

-webkit-border-radius: 50%;

   -moz-border-radius: 50%;

    -ms-border-radius: 50%;

     -o-border-radius: 50%;

        border-radius: 50%;

z-index: 1;

}



.round-menu.direction .dot-1,

.round-menu.direction .dot-2,

.round-menu.direction .dot-3 {

background: #fff;

}



.round-menu.round-menu-home .dot-1,

.round-menu.round-menu-home .dot-2,

.round-menu.round-menu-home .dot-3 {

background: #fff;

}



.round-menu .dot-1 {

-webkit-transform: translateX(-12px);

        transform: translateX(-12px);

}



.round-menu .dot-3 {

-webkit-transform: translateX(12px);

        transform: translateX(12px);

}



.round-menu:hover::before {

-webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1;

   -moz-opacity: 1;

-webkit-opacity: 1;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.round-menu:hover .dot-1,

.round-menu:hover .dot-2,

.round-menu:hover .dot-3 {

mix-blend-mode: exclusion;

background: #fff;

}



.round-menu:hover .dot-1,

.round-menu:hover .dot-3 {

-webkit-transform: translateX(0);

        transform: translateX(0);

}





/* navigation links */

nav.navigation-menu {

position: relative;

width: 100%;

height: 100%;

background: none;

text-align: center;

margin: 0 auto;

}



nav.navigation-menu a {

text-decoration: none;

-webkit-transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

     -o-transition: all 0.5s linear;

        transition: all 0.5s linear;

left: 0;

right: 0;

margin-left: -25px;

margin-right: auto;

width: auto!important;

cursor: pointer;

}



nav.navigation-menu a:hover {

-webkit-transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

     -o-transition: all 0.5s linear;

        transition: all 0.5s linear;

}



nav.navigation-menu li {

margin: 0 auto 15px auto;

}



@media only screen and (max-width: 880px) {

  nav.navigation-menu li {

    margin: 0 auto 10px auto;

  }

}



nav.navigation-menu li:last-child {

margin: 0;

}



nav.navigation-menu a {

font-family: 'Montserrat', sans-serif;

font-size: 45px;

font-weight: 900;

font-style: normal;

text-transform: uppercase;

line-height: 1;

letter-spacing: -0.04em;

text-decoration: none;

color: #5f5f5f;

}



@media all and (min-width: 1920px) {

  nav.navigation-menu a {

	font-size: 55px;

  }

}



@media only screen and (max-width: 1200px) {

  nav.navigation-menu a {

    font-size: 35px;

  }

}



@media only screen and (max-width: 995px) {

  nav.navigation-menu a {

    font-size: 25px;

  }

}



@media only screen and (max-width: 880px) {

  nav.navigation-menu a {

    font-size: 20px;

  }

}



@supports((text-stroke: 1px #5f5f5f) or (-webkit-text-stroke: 1px #5f5f5f)) {

  nav.navigation-menu a.active {

    color: transparent;

    -webkit-text-stroke: 1px #5f5f5f;

            text-stroke: 1px #5f5f5f;

    text-shadow: none;

  }

}



nav.navigation-menu.navigation-menu-home a {

color: #e0e0e0;

}



@supports((text-stroke: 1px #e0e0e0) or (-webkit-text-stroke: 1px #e0e0e0)) {

  nav.navigation-menu.navigation-menu-home a.active {

    color: transparent;

    -webkit-text-stroke: 1px #e0e0e0;

            text-stroke: 1px #e0e0e0;

    text-shadow: none;

  }

}





/* center container menu */

.center-container-menu {

position: relative;

display: table;

width: 100%;

height: 100%;

}



.center-block-menu {

display: table-cell;

vertical-align: middle;

}





/* 5. bg color */

.bg-1 {

background: #111;

}



.bg-2 {

background: #f7f7f7;

}



.bg-3 {

background: #fff;

}





/* 6. post heading */

.post-heading a,

.post-heading a:hover,

.post-heading a:visited,

.post-heading a:active,

.post-heading a:focus {

font-weight: 700;

}



.post-heading,

.post-heading-all {

font-family: 'Montserrat', sans-serif;

font-size: 15px;

font-style: normal;

font-weight: 700;

text-transform: uppercase;

padding: 0;

text-align: left;

letter-spacing: 0.05em;

color: #fff;

margin: 0 0 -7px 0;

line-height: 2;

}



@media only screen and (max-width: 1200px) {

  .post-heading,

  .post-heading-all {

    font-size: 14px;

	margin: 0 0 -6px 0;

  }

}



@media only screen and (max-width: 995px) {

  .post-heading,

  .post-heading-all {

	margin: -5px 0 -6px 0;

  }

}



.post-heading-all.post-heading-all-2 {

font-size: 13px;

margin: 0 0 -5px 0;

}



@media only screen and (max-width: 995px) {

  .post-heading-all.post-heading-all-2 {

    font-size: 12px;

	margin: -5px 0;

  }

}



.post-heading-all-lead {

position: relative;

display: block;

padding-left: 30px;

color: #5f5f5f;

}



.post-heading-all-lead::after {

content: "";

position: absolute;

width: 20px;

height: 1px;

top: 50%;

left: 0;

background: #5f5f5f;

}



.post-heading.post-heading-inner {

margin: -6px 0;

}



h2.section-subheading {

font-family: 'Montserrat', sans-serif;

font-size: 15px;

font-style: normal;

font-weight: 700;

text-transform: uppercase;

padding: 0;

text-align: center;

letter-spacing: 0.05em;

color: #fff;

margin: -6px 0 -7px 0;

line-height: 2;

 -webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

-webkit-text-size-adjust: 100%;

   -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

-webkit-backface-visibility: hidden;

        backface-visibility: hidden;

}



@media only screen and (max-width: 1200px) {

  h2.section-subheading {

    font-size: 14px;

	margin: -7px 0;

  }

}



h2.section-subheading span {

position: relative;

display: inline-block;

padding-right: 30px;

line-height: 1;

}



h2.section-subheading span::before {

content: "";

position: absolute;

display: block;

top: 50%;

right: 0;

width: 20px;

height: 0;

margin-top: 0;

border-top: 1px solid #fff;

}





/* 7. parallax */

section {

position: relative;

margin: 0;

padding: 0;

background: none;

z-index: 1;

}



.parallax-container {

position: relative;

width: 100%;

height: 500px;

}



.parallax-container.parallax-container-home {

position: relative;

width: 100%;

height: 100vh;

overflow: hidden;

left: 0;

top: 0;

margin: 0;

}



.parallax-window {

min-height: 100%;

height: 100%;

background: transparent;

}





/* 8. button */

.button-the {

position: relative;

display: inline-block;

text-transform: uppercase;

text-align: left;

background: none;

padding: 5px 30px 5px 0;

-webkit-transition: all 0.5s ease;

   -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

     -o-transition: all 0.5s ease;

        transition: all 0.5s ease;

}



.button-the.button-the-submit {

border: none;

left: 15px;

top: 34px;

}



.button-the::before {

position: absolute;

content: "";

top: 50%;

right: 0;

width: 20px;

height: 1px;

background: #111;

-webkit-transition: all 0.5s ease;

   -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

     -o-transition: all 0.5s ease;

        transition: all 0.5s ease;

}



.button-the.button-the-light::before {

background: #fff;

}



.button-the:hover {

background: none;

-webkit-transition: all 0.5s ease;

   -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

     -o-transition: all 0.5s ease;

        transition: all 0.5s ease;

}



.button-the:hover::before {

right: -10px;

}



.button-the-wrapper {

margin: -3px 0 -4px 0;

}



.button-the-wrapper,

.button-the-wrapper a,

.button-the-wrapper a:hover,

.button-the-wrapper a:visited,

.button-the-wrapper a:active,

.button-the-wrapper a:focus {

font-family: 'Montserrat', sans-serif;

font-size: 12px;

line-height: 1;

font-style: normal;

text-transform: uppercase;

text-align: left;

font-weight: 700;

letter-spacing: 1px;

color: #111;

}



.button-the-wrapper.button-the-wrapper-light,

.button-the-wrapper.button-the-wrapper-light a,

.button-the-wrapper.button-the-wrapper-light a:hover,

.button-the-wrapper.button-the-wrapper-light a:visited,

.button-the-wrapper.button-the-wrapper-light a:active,

.button-the-wrapper.button-the-wrapper-light a:focus {

text-align: center;

color: #fff;

}



.button-the-wrapper.button-the-wrapper-dark,

.button-the-wrapper.button-the-wrapper-dark a,

.button-the-wrapper.button-the-wrapper-dark a:hover,

.button-the-wrapper.button-the-wrapper-dark a:visited,

.button-the-wrapper.button-the-wrapper-dark a:active,

.button-the-wrapper.button-the-wrapper-dark a:focus {

text-align: center;

color: #111;

}



.button-the-wrapper.button-the-wrapper-submit {

position: relative;

display: block;

width: 200px!important;

left: 0;

right: 0;

margin: -3px auto 30px auto;

text-align: center;

}



.button-the-wrapper.button-the-wrapper-submit,

.button-the-wrapper.button-the-wrapper-submit a,

.button-the-wrapper.button-the-wrapper-submit a:hover,

.button-the-wrapper.button-the-wrapper-submit a:visited,

.button-the-wrapper.button-the-wrapper-submit a:active,

.button-the-wrapper.button-the-wrapper-submit a:focus {

font-family: 'Montserrat', sans-serif;

font-size: 12px;

line-height: 1;

font-style: normal;

text-transform: uppercase;

text-align: center;

font-weight: 700;

letter-spacing: 1px;

color: #111;

}





/* 9. section heading h1 */

.section-txt {

margin: -2px auto -10px auto;

}



.section-txt-2 {

margin: -2px auto -10px auto;

line-height: 1;

}



h1.section-header {

font-family: 'Montserrat', sans-serif;

font-style: normal;

font-weight: 700;

font-size: 30px;

text-align: left;

text-transform: none;

letter-spacing: -0.02em;

color: #fff;

margin: -6px 0 -3px 0;

width: 100%;

line-height: 1.5;

text-shadow: none;

 -webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

-webkit-text-size-adjust: 100%;

   -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

-webkit-backface-visibility: hidden;

        backface-visibility: hidden;

}



@media all and (min-width: 1920px) {

  h1.section-header {

    font-size: 40px;

	margin: -10px 0 -5px 0;

  }

}



@media only screen and (max-width: 768px) {

  h1.section-header {

    font-size: 25px;

	margin: -5px 0 -2px 0;

  }

}



h1.section-header.section-header-dark {

color: #111;

}



h1.section-header.section-header-home {

text-align: center;

margin: -6px auto -3px auto;

color: #fff;

}



@media all and (min-width: 1920px) {

  h1.section-header.section-header-home {

    margin: -10px auto -5px auto;

  }

}



@media only screen and (max-width: 768px) {

  h1.section-header.section-header-home {

	margin: -5px auto -2px auto;

  }

}



h1.section-header.section-header-post {

font-size: 30px;

margin: -6px 0 -3px 0;

}



@media only screen and (max-width: 768px) {

  h1.section-header.section-header-post {

    font-size: 25px;

	margin: -5px 0 -2px 0;

  }

}





/* 10. section heading h2 */

h2.section-heading {

position: relative;

font-family: 'Montserrat', sans-serif;

font-size: 15px;

font-style: normal;

font-weight: 700;

text-transform: uppercase;

padding: 0;

text-align: left;

letter-spacing: 0.05em;

color: #fff;

margin: -6px 0 -7px 0;

line-height: 2;

}



@media only screen and (max-width: 1200px) {

  h2.section-heading {

    font-size: 14px;

	margin: -6px 0 -6px 0;

  }

}



h2.section-heading.section-heading-dark {

color: #111;

}



h2.section-heading span {

position: relative;

display: inline-block;

padding-right: 30px;

margin-right: 5px;

line-height: 1;

color: #fff;

}



h2.section-heading.section-heading-dark span {

color: #111;

}



h2.section-heading span::before {

content: "";

position: absolute;

display: block;

top: 50%;

right: 0;

width: 20px;

height: 0;

margin-top: -1px;

border-top: 1px solid #fff;

}



h2.section-heading.section-heading-dark span::before {

border-top: 1px solid #111;

}





/* 11. upper page */

.upper-page {

position: relative;

width: 100%;

height: 100%;

overflow: hidden;

left: 0;

top: 0;

margin: 0;

}





/* 12. animated text */

.animated-text-wrapper {

position: absolute;

height: 100%;

width: 100%;

top: 0;

left: 0;

z-index: 1;

}



.animated-text {

position: absolute;

display: flex;

white-space: nowrap;

top: 0;

left: 50%;

        opacity: 1;

   -moz-opacity: 1;

-webkit-opacity: 1;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

-webkit-animation: animated-text-animation 20s linear infinite;

        animation: animated-text-animation 20s linear infinite;

-webkit-transform: translate(-50%, 0%);

        transform: translate(-50%, 0%);

}



.animated-text .animated-text-content {

display: block;

white-space: nowrap;

font-family: 'Montserrat', sans-serif;

font-style: normal;

font-weight: 900;

font-size: 65px;

text-align: center!important;

text-transform: uppercase;

letter-spacing: -0.04em;

color: #5f5f5f;

margin: 0 auto;

width: 100%;

line-height: 100%;

position: relative;

z-index: 1;

}



@media only screen and (max-width: 995px) {

  .animated-text .animated-text-content {

    font-size: 45px;

  }

}



@media only screen and (max-width: 768px) {

  .animated-text .animated-text-content {

    font-size: 35px;

  }

}



.animated-text .animated-text-content span {

color: #5f5f5f;

}



@supports((text-stroke: 1px #5f5f5f) or (-webkit-text-stroke: 1px #5f5f5f)) {

  .animated-text .animated-text-content span {

    color: transparent;

    -webkit-text-stroke: 1px #5f5f5f;

            text-stroke: 1px #5f5f5f;

    text-shadow: none;

  }

}



@-webkit-keyframes animated-text-animation {

  0% {

    -webkit-transform: translate(-40%, 0%);

  }

  100% {

    -webkit-transform: translate(-60%, 0%);

  }

}

@keyframes rotate {

  0% {

    transform: translate(-40%, 0%);

  }

  100% {

    transform: translate(-60%, 0%);

  }

}





/* 13. page wrapper */

.page-wrapper {

position: relative;

left: 0;

right: 0; 

margin-left: auto;

margin-right: auto;

width: 100%!important;

background: #111;

-webkit-pointer-events: none;

   -moz-pointer-events: none;

        pointer-events: none;

-webkit-overflow-scrolling: touch;

        overflow-scrolling: touch;

-webkit-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);

   -moz-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);

    -ms-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);

     -o-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);

        transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);

z-index: 100;

}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  .page-wrapper {

    z-index: 150;

  }

}



.page-wrapper > * {

-webkit-pointer-events: auto;

   -moz-pointer-events: auto;

        pointer-events: auto;

}





/* 14. IMG carousel */

.carousel-item-img-wrapper {

position: relative;

height: auto;

overflow: hidden;

cursor: grab;

}



@media only screen and (max-width: 995px) {

  .carousel-item-img-wrapper {

    width: 100%;

  }

}



.carousel-item-img-wrapper.carousel-item-img-wrapper-all {

height: auto;

}



.carousel-item-all,

.img-project-all {

position: relative;

width: 100%;

background-position: center center;

background-repeat: no-repeat;

-webkit-background-size: cover;

   -moz-background-size: cover;

    -ms-background-size: cover;

     -o-background-size: cover;

        background-size: cover;

}



.carousel-item-all {

height: 70vh;

}



.img-project-all {

height: 50vh;

}





/* 15. post box */

.post-box-inner {

margin: 0 0 0 50px;

}



@media only screen and (max-width: 880px) {

  .post-box-inner {

    margin: 0 0 0 30px;

  }

}



.post-box-title {

font-family: 'Montserrat', sans-serif;

font-size: 15px;

font-style: normal;

font-weight: 700;

text-transform: uppercase;

padding: 0;

text-align: left;

letter-spacing: 0.05em;

color: #111;

margin: -6px 0 -7px 0;

}





/* 16. overlay */

.overlay::before {

content: "";

position: absolute;

display: block;

top: 0;

left: 0;

bottom: 0;

right: 0;

-webkit-pointer-events: none;

   -moz-pointer-events: none;

        pointer-events: none;

z-index: 1;

}



.overlay-dark::before {

background: rgba(0, 0, 0, .55);

-webkit-pointer-events: none;

   -moz-pointer-events: none;

        pointer-events: none;

}





/* 17. hero container */ 

.hero-fullscreen {

position: absolute;

width: 100%;

height: 100%;

left: 0;

top: 0;

overflow: hidden;

z-index: 0;

}



.hero-bg {

position: relative;

width: 100%;

height: 100%;

background-position: center center;

background-repeat: no-repeat;

-webkit-background-size: cover;

   -moz-background-size: cover;

    -ms-background-size: cover;

     -o-background-size: cover;

        background-size: cover;

}



.hero-fullscreen-FIX {

width: 100%;

height: 100%;

}





/* 18. home */

.home-page,

.footer-page {

position: relative;

width: 100%;

height: 60%;

text-align: center;

z-index: 1;

}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  .home-page,

  .footer-page {

    z-index: 150;

  }

}





/* 19. main title */

h1.main-title {

font-family: 'Montserrat', sans-serif;

font-style: normal;

font-weight: 900;

font-size: 75px;

text-align: center!important;

text-transform: uppercase;

letter-spacing: -0.04em;

color: #fff;

margin: 0 auto -12px auto;

width: 100%;

line-height: 100%;

position: relative;

z-index: 1;

}



@media all and (min-width: 1920px) {

  h1.main-title {

    font-size: 85px;

	margin: 0 auto -14px auto;

  }

}



@media only screen and (max-width: 1200px) {

  h1.main-title {

    font-size: 65px;

	margin: 0 auto -10px auto;

  }

}



@media only screen and (max-width: 995px) {

  h1.main-title {

    font-size: 45px;

	margin: 0 auto -6px auto;

  }

}



@media only screen and (max-width: 768px) {

  h1.main-title {

    font-size: 35px;

	margin: 0 auto -5px auto;

  }

}





/* 20. home credits */

.bottom-credits {

position: fixed;

display: block;

visibility: visible;

font-family: 'Montserrat', sans-serif;

font-size: 10px;

font-weight: 700;

letter-spacing: 0.05em;

font-style: normal;

text-transform: uppercase;

text-align: center;

color: #fff;

width: auto;

height: 50px;

right: 50px;

bottom: 14px;

font-size: 9px;

text-transform: uppercase;

text-align: left;

letter-spacing: 0.05em;

font-weight: 600;

 -webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

-webkit-text-size-adjust: 100%;

   -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

-webkit-backface-visibility: hidden;

        backface-visibility: hidden;

-webkit-transition: all .7s;

   -moz-transition: all .7s;

    -ms-transition: all .7s;

     -o-transition: all .7s;

        transition: all .7s;

z-index: 1002;

}



@media only screen and (max-width: 880px) {

  .bottom-credits {

    font-size: 9px;

	right: 30px;

    bottom: -7px;

  }

}



.bottom-credits a,

.bottom-credits a:hover {

color: #fff;

text-decoration: none;

}





/* 21. services panel */

.panel-wrapper {

position: relative;

background: none;

width: 100%;

height: calc(100% + 300px);

margin: -25px auto -45px 0;

z-index: 1;

}



.panel-title {

position: relative;

font-family: 'Montserrat', sans-serif;

font-size: 15px;

font-style: normal;

font-weight: 700;

text-transform: uppercase;

padding: 0;

text-align: left;

letter-spacing: 0.05em;

color: #111;

line-height: 2;

margin-left: -15px;

 -webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

-webkit-text-size-adjust: 100%;

   -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

-webkit-backface-visibility: hidden;

        backface-visibility: hidden;

}



@media only screen and (max-width: 1200px) {

  .panel-title {

    font-size: 14px;

  }

}



.panel-title-span {

color: #111;

}



.panel-group .panel {

border: none;

background: none;

box-shadow: none;

-webkit-border-radius: 0;

   -moz-border-radius: 0;

    -ms-border-radius: 0;

     -o-border-radius: 0;

        border-radius: 0;

}



.panel-group .panel .panel-heading {

border: none;

background: none;

}



.panel-group .panel .panel-heading h4 a {

display: block;

background: none;

padding: 15px;

-webkit-transition: 0.15s all ease-in-out;

   -moz-transition: 0.15s all ease-in-out;

    -ms-transition: 0.15s all ease-in-out;

     -o-transition: 0.15s all ease-in-out;

        transition: 0.15s all ease-in-out;

}



.panel-group .panel .panel-heading h4 a:hover,

.panel-group .panel .panel-heading h4 a:not(.collapsed) {

background: none;

-webkit-transition: 0.15s all ease-in-out;

   -moz-transition: 0.15s all ease-in-out;

    -ms-transition: 0.15s all ease-in-out;

     -o-transition: 0.15s all ease-in-out;

        transition: 0.15s all ease-in-out;

}



.panel-group .panel .panel-heading h4 a:not(.collapsed) i:before {

content: "\f209";

font-family: "Ionicons";

}



.ion {

font-size: 15px;

padding-right: 10px;

}



.panel-group .panel .panel-heading h4 a i {

position: relative;

display: block;

top: 7px;

left: -15px;

color: #111;

text-align: center;

}



@media only screen and (max-width: 880px) {

  .panel-group .panel .panel-heading h4 a i {

    top: 6px;

  }

}



.panel-group .panel .panel-body {

padding-top: 0;

}



.panel-group .panel .panel-heading + .panel-collapse > .list-group,

.panel-group .panel .panel-heading + .panel-collapse > .panel-body {

border-top: none;

background: none;

text-align: center;

padding: 25px 0;

}



.panel-group .panel + .panel {

border: none;

margin-top: 0; 

}



.panel-body p {

text-align: left;

color: #111;

}





/* 22. preloader */

.preloader-bg {

position: fixed;

width: 100%;

height: 100%;

overflow: hidden;

background: #000;

z-index: 999999;

}



.preloader-bg.preloader-bg-light {

background: #fff

}



#preloader {

position: fixed;

display: table;

table-layout: fixed;

width: 100%;

height: 100%;

overflow: hidden;

background: #000;

z-index: 999999;

}



#preloader.preloader-light {

background: #fff;

}



#preloader-status {

display: table-cell;

vertical-align: middle;

}



.preloader-position {

position: relative;

margin: 0 auto;

text-align: center;

-webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

     -o-box-sizing: border-box;

        box-sizing: border-box;

}



.loader {

position: relative;

width: 45px;

height: 45px;

left: 50%;

top: auto;

margin-left: -22px;

margin-top: 2px;

-webkit-animation: rotate 1s infinite linear;

   -moz-animation: rotate 1s infinite linear;

    -ms-animation: rotate 1s infinite linear;

     -o-animation: rotate 1s infinite linear;

        animation: rotate 1s infinite linear;

border: 3px solid rgba(255, 255, 255, .15);

-webkit-border-radius: 50%;

   -moz-border-radius: 50%;

    -ms-border-radius: 50%;

     -o-border-radius: 50%;

        border-radius: 50%;

}



.loader.loader-light {

border: 3px solid rgba(0, 0, 0, .15);

}



.loader span {

position: absolute;

width: 45px;

height: 45px;

top: -3px;

left: -3px;

border: 3px solid transparent;

border-top: 3px solid rgba(255, 255, 255, .75);

-webkit-border-radius: 50%;

   -moz-border-radius: 50%;

    -ms-border-radius: 50%;

     -o-border-radius: 50%;

        border-radius: 50%;

}



.loader.loader-light span {

border-top: 3px solid rgba(0, 0, 0, .75);

}



@-webkit-keyframes rotate {

  0% {

    -webkit-transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

  }

}

@keyframes rotate {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}





/* 23. inner spacer */

.inner-spacer {

position: relative;

margin: 0 auto;

padding: 0;

}



@media all and (min-width: 1920px) {

  .inner-spacer {

    padding: 0;

  }

}



@media only screen and (max-width: 1200px) {

  .inner-spacer {

    width: 100%;

    padding: 0 50px;

  }

}



@media only screen and (max-width: 880px) {

  .inner-spacer {

    padding: 0 30px;

  }

}



.inner-spacer-2 {

position: relative;

width: 100%!important;

padding: 0;

left: 0;

right: 0;

margin-left: 0; 

margin-right: 0;

}



section {

overflow-x: hidden!important;

}





/* 24. contact form */

#contact-form,

#contact-form-2 {

width: 100%;

margin: -20px auto 0 auto;

padding: 0;

}



form {

margin: 0;

padding: 0;

}



#form input {

position: relative;

width: 100%;

height: 40px;

border-bottom: 1px solid #111;

border-left: none;

border-right: none;

border-top: none;

padding: 5px 5px;

background: none;

margin: 10px 0 10px 0;

font-family: 'Raleway', sans-serif;

font-size: 13px;

letter-spacing: 0.05em;

line-height: 1.5;

font-style: normal;

font-weight: 600;

text-align: center;

color: #111;

-webkit-transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

     -o-transition: all 0.5s linear;

        transition: all 0.5s linear;

}



#contact-form-2 #form input {

border-bottom: 1px solid #111;

color: #111;

}



textarea {

position: relative;

width: 100%;

height: 100px;

border-bottom: 1px solid #111;

border-left: none;

border-right: none;

border-top: none;

padding: 5px 5px;

background: none;

margin: 5px;

font-family: 'Raleway', sans-serif;

font-size: 13px;

letter-spacing: 0.05em;

line-height: 1.5;

font-style: normal;

font-weight: 600;

text-align: center;

color: #111;

-webkit-transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

     -o-transition: all 0.5s linear;

        transition: all 0.5s linear;

}



#contact-form-2 textarea {

border-bottom: 1px solid #111;

color: #111;

}



#form textarea {

margin: 15px 0 10px 0;

-webkit-transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

     -o-transition: all 0.5s linear;

        transition: all 0.5s linear;

}



#form input:hover,

#form textarea:hover {

border-color: #5f5f5f;

-webkit-transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

     -o-transition: all 0.5s linear;

        transition: all 0.5s linear;

}



#form input:focus,

#form textarea:focus {

-webkit-transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

     -o-transition: all 0.5s linear;

        transition: all 0.5s linear;

}



.success {

font-family: 'Raleway', sans-serif;

font-size: 10px;

font-style: normal;

font-weight: 700;

letter-spacing: 0.15em;

text-transform: uppercase;

text-align: center;

color: #111;

margin: 0;

padding: 25px 0 0 15px;

line-height: 1;

 -webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

-webkit-text-size-adjust: 100%;

   -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

-webkit-backface-visibility: hidden;

        backface-visibility: hidden;

}



#contact-form-2 .success {

color: #111;

}



#form .error {

position: absolute;

display: block;

width: 200px!important;

left: 0;

right: 0;

margin: 0 auto;

padding: 0;

font-size: 9px;

text-transform: uppercase;

text-align: center;

color: #5f5f5f;

letter-spacing: 0.15em;

font-weight: 700;

 -webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

-webkit-text-size-adjust: 100%;

   -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

-webkit-backface-visibility: hidden;

        backface-visibility: hidden;

}



.make-space {

margin-left: 15px;

margin-right: 15px;

}



::-webkit-input-placeholder { font-size: 13px; color: #111; }

     :-ms-input-placeholder { font-size: 13px; color: #111; }

         ::-moz-placeholder { font-size: 13px; color: #111; }

     input:-moz-placeholder { font-size: 13px; color: #111; }



input:focus::-webkit-input-placeholder { color: transparent; }

     input:focus:-ms-input-placeholder { color: transparent; }

         input:focus::-moz-placeholder { color: transparent; }

          input:focus:-moz-placeholder { color: transparent; }



textarea:focus::-webkit-input-placeholder { color: transparent; }

     textarea:focus:-ms-input-placeholder { color: transparent; }

         textarea:focus::-moz-placeholder { color: transparent; }

          textarea:focus:-moz-placeholder { color: transparent; }

		  

#contact-form-2 ::-webkit-input-placeholder { font-size: 13px; color: #111; }

     #contact-form-2 :-ms-input-placeholder { font-size: 13px; color: #111; }

         #contact-form-2 ::-moz-placeholder { font-size: 13px; color: #111; }

     #contact-form-2 input:-moz-placeholder { font-size: 13px; color: #111; }

		  

		  

/* 25. videos */





/* 26. social icons */

.social-icons {

position: relative;

font-family: 'Montserrat', sans-serif;

font-size: 10px;

font-weight: 700;

letter-spacing: 0.05em;

font-style: normal;

text-transform: uppercase;

text-align: center;

color: #111;

margin: 10px auto 0 -30px;

line-height: 1;

 -webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

-webkit-text-size-adjust: 100%;

   -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

-webkit-backface-visibility: hidden;

        backface-visibility: hidden;

-webkit-transition: all 1.5s ease;

   -moz-transition: all 1.5s ease;

	-ms-transition: all 1.5s ease;

     -o-transition: all 1.5s ease;

        transition: all 1.5s ease;

}



.social-icons a,

.social-icons a:hover {

outline: none;

text-decoration: none;

 -webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

-webkit-text-size-adjust: 100%;

   -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

-webkit-backface-visibility: hidden;

        backface-visibility: hidden;

}



.social-icons li a:hover,

.social-icons li a:visited,

.social-icons li a:active,

.social-icons li a:focus {

font-family: 'Montserrat', sans-serif;

font-size: 10px;

font-weight: 700;

letter-spacing: 0.05em;

font-style: normal;

text-transform: uppercase;

}



.social-icons li {

display: inline;

padding: 0;

}



.social-icons li span {

color: #111;

padding: 0 10px;

}



.social-icons a,

.social-icons a:hover,

.social-icons a:visited,

.social-icons a:active,

.social-icons a:focus {

color: #111;

}





/* 26.1. social icons home */

.social-icons-home {

position: fixed;

width: auto;

height: 48px;

line-height: 48px;

 -webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

-webkit-text-size-adjust: 100%;

   -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

-webkit-backface-visibility: hidden;

        backface-visibility: hidden;

z-index: 1;

}



.social-icons-home a,

.social-icons-home a:hover {

outline: none;

text-decoration: none;

 -webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

-webkit-text-size-adjust: 100%;

   -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

-webkit-backface-visibility: hidden;

        backface-visibility: hidden;

}



.social-icons-home {

-webkit-transition: all 1.5s ease;

   -moz-transition: all 1.5s ease;

	-ms-transition: all 1.5s ease;

     -o-transition: all 1.5s ease;

        transition: all 1.5s ease;

}



.social-icons-home {

margin-top: 0;

left: -103px;

top: 50%;

-webkit-transform: rotate(-90deg);	

   -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

     -o-transform: rotate(-90deg);

        transform: rotate(-90deg);

}



@media all and (min-width: 1920px) {

  .social-icons-home {

	left: -103px;

  }

}



@media only screen and (max-width: 880px) {

  .social-icons-home {

	left: -113px;

  }

}



.social-icons-home li a,

.social-icons-home li a:hover,

.social-icons-home li a:visited,

.social-icons-home li a:active,

.social-icons-home li a:focus {

font-family: 'Montserrat', sans-serif;

font-size: 10px;

font-weight: 700;

letter-spacing: 0.05em;

font-style: normal;

text-transform: uppercase;

text-align: center;

color: #fff;

 -webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

-webkit-text-size-adjust: 100%;

   -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

-webkit-backface-visibility: hidden;

        backface-visibility: hidden;

-webkit-transition: all 1.5s ease;

   -moz-transition: all 1.5s ease;

	-ms-transition: all 1.5s ease;

     -o-transition: all 1.5s ease;

        transition: all 1.5s ease;

}



@media only screen and (max-width: 880px) {

  .social-icons-home li a,

  .social-icons-home li a:hover,

  .social-icons-home li a:visited,

  .social-icons-home li a:active,

  .social-icons-home li a:focus {

    font-size: 9px;

  }

}



.social-icons-home li {

display: inline;

padding-left: 10px;

}



.social-icons-home li span {

color: #fff;

padding-left: 10px;

}





/* 27. to top arrow */

.to-top-arrow {

position: fixed;

width: 50px;

height: 50px;

line-height: 50px;

right: 50px;

bottom: -10px;

font-size: 16px;

text-align: center;

color: #fff;

background: #111;

        opacity: 0;

   -moz-opacity: 0;

-webkit-opacity: 0;

filter: alpha(opacity=0);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

-webkit-transform: translateY(40px);

   -moz-transform: translateY(40px);

    -ms-transform: translateY(40px);

     -o-transform: translateY(40px);

        transform: translateY(40px);		

-webkit-transition: all 1.5s ease;

   -moz-transition: all 1.5s ease;

	-ms-transition: all 1.5s ease;

     -o-transition: all 1.5s ease;

        transition: all 1.5s ease;

-webkit-border-radius: 50%;

   -moz-border-radius: 50%;

    -ms-border-radius: 50%;

     -o-border-radius: 50%;

        border-radius: 50%;

cursor: pointer;

z-index: 115;

}



@media only screen and (max-width: 880px) {

  .to-top-arrow {

    right: 30px;

  }

}



.to-top-arrow.show {

bottom: 30px;

-webkit-transform: translateY(-20px);

   -moz-transform: translateY(-20px);

    -ms-transform: translateY(-20px);

     -o-transform: translateY(-20px);

        transform: translateY(-20px);

        opacity: 1;

   -moz-opacity: 1;

-webkit-opacity: 1;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



@media only screen and (max-width: 880px) {

  .to-top-arrow.show {

    bottom: 10px;

  }

}



.to-top-arrow:hover {

        opacity: 1;

   -moz-opacity: 1;

-webkit-opacity: 1;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}





/* 28. logo */

.logo {

position: absolute;

display: inline-block;

top: 50px;

left: 50px;

line-height: 0;

        opacity: 1;

   -moz-opacity: 1;

-webkit-opacity: 1;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

-webkit-transition: all .3s ease-in-out;

   -moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

     -o-transition: all .3s ease-in-out;

        transition: all .3s ease-in-out;

cursor: pointer;

z-index: 150;

}



@media only screen and (max-width: 880px) {

  .logo {

	top: 30px;

    left: 30px;

  }

}



.logo-img::before {

content: "";

display: block;

width: 57px;

height: 34px;

line-height: 34px;

-webkit-transition: all .3s ease-in-out;

   -moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

     -o-transition: all .3s ease-in-out;

        transition: all .3s ease-in-out;

}



.logo.logo-light .logo-img::before {

background: url(../img/logo-light.png) no-repeat;

}



.logo.logo-dark .logo-img::before {

background: url(../img/logo-dark.png) no-repeat;

}





/* 29. Swiper CUSTOM */

/* 29.1. Swiper style 1 */

.hero-slider-wrapper {

position: relative;

width: 100%;

height: 100%;

z-index: 2;

}



.hero-slider-wrapper-img {

position: absolute;

top: 0;

right: 0;

bottom: 0;

left: 300px;

z-index: 1;

}



@media only screen and (max-width: 995px) {

  .hero-slider-wrapper-img {

    left: 0;

  }

}



.hero-slider-bg {

position: absolute;

width: 100%;

height: 100%;

background-repeat: no-repeat;

background-position: center;

-webkit-background-size: cover;

   -moz-background-size: cover;

    -ms-background-size: cover;

     -o-background-size: cover;

        background-size: cover;

		z-index: 1;

}



.swiper-container {

width: 100%;

height: 100%;

margin: 0 auto;

}



.hero-slider-img .swiper-slide {

position: relative;

float: left;

width: 100%;

height: 100%;

overflow: hidden;

}



.swiper-slide-txt {

position: relative;

width: 100%!important;

padding: 0;

left: 0;

right: 0;

margin-left: auto; 

margin-right: auto;

z-index: 1;

}



@media only screen and (max-width: 995px) {

  .swiper-slide-txt {

	padding: 0 10px;

	left: 0;

  }

}



.swiper-slide-txt-inner {

position: relative;

max-width: 600px;

}



@media only screen and (max-width: 995px) {

  .swiper-slide-txt-inner {

    max-width: 100%;

  }

}



.swiper-slide-pagination {

position: absolute;

width: 8px;

left: 58px;

bottom: 59px;

z-index: 10;

}



@media only screen and (max-width: 995px) {

  .swiper-slide-pagination {

    left: 100px;

    bottom: 94px;

  }

}



@media only screen and (max-width: 768px) {

  .swiper-slide-pagination {

    left: 60px;

    bottom: 54px;

  }

}



.swiper-slide-pagination::before {

content: "";

position: absolute;

top: -50px;

left: 0;

right: 0;

bottom: -50px;

background: none;

}



.swiper-slide-pagination .swiper-pagination-bullet {

position: relative;

width: 100%;

height: 6px;

background: none;

        opacity: 1;

   -moz-opacity: 1;

-webkit-opacity: 1;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.swiper-slide-pagination .swiper-pagination-bullet:last-child {

margin-bottom: 0;

}



.swiper-slide-pagination .swiper-pagination-bullet::before,

.swiper-slide-pagination .swiper-pagination-bullet::after {

content: "";

position: absolute;

width: 6px;

height: 6px;

top: 0;

left: 50%;

background: #fff;

margin: 0;

-webkit-border-radius: 50%;

   -moz-border-radius: 50%;

    -ms-border-radius: 50%;

     -o-border-radius: 50%;

        border-radius: 50%;

}



.swiper-slide-pagination .swiper-pagination-bullet::after {

content: "";

position: absolute;

width: 8px;

height: 8px;

top: 50%;

left: 50%;

margin: -4px 0 0 -1px;

-webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

     -o-box-sizing: border-box;

        box-sizing: border-box;

-webkit-transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

     -o-transition: all 0.5s linear;

        transition: all 0.5s linear;

-webkit-transform: scale(0);

   -moz-transform: scale(0);

    -ms-transform: scale(0);

     -o-transform: scale(0);

        transform: scale(0);

}



.swiper-slide-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {

-webkit-transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

     -o-transition: all 0.5s linear;

        transition: all 0.5s linear;

-webkit-transform: scale(1.8);

   -moz-transform: scale(1.8);

    -ms-transform: scale(1.8);

     -o-transform: scale(1.8);

        transform: scale(1.8);

background: #fff;

}



.slider-progress-bar {

position: absolute;

top: 0;

left: 0;

z-index: -1;

}



.circle-svg {

position: absolute;

left: 0;

-webkit-transform: scale(1) rotate(-90deg);

   -moz-transform: scale(1) rotate(-90deg);

    -ms-transform: scale(1) rotate(-90deg);

     -o-transform: scale(1) rotate(-90deg);

        transform: scale(1) rotate(-90deg);

-webkit-transition: transform .4s ease;

   -moz-transition: transform .4s ease;

    -ms-transition: transform .4s ease;

     -o-transition: transform .4s ease;

        transition: transform .4s ease;

-webkit-transition: -webkit-transform .4s ease;

   -moz-transition: -moz-transform .4s ease;

    -ms-transition: -ms-transform .4s ease;

     -o-transition: -o-transform .4s ease;

        transition: transform .4s ease;

}



.circle-svg circle {

stroke-dasharray: 400px;

}



.circle {

stroke-dashoffset: 400px;

}



.slider-progress-bar.slider-active .circle {

stroke-dashoffset: 200px;

-webkit-transition: linear 3s stroke-dashoffset;

        transition: linear 3s stroke-dashoffset;

}



.swiper-slide-controls-play-pause {

position: absolute;

width: 50px;

height: 50px;

line-height: 50px;

right: 170px;

bottom: 40px;

-webkit-transition: all .4s ease-out;

   -moz-transition: all .4s ease-out;

    -ms-transition: all .4s ease-out;

     -o-transition: all .4s ease-out;

        transition: all .4s ease-out;

-webkit-border-radius: 50%;

   -moz-border-radius: 50%;

    -ms-border-radius: 50%;

     -o-border-radius: 50%;

        border-radius: 50%;

font-size: 16px;

color: #fff;

background: #2d2d2d;

cursor: pointer;

z-index: 10;

}



@media only screen and (max-width: 995px) {

  .swiper-slide-controls-play-pause {

	right: 150px;

    bottom: 100px;

  }

}



@media only screen and (max-width: 768px) {

  .swiper-slide-controls-play-pause {

	right: 150px;

    bottom: 60px;

  }

}



.swiper-slide-controls-play-pause:hover {

-webkit-transition: all .4s ease-out;

   -moz-transition: all .4s ease-out;

    -ms-transition: all .4s ease-out;

     -o-transition: all .4s ease-out;

        transition: all .4s ease-out;

background: #2d2d2d;

}



.swiper-slide-controls-play-pause i,

.swiper-slide-controls-play-pause i {

-webkit-transition: all .4s ease-out;

   -moz-transition: all .4s ease-out;

    -ms-transition: all .4s ease-out;

     -o-transition: all .4s ease-out;

        transition: all .4s ease-out;

		

}



.swiper-slide-controls-play-pause.slider-on-off i::before,

.slider-on-off-switch {

content: "\f478";

position: relative;

width: 50px!important;

left: 0;

right: 0;

margin-left: auto;

margin-right: auto;

text-align: center;

}





/* 29.2. Swiper style 2 */

.swiper-container-wrapper {

padding-top: 0!important;

height: 100%!important;

}



.swiper-slide {

overflow: hidden;

}



.swiper-slide-inner {

position: absolute;

width: 100%;

height: 100%;

left: 0;

top: 0;

background: #111;

-webkit-backface-visibility: hidden;

        backface-visibility: hidden;

}



.swiper-slide-inner-bg {

position: absolute;

width: 100%;

height: 100%;

background-position: center center;

-webkit-background-size: cover;

   -moz-background-size: cover;

    -ms-background-size: cover;

     -o-background-size: cover;

        background-size: cover;

-webkit-transition: opacity .6s ease-in-out, transform 2s ease .7s;

   -moz-transition: opacity .6s ease-in-out, transform 2s ease .7s;

    -ms-transition: opacity .6s ease-in-out, transform 2s ease .7s;

     -o-transition: opacity .6s ease-in-out, transform 2s ease .7s;

        transition: opacity .6s ease-in-out, transform 2s ease .7s;

-webkit-transform: scale(1.15);

   -moz-transform: scale(1.15);

    -ms-transform: scale(1.15);

     -o-transform: scale(1.15);

        transform: scale(1.15);

        opacity: 0.2;

   -moz-opacity: 0.2;

-webkit-opacity: 0.2;

filter: alpha(opacity=20);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";

}



.swiper-slide-active .swiper-slide-inner-bg {

-webkit-transform: scale(1);

   -moz-transform: scale(1);

    -ms-transform: scale(1);

     -o-transform: scale(1);

        transform: scale(1);

        opacity: 1;

   -moz-opacity: 1;

-webkit-opacity: 1;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.swiper-slide-inner-bg-2 {

position: absolute;

width: 100%;

height: 100%;

background-position: center center;

-webkit-background-size: cover;

   -moz-background-size: cover;

    -ms-background-size: cover;

     -o-background-size: cover;

        background-size: cover;

        opacity: 1;

   -moz-opacity: 1;

-webkit-opacity: 1;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

-webkit-transition: opacity .6s ease-in-out, transform 2s ease .7s;

   -moz-transition: opacity .6s ease-in-out, transform 2s ease .7s;

    -ms-transition: opacity .6s ease-in-out, transform 2s ease .7s;

     -o-transition: opacity .6s ease-in-out, transform 2s ease .7s;

        transition: opacity .6s ease-in-out, transform 2s ease .7s;

-webkit-transform: scale(1.15);

   -moz-transform: scale(1.15);

    -ms-transform: scale(1.15);

     -o-transform: scale(1.15);

        transform: scale(1.15);

}



.swiper-slide-active .swiper-slide-inner-bg-2 {

        opacity: 1;

   -moz-opacity: 1;

-webkit-opacity: 1;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

-webkit-transform: scale(1);

   -moz-transform: scale(1);

    -ms-transform: scale(1);

     -o-transform: scale(1);

        transform: scale(1);

}



.swiper-slide-inner-bg-3 {

position: absolute;

width: 100%;

height: 100%;

background-position: center center;

-webkit-background-size: cover;

   -moz-background-size: cover;

    -ms-background-size: cover;

     -o-background-size: cover;

        background-size: cover;

-webkit-transition: opacity .6s ease-in-out, transform 2s ease .7s;

   -moz-transition: opacity .6s ease-in-out, transform 2s ease .7s;

    -ms-transition: opacity .6s ease-in-out, transform 2s ease .7s;

     -o-transition: opacity .6s ease-in-out, transform 2s ease .7s;

        transition: opacity .6s ease-in-out, transform 2s ease .7s;

-webkit-transform: scale(1.15);

   -moz-transform: scale(1.15);

    -ms-transform: scale(1.15);

     -o-transform: scale(1.15);

        transform: scale(1.15);

        opacity: 0.2;

   -moz-opacity: 0.2;

-webkit-opacity: 0.2;

filter: alpha(opacity=20);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";

}



.swiper-slide-active .swiper-slide-inner-bg-3 {

        opacity: 1;

   -moz-opacity: 1;

-webkit-opacity: 1;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

-webkit-transform: scale(1);

   -moz-transform: scale(1);

    -ms-transform: scale(1);

     -o-transform: scale(1);

        transform: scale(1);

}



.swiper-slide-inner-bg-4 {

position: absolute;

width: 100%;

height: 100%;

background-position: center center;

-webkit-background-size: cover;

   -moz-background-size: cover;

    -ms-background-size: cover;

     -o-background-size: cover;

        background-size: cover;

        opacity: 1;

   -moz-opacity: 1;

-webkit-opacity: 1;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.swiper-slide-active .swiper-slide-inner-bg-4 {

        opacity: 1;

   -moz-opacity: 1;

-webkit-opacity: 1;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.swiper-slide-inner-txt {

position: absolute;

width: auto;

left: 257px;

bottom: 257px;

-webkit-transition: opacity .4s ease;

   -moz-transition: opacity .4s ease;

    -ms-transition: opacity .4s ease;

     -o-transition: opacity .4s ease;

        transition: opacity .4s ease;

-webkit-user-select: none;

   -moz-user-select: none;

    -ms-user-select: none;

        user-select: none;

        opacity: 0;

   -moz-opacity: 0;

-webkit-opacity: 0;

filter: alpha(opacity=0);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

z-index: 15; 

}



@media only screen and (max-width: 995px) {

  .swiper-slide-inner-txt {

    width: 100%!important;

	top: 50%;

	left: 50%;

	bottom: auto;

	margin: 0;

	-webkit-transform: translate(-50%, -50%);

       -moz-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

  }

}



.swiper-slide-inner-txt-2 {

position: absolute;

width: 100%!important;

top: 50%;

left: 50%;

bottom: auto;

margin: 0;

padding: 0;

-webkit-transform: translate(-50%, -50%);

   -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

-webkit-transition: opacity .4s ease;

   -moz-transition: opacity .4s ease;

    -ms-transition: opacity .4s ease;

     -o-transition: opacity .4s ease;

        transition: opacity .4s ease;

-webkit-user-select: none;

   -moz-user-select: none;

    -ms-user-select: none;

        user-select: none;

        opacity: 0;

   -moz-opacity: 0;

-webkit-opacity: 0;

filter: alpha(opacity=0);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

z-index: 15;

}



@media all and (min-width: 1920px) {

  .swiper-slide-inner-txt-2 {

    margin-left: auto; 

    margin-right: auto;

	top: auto;

    bottom: 257px;

	-webkit-transform: translate(-50%, 0%);

       -moz-transform: translate(-50%, 0%);

        -ms-transform: translate(-50%, 0%);

            transform: translate(-50%, 0%);

  }

}



@media only screen and (max-width: 995px) {

  .swiper-slide-inner-txt-2 {

    width: 100%!important;

	top: 50%;

	left: 50%;

	bottom: auto;

	margin: 0;

	-webkit-transform: translate(-50%, -50%);

       -moz-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

  }

}



.swiper-slide-active .swiper-slide-inner-txt,

.swiper-slide-active .swiper-slide-inner-txt-2 {

-webkit-transition: opacity 1.8s ease 1.2s;

   -moz-transition: opacity 1.8s ease 1.2s;

    -ms-transition: opacity 1.8s ease 1.2s;

     -o-transition: opacity 1.8s ease 1.2s;

        transition: opacity 1.8s ease 1.2s;

        opacity: 1;

   -moz-opacity: 1;

-webkit-opacity: 1;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.swiper-slide-inner-txt-all {

position: absolute;

width: auto;

left: 257px;

bottom: 257px;

z-index: 15;

}



@media only screen and (max-width: 995px) {

  .swiper-slide-inner-txt-all {

    width: 100%!important;

	top: 50%;

	left: 50%;

	bottom: auto;

	margin: 0;

	-webkit-transform: translate(-50%, -50%);

       -moz-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

  }

}





/* 29.3. Swiper style 3 */

.parallax .swiper-container {

width: 100%;

height: 100%;

background: #111;

}



.parallax .swiper-slide {

margin: 0;

padding: 0;

-webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

        box-sizing: border-box;

}

	

.parallax .parallax-bg {

position: absolute;

width: 120%;

height: 100%;

left: 0;

top: 0;

background-position: center center;

background-repeat: no-repeat;

-webkit-background-size: cover;

   -moz-background-size: cover;

    -ms-background-size: cover;

     -o-background-size: cover;

        background-size: cover;

}



.parallax .swiper-slide .text {

position: absolute;

width: 100%!important;

top: 50%;

left: 50%;

bottom: auto;

margin: 0;

padding: 0;

-webkit-transform: translate(-50%, -50%);

   -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

-webkit-user-select: none;

   -moz-user-select: none;

    -ms-user-select: none;

        user-select: none;

z-index: 15;

}



@media all and (min-width: 1920px) {

  .parallax .swiper-slide .text {

    margin-left: auto; 

    margin-right: auto;

	top: auto;

    bottom: 257px;

	-webkit-transform: translate(-50%, 0%);

       -moz-transform: translate(-50%, 0%);

        -ms-transform: translate(-50%, 0%);

            transform: translate(-50%, 0%);

  }

}



@media only screen and (max-width: 995px) {

  .parallax .swiper-slide .text {

    width: 100%!important;

	top: 50%;

	left: 50%;

	bottom: auto;

	margin: 0;

	-webkit-transform: translate(-50%, -50%);

       -moz-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

  }

}





/* 29.4. Swiper style DEPPEX */

.hero-slider-bg-controls {

position: absolute;

left: 110px;

bottom: 50px;

z-index: 10;

}



@media only screen and (max-width: 880px) {

  .hero-slider-bg-controls {

    left: 90px;

    bottom: 30px;

  }

}



.swiper-slide-controls {

display: inline-block;

width: 50px;

height: 50px;

line-height: 50px;

-webkit-transition: all .4s ease-out;

   -moz-transition: all .4s ease-out;

    -ms-transition: all .4s ease-out;

     -o-transition: all .4s ease-out;

        transition: all .4s ease-out;

font-size: 16px;

color: #fff;

background: none;

cursor: pointer;

}



.swiper-slide-controls.slide-prev,

.swiper-slide-controls.slide-next {

position: relative;

width: 50px!important;

left: 0;

right: 0;

margin-left: auto;

margin-right: 6px;

text-align: center;

-webkit-border-radius: 50%;

   -moz-border-radius: 50%;

    -ms-border-radius: 50%;

     -o-border-radius: 50%;

        border-radius: 50%;

}



.swiper-slide-controls:hover {

-webkit-transition: all .4s ease-out;

   -moz-transition: all .4s ease-out;

    -ms-transition: all .4s ease-out;

     -o-transition: all .4s ease-out;

        transition: all .4s ease-out;

background: none;

}



@media only screen and (max-width: 880px) {

  .swiper-slide-controls.slide-next {

    margin-top: 10px;

  }

}





/* 29.5. Swiper style DEPPEX 2 */

.swiper-slide.swiper-slide-3 {

height: auto;

display: -webkit-box;

display: -moz-box;

display: -ms-flexbox;

display: -moz-flex;

display: -webkit-flex;

display: flex;

}



.swiper-slide-inner-txt-3 {

position: absolute;

width: 80%!important;

margin-left: auto; 

margin-right: auto;

top: 50%;

left: 50%;

-webkit-transform: translate(-50%, -50%);

   -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

        opacity: 1;

   -moz-opacity: 1;

-webkit-opacity: 1;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

-webkit-pointer-events: none;

   -moz-pointer-events: none;

        pointer-events: none;

z-index: 15;

}



.button-the-wrapper.button-the-wrapper-light.button-the-wrapper-light-home {

-webkit-pointer-events: auto;

   -moz-pointer-events: auto;

        pointer-events: auto;

}





/* 30. Magnific Popup CUSTOM */

.mfp-bg {

background: rgba(0, 0, 0, .7);

}



.mfp-arrow-left:after {

font-family: "Ionicons";

content: "\f124";

font-size: 16px;

font-weight: 500;

color: #fff;

margin-top: 22px;

left: 15px;

}



.mfp-arrow-right:after {

font-family: "Ionicons";

content: "\f125";

font-size: 16px;

font-weight: 500;

color: #fff;

margin-top: 22px;

right: 15px;

}



.mfp-zoom-out-cur,

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {

cursor: crosshair;

}



.mfp-arrow-left:after,

.mfp-arrow-left:before {

border-right: none;

}



.mfp-arrow-right:after,

.mfp-arrow-right:before {

border-left: none;

}



.mfp-title,

.mfp-counter {

font-family: 'Raleway', sans-serif;

font-size: 13px;

line-height: 1.5;

font-style: normal;

font-weight: 700;

letter-spacing: 0.05em;

color: #fff;

}



.mfp-close {

font-weight: 500!important;

color: #fff!important;

cursor: pointer!important;

}



.mfp-arrow-left,

.mfp-arrow-right {

z-index: 99998!important;

}



.mfp-bg {

z-index: 99996!important;

}



.mfp-wrap {

z-index: 99997!important;

}



.mfp-content {

z-index: 99998!important;

}



.mfp-close,

.mfp-arrow {

color: #fff;

        opacity: 1;

   -moz-opacity: 1;

-webkit-opacity: 1;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}





/* 31. Lity CUSTOM */

.lity {

z-index: 99999;

cursor: crosshair;

background: rgba(0, 0, 0, .55);

}



.lity-close {

width: 35px!important;

max-width: 35px;

height: 35px;

top: 40px;

left: 0;

right: 0;

margin-left: auto;

margin-right: auto;

font-weight: 500!important;

}



@media only screen and (max-width: 880px) {

  .lity-close {

    top: 20px;

  }

}



.lity-close:active {

width: 35px!important;

max-width: 35px;

height: 35px;

top: 40px;

left: 0;

right: 0;

margin-left: auto;

margin-right: auto;

}



@media only screen and (max-width: 880px) {

  .lity-close:active {

    top: 20px;

  }

}



.lity-close,

.lity-close:hover,

.lity-close:focus,

.lity-close:active,

.lity-close:visited {

text-shadow: none;

}





/* 32. Owl Carousel CUSTOM */

.owl-nav-wrapper {

position: absolute;

right: 45px;

bottom: 50px;

}



.owl-nav-custom-all {

position: relative;

width: 115px;

height: 50px;

margin: 0 0 0 50px;

}



@media only screen and (max-width: 880px) {

  .owl-nav-custom-all {

    margin: 0 0 0 30px;

  }

}



.owl-buttons {

position: static;

}



.owl-prev,

.owl-next {

position: absolute;

display: block;

text-align: center;

}



.owl-prev {

left: 0;

}



.owl-next {

left: 60px;

}



.owl-prev,

.owl-next {

width: 50px;

height: 50px;

line-height: 50px;

-webkit-transition: all .4s ease-out;

   -moz-transition: all .4s ease-out;

    -ms-transition: all .4s ease-out;

     -o-transition: all .4s ease-out;

        transition: all .4s ease-out;

-webkit-border-radius: 50%;

   -moz-border-radius: 50%;

    -ms-border-radius: 50%;

     -o-border-radius: 50%;

        border-radius: 50%;

font-size: 12px;

color: #fff;

background: #111;

cursor: pointer;

z-index: 10;	

}



.owl-prev:hover,

.owl-next:hover {

-webkit-transition: all .4s ease-out;

   -moz-transition: all .4s ease-out;

    -ms-transition: all .4s ease-out;

     -o-transition: all .4s ease-out;

        transition: all .4s ease-out;

background: #111;

}



.owl-prev.disabled,

.owl-next.disabled {

content: "";

position: absolute;

display: block;

width: 50px;

height: 50px;

line-height: 50px;

background: #5f5f5f!important;

-webkit-border-radius: 50%;

   -moz-border-radius: 50%;

    -ms-border-radius: 50%;

     -o-border-radius: 50%;

        border-radius: 50%;

-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

   -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

        transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

cursor: default!important;

}





/* 33. news */

.blog-quote {

line-height: 100px;

padding: 0 0 0 50px;

border-left: 5px solid #111;

margin: 0;

}



@media only screen and (max-width: 768px) {

  .blog-quote {

    padding: 0 0 0 30px;

	margin: 0;

  }

}



.blog-quote p {

font-size: 23px;

font-weight: 700;

}



@media only screen and (max-width: 995px) {

  .blog-quote p {

    font-size: 20px;

  }

}



.date {

position: relative;

color: #111;

padding-left: 0;

bottom: -7px;

}



.date {

font-family: 'Montserrat', sans-serif;

font-size: 12px;

line-height: 1;

font-style: normal;

text-transform: uppercase;

text-align: left;

font-weight: 700;

letter-spacing: 1px;

color: #111;

}



.blog-comments h4 {

position: relative;

font-family: 'Montserrat', sans-serif;

font-weight: 700;

margin: -3px 0 -1px 0;

}



.blog-comments .profile-photo img {

position: relative;

margin: 10px 0 23px 0;

}



.blog-comments .comments p {

margin: 0;

}





/* 34. divider */

.inner-divider,

.inner-divider-half,

.inner-divider-ultra-half,

.inner-divider-50 {

position: relative;

width: 100%;

margin: 0 auto;

background: none;

z-index: -1;

}



.inner-divider {

height: 125px;

}



@media only screen and (max-width: 995px) {

  .inner-divider {

	height: 125px;

  }

}



.inner-divider-half {

height: 125px;

}



@media only screen and (max-width: 995px) {

  .inner-divider-half {

    height: 75px;

  }

}



.inner-divider-ultra-half {

height: 35px;

}



@media only screen and (max-width: 768px) {

  .inner-divider-ultra-half {

    height: 25px;

  }

}



.inner-divider-50 {

height: 50px;

}



@media only screen and (max-width: 768px) {

  .inner-divider-50 {

    height: 30px;

  }

}



.mobile-visible {

display: none;

visibility: hidden;

}



@media only screen and (max-width: 995px) {

  .mobile-visible {

    display: block;

    visibility: visible;

  }

  

  .mobile-hidden {

    display: none;

    visibility: hidden;

  }

}





/* 35. extra margin */

.extra-margin-owl,

.extra-margin-justify {

position: relative;

height: auto;

min-height: inherit;

overflow: hidden;

margin-left: 0;

margin-right: 0;

background: none;

}





/* 36. section subtitle */

.subtitle {

position: relative;

font-family: 'Montserrat', sans-serif;

font-size: 15px;

font-style: normal;

font-weight: 700;

text-transform: uppercase;

padding: 0;

text-align: left;

letter-spacing: 0.05em;

color: #111;

line-height: 2;

}



@media only screen and (max-width: 1200px) {

  .subtitle {

    font-size: 14px;

  }

}



@media only screen and (max-width: 995px) {

  .subtitle {

    font-size: 12px;

	letter-spacing: 1px;

  }

}



.subtitle.subtitle-home,

.subtitle.subtitle-home a,

.subtitle.subtitle-home a:hover,

.subtitle.subtitle-home a:visited,

.subtitle.subtitle-home a:active,

.subtitle.subtitle-home a:focus {

font-family: 'Montserrat', sans-serif;

font-size: 12px;

line-height: 1;

font-style: normal;

text-transform: uppercase;

text-align: center;

font-weight: 700;

letter-spacing: 1px;

color: #fff;

}



.subtitle.subtitle-light {

color: #fff;

}



.subtitle.subtitle-left {

text-align: left;

}



.subtitle.subtitle-normal {

text-transform: none;

}



@media only screen and (max-width: 995px) {

  .subtitle.subtitle-normal {

    font-size: 14px;

	letter-spacing: 1px;

  }

}



.subtitle {

margin: -6px auto;

}



@media all and (min-width: 1920px) {

  .subtitle {

	margin: -8px auto;

  }

}



@media only screen and (max-width: 1200px) {

  .subtitle {

	margin: -5px auto;

  }

}





/* 37. section title */

h1.main-title {

font-family: 'Montserrat', sans-serif;

font-style: normal;

font-weight: 900;

text-align: center!important;

text-transform: uppercase;

letter-spacing: -0.04em;

color: #fff;

width: 100%;

line-height: 1.15;

position: relative;

z-index: 3;

}



.main-title.main-title-all {

color: #111;

}



.main-title.main-title-all.main-title-all-left {

text-align: left!important;

}



.main-title.main-title-all.main-title-all-left {

margin: -12px auto;

}



@media all and (min-width: 1920px) {

  .main-title.main-title-all.main-title-all-left {

	margin: -14px auto;

  }

}



@media only screen and (max-width: 1200px) {

  .main-title.main-title-all.main-title-all-left {

	margin: -10px auto;

  }

}



@media only screen and (max-width: 995px) {

  .main-title.main-title-all.main-title-all-left {

	margin: -6px auto;

  }

}



@media only screen and (max-width: 768px) {

  .main-title.main-title-all.main-title-all-left {

	margin: -5px auto;

  }

}





/* 38. extras */

.section-txt.section-txt-light p {

color: #fff!important;

}



.section-txt.section-txt-dark p {

color: #111!important;

}



.button-the-wrapper.button-the-wrapper-all {

position: relative;

display: block;

width: 100%!important;

left: 0;

right: 0;

margin: 0 auto;

text-align: left!important;

}





/* 39. blog */

.blog-quote {

line-height: 100px;

padding: 0 0 0 50px;

border-left: 5px solid #111;

}



@media only screen and (max-width: 768px) {

  .blog-quote {

    padding: 0 0 0 30px;

  }

}



.blog-quote p {

font-size: 23px;

font-weight: 700;

}



@media only screen and (max-width: 995px) {

  .blog-quote p {

    font-size: 20px;

  }

}



.panel-from-left-blog {

position: fixed;

width: 25%;

height: 100vh;

overflow-x: hidden;

overflow-y: auto;

top: 0;

left: -100%;

background: #111;

-webkit-transition: all .8s ease-in-out;

   -moz-transition: all .8s ease-in-out;

    -ms-transition: all .8s ease-in-out;

     -o-transition: all .8s ease-in-out;

        transition: all .8s ease-in-out;

        opacity: 1;

   -moz-opacity: 1;

-webkit-opacity: 1;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

z-index: 99996!important;

}



@media only screen and (max-width: 1200px) {

  .panel-from-left-blog {

    width: 76%;

  }

}



.panel-from-left-blog.open {

left: 0;

}



.panel-overlay-from-right-blog {

position: fixed;

width: 76%;

height: 100vh;

overflow: hidden;

top: 0;

right: -100%;

background: rgba(0, 0, 0, .7);

-webkit-transition: all .8s ease-in-out;

   -moz-transition: all .8s ease-in-out;

    -ms-transition: all .8s ease-in-out;

     -o-transition: all .8s ease-in-out;

        transition: all .8s ease-in-out;

        opacity: 0;

   -moz-opacity: 0;

-webkit-opacity: 0;

filter: alpha(opacity=0);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

cursor: crosshair;

z-index: 99996!important;

}



@media only screen and (max-width: 1200px) {

  .panel-overlay-from-right-blog {

    width: 25%;

  }

}



.panel-overlay-from-right-blog.open {

right: 0;

        opacity: 1;

   -moz-opacity: 1;

-webkit-opacity: 1;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.blog-sidebar-wrapper {

position: relative;

margin: 0;

padding: 100px 50px;

}



.blog-side-text a,

.blog-side-text a:hover,

.blog-side-text a:visited,

.blog-side-text a:active,

.blog-side-text a:focus {

color: #fff;

text-decoration: none;

outline: none;

font-weight: 600;

-webkit-transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

     -o-transition: all 0.5s linear;

        transition: all 0.5s linear;

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

        transform: translate3d(0, 0, 0);

}



.blog-side-text a:hover {

color: #fff;

}



@media only screen and (max-width: 768px) {

  .blog-side-text a,

  .blog-side-text a:hover,

  .blog-side-text a:visited,

  .blog-side-text a:active,

  .blog-side-text a:focus {

    font-size: 14px;

  }

}



.blog-side-heading h3 {

font-family: 'Montserrat', sans-serif;

font-style: normal;

font-weight: 700;

font-size: 25px;

text-align: left;

text-transform: none;

letter-spacing: -0.02em;

color: #fff;

margin: -5px 0 -2px 0;

width: 100%;

line-height: 1.5;

text-shadow: none;

 -webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

-webkit-text-size-adjust: 100%;

   -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

-webkit-backface-visibility: hidden;

        backface-visibility: hidden;

}



@media only screen and (max-width: 768px) {

  .blog-side-heading h3 {

    font-size: 20px;

	margin: -5px 0 -2px 0;

  }

}



.blog-side-launcher {

position: fixed;

width: 50px;

height: 50px;

line-height: 50px;

left: 50px;

bottom: 50px;

font-size: 16px;

text-align: center;

color: #fff;

background: #111;

-webkit-border-radius: 50%;

   -moz-border-radius: 50%;

    -ms-border-radius: 50%;

     -o-border-radius: 50%;

        border-radius: 50%;	

-webkit-transition: all .7s;

   -moz-transition: all .7s;

    -ms-transition: all .7s;

     -o-transition: all .7s;

        transition: all .7s;	

cursor: pointer;

z-index: 115;

}



@media only screen and (max-width: 880px) {

  .blog-side-launcher {

    left: 30px;

    bottom: 30px;

  }

}



.blog-comments {

width: 100%;

margin: 0 auto;

padding: 0;

line-height: 1;

}



.comments {

text-align: center;

}



.comments a,

.comments a:hover,

.comments a:visited,

.comments a:active,

.comments a:focus {

font-size: 15px;

color: #111;

text-decoration: none;

outline: none;

font-weight: 600;

-webkit-transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

     -o-transition: all 0.5s linear;

        transition: all 0.5s linear;

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

        transform: translate3d(0, 0, 0);

}



.comments article {

position: relative;

margin: 0 auto;

}



.profile-photo {

display: block;

text-align: center;

margin: -8px auto -22px auto;

}



.comments article img {

width: 80px;

height: 80px;

border-width: 0;

-webkit-border-radius: 50%;

   -moz-border-radius: 50%;

    -ms-border-radius: 50%;

     -o-border-radius: 50%;

        border-radius: 50%;

margin: 15px auto 30px auto;

}



.comment-time {

font-family: 'Montserrat', sans-serif;

font-size: 11px;

text-transform: uppercase;

font-weight: 700;

}



.comment-responce {

padding-left: 75px;

}



.blog-search {

width: 300px;

}



@media only screen and (max-width: 1200px) {

  .blog-search {

    width: 300px;

  }

}



@media only screen and (max-width: 768px) {

  .blog-search {

    width: 250px;

  }

}



.blog-search input,

#submit-btn {

background: none;

outline: none;

border: none;

-webkit-border-radius: 0;

   -moz-border-radius: 0;

    -ms-border-radius: 0;

     -o-border-radius: 0;

        border-radius: 0;

color: #fff;

}



.blog-search input {

width: 250px;

height: 40px;

line-height: 40px;

border-bottom: 1px solid rgba(255, 255, 255, .5);

font-size: 13px;

color: #fff;

z-index: 1;

}



@media only screen and (max-width: 1200px) {

  .blog-search input {

    width: 250px;

  }

}



@media only screen and (max-width: 768px) {

  .blog-search input {

    width: 200px;

  }

}





/* 40. extras 2 */

.section-txt p,

.section-txt-2 p,

h1.section-header.section-header-post,

h2.section-subheading,

.comments,

.comments p,

.profile-photo,

.social-icons {

text-align: left!important;

color: #111;

}



@media only screen and (max-width: 995px) {

  h1.section-header {

    text-align: left!important;

  }

}



.social-icons {

margin: 10px 0 0 -40px;

}



h1.section-header.section-header-2 {

margin: -6px 0 -3px 15px;

}



@media all and (min-width: 1920px) {

  h1.section-header.section-header-2 {

	margin: -10px 0 -5px 15px;

  }

}



@media only screen and (max-width: 768px) {

  h1.section-header.section-header-2 {

	margin: -5px 0 -2px 15px;

  }

}



h1.section-header.section-header-3 {

padding: 0 15px;

}





/* 41. extras 3 */

.swiper-container {

width: 100%;

height: 100%;

margin: 0 auto;

}



.slider-progress-bar {

position: absolute;

top: 0;

left: 0;

z-index: -1;

}



.circle-svg circle,

.circle {

fill: none;

stroke: #fff;

stroke-dasharray: 3;

stroke-width: 1px;

}



.slider-progress-bar.slider-active .circle {

stroke-dashoffset: 200px;

-webkit-transition: linear 4s stroke-dashoffset;

        transition: linear 4s stroke-dashoffset;

}



.swiper-slide-controls-play-pause {

position: absolute;

width: 50px;

height: 50px;

line-height: 50px;

left: 50px;

bottom: 50px;

-webkit-transition: all .4s ease-out;

   -moz-transition: all .4s ease-out;

    -ms-transition: all .4s ease-out;

     -o-transition: all .4s ease-out;

        transition: all .4s ease-out;

-webkit-border-radius: 50%;

   -moz-border-radius: 50%;

    -ms-border-radius: 50%;

     -o-border-radius: 50%;

        border-radius: 50%;

font-size: 16px;

color: #fff;

background: none;

cursor: pointer;

z-index: 10;

}



@media only screen and (max-width: 880px) {

  .swiper-slide-controls-play-pause {

	left: 30px;

    bottom: 30px;

  }

}



.swiper-slide-controls-play-pause:hover {

-webkit-transition: all .4s ease-out;

   -moz-transition: all .4s ease-out;

    -ms-transition: all .4s ease-out;

     -o-transition: all .4s ease-out;

        transition: all .4s ease-out;

background: none;

}



.swiper-slide-controls-play-pause i,

.swiper-slide-controls-play-pause i {

-webkit-transition: all .4s ease-out;

   -moz-transition: all .4s ease-out;

    -ms-transition: all .4s ease-out;

     -o-transition: all .4s ease-out;

        transition: all .4s ease-out;

}



.swiper-slide-controls-play-pause.slider-on-off i::before,

.slider-on-off-switch {

content: "\f478";

position: relative;

width: 50px!important;

left: 0;

right: 0;

margin-left: auto;

margin-right: auto;

text-align: center;

}



.swiper-container-wrapper {

padding-top: 0!important;

height: 100%!important;

}



.swiper-slide {

overflow: hidden;

}



.swiper-slide-inner {

position: absolute;

width: 100%;

height: 100%;

left: 0;

top: 0;

background: none;

-webkit-backface-visibility: hidden;

        backface-visibility: hidden;

}



.swiper-slide-inner-bg {

position: absolute;

width: 100%;

height: 100%;

background-position: center center;

-webkit-background-size: cover;

   -moz-background-size: cover;

    -ms-background-size: cover;

     -o-background-size: cover;

        background-size: cover;

-webkit-transition: opacity .6s ease-in-out, transform 2s ease .8s;

   -moz-transition: opacity .6s ease-in-out, transform 2s ease .8s;

    -ms-transition: opacity .6s ease-in-out, transform 2s ease .8s;

     -o-transition: opacity .6s ease-in-out, transform 2s ease .8s;

        transition: opacity .6s ease-in-out, transform 2s ease .8s;

        opacity: 0.2;

   -moz-opacity: 0.2;

-webkit-opacity: 0.2;

filter: alpha(opacity=20);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";

}



.swiper-slide-active .swiper-slide-inner-bg {

        opacity: 1;

   -moz-opacity: 1;

-webkit-opacity: 1;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.swiper-slide-inner-txt {

position: absolute;

width: 100%!important;

top: 50%;

left: 50%;

bottom: auto;

margin: 0;

-webkit-transform: translate(-50%, -50%);

   -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

-webkit-transition: opacity .4s ease;

   -moz-transition: opacity .4s ease;

    -ms-transition: opacity .4s ease;

     -o-transition: opacity .4s ease;

        transition: opacity .4s ease;

-webkit-user-select: none;

   -moz-user-select: none;

    -ms-user-select: none;

        user-select: none;

        opacity: 0;

   -moz-opacity: 0;

-webkit-opacity: 0;

filter: alpha(opacity=0);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

z-index: 15;

}



.swiper-slide-active .swiper-slide-inner-txt {

-webkit-transition: opacity 1.8s ease .8s;

   -moz-transition: opacity 1.8s ease .8s;

    -ms-transition: opacity 1.8s ease .8s;

     -o-transition: opacity 1.8s ease .8s;

        transition: opacity 1.8s ease .8s;

        opacity: 1;

   -moz-opacity: 1;

-webkit-opacity: 1;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.swiper-slide-inner-txt.swiper-slide-inner-txt-2 {

width: 100%!important;

top: 50%;

left: 50%;

bottom: auto;

margin: 0;

-webkit-transform: translate(-50%, -50%);

   -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

}



.swiper-slide-inner-txt-all {			

position: absolute;

width: 100%!important;

top: 50%;

left: 50%;

bottom: auto;

margin: 0;

-webkit-transform: translate(-50%, -50%);

   -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

z-index: 15;

}



.swiper-slideshow .swiper-slideshow-wrapper {

position: relative;

width: 100%;

height: 100%;

overflow: hidden;

}



.swiper-slideshow .swiper-slideshow-wrapper .swiper-slide-active .swiper-slide-inner-bg {

-webkit-transition: all .8s linear;

   -moz-transition: all .8s linear;

    -ms-transition: all .8s linear;

     -o-transition: all .8s linear;

        transition: all .8s linear;

}



.swiper-slide-pagination {

position: absolute;

width: 8px;

top: 50%;

right: 56px;

left: auto;

bottom: auto;

-webkit-transform: translateY(-50%);

   -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

        transform: translateY(-50%);

z-index: 10;

}



@media only screen and (max-width: 880px) {

  .swiper-slide-pagination {

    right: 36px;

  }

}



h6 {

display: none!important;

visibility: hidden!important;

}





/* 42. main title */

h1.main-title span {

color: #fff;

letter-spacing: 0.05em;

}



@supports((text-stroke: 1px #fff) or (-webkit-text-stroke: 1px #fff)) {

  h1.main-title span {

    color: transparent;

    -webkit-text-stroke: 1px #fff;

            text-stroke: 1px #fff;

    text-shadow: none;

  }

}



h1.main-title.main-title-dark {

color: #111;

text-align: left!important;

}



h1.main-title.main-title-dark span {

color: #111;

letter-spacing: 0.05em;

}



@supports((text-stroke: 1px #111) or (-webkit-text-stroke: 1px #111)) {

  h1.main-title.main-title-dark span {

    color: transparent;

    -webkit-text-stroke: 1px #111;

            text-stroke: 1px #111;

    text-shadow: none;

  }

}



h1.main-title.main-title-all span {

color: #111;

letter-spacing: 0.05em;

}



@supports((text-stroke: 1px #111) or (-webkit-text-stroke: 1px #111)) {

  h1.main-title.main-title-all span {

    color: transparent;

    -webkit-text-stroke: 1px #111;

            text-stroke: 1px #111;

    text-shadow: none;

  }

}



h2.section-subheading.section-subheading-dark {

color: #111;

}



h2.section-subheading.section-subheading-dark span::before {

border-top: 1px solid #111;

}





/* 43. blockquote */

.testimonial {

position: relative;

text-align: left;

margin: -5px 0 -30px 0;

}



.testimonial.testimonial-bottom {

margin: -5px 0 -30px 0;

}



.testimonial .inner {

margin: 0 auto;

padding: 0;

}



.testimonial blockquote {

}



q,

blockquote {

quotes: none;

}



.quote-inner a,

.quote-inner a:hover {

color: #fff;

text-decoration: none;

}



.testimonial blockquote::before {

content: "\201C";

position: absolute;

color: rgba(255, 255, 255, .15);

font-family: Georgia, serif;

font-size: 265px;

font-style: normal;

left: -10px;

top: -80px;

z-index: -10;

display: none;

visibility: hidden;

}



@media only screen and (max-width: 880px) {

  .testimonial blockquote::before {

    font-size: 135px;

	top: -40px;

  }

}



.testimonial blockquote {

font-family: 'Montserrat', sans-serif;

font-style: normal;

font-weight: 700;

font-size: 30px;

text-align: left;

text-transform: none;

letter-spacing: -0.02em;

color: #fff;

width: 100%;

line-height: 1.5;

text-shadow: none;

 -webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

-webkit-text-size-adjust: 100%;

   -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

-webkit-backface-visibility: hidden;

        backface-visibility: hidden;

border-left: none;

padding: 0;

position: relative;

}



@media all and (min-width: 1920px) {

  .testimonial blockquote {

    font-size: 40px;

  }

}



@media only screen and (max-width: 768px) {

  .testimonial blockquote {

    font-size: 25px;

	margin: -5px 0 -2px 0;

  }

}



.testimonial.testimonial-dark blockquote {

color: #111;

}



.testimonial.testimonial-dark blockquote::before {

color: rgba(0, 0, 0, .15);

}





/* 44. HTML5 video */

video { 

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

object-fit: cover;

object-position: center;

}





/* 45. Montserrat -webkit-text-stroke Fix */

/* Black 900 */

@font-face {

  font-family: 'Montserrat';

  font-style: normal;

  font-weight: 900;

  src: url('fonts/Montserrat-Black.ttf') format('truetype'),

       url('fonts/Montserrat-Black.otf') format('opentype');

}



/* ExtraBold 800 */

@font-face {

  font-family: 'Montserrat';

  font-style: normal;

  font-weight: 800;

  src: url('fonts/Montserrat-ExtraBold.ttf') format('truetype'),

       url('fonts/Montserrat-ExtraBold.otf') format('opentype');

}



/* Bold 700 */

@font-face {

  font-family: 'Montserrat';

  font-style: normal;

  font-weight: 700;

  src: url('fonts/Montserrat-Bold.ttf') format('truetype'),

       url('fonts/Montserrat-Bold.otf') format('opentype');

}



/* SemiBold 600 */

@font-face {

  font-family: 'Montserrat';

  font-style: normal;

  font-weight: 600;

  src: url('fonts/Montserrat-SemiBold.ttf') format('truetype'),

       url('fonts/Montserrat-SemiBold.otf') format('opentype');

}



/* Medium 500 */

@font-face {

  font-family: 'Montserrat';

  font-style: normal;

  font-weight: 500;

  src: url('fonts/Montserrat-Medium.ttf') format('truetype'),

       url('fonts/Montserrat-Medium.otf') format('opentype');

}



/* Regular 400 */

@font-face {

  font-family: 'Montserrat';

  font-style: normal;

  font-weight: 400;

  src: url('fonts/Montserrat-Regular.ttf') format('truetype'),

       url('fonts/Montserrat-Regular.otf') format('opentype');

}



/* Light 300 */

@font-face {

  font-family: 'Montserrat';

  font-style: normal;

  font-weight: 300;

  src: url('fonts/Montserrat-Light.ttf') format('truetype'),

       url('fonts/Montserrat-Light.otf') format('opentype');

}



/* ExtraLight 200 */

@font-face {

  font-family: 'Montserrat';

  font-style: normal;

  font-weight: 200;

  src: url('fonts/Montserrat-ExtraLight.ttf') format('truetype'),

       url('fonts/Montserrat-ExtraLight.otf') format('opentype');

}



/* Thin 100 */

@font-face {

  font-family: 'Montserrat';

  font-style: normal;

  font-weight: 100;

  src: url('fonts/Montserrat-Thin.ttf') format('truetype'),

       url('fonts/Montserrat-Thin.otf') format('opentype');

}