@font-face {
    font-family: "bevietnam";
    src: url(../fonts/BeVietnam-Regular.ttf);
}
.fm-bevietnam{
    font-family: bevietnam;
}
.div-head-sec-1{
    top: 0%;
    left: 17%;
}
.img-carousel-mobile{
    display: none;
}
.form-sec-1{
    position: absolute;
    top: 18%;
    right: 18%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
    box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
}
/* Estilos formularioooo */
.title-form-1{
    font-size: 25px;
    color: #EC5928;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
}

.subtitle-form-1{
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 10px;
}
textarea {
    resize: none;
}
.form-label {
    font-size: 12px;
    color: #5e9bfc;
    margin: 0;
    display: block;
    opacity: 1;
    -webkit-transition: .333s ease top, .333s ease opacity;
    transition: .333s ease top, .333s ease opacity;
}
.form-control {
    border-radius: 0;
    border-color: #ccc;
        border-width: 0 0 2px 0;
        border-style: none none solid none;
        box-shadow: none;
}
.form-control::placeholder {
  font-style: italic;
  color: #BFBFBF;
}
.form-control:focus {
    box-shadow: none;
    border-color: #5e9bfc;
}
.js-hide-label {
    opacity: 0; 	
}
.js-unhighlight-label {
    color: #999 
}
.btn-start-order {
    background: 0 0 #ffffff;
    border: 1px solid #2f323a;
    border-radius: 3px;
    color: #2f323a;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    line-height: inherit;
    margin: 30px 0;
    padding: 10px 50px;
    text-transform: uppercase;
    transition: all 0.25s ease 0s;
}
.btn-start-order:hover,.btn-start-order:active, .btn-start-order:focus {
    border-color: #5e9bfc;
    color: #5e9bfc;
}
/* Centra el input personalizado con el texto */
.custom-radio-checkbox {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-family: arial;
}
/* Modificador para dar la imagen de checkbox */
.custom-radio-checkbox__show--checkbox {
    background-image: url(../images/icono-uncheck-box.png);
}
/* Oculta input original */
.custom-radio-checkbox > .custom-radio-checkbox__input {
    display: none;
}
/* Radio personalizado usando <span> */
.custom-radio-checkbox > .custom-radio-checkbox__show {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: .5rem;
    background-size: cover;
}

.mobile-header{
  background: url(../images/mobile-slider.png) no-repeat center top;
  background-size: 100% auto;
}

.bg-top-item{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 29%;
  z-index: 1;
}
.bg-top-item-r{
  position: absolute;
  right: 0px;
  top: 0px;
  width: 12%;
  z-index: 1;
}
.bg-bottom-item{
  position: absolute;
  left: 7%;
  bottom: 0px;
  width: 38%;
  z-index: 1;
}

#ModalWhatsapp .modal-content{
  max-width: 370px;
}
#ModalWhatsapp .modal-body{
  background: url(../images/ModalWhatsapp.png) no-repeat center top;
  background-size: 100% auto;
  background-color: #00aee7;
  max-width: 370px;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#ModalWhatsapp .modal-body .btn-success{
  background: #7FC816;
}

