@charset "utf-8";
@import url("Roboto_Light/stylesheet.css");
@import url("ScriptMTBold/stylesheet.css");
/* CSS Document */

body{font-size: 18px;background-color: #fff;}

body.modal-open {
    overflow: visible !important;
}

html{height:100vh}
header{}
main{}
footer{}
img{width: 100%;}
strong{font-weight: bold !important;}

a{text-decoration:none;cursor: pointer !important;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:active {text-decoration:none;}
a:hover {text-decoration:none;}

.text-shadow{}
.text-shadow2{}


h1,h2,h3,h4,h5,h6{font-weight: normal !important;}
/* resabooking */
.search select,input {border: 1px solid #ccc !important}
.widget_promo {}
.widget_search{
    
}
/* .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%}
.top-menu-px{

}
/*gestion contenido*/
.col_plugin_text{width: 100%;}
.col_plugin_text img {width: 100%;}
/*fin gestion contenido*/
.m-t{margin-top: 6px;}
.carousel-item {
    min-height: 350px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*transition-delay: 0.5s;*/
    transition-timing-function: linear;
/*    transition: all 1s ease-in-out*/
}

.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%;
}
.video-responsive iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
.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);
}

#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;
} */
.sticky1{

}
.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;}
.overline{text-decoration: overline}
.text_special1{font-family: "Roboto Light";}
.text_special2{font-family: ScriptMTBold;}
.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-primary{border-color:var(--color-7) !important;}/*azul oscuro*/
.border-danger{border-color:var(--color-3) !important}/*rojo*/
.border-dark{border-color:var(--color-4) !important;}/*oscuro (negro o gris oscuro)*/

.border_1{border-width: 1px !important ;}
.border_2{border-width: 2px !important ;}
.border_3{border-width: 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; border-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{color: #fff !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: var(--color-7) !important;border-color: var(--color-7)!important;}
.btn-primary{background-color: var(--color-7) !important;border-color: var(--color-7) !important;}
.btn-outline-primary{color: var(--color-7) !important;border-color: var(--color-7)!important;}
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus{color: var(--color-7) !important;border-color: var(--color-7)!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: var(--color-7)!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{border-color: var(--color-3) !important;color:#fff !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}

.border-dark{color: var(--color-4) !important;border-color: var(--color-4) !important}
.btn-dark{background-color: var(--color-4) !important}
.btn-outline-dark{color: var(--color-4) !important;border-color: var(--color-4) !important}
.btn-outline-dark:hover, .btn-outline-dark:active, .btn-outline-dark:focus{color: var(--color-4) !important;border-color: var(--color-4) !important}
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle {border-color: var(--color-4) !important}


:root {
	--color-1: #2f2e2e;
	--color-2: #FFFFFF;
	--color-3: #f16b1c;
	--color-4: #464646;
	--color-5: #0ebce8;
	--color-6: #52cd9f;
	--color-7: #ccb594;
	--color-8: #00b8ff;
	--color-9: #5a4d4d;
	--color-10: #696969;
}

.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;}
.f13{background-color: #989898 !important;}
.f14{background-color: hsla(0,0%,0%,0.54);}
.f15{background-color: #F4F4F4;}
.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}

.titre {}
.underline{text-decoration: underline !important;}

.corner {width: 70px;height: 70px;}

.bck-img1{
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: center 0%;
}
.bck-img2{
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: center 0%;
    background-attachment: fixed;

}
.bck-img3{
    background-color: transparent;
    background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.65) 9.84%,rgba(0,0,0,0.00) 40.41%);
    background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.65) 9.84%,rgba(0,0,0,0.00) 40.41%);
    background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.65) 9.84%,rgba(0,0,0,0.00) 40.41%);
    background-image: linear-gradient(180deg,rgba(0,0,0,0.65) 9.84%,rgba(0,0,0,0.00) 40.41%);
}
.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%);
}
.bck_img5 {
    width: 17%;
	min-width: 300px;
    position: absolute;
    bottom: 14%;
    z-index: 2;
    -moz-transform: scale(1) rotate(-10deg) translate(25px);
    -webkit-transform: scale(1) rotate(-10deg) translate(25px);
    -o-transform: scale(1) rotate(-10deg) translate(25px);
    transform: scale(1) rotate(-10deg) translate(25px);
    right: 3%;
}
.bck_img3{
    background-position: left top;
    background-size: cover;
}
.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.27);}

.transition h4{
    /*background-color: hsla(0, 0%, 100%, 0.74);*/
    margin-bottom: 0px;
}

