/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,800);*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');

body {
    background-color: #f9f9f9;
}

/*---------------TITULOS--------------------*/
h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
}

h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}

h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}

h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 0;
}

h5 {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 0;
}

h6 {
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
}



/*---------------FIN FUENTES--------------------*/


/*---------------FUENTES PARRAFOS--------------------*/
p {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 0;
    /*color: #373737;*/
}

.texto_9 {
    font-family: 'Montserrat', sans-serif;
    margin-top: 0;
    margin-bottom: 0;
}

.texto_10 {
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    margin-top: 0;
    margin-bottom: 0;
}

.texto_11 {
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    margin-top: 0;
    margin-bottom: 0;
}

.texto_12 {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 0;
}

.texto_13 {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 0;
}

.texto_14 {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 0;
}

.texto_16 {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
}

.texto_18 {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 0;
}

.texto_20 {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 0;
}

.texto_24 {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 0;
}

.texto_80 {
    font-family: 'Montserrat', sans-serif;
    font-size: 80px;
    margin-top: 0;
    margin-bottom: 0;
}

/*---------------FIN FUENTES PARRAFOS--------------------*/


.no_salto_linea {
    white-space: nowrap;
}


/*---------------SOMBRAS FUENTE--------------------*/
.sombra_texto_negra {
    text-shadow: 1px 1px 1px #000;
}

.sombra_texto_blanca {
    text-shadow: 1px 1px 1px #000;
}

/*---------------SOMBRAS FUENTE--------------------*/



/*--------------PADING------------------*/
.p_20 {
    padding: 20px;
}

.p_30 {
    padding: 30px;
}

.pt_20 {
    padding-top: 20px;
}

.pt_10 {
    padding-top: 10px;
}

.pb_30 {
    padding-bottom: 30px;
}

.ptb_1 {
    padding-bottom: 1px;
    padding-top: 1px;
}

.ptb_3 {
    padding-bottom: 3px;
    padding-top: 3px;
}

.ptb_5 {
    padding-bottom: 5px;
    padding-top: 5px;
}

.ptb_10 {
    padding-bottom: 10px;
    padding-top: 10px;
}

.ptb_15 {
    padding-bottom: 15px;
    padding-top: 15px;
}

.ptb_20 {
    padding-bottom: 20px;
    padding-top: 20px;
}

.ptb_30 {
    padding-bottom: 30px;
    padding-top: 30px;
}

.ptb_40 {
    padding-bottom: 40px;
    padding-top: 40px;
}

.ptb_50 {
    padding-bottom: 50px;
    padding-top: 50px;
}




/*--------------FIN PADING------------------*/


@media only screen and (max-width: 1200px) {
    .boton_busc_cod {
        margin: 10px 0 0 0 !important;
        padding-left: 0;
        margin-left: 0;
        margin-right: 0;
        padding-right: 0;
    }
}



/*---------------MARGENES--------------------*/
.ml_3 {
    margin-left: 3px;
}

.ml_5 {
    margin-left: 5px;
}

.ml_10 {
    margin-left: 10px;
}

.ml_20 {
    margin-left: 20px;
}

.mr_3 {
    margin-right: 3px;
}

.mr_5 {
    margin-right: 5px;
}

.mr_10 {
    margin-right: 10px;
}

.mr_20 {
    margin-right: 20px;
}

.mt_2 {
    margin-top: 2px;
}

.mt_5 {
    margin-top: 5px;
}

.mt_10 {
    margin-top: 10px;
}

.mt_15 {
    margin-top: 15px;
}

.mt_20 {
    margin-top: 20px;
}

.mt_30 {
    margin-top: 30px;
}

.mt_40 {
    margin-top: 40px;
}

.mt_50 {
    margin-top: 50px;
}

.mt_60 {
    margin-top: 60px;
}

.mt_65 {
    margin-top: 65px;
}

.mt_80 {
    margin-top: 80px;
}

.mt_120 {
    margin-top: 120px;
}

.mt_150 {
    margin-top: 150px;
}

.mb_0 {
    margin-bottom: 0px;
}

.mb_5 {
    margin-bottom: 5px;
}

.mb_10 {
    margin-bottom: 10px;
}

.mb_15 {
    margin-bottom: 15px;
}