#ModalWhatsappMobile .modal-content{
  max-width: 370px;
}
#ModalWhatsappMobile .modal-body{
  background: url(../images/ModalWhatsapp.png) no-repeat center top;
  background-size: 100% auto;
  background-color: #00aee7;
  max-width: 370px;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#ModalWhatsappMobile .modal-body .btn-success{
  background: #7FC816;
}
/* Cambia el checkbox personalizado cuando es pulsado */
.custom-radio-checkbox > .custom-radio-checkbox__input:checked + .custom-radio-checkbox__show--checkbox {
    background-image: url(../images/icono-check-box.png);
}
.custom-radio-checkbox__text{
    font-size: 13px;
}
/* Fin Estilos Form */
.hoja-1{
    top: 35%;
    left: 0%;
}
.hoja-2{
    top: 10%;
    right: 0%;
}
.cont-sec-2{
    margin-top: 12%;
}
.title-sec-2{
    font-size: 26px;
}
.sec-3-2{
    background-image: url(../images/recursos-escritorio/SENDERO_DEL_BOSQUE_12.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.img-map-sec-3-mobile{
    display: none;
}
.sec-3-2-1{
    margin-top: 5%;
}
.sec-3-2-1-icons-desktop{
    width: 10%;
    margin-right: 30px;
}
.img-sec-3-1{
    top: 52%;
    right: 0%;
    width: 14%;
}
.icons-mobile{
    display: none;
}
.section-4{
    background-image: url(../images/recursos-escritorio/SENDERO_DEL_BOSQUE_23.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.container-sec-4{
    margin-top: 3%;
    margin-bottom: 2%;
}
.img-sec-4-1{
    top: 10%;
    left: 15%;
}
.title-360{
    font-size: 25px;
}
.subtitle-360{
    font-size: 16px;
}
.img-360{
    margin-right: 10px;
    width: 7%;
}
.img-sec-5-1{
    top: -15%;
    left: 0%;
}
.section-5{
    background-image: url(../images/recursos-escritorio/SENDERO_DEL_BOSQUE_25.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.container-sec-5{
    margin-top: 4%;
    margin-bottom: 4%;
}
.div-sec-5-1-mobile{
    display: none;
}
.container-sec-6{
    margin-top:5%;
    margin-bottom: 5%;
}
.img-tip-mobile{
    display: none;
}
.img-sec-6-1{
    top: -30px;
    left: 22%;
}
.ul-2{
    padding-left: 0;       
}
.carousel-indicators-edit-2{
    left: -25%;
    bottom: -1.5%;
}
.carousel-indicators-edit-2 .active{
    background-image: url(../images/btn-slider-hover.png) !important;
}
.carousel-indicators .active{
    background-color: transparent !important;
}
.carousel-indicators-edit li{
    background-color: transparent !important;
    background-image: url(images/btn-slider.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
}
.carousel-indicators-edit .active li{
    background-image: url(../images/btn-slider-hover.png) !important;
    background-position: center center;
}
.carousel-movil{
    display: none;
}
.container-sec-8{
    margin-top: 5%;
    margin-bottom: 5%;
}
.sec-img-8{
    text-align: right;
}
.img-sec-8{
    width: 100%;
    height: auto;
}
.img-sec-8-1{
    top: -8%;
    right: 0%;
    width: 14%;
}
.fq-mobile{
    display: none;
}
/* Inicio estilos para cambiar icono preguntas frecuentes */
.arrow img{
    content: url("../images/recursos-escritorio/arrow-right.png");
}

.arrow.down img{
    content: url("../images/recursos-escritorio/arrow-down.png");
    width: 50%;
}
.form-sec-2 {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 60px;
    padding-right: 60px;
    box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.4);
}
.title-form-2{
    font-size: 38px;
}
.container-sec-10-desktop{
    margin-top:2%;
    margin-bottom: 2%;
}
.container-sec-10-mobile{
    display: none;
}
.img-sec-9-1{
    top: -5%;
    right: 10%;
    width: 13%;
}
.img-sec-9-2{
    bottom: -10%;
    left: 0%;
    width: 13%;
}
.section-footer{
    background-color: #333333;
}
.container-sec-footer{
    margin-top:2%;
    margin-bottom: 2%;
}
.icon-footer{
    width: 70%;
}
.copyright-txt-footer{
    margin-left: 0;
    margin-right: 20px;
    padding-top: 30px;
}
.redes-footer{
    padding-top: 20px;
}
.img-redes{
    width: 7%;
}
.contact-footer{
    font-size: 16px;
    line-height: 20px;
}
.redes-footer-txt{
    font-size: 12px;
    line-height: 20px;
}

             
/* Estilos mobile */
@media only screen and (max-width: 768px) {

    /* Estilos offset */
    .offset-mv-1{ margin-left: 8.333333% !important;}
    .offset-mv-2{ margin-left: 16.666666% !important;}
    .offset-mv-3{ margin-left: 24.999999% !important;}
    .offset-mv-4{ margin-left: 33.333332% !important;}
    .offset-mv-5{ margin-left: 41.666665% !important;}
    /* Estilso rejillas */
    .col-mv{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
    .col-mv-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
    .col-mv-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
    .col-mv-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
    .col-mv-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
    .col-mv-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
    .col-mv-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
    .col-mv-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
    .col-mv-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
    .col-mv-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
    .col-mv-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
    .col-mv-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
    .col-mv-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
    .col-mv-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}


    .div-head-sec-1{
        top: 0%;
        left: 2%;
        background-size: contain;
    }
    .img-carousel-desktop{
        display: none;
    }
    .img-carousel-mobile{
        display: block;
    }
    .carousel-indicators-edit-2 .active{
        background-image: url(../images/btn-slider-hover.png) !important;
    }
    .carousel-indicators-edit-2{
        left: 0%;
        bottom: -3.5%;
    }
    .container-sec-1-form{
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 60%;
    }
    .form-sec-1{
        margin-top: 10%;
        position: relative;
        top: 0%;
        right: 0%;
        padding-left: 60px;
        padding-right: 60px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .title-form-1,.title-form-2{
        font-size: 2rem;
    }
    .subtitle-form-1{
        font-size: 14px;
        margin-bottom: 5px;
    }
    .hoja-1{
        display: none;
    }
    .hoja-2{
        display: none;
    }
    .icons-desktop{
        display: none;
    }
    .icons-mobile{
        display: block;
        margin-top: 5%;
        margin-left: 12%;
    }
    .img-360{
        margin-right: 5px;
        width: 15%;
    }
    .sec-img-8{
        text-align: center;
    }
    .img-sec-8{
        width: 70%;
    }
    .fq-desktop{
        display: none;
    }
    .fq-mobile{
        display: block;
    }
    /* Inicio estilos para cambiar icono preguntas frecuentes */
    .arrow img{
        content: url("../images/arrow-right.png");
    }

    .arrow.down img{
        content: url("../images/arrow-down.png");
        width: 70%;
    }
    .form-sec-2{
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
        box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.4);
    }
    .subtitle-form-2{
        font-size: 15px;
    }
    .custom-radio-checkbox__text{
        font-size: 12px;
    }
    .container-sec-10-desktop{
        display: none;
    }
    .container-sec-10-mobile{
        display: block;
        margin-top: 10%;
        margin-bottom: 10%;
    }
    .icon-sec-9-1,.icon-sec-9-2{
        box-shadow: none;
    }
    .container-sec-footer{
        margin-top: 10%;
        margin-bottom: 10%;
    }
    .icon-footer{
        width: 40%;
    }
    .copyright-txt-footer{
        margin-left: 0;
        margin-right: 0;
        padding-top: 15px;
    }
    .redes-footer{
        padding-top: 10px;
    }
    .contact-footer{
        font-size: 18px;
        line-height: 20px;
    }
    .redes-footer-txt{
        font-size: 16px;
        line-height: 25px;
    }
}

/* Estilos modales imagenes */
.modal2 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 16; /* Sit on top */
    padding-top: 2%; /* Location of the box */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  }
.modal-content2 {
    margin: auto;
    display: block;
    width: 67% !important;
    max-width: 558px !important;
}
/* Style the Image Used to Trigger the Modal */
@media (min-width: 576px){ 
    .modal>.modal-dialog {
        max-width: 100%;
        margin: 0 !important;
        padding-top: 20px;
        
    }
}

@media only screen and (max-width: 768px){ 
    .modal>.modal-dialog {
        max-width: 100%;
        padding-top: 70px;
        
    }
}
.img-desktop-modal {
    cursor: pointer;
    transition: 0.3s;
}
  
.img-map-sec-3-desktop:hover {
    content: url(../images/map-opacity.jpg);
}
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}
  
/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    cursor: pointer;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}
/* Estilos modales imagenes */
/* Estilos iframe 360 */
#inlineFrameExample{
    width: 100%;
    height: 500px;
}
@media only screen and (max-width: 768px){ 
	#inlineFrameExample{
	    width: 100%;
	    height: 400px;
	}
}
/* Estilos iframe 360 */

/* Estilos lightbox */
.lb-outerContainer{
    background: transparent !important;
}
.lightbox .lb-image {
    border-radius: none !important;
    border: none !important;
}