.transition div{
    transform: scaleY(0);
    transform-origin: 100% 0;
    transition: transform 250ms ease;
    background-color: hsl(192deg 88% 44% / 53%);
    height: 100%;
}
.transition:hover div{transform: scaleY(1);}
.transition2{width: 100%;height: 100%;}
.transition2 div{
    transform: scaleY(0);
    transform-origin: 100% 0;
    transition: transform 250ms ease;
    background-color: hsla(0,0%,100%,0.75);
    height: 100%;
}
.transition2: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;}
.top_center{bottom:80px !important;}
.left {left: 0px !important;}
.bottom {bottom: 0px !important;}
.right {right: 0px !important;}
.right_2{right:5% !important;}
.eau{top: -70px;}
.left_10px {left: 10px;}
.top_10px {top: 10px;}
.bottom_10px {bottom: 10px;}
.h-1{height: 75vh}
.h-2{height:750px;}
.h-3{height: 75vh}
.h-4{min-height: 100px}
.w-1{}
.w-2{}
.w-3{}
.w-4{}

.container{}
.bola_1{
    width: 45px;
    height: 45px;
    display: flex;
}
.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-25{width:25% !important;}
.w-15{width:15% !important;}
.w-10{width:10% !important;}

.img_size_1{}
.img_size_2{}
.img_size_3{}


.slide{}
.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;}
.promo{}
.logo{z-index: 4;width: 50%;

  transition: all 0.5s ease-in;}
.logo_2{}
.logo img{}
.logo-main{}
.counter-container{width:100% !important;position:absolute;bottom:0px;z-index:1030;}