.mb_20 {
    margin-bottom: 20px;
}

.mb_30 {
    margin-bottom: 30px;
}

.mb_40 {
    margin-bottom: 40px;
}

.mb_50 {
    margin-bottom: 50px;
}

.mb_60 {
    margin-bottom: 60px;
}

.mb_80 {
    margin-bottom: 80px;
}

.mb_120 {
    margin-bottom: 120px;
}

.mtb_5 {
    margin-bottom: 5px;
    margin-top: 5px;
}

.mtb_10 {
    margin-bottom: 10px;
    margin-top: 10px;
}

.mtb_15 {
    margin-bottom: 15px;
    margin-top: 15px;
}

.mtb_20 {
    margin-bottom: 20px;
    margin-top: 20px;
}

.mtb_30 {
    margin-bottom: 30px;
    margin-top: 30px;
}

.mtb_40 {
    margin-bottom: 40px;
    margin-top: 40px;
}

.mtb_50 {
    margin-bottom: 50px;
    margin-top: 50px;
}

.mtb_60 {
    margin-bottom: 60px;
    margin-top: 60px;
}

.mtb_80 {
    margin-bottom: 80px;
    margin-top: 80px;
}

/*---------------FIN MARGENES--------------------*/


/*---------------FLOAT LEFT RIGHT--------------------*/
.alinear_izquierda {
    float: left;
}

.alinear_derecha {
    float: right;
}

/*---------------FLOAT LEFT RIGHT--------------------*/


/*---------------COLORES--------------------*/
.color_blanco {
    color: #FFF;
}

.color_negro {
    color: #000;
}

.color_gris {
    color: #eeeeee;
}

.color_gris2 {
    color: #555555;
}

.color_azul {
    color: #160e41;
}

.color_rojo {
    color: #ed3237;
}

.color_rojo2 {
    color: #c71216;
}

.color_verde {
    color: #28b872;
}

/*---------------FIN COLORES--------------------*/


/*---------------FONDOS--------------------*/
.fondo_blanco {
    background-color: #FFF;
}

.fondo_negro {
    background-color: #000;
}

.fondo_negro2 {
    background-color: #252525;
}

.fondo_gris {
    background-color: #f7f7f7;
}

.fondo_verde {
    background-color: #029341;
}

.fondo_azul {
    background-color: #160e41;
}

.fondo_rojo {
    background-color: #ed3237;
}

/*---------------FIN FONDOS--------------------*/



/*---------------DIVISORES--------------------*/
hr {
    border-top: 1px solid #d1d1d1;
    /* border-bottom: 1px solid #710000; */
    border-left: none;
    border-right: none;
    height: 0;

}

hr.style3 {
    border-top: 1px dashed #8c8b8b;
}

.div2 {
    border-top: 1px solid #d1d1d1;
    border-left: none;
    border-right: none;
    height: 0;
    margin-top: 4px;
    margin-bottom: 4px;

}

/*---------------FIN DIVISORES--------------------*/

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.nopadding_der {
    margin-right: 0;
    padding-right: 0;
}

.nopadding_izq {
    padding-left: 0;
    margin-left: 0;
}


/*---------------INICIO PAGINACION --------------------*/
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #151515 !important;
    background-color: #FFF !important;
    border: 1px solid #A7A7A7 !important;
}



.page-link:hover {
    z-index: 2;
    color: #fff !important;
    text-decoration: none;
    background-color: #53D571 !important;
    border-color: #27A043;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #28A745 !important;
    border-color: #28492B;
}

/*---------------FIN PAGINACION --------------------*/




/*---------------INICIO FORMULARIOS --------------------*/
.input_estilos {
    display: block;
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #55595c;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    height: calc(3rem + 2px) !important;
    border-radius: 0;
}



/*---------------FIN FORMULARIOS --------------------*/



/*INICIO*/
.main_title {
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px;
}

.main_title h1 {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -1px;
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 0;
}

.main_title h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 18px
}

h2.edwom {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -1px;
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 0;
}

/*.main_title h2{
        text-transform: uppercase;
        font-weight:700;
        letter-spacing:-1px;
        font-size:30px;
        margin-bottom:0;
        margin-top:0;
    }*/
