@charset "utf-8";
@import url("https://use.typekit.net/vut1tfs.css");
@import url("Dosis_VariableFont_wght/stylesheet.css");
@import url("BadScript_Regular/stylesheet.css");
/* CSS Document */

body{font-size: 20px;}
html{height:100vh}
header{}
main{}
footer{}
img{width: 100%;}

a{text-decoration:none;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:active {text-decoration:none;}
a:hover {text-decoration:none;}
strong{font-weight: bold;}
.text-shadow{
    text-shadow: 1px 2px 1px hsl(0deg 0% 0% / 28%);
}
.text-shadow2{
    text-shadow: 1px 3px 2px hsla(0,0%,100%,0.58);
}
h1,h2,h3,h4,h5,h6{font-weight: normal !important;}
/* resabooking */
.search select,input {border: 1px solid #ccc !important}
.widget_promo {}
.modal .modal-dialog.modal-top {
    min-width: 100%;
    margin-top: 0px;
    margin-left: 0px;
}

/* resabooking */

/* ESTO SE HA PUESTO PARA QUE EL SLIDE COJA TODO EL HEIGHT DE LA PANTALLA*/

.view{height:100%}

/*gestion contenido*/
.col_plugin_text{width: 100%;}
.col_plugin_text img {width: 100%;}
/*fin gestion contenido*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px; height: 0; overflow: hidden;
	-webkit-box-shadow: 2px 2px 3px hsla(0,0%,0%,0.32);
    box-shadow: 2px 2px 3px hsla(0,0%,0%,0.32);
    border-radius: 0px;
}
 
.video-container iframe,.video-container object,.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.rotate{
	 -ms-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    transform: rotate(1deg);
}
.rotate-1{
	 -ms-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
.rotate2{
	 -ms-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
}
.video-responsive iframe {
left:0; 
top:0; 
height:100%;
width:100%;
position:absolute;
}
#ui-datepicker-div{max-width: 300px!important}
.card{
    background-color: transparent !important;
    border: 0px solid #fff;
    -webkit-box-shadow: none !important;
    box-shadow:none !important;
}
.card-columns {
	-webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important;
}
/*.counter{width: 100px;height: 100px;text-align: center;border-radius: 50%;border:1px solid #b52a14;display: inline-block;float: left;}*/
.counter{
    width: auto;
    text-align: center;
    display: inline-block;
    float: left;
}
.counter img{width: 70px;}
.modal .modal-dialog.modal-top {
    min-width: 100%;
    margin-top: 0px;
    margin-left: 0px;
}
.fancybox-slide--iframe .fancybox-content {
    width  : 90%;
    height : 90%;
    max-width  : 1200px;
    max-height : 900px;
    margin: 0;
}
.cursor{cursor: pointer;}
.square{width: 70px;height: 70px;}
.hover_scale:hover{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
	transition-duration: 0.3s;
}
.hover {
    position: absolute !important;
    min-height: 100%;
	min-width: 100%;
    top: 0px;
    background-image: none;
    text-align: center;
	opacity: 0;
}
.hover:hover {
    background-color: hsla(0, 0%, 0%, 0.27);
    opacity: 1 !important;
}
.hover center {opacity: 0;}
.link,.photo,.map,.more,.visite:hover{
	opacity: 1;
	background-repeat: no-repeat;
    background-position: center center; 
	background-size: 50px auto;
}
.hover center:hover {opacity: 1}
.link:hover {background-image: url(../iconos/link-2.png);}
.photo:hover {background-image: url(../iconos/photo2.png);}
.map:hover{background-image: url("../iconos/map-1.png");}
.more:hover{background-image: url("../iconos/plus.png");}
.visite:hover{background-image: url("../iconos/360-2.png");}


.underline{text-decoration: underline;}
.text_special1{font-family: "Dosis VariableFont wght";}
.text_special2{font-family: "BadScript Regular";}
.text_special3{}

.border-success{border-color:var(--color-6) !important;}/*verde*/
.border-info{border-color:var(--color-5) !important;}/*azul claro*/
.border-warning{border-color:var(--color-3) !important;}/*amarillo*/
.border-warning{border-color:#fbb800 !important;}/*amarillo*/
.border-primary{border-color:#1992CC !important;}/*azul oscuro*/
.border-danger{border-color:var(--color-3) !important}/*rojo*/
.border-dark{border-color:#2D2D2D !important;}/*oscuro (negro o gris oscuro)*/
.border_1_bottom{border-bottom: 1px solid #ccc !important}
.border_1{border-width: 1px !important ;}
.border_2{border-width: 2px !important ;}
.border_3{border-width: 3px !important ;}

.border-right-1{border-right: 1px solid !important;}
.border-right{border-right: 3px solid !important;}
.border-left{border-left: 3px solid !important;}
.border-top{border-top: 3px solid !important;}
.border-bottom{border-bottom: 2px solid !important;}

.corner{
    width:70px;
    height:70px;
}
.border-corner{border: 3px !important;}

.btn-rounded{border-radius: 10em;}
.border-success{color: var(--color-6) !important;border-color:  var(--color-6) !important}
.btn-success{background-color:  var(--color-6) !important}
.btn-outline-success{color:  var(--color-6) !important;border-color:  var(--color-6) !important}
.btn-outline-success:hover, .btn-outline-success:active, .btn-outline-success:focus{color:  var(--color-6) !important;border-color:  var(--color-6) !important}
.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle {border-color: var(--color-6) !important}

.border-info{color: var(--color-5) !important;border-color: var(--color-5) !important}
.btn-info{background-color: var(--color-5) !important}
.btn-outline-info{color: var(--color-5) !important;border-color: var(--color-5) !important}
.btn-outline-info:hover, .btn-outline-info:active, .btn-outline-info:focus{color: var(--color-5) !important;border-color: var(--color-5) !important}
.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle {border-color: var(--color-5) !important}

.border-warning{color: var(--color-3) !important;border-color: var(--color-3) !important}
.btn-warning{background-color: var(--color-3) !important}
.btn-outline-warning{color: var(--color-3) !important;border-color: var(--color-3) !important}
.btn-outline-warning:hover, .btn-outline-warning:active, .btn-outline-warning:focus{color: var(--color-3) !important;border-color: var(--color-3) !important}
.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle {border-color: var(--color-3) !important}

.border-primary{color: #212121 !important;border-color: #212121!important;}
.btn-primary{background-color: #212121 !important}
.btn-outline-primary{color: #212121 !important;border-color: #212121!important;}
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus{color: #212121 !important;border-color: #212121!important;}
.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {border-color: #212121!important;}

.border-danger{color: var(--color-3) !important;border-color: var(--color-3) !important}
.btn-danger{background-color: var(--color-3) !important}
.btn-outline-danger{color: var(--color-3) !important;border-color: var(--color-3) !important}
.btn-outline-danger:hover, .btn-outline-danger:active, .btn-outline-danger:focus{color: var(--color-3) !important;border-color: var(--color-3) !important}
.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle {border-color: var(--color-3) !important}


:root {
	--color-1: #2f2e2e;
	--color-2: #FFFFFF;
	--color-3: #f38a50;
	--color-4: #c9c254;
	--color-5: #00b8ff;
	--color-6: #616362;
	--color-7: #555555;
	--color-8: #00b8ff;
	--color-9: #3e352c;
	--color-10: #f1f1f1;
}

.f0{background-color: #00808c !important}
.f1{background-color: var(--color-1) !important}
.f2{background-color: var(--color-2) !important}
.f3{background-color: var(--color-3) !important}
.f4{background-color: var(--color-4) !important}
.f5{background-color: var(--color-5) !important}
.f6{background-color: var(--color-6) !important}
.f7{background-color: var(--color-7) !important}
.f8{background-color: var(--color-8) !important}
.f9{background-color: var(--color-9) !important}
.f10{background-color: var(--color-10) !important}
.f11{background-color: hsla(0,0%,100%,0.36) !important;}
.f12{background-color: hsl(0deg 0% 0% / 36%) !important;}
.text_shadow{text-shadow: 2px 2px 4px hsla(0,0%,0%,0.74);}
.c1{color: var(--color-1) !important}
.c2{color: var(--color-2) !important}
.c3{color: var(--color-3) !important}
.c4{color: var(--color-4) !important}
.c5{color: var(--color-5) !important}
.c6{color: var(--color-6) !important}
.c7{color: var(--color-7) !important}
.c8{color: var(--color-8) !important}
.c9{color: var(--color-9) !important}
.c10{color: var(--color-10) !important}
.search_bouton{color: #fff !important;}
.titre {}
.underline{text-decoration: underline !important;}

.bck-img1{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.bck-img2{
    background-color: transparent;
    background-image: -webkit-linear-gradient(90deg,rgba(0,0,0,0.65) 20.72%,rgba(0,0,0,0.00) 69.94%);
    background-image: -moz-linear-gradient(90deg,rgba(0,0,0,0.65) 20.72%,rgba(0,0,0,0.00) 69.94%);
    background-image: -o-linear-gradient(90deg,rgba(0,0,0,0.65) 20.72%,rgba(0,0,0,0.00) 69.94%);
    background-image: linear-gradient(0deg,rgba(0,0,0,0.65) 20.72%,rgba(0,0,0,0.00) 69.94%);
}
.bck-img3{
    background-color: transparent;
    background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,1.00) 0%,rgba(241,241,241,1.00) 32.65%,rgba(241,241,241,1.00) 73.06%,rgba(255,255,255,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(255,255,255,1.00) 0%,rgba(241,241,241,1.00) 32.65%,rgba(241,241,241,1.00) 73.06%,rgba(255,255,255,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(255,255,255,1.00) 0%,rgba(241,241,241,1.00) 32.65%,rgba(241,241,241,1.00) 73.06%,rgba(255,255,255,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(255,255,255,1.00) 0%,rgba(241,241,241,1.00) 32.65%,rgba(241,241,241,1.00) 73.06%,rgba(255,255,255,1.00) 100%);
}
.bck-img4{
    background-color: transparent;
    background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.65) 20.72%,rgba(0,0,0,0.00) 69.94%);
    background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.65) 20.72%,rgba(0,0,0,0.00) 69.94%);
    background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.65) 20.72%,rgba(0,0,0,0.00) 69.94%);
    background-image: linear-gradient(180deg,rgba(0,0,0,0.65) 20.72%,rgba(0,0,0,0.00) 69.94%);
}

.anime-img {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
    z-index: 2;
    position: static;
    -webkit-animation: mymove 8s 1;
    animation: mymove 8s 1;
}

.bck_hover:hover{background-color: #4c4c4c;}
.transition{
    width: 100%;
    height: 100%;
     
}
.transition:hover{
/*    background-color: hsla(0, 0%, 100%, 0.33);*/
}
.transition h4{margin-bottom: 0px;}
.transition-hijo{
    transform: scaleY(0);
    transform-origin: 100% 0;
    transition: transform 250ms ease;
    background-color: transparent;
    height: 100%;
   
}
.transition:hover div{
     transform: scaleY(1);
}

.t1{font-size: 20px;}
.t2{font-size: 20px;}
.t3{font-size: 28px;}
.t4{}
.t5{font-size: 46px;}
.t6{font-size: 46px;}
.t7{font-size: 32px;}

.z1{z-index:1;}
.z2{z-index:2;}
.z3{z-index:3;}
.z4{z-index:4;}
.z5{z-index:5;}
.z6{z-index:6;}
.z7{z-index:7;}
.z8{z-index:8;}
.z9{z-index:9;}
.z10{z-index:10;}

.sticky-top{position: relative !important}
.m-sticky{}

.top{top:0px !important;}
.top_50{bottom:150px !important;}
.left {left: 0px !important;}
.bottom {bottom: 0px !important;}
.right {right: 0px !important;}

.h-1{height: 75vh}
.h-2{}
.h-3{}
.h-4{}
.w-1{}
.w-2{}
.w-3{}
.w-4{}

.btn_1{
   color:white;
   background-color:#4B4B4B;
   font-size:14px;
}
.btn_1:hover{
   color:black;
   background-color:#F33700;
   transition:0.5s;
}
.btn_2{}
.btn_3{}
.btn_4{}
.btn_5{}
.btn_6{}

.container{}

.min-height1{min-height: 400px;}
.min-height2{}
.min-height3{}

.min-width1{}
.min-width2{}
.min-width2{}

.max-height1{}
.max-height2{}
.max-height3{}

.max-width1{max-width:70px !important;}
.max-width2{max-width:30px !important;}
.max-width2{}

.w-90{width:90% !important;}
.w-80{width:80% !important;}
.w-70{width:70% !important;}
.w-60{width:60% !important;}
.w-40{width:40% !important;}
.w-30{width:30% !important;}
.w-20{width:20% !important;}
.w-15{width:15% !important;}
.w-10{width:10% !important;}

.img_size_1{
    width:auto !important;
	height: 50px;
}
.slide{margin-top: -150px;}
.slide2{}
.open{position: absolute; width: 100%; bottom: 0px;}
.social_container{z-index:1031;}
.social{}
.social div{}
.social div a span i{font-size:35px !important;}
.logo{}
.logo img{max-width: 70%;}
.logo-main{
    width: 100% !important;
    position: absolute;
    top: 0px;  
	text-align: center;
}
.counter-container{
    width:100% !important; 
    position:absolute; 
    bottom:0px; 
    z-index:1030; 
}

.bola_1{
    width: 45px;
    height: 45px;
    display: inline-block;
    text-align: center;
    padding: 5px;
}

.container-menu{}
.resa{}
.lang{}
.partenaires{}
.partenaires img{}
.avis{}
.maps{
    z-index: 2;
    position: absolute;
    left: 20%;
    top: 200px;
    overflow: hidden;
    text-align: center !important;
    width: 60%;
}

.maps:hover > img{
   /* -webkit-transform:scale(1.2);
    transform:scale(1.2);
    transition:0.5s;*/
}
.tel{}
.pdf{}
.slogan{
	top: 250px;
    left: 15%;
    z-index: 4;
    width: 70%;
}
.youtube{z-index: 2;position: absolute;top: 177px;right: 50px;}


/* Smartphones (portrait & landscape) */
@media only screen and (min-device-width : 320px)  and (max-device-width : 480px) {
.block_especial_center{
        padding-top: 100px !important;
    }
    
}

@media only screen and (min-width: 576px) {
body{}
html{}
header{}
main{}
footer{}

.sticky-top{}
.block_especial_center{
        padding-top: 200px !important;
    }
.container{}
.card-columns {
	-webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important;
	}
.t1{font-size: 24px;}
.t2{font-size: 24px;}
.t3{font-size: 32px;}
.t4{}
.t5{}
.t6{}
	
.h-1{height: 75vh}
.h-2{}
.h-3{}
.h-4{}
.w-1{}
.w-2{}
.w-3{}
.w-4{}

.min-height1{}
.min-height2{}
.min-height3{}

.min-width1{}
.min-width2{}
.min-width2{}

.max-height1{}
.max-height2{}
.max-height3{}

.max-width1{}
.max-width2{}
.max-width2{}

.slide{}
.social{}
.logo{}
.logo img{}
.container-menu{}
.resa{}
.lang{}
.partenaires{}
.partenaires img{}
.avis{}
.maps{
	width: 50%;
    left: 25%;
    top: 125px;
	}
.tel{}
.pdf{}
.slogan{}
.youtube{}
	
}
@media only screen and (max-width: 767px){
.border_movil_off{border-width: 0 !important;}
.open{}
.container{}
	
}
@media only screen and (min-width: 768px) {
body{}
html{}
header{}
main{}
footer{}
	
.sticky-top{
	position: sticky !important;
	position: -webkit-sticky;
	  position: -moz-sticky;
	  position: -ms-sticky;
	  position: -o-sticky;
}
.m-sticky{top: 110px !important;}
.card-columns {
    -webkit-column-count: 2 !important;
    -moz-column-count: 2 !important;
    column-count: 2 !important;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
}
.logo-main{
    width: 80% !important;
}
.t1{}
.t2{font-size: 26px;}
.t3{font-size: 28px;}
.t4{}
.t5{font-size: 5vw;}
.t6{font-size: 5vw;}
.t7{font-size: 3.5vw;}

.btn_1{
   color:white;
   background-color:#4B4B4B;
   font-size:20px;
}
.btn_2{}
.btn_3{}
.btn_4{}
.btn_5{}
.btn_6{}

.container{}
	
.h-1{height: 75vh}
.h-2{}
.h-3{}
.h-4{}
.w-1{}
.w-2{}
.w-3{}
.w-4{}
	
.min-height1{}
.min-height2{}
.min-height3{}

.min-width1{}
.min-width2{}
.min-width2{}

.max-height1{}
.max-height2{}
.max-height3{}

.max-width1{}
.max-width2{}
.max-width2{}

.slide{margin-top: -98px;}
.slide2{margin-top: -98px;}
.open{
	top: 11%;
    left: 2%;
    width: 40%;
    height: 150px;
	}
.social{}
.logo{}
.logo img{}
.container-menu{}
.resa{}
.lang{}
.partenaires{}
.partenaires img{}
.avis{}
.maps{
	width: 30%;
    top: 13%;
    left: auto;
    right: 0px;
	}
.tel{}
.pdf{}
.slogan{top: 215PX;width: 40%;left: 50px;}
.youtube{}

}

@media only screen and (min-width: 992px) {
body{}
html{}
header{}
main{}
footer{}

.sticky-top{top: 0px}
.card-columns {
	-webkit-column-count: 3 !important;
	-moz-column-count: 3 !important;
	column-count: 3 !important;
	-webkit-column-gap: 1.25rem;
	-moz-column-gap: 1.25rem;
	column-gap: 1.25rem;
	}
.t1{}
.t2{font-size: 2.3vw;}
.t3{font-size: 2.8vw;}
.t4{font-size: 1.3vw}
.t5{font-size: 4vw}
.t6{font-size: 5vw}
.t7{font-size: 2.5vw;}

.container{}
	
.h-1{height: 75vh}
.h-2{}
.h-3{}
.h-4{}
.w-1{}
.w-2{}
.w-3{}
.w-4{}
	
.min-height1{}
.min-height2{}
.min-height3{}

.min-width1{}
.min-width2{}
.min-width2{}

.max-height1{}
.max-height2{}
.max-height3{}

.max-width1{}
.max-width2{}
.max-width2{}

.slide{}
.open{width: 30%;top: 17%;}
.social{}
.logo{}
.logo img{}
.container-menu{}
.resa{}
.lang{}
.partenaires{}
.partenaires img{}
.avis{}
.maps{width: 20%;top: 17%;right: 0% !important;}
.tel{}
.pdf{}
.slogan{}
.youtube{}
    
/*BARRA BUSQUEDA FIXED*/
.barra-resa-fijo{
    position: fixed !important;
    top: 0px !important;
    z-index: 1037 !important;
    background: #fff !important;
    width: 100%;
    -webkit-box-shadow: 3px 3px 3px hsla(0,0%,0%,0.37);
    box-shadow: 3px 3px 3px hsla(0,0%,0%,0.37);
	}
/* FIN - BARRA BUSQUEDA FIXED*/
}

@media only screen and (max-width: 1199px) {
.img_especial_1{
        min-height:350px  !important;
        /*min-height:100%  !important;*/
}
.border_tablet_off{border-width: 0 !important;}
.container{}
}

@media only screen and (min-width: 1200px) {
body{}
html{}
header{}
main{}
footer{}
	
.sticky-top{}
.card-columns {
    -webkit-column-count: 4 !important;
    -moz-column-count: 4 !important;
    column-count: 4 !important;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
}
.logo-main{
    width: 100% !important;
    position: absolute;
    top: 0px;  
	text-align: center;
}
.t1{}
.t2{font-size: 1.7vw}
.t3{font-size: 2.2vw}
.t4{font-size: 1.5vw}
.t5{}
.t6{}

.container{max-width: 1600px !important;}
	
.h-1{height: 100vh}
.h-2{}
.h-3{}
.h-4{}
.w-1{}
.w-2{}
.w-3{}
.w-4{}
	
.min-height1{min-height: 500px}
.min-height2{}
.min-height3{}

.min-width1{}
.min-width2{}
.min-width2{}

.max-height1{}
.max-height2{}
.max-height3{}

.max-width1{}
.max-width2{}
.max-width2{}

.slide{}
.open{width: 25%;top: 17%;}
.social{}
.logo{}
.logo img{}
.container-menu{}
.resa{}
.lang{}
.partenaires{}
.partenaires img{}
.avis{}
.maps{left: auto;
    right: 0px !important;}
.tel{}
.pdf{}
.slogan{width: 30%}
.youtube{}

}

@media only screen and (min-width: 1600px) {
body{}
html{}
header{}
main{}
footer{}
	
.sticky-top{}
.card-columns {
    -webkit-column-count: 4 !important;
    -moz-column-count: 4 !important;
    column-count: 4 !important;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
}
.t1{}
.t2{font-size: 1.5vw}
.t3{font-size: 2vw}
.t4{}
.t5{}
.t6{}

.container{}

.h-1{height: 100vh;}
.h-2{}
.h-3{}
.h-4{}
.w-1{}
.w-2{}
.w-3{}
.w-4{}
	
.min-height1{min-height: 600px;}
.min-height2{}
.min-height3{}

.min-width1{}
.min-width2{}
.min-width2{}

.max-height1{}
.max-height2{}
.max-height3{}

.max-width1{}
.max-width2{}
.max-width2{}

.slide{}
.open{width: 20%}
.social{}
.logo{}
.logo img{}
.container-menu{}
.resa{}
.lang{}
.partenaires{}
.partenaires img{}
.avis{}
.maps{}
.tel{}
.pdf{}	
.slogan{}
.youtube{}

}