.container-menu{}
.resa{background-color: #474747;}
.lang{}
.partenaires{}
.partenaires img{height: 80px !important; width:auto !important;}
.paiment{
    font-size:14px;
}
.paiment-i{
    font-size:30px !important;
}
.avis{}
.map{}
.tel{}
.pdf{}
.slogan{}
.youtube{}

.container_social_2 {
        bottom: auto;
        z-index: 3;
        top: 35%;
        width: 80px;
        height: 302px;
        margin-bottom: 0px;
        left: 0%;
        position: absolute;
    }
.social_2 {
            clear: none;
        padding: 10px;
        width: 60px;
        height: 60px;
        margin-bottom: 15px;
        float: left;
        border-radius: 0px 5px 5px 0px;
        margin-right: 0px
}
.social_2 img {
	padding: 5px;
}



/* Smartphones (portrait & landscape) */
@media only screen and (min-device-width : 320px)  and (max-device-width : 480px) {
    .paiment{
        font-size:12px;
    }
    .paiment-i{
        font-size:23px !important;
    }
}
@media only screen and (max-width: 575px) {
  .logo {
    max-width:180px;
  }
  .logo_small{
    max-width:130px !important;
    transition: all 0.5s ease-out;
  }
}
@media only screen and (min-width: 576px) {
body{}
html{}
header{}
main{}
footer{}

.sticky-top{}
.widget_search{
    
}
.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{}

.eau{}

.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{}
.promo{}
.logo{width:180px !important;}
.logo_2{}
.logo img{}
.logo_small{
  width:130px !important;
  transition: all 0.5s ease-out;
}
.container-menu{}
.resa{}
.lang{}
.partenaires{}
.partenaires img{}
.avis{}
.maps{}
.tel{}
.pdf{}
.slogan{}
.youtube{}

}
@media only screen and (max-width: 677px){
  .pt_special{
    padding-top: 300px !important;
  }

}
@media only screen and (min-width: 678px)and (max-width: 767px){
  .pt_special{
    padding-top: 100px !important;
  }

}

@media only screen and (min-width: 768px) {

body{}
html{}
header{}
main{}
footer{}
.sticky1{
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 59px !important;
}
.sticky-top{
	position: sticky !important;
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
}
.m-sticky{}
.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{}
.t1{}
.t2{font-size: 26px;}
.t3{font-size: 28px;}
.t4{}
.t5{font-size: 5vw;}
.t6{font-size: 5vw;}
.t7{font-size: 3.5vw;}

.container{}
.widget_search{
    
}
.h-1{height: 75vh}
.h-2{height:500px;}
.h-3{}
.h-4{min-height: 100px;}
.w-1{}
.w-2{}
.w-3{}
.w-4{}

.eau{top: -100px;}

.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{}
.slide2{}
.social{}
.promo{}
.logo{}
.logo_2{}
.logo img{}
.container-menu{}
.resa{position: fixed;width: 100%;bottom: 0px;background-color: #464646;}
.lang{}
.partenaires{}
.partenaires img{}
.paiment{}
.paiment-i{}
.avis{}
.map{}
.tel{}
.pdf{}
.slogan{}
.youtube{}

.bck-img2{min-height: 600px;}
.social_2:hover{
    padding-left: 15px;
    width: 70px;
-webkit-transition: all 0.5s, transform 0.5s;
    transition: all 0.5s, transform 0.5s;
    -moz-transition: all 0.5, transform 0.5s;
    -o-transition: all 0.5, transform 0.5s;
    -ms-transition: all 0.5, transform 0.5s;
}
}

@media only screen and (min-width: 992px) {


body{}
html{}
header{}
main{}
footer{}
.top-menu-px{
    top:43px !important;
}
.sticky-top{top: 0px}

.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{}
.widget_search{
    
}
.h-1{height: 75vh}
.h-2{}
.h-3{}
.h-4{}
.w-1{}
.w-2{}
.w-3{}
.w-4{}

.eau{top: -120px;}

.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{}
.promo{}
.logo{width:280px !important;}
.logo img{}
.logo_small{
    width:200px !important;
    transition: all 0.5s ease-out;
  }
.container-menu{}
.resa{}
.lang{}
.partenaires{}
.partenaires img{}
.paiment{}
.avis{}
.maps{width: 20%;top: 17%;right: 0% !important;}
.tel{}
.pdf{}
.slogan{}
.youtube{}

}
@media only screen and (min-width: 1024px){
    .m-t{margin-top: 40px}
    .widget_search{
    
    }
}



@media only screen and (max-width: 1199px) {

}

@media only screen and (min-width: 1200px) {

body{}
html{}
header{}
main{
    background-image: url(fond-1.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    background-attachment: fixed;
}
.top-menu-px{
    top:50px !important;
}
.container_social_2 {
    bottom: auto;
    z-index: 3;
    top: 50%;
    width: 80px;
    height: 302px;
    margin-bottom: 0px;
    left: 0%;
    position: fixed;
}
.social_2 {
    clear: none;
    padding: 10px;
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
    float: left;
    border-radius: 0px 5px 5px 0px;
    margin-right: 0px
}

.piscine {
	background-image: url(piscine.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-attachment: fixed;
    background-size: 30% auto;
	}
footer{}

.sticky-top{}

.logo-main{}
.t1{}
.t2{font-size: 1.7vw}
.t3{font-size: 2.2vw}
.t4{font-size: 1.5vw}
.t5{}
.t6{}

.container{max-width: 1600px !important;padding: 0% 5%;}
.widget_search{
    
}
.h-1{height: 100vh}
.h-2{}
.h-3{}
.h-4{min-height: 170px;}
.w-1{}
.w-2{}
.w-3{}
.w-4{}

.eau{top: -180px;}
.m-t{margin-top: 90px}
.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{}

.plus{height: 56px; border-top-left-radius: 250px; border-top-right-radius: 250px;}
.slide{}
.social{}
.promo{}
.logo{}
.logo img{}
.container-menu{}
.resa{}
.lang{}
.partenaires{}
.partenaires img{}
.paiment{}
.paiment-i{}
.avis{}
.map{}
.tel{}
.pdf{}
.slogan{}
.youtube{}

}

@media only screen and (min-width: 1600px) {
body{}
html{}
header{}
main{}
footer{}

.sticky-top{}
.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: 1.5vw}
.t3{font-size: 2vw}
.t4{}
.t5{}
.t6{}

.container{}
.widget_search{
    margin-top: auto !important;
}
.h-1{height: 100vh;}
.h-2{}
.h-3{}
.h-4{}
.w-1{}
.w-2{}
.w-3{}
.w-4{}

.eau{top: -200px;}
.m-t{margin-top: 150px;}
.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{}
.promo{position: absolute;width: 70%;bottom: 55px;right: 3px;max-width: 784px;max-height: 275px;}
.logo{}
.logo img{}
.container-menu{}
.resa{}
.lang{}
.partenaires{}
.partenaires img{}
.avis{}
.maps{}
.tel{}
.pdf{}
.slogan{}
.youtube{}

}


/*.carousel,.carousel .carousel-inner,.carousel .carousel-inner .active,.carousel .carousel-inner .carousel-item,*/
/*.view,html{height:100vh}*/


/*HEXAGONO*/

/* generador de figuras geometricas :  http://brenna.github.io/csshexagon/ */



/*EFECTO  (alejandro)*/
.hexagon:hover {
    transition: all 1s ease;
    transform:rotate(-360deg);
}
/* FIN - EFECTO */

.hexagon {
  position: relative;
  width: 120px;
  height: 69.28px;
  /*background-color: #64C7CC;*/
  margin: 34.64px 0;
  border-left: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 84.85px;
  height: 84.85px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 15.5736px;
}

.hexagon:before {
  top: -42.4264px;
  border-top: solid 2.8284px #ffffff;
  border-right: solid 2.8284px #ffffff;
}

.hexagon:after {
  bottom: -42.4264px;
  border-bottom: solid 2.8284px #ffffff;
  border-left: solid 2.8284px #ffffff;
}




 /* ............................. HEXAGONO CON FONDO TRANSPARENTE ............................ */






/*
.fancybox-slide--iframe .fancybox-content {
    width  : 90% !important;
    height : 90% !important;
    max-width  : 1200px !important;
    max-height : 900px !important;
    margin: 0 !important;
}*/


/* EFECTOS ALEJANDRO*/

.zoom{
  overflow:hidden;
  position:relative;
}

.zoom a img{
    transition: transform 1s;
}

.zoom:hover a img{
    transform: scale(1.5);
    transition: transform 1s;
}

.fadeIn {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 1.5s;
}
@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* FIN - EFECTOS */