.main_title p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 18px
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
p span {
    color: #28b872;
}


a.btn_1 {
    border: none;
    font-family: 'Montserrat', sans-serif;
    font-size: inherit;
    color: #fff;
    background: #28b872;
    cursor: pointer;
    padding: 7px 20px;
    display: inline-block;
    outline: none;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}

a.btn_1.medium {
    padding: 10px 25px;
    font-size: 14px;
}

a.btn_1.small {
    padding: 5px 8px;
    font-size: 10px;
    line-height: 9px;
    text-transform: none;
    color: #fff !important;
}

a.btn_1:hover {
    background: #333;
}

a.btn_1.white,
.btn_1.white {
    background: #fff;
    color: #28b872;
}



/* Promo_full (v.1.7)*/
.promo_full {
    height: auto;
    background: url(../images/home_bg_2.jpg) no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    position: relative;
}

.promo_full_wp {
    display: table;
    width: 100%;
    height: auto;
}

.promo_full_wp>div {
    display: table-cell;
    padding: 10% 15%;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.promo_full_wp div h3 {
    font-size: 48px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}

.promo_full_wp p {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #fff;
}

.promo_full_wp div a i {
    color: #fff;
    opacity: 0.5;
    font-size: 72px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.promo_full_wp div a:hover i {
    opacity: 1;
}



.modal_video .modal-dialog {
    max-width: 800px;
    margin: 30px auto;

}

.modal_video .modal-content {
    background-color: #000;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal_video .modal-body {
    position: relative;
    padding: 0px;
}

.modal_video .close {
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    opacity: 1;
}



.white_bg {
    background-color: #fff
}

.other_tours ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0 0;
}

.other_tours ul li a {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    border-bottom: 1px solid #ededed;
    padding: 5px 0 10px 0;
    display: block;
    color: #333;
    text-decoration: none;
}

.other_tours ul li a:hover {
    background-color: #f9f9f9;
    font-weight: bold;
    color: #28b872;
}

.other_tours ul li:last-child a {
    border-bottom: none;
}

.other_tours ul li a i {
    font-size: 18px;
    margin-right: 5px;
    margin-left: 2px;
    position: relative;
    top: 5px;
    color: #555;
}

.other_tours_price {
    float: right;
    margin-top: 5px;
    margin-right: 5px;
    color: #888;
}





/*Banners*/
.banner {
    position: relative;
    background: #fff url(../images/banner_bg.png) no-repeat center bottom;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 30px;
    margin-bottom: 60px;
    -webkit-box-shadow: 2px 3px 13px -1px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 2px 3px 13px -1px rgba(0, 0, 0, 0.7);
    box-shadow: 2px 3px 13px -1px rgba(0, 0, 0, 0.7);
}

.banner a {
    position: absolute;
    top: 35%;
    right: 30px;
}

.banner h4 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 32px;
    margin: 0;
    padding: 0;
    color: #e04f67;
    font-family: "Gochi Hand", cursive;
}

.banner h4 span {
    text-transform: none;
    color: #555;
}

.banner p {
    margin: 0;
    padding: 0;
}

.banner.coloverde {
    background: #28b872 url(../images/banner_bg_colored.png) no-repeat center bottom;
    color: #fff;
}

.banner.coloverde h4 {
    color: #fff;
}

.banner.coloverde h4 span {
    color: #15643f;
}

.banner.fondoimagen {
    height: auto;
    background: url(../images/fondo_banner.jpg) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    position: relative;
}

.banner.fondoimagen h4 {
    color: #fff;
}

.banner.fondoimagen h4 span {
    color: #4bd895;
}

.banner.fondoimagen p {
    color: #fff;
}

/*INICIO*/


/*NOSOTROS*/

/*NOSOTROS*/


/*404*/
#hero {
    position: relative;
    height: 600px;
    background: #4d536d url(../images/banner_404.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
    width: 100%;
    font-size: 16px;
    display: table;
    z-index: 99;
    text-align: center;
    text-transform: uppercase;
}

/*404*/




/*FINCA OPCION*/

@import("font-awesome/css/font-awesome.min.css");

.full {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    left: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    position: absolute;
    right: 0;
}

.full #finca_opcion h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    margin: 0;
}

.full #finca_opcion span {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
}

.full #finca_precio {
    text-align: right;
}

.full #finca_precio h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: bold;
    color: #28b872;
    margin: 0;
}

.full #finca_precio sup {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    position: relative;
    top: -5px;
    color: #28b872;
    margin: 0;
}

.full #finca_precio span {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
}

#example1 .sp-selected-thumbnail {
    border-bottom: 4px solid #28b872;
}

#marcador {
    background-color: #333;
    padding: 15px 0;
    font-family: 'Montserrat';
    font-size: 12px;
}

#marcador ul {
    margin: 0;
    padding: 0;
    color: #888;
}

#marcador ul li a {
    color: #fff;
    opacity: 0.7;
}

#marcador ul li {
    display: inline-block;
    padding-right: 5px;
    margin-left: 10px;
}

#marcador ul li a:hover {
    text-decoration: none;
    color: #fff;
    opacity: 1;
}

#descripcion h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    margin: 0 0 20px 0;
}

#descripcion p {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    margin-top: 0px;
}

#resumen {
    /*display: table-cell;
width: 20%;
*/
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
}

#resumen i {
    font-size: 36px;
    display: block;
    margin-bottom: 3px;
}

#detalles_zona_cumun h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    margin: 0 0 20px 0;
}

#detalles_zona_cumun {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
}

#detalles_zona_cumun i {
    font-size: 33px;
    display: block;
    margin-bottom: 3px;
}

#detalles_habitacion span {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-style: normal !important;
    margin: 0 0 0 0;
}

#detalles_habitacion h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    margin: 0 0 20px 0;
    text-align: left;
}

#detalles_habitacion hr {
    margin: 4px 0 15px 0;
}

#detalles_habitacion {
    display: table-cell;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
}

#detalles_habitacion i {
    font-size: 33px;
    display: block;
    margin-bottom: 3px;
}

#detalles_habitacion table th {
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    padding: 5px 8px 3px 8px;
}

#detalles_habitacion table td {
    padding: 3px 0 3px 0;
    vertical-align: middle;
    text-align: left;
}

#detalles_habitacion table td i {
    font-size: 30px;
    margin: 0 10px 0 10px;
    display: inline-block;
}

#accordion_habitaciones a {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    color: #333333;
    border: 1px solid #d1d1d1;
    padding: 6px 10px;
    display: block;
    margin: 0 0 3px 0;
    background-color: #f5f5f5;
    border-radius: 3px;
}

.accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f078";
    float: right;
}

.accordion-opened .accordion-toggle:after {
    content: "\f054";
}

#detalles_servicios h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    margin: 0 0 20px 0;
}

#detalles_servicios {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
}

#detalles_servicios i {
    font-size: 33px;
    display: block;
    margin-bottom: 3px;
}

#detalles_salon_eventos h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    margin: 0 0 20px 0;
    text-align: left;
}

#detalles_salon_eventos {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
}

#detalles_salon_eventos i {
    font-size: 33px;
    display: block;
    margin-bottom: 3px;
}

#detalles_salon_eventos table th {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    padding: 5px 8px 3px 8px;
}

#detalles_salon_eventos td {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    padding: 5px 8px 3px 8px;
    line-height: 12px;
}

#detalles_salon_eventos td i {
    font-size: 15px;
}

#detalles_normas h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    margin: 0 0 20px 0;
}

#detalles_normas ul {
    /*list-style: none;*/
    /*padding: 0;*/
    /*margin: 0 16px 0 0;*/
}

#detalles_normas ul li {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    margin: 2px 0 2px 0;
}

/*#detalles_normas ul li:before {
    font-family: 'icomoon' !important;
    content: "\e90a";
    display: inline-block;
    margin-left: 0px;
    width: 18px;
    color: #000;
}*/

#reserva {
    background-color: #FFF;
    border: 1px solid #ddd;
    padding: 0px 20px 22px 20px;
}

#reserva .tit_reserva {
    margin: 0px -20px 20px -20px;
    background-color: #28b872;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #FFF;
    padding: 15px 20px 15px 18px;
    border: 1px solid #fff;
    -webkit-border-top-left-radius: 3px;
    text-align: center;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.contacto_reserva {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 25px;
    padding: 15px;
    position: relative;
    text-align: center;
    border: 1px solid #ddd;
}

.contacto_reserva:after,
.contacto_reserva:before {
    content: "";
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
}

.contacto_reserva:before {
    border-bottom: 10px solid #ccc;
    margin-bottom: 0;
}

.contacto_reserva:after {
    border-bottom: 10px solid #fff;
    margin-bottom: -1px;
    z-index: 1;
}

.contacto_reserva i {
    font-size: 52px;
    margin-top: 0px;
    display: inline-block;
}

.contacto_reserva a.phone {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    color: #000;
    display: block;
    margin-bottom: 2px;
    text-decoration: none;
}

.contacto_reserva a.phone:hover {
    color: #28b872;
    opacity: 1;
}

.contacto_reserva small {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
}



@media (max-width: 768px) {
    .fondo_parallax_finca {
        width: 100%;
        height: 240px !important;
    }

    .full #finca_opcion h1 {
        font-family: 'Montserrat', sans-serif;
        font-size: 28px;
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        margin: 0;
    }

    .full #finca_opcion span {
        font-family: 'Montserrat', sans-serif;
        font-size: 11px;
        color: #fff;
    }

    .full #finca_precio {
        text-align: left;
        margin-top: 10px;
    }

    .full #finca_precio h1 {
        font-family: 'Montserrat', sans-serif;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: bold;
        color: #28b872;
        margin: 0;
    }

    .full #finca_precio sup {
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        position: relative;
        top: -5px;
        color: #28b872;
        margin: 0;
    }

    .full #finca_precio span {
        font-family: 'Montserrat', sans-serif;
        font-size: 11px;
        color: #fff;
        float: left;
    }

    #resumen ul li i {
        font-size: 28px;
    }

    #resumen ul {
        display: block;
        margin-bottom: 10px;
    }

    #resumen ul li {
        display: inline-block;
        width: auto;
        font-size: 11px;
    }

    #detalles_zona_cumun ul li i {
        font-size: 28px;
    }

    #detalles_zona_cumun ul {
        display: block;
        margin-bottom: 10px;
    }

    #detalles_zona_cumun ul li {
        display: inline-block;
        width: auto;
        font-size: 11px;
    }

    #detalles_habitacion ul li i {
        font-size: 28px;
    }

    #detalles_habitacion ul {
        display: block;
        margin-bottom: 10px;
    }

    #detalles_habitacion ul li {
        display: inline-block;
        width: auto;
        font-size: 11px;
    }

    #detalles_servicios ul li i {
        font-size: 28px;
    }

    #detalles_servicios ul {
        display: block;
        margin-bottom: 10px;
    }

    #detalles_servicios ul li {
        display: inline-block;
        width: auto;
        font-size: 11px;
    }

    #detalles_salon_eventos ul li i {
        font-size: 28px;
    }

    #detalles_salon_eventos ul {
        display: block;
        margin-bottom: 10px;
    }

    #detalles_salon_eventos ul li {
        display: inline-block;
        width: auto;
        font-size: 11px;
    }

    #detalles_normas ul li i {
        font-size: 28px;
    }

    #detalles_normas ul {
        /*display: block;*/
        margin-bottom: 10px;
    }

    #detalles_normas ul li {
        width: auto;
        font-size: 13px;
    }

    #reserva {
        margin: 10px 16px 20px 16px;
    }

    .contacto_reserva {
        margin: 30px 16px 20px 16px;
    }

    /* Banners */
    #banner {
        padding: 20px;
    }

    .banner a {
        position: relative;
        top: 15px;
        right: 0;
        left: 0;
        margin-bottom: 20px;
    }

    .banner h4 {
        font-size: 22px;
    }


}

@media (max-width: 480px) {
    .fondo_parallax_finca {
        background-position: center center;
        width: 100%;
        height: 100px;
    }

    .full #finca_opcion h1 {
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        margin: 0;
    }

    .full #finca_opcion span {
        font-family: 'Montserrat', sans-serif;
        font-size: 12px;
        color: #fff;
    }
}

/*FINCA OPCION*/









/*RESERVA.PHP*/

label {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0px;
}




.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

/*.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 50px;
    height: 50px;
    float: left;
    margin-right: .5em;
}*/

/*
    .radio .cr {
        border-radius: 50%;
    }

    .checkbox .cr .cr-icon,
    .radio .cr .cr-icon {
        position: absolute;
        font-size: .8em;
        line-height: 0;
        top: 50%;
        left: 20%;
    }

    .radio .cr .cr-icon {
        margin-left: 0.04em;
    }

    .checkbox label input[type="checkbox"],
    .radio label input[type="radio"] {
        display: none;
    }

    .checkbox label input[type="checkbox"] + .cr > .cr-icon,
    .radio label input[type="radio"] + .cr > .cr-icon {
        transform: scale(3) rotateZ(-20deg);
        opacity: 0;
        transition: all .3s ease-in;
    }

    .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
    .radio label input[type="radio"]:checked + .cr > .cr-icon {
        transform: scale(1) rotateZ(0deg);
        opacity: 1;
    }

    .checkbox label input[type="checkbox"]:disabled + .cr,
    .radio label input[type="radio"]:disabled + .cr {
        opacity: .5;
    }*/

/*-------- 2.4 Cart - Payment - Confirmation --------*/
#hero_2 .intro_title h1 {
    font-size: 38px;
    margin-bottom: 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

/*#hero_2 .intro_title h1:before,
    #hero_2 .intro_title h1:after {
        display: inline-block;
        width: 60px;
        height: 1px;
        content: '';
        vertical-align: middle;
        background: rgba(255, 255, 255, 0.5);
    }*/

/*#hero_2 .intro_title h1:before {
        margin-right: 10px;
    }

    #hero_2 .intro_title h1:after {
        margin-left: 10px;
    }*/
.intro_title {
    display: table-cell;
    vertical-align: middle;
}

.intro_title h3 {
    font-size: 45px;
    margin-bottom: 5px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.intro_title h3 strong span {
    color: #fff;
}

/* New v1.2*/
.intro_title.error h1 {
    font-size: 130px;
    color: #fff;
    font-weight: bold;
}

.bs-wizard {
    width: 90%;
    margin: auto;
}

.bs-wizard>.bs-wizard-step {
    padding: 0;
    position: relative;
}

.bs-wizard>.bs-wizard-step .bs-wizard-stepnum {
    font-size: 16px;
    margin-bottom: 5px;
}

.bs-wizard>.bs-wizard-step .bs-wizard-info {
    color: #999;
    font-size: 14px;
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    background: #fbe8aa;
    top: 45px;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot:after {
    content: ' ';
    width: 14px;
    height: 14px;
    background: #e04f67;
    border-radius: 50px;
    position: absolute;
    top: 8px;
    left: 8px;
}

.bs-wizard>.bs-wizard-step>.progress {
    position: relative;
    border-radius: 0px;
    height: 8px;
    box-shadow: none;
    margin: 23px 0;
}

.bs-wizard>.bs-wizard-step>.progress>.progress-bar {
    width: 0px;
    box-shadow: none;
    background: #fbe8aa;
}

.bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar {
    width: 100%;
}

.bs-wizard>.bs-wizard-step.active>.progress>.progress-bar {
    width: 50%;
}

.bs-wizard>.bs-wizard-step:first-child.active>.progress>.progress-bar {
    width: 0%;
}

.bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar {
    width: 100%;
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot {
    background-color: #f5f5f5;
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after {
    opacity: 0;
}

.bs-wizard>.bs-wizard-step:first-child>.progress {
    left: 50%;
    width: 50%;
}

.bs-wizard>.bs-wizard-step:last-child>.progress {
    width: 50%;
}

.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot {
    pointer-events: none;
}

@media (max-width: 585px) {

    .input-group span.input-group-btn,
    .input-group input,
    .input-group button {
        display: block;
        width: 100%;
        border-radius: 0;
        margin: 0;
    }

    .input-group {
        position: relative;
    }

    .input-group span.data-up {
        position: absolute;
        top: 0;
    }

    .input-group span.data-dwn {
        position: absolute;
        bottom: 0;
    }

    .form-control.text-center {
        margin: 34px 0;
    }

    .input-group-btn:last-child>.btn,
    .input-group-btn:last-child>.btn-group {
        margin-left: 0;
    }
}

/*RESERVA.PHP*/