@charset "utf-8";
@import url("Montserrat_VariableFont_wght/stylesheet.css");
body{
    font-size: 21px;
    background-color: white;
    color: #424242;
    font-family: "Montserrat VariableFont wght";
} 
body.modal-open {overflow: visible !important;}
html{height:100vh} 
header{}
main{}
footer{}
img{width: 100%;}
strong{font-weight: 500!important;}
.fw-bolder {
    font-weight: 500 !important;
}

a{text-decoration:none;cursor:pointer;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:active {text-decoration:none;}
a:hover {text-decoration:none;}

#ui-datepicker-div{max-width: 300px!important}

h1,h2,h3,h4,h5,h6{font-weight: normal !important;}

.cursor{cursor: pointer;}
/* 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 */

/* rgpd texte */
.custom-control-label {
    font-size: medium !important;
}
.text-info {
    color: white !important;
    text-decoration:underline !important;
}
/* fin- rgpd texte */

.sticky-top{
	position: sticky !important;
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
}
/* ESTILOS BOOTSTRAP */
figure{
    margin:0px !important;
}


/* FIN - ESTILOS BOOTSTRAP */

/* ESTO SE HA PUESTO PARA QUE EL SLIDE COJA TODO EL HEIGHT DE LA PANTALLA*/
.view{height:100%}
.view2{	position:relative !important;	overflow: hidden !important;}
/*gestion contenido*/
.col_plugin_text{width: 100%;}
.col_plugin_text img {width: 100%;}
/*fin gestion contenido*/

/* CONTAINER VIDEO */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px; height: 0; overflow: hidden;
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.32);
    box-shadow: 2px 2px 3px rgba(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;
}
/* CONTAINER VIDEO */

.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);
}
.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{}
.counter img{width: 60px;}
.fancybox-slide--iframe .fancybox-content {
    width  : 90%;
    height : 90%;
    max-width  : 1200px;
    max-height : 900px;
    margin: 0;
}
.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: rgba(0, 0, 0, 0.27); opacity: 1 !important;}


.hover2{
    position:absolute !important;
    width:100%;
    height:100%;
    top:0px;
}
.hover2 div {
    background-color: rgba(0, 0, 0, 0.60); 
    width:100%;
    height:50px;
    border-bottom:2px solid white;
}
.hover2 div > p{
    display:none;
    transition:0.3s;
}
.hover2:hover {background-color: rgba(0, 0, 0, 0.60); padding:20px; transition:0.3s;}
.hover2:hover > div {background-color: rgba(0, 0, 0, 0.00) !important; height:100%; border-left:2px solid white;border-right:2px solid white;border-top:2px solid white; transition:0.3s; vertical-align: middle !important;display: flex;flex-flow: column;justify-content: center;}
.hover2:hover > div > p {display:block !important;transition:0.3s;}

.hover3{
    position:absolute !important;
    width:100%;
    height:100%;
    top:0px;
}
.hover3 div {
    background-color: rgba(0, 0, 0, 0.60); 
    width:100%;
    height:50px;
    border-bottom:2px solid white;

    display:none;
    transition:0.3s;
}
.hover3 > a > i{
    width: 60px;
    height: 60px;
    border: solid 2px white;
    padding: 10px;
    position: absolute;
    bottom: 30px;
    right: 30px;
    border-radius: 50%;
    
    opacity: 0;
    display:none;
    transition:0.5s;
}
.hover3 > a > i:hover{
    transform: scale(1.1);
    transition:0.5s;
}

.hover3:hover {background-color: rgba(0, 0, 0, 0.60); padding:20px; transition:0.3s;}
.hover3:hover > div {
    background-color: rgba(0, 0, 0, 0.00) !important; 
    height:100%; 
    border-left:2px solid white;
    border-right:2px solid white;
    border-top:2px solid white; 
    
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;

    display:block !important;
    transition:0.3s;
    
}
.hover3:hover > a > i {display:block !important;opacity: 1;transition:0.5s;}

.zoom{
    overflow:hidden;
    position:relative;
}
.zoom > a > img{transition:0.75s;}
.zoom > a > .lazy-background{transition:0.75s; }
.zoom:hover > a > img{transform:scale(1.3); transition:0.75s;}
.zoom:hover  > a > .lazy-background{transform:scale(1.3); transition:0.75s;}

.hscale:hover{transform: scale(1.2);transition:1s;}

.link,.photo,.map,.more,.visite:hover{
	opacity: 1;
	background-repeat: no-repeat;
    background-position: center center;
	background-size: 50px auto;
}
.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");}
.corner{width: 70px;height: 70px;}
.square{width: 50px !important;height: 50px !important;}
/*TEXTE */
.display-7{
    font-size:2rem ;
}
.display-8{
    font-size:1.5rem ;
}
.small-1{font-size: 12px !important}
.small-2{font-size: 10px !important}
.overline{text-decoration: overline}
.text_special1{font-family: ff-providence-sans-web-pro, sans-serif;font-weight: 400;font-style: normal;}
.text_special2{font-family: "BalooChettan2 Regular";}
.text_special3{}
.text_shadow1{
    text-shadow: 1px 1px 1px rgb(0 0 0 / 82%);
}
.text-shadow2{}
.titre {
    background-color: #222;
    color: #fff;
    padding: 3px;
    text-align: center;
    width:auto;
    height:auto;
}
/*FIN TEXTE */

/* COULEURS */
:root {
	--color-1: #2f2e2e;
	--color-2: #FFFFFF;
	--color-3: #e6993a;
	--color-4: #e42d77;
	--color-5: #4f617e;
	--color-6: #4f617e;
	--color-7: #7a956f;
	--color-8: #00b8ff;
	--color-9: #634334;
	--color-10: #9a9a9a;
}

.border-dark{color: var(--color-1) !important;border-color: var(--color-1) !important}
.btn-dark:hover, .border-dark:active{color: var(--color-1) !important;}
.btn-dark{background-color: var(--color-1) !important}
.btn-outline-dark{color: var(--color-1) !important;border-color: var(--color-1) !important}
.btn-outline-dark:focus{color: var(--color-1) !important;border-color: var(--color-1) !important;}
.btn-outline-dark:hover, .btn-outline-dark:active{color: var(--color-2) !important;border-color: var(--color-1) !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-1) !important}
.border-dark{border-color:var(--color-1) !important}

.border-white{border-color: var(--color-2) !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:focus{color: var(--color-3) !important;border-color: var(--color-3) !important}
.btn-outline-warning:hover, .btn-outline-warning:active{color: var(--color-2) !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-warning{border-color:var(--color-3) !important;}

.border-danger{color: var(--color-4) !important;border-color: var(--color-4) !important}
.btn-danger{background-color: var(--color-4) !important;border-color:var(--color-4) !important;}
.btn-danger:hover{background-color: var(--color-2) !important;color:var(--color-4) !important;border-color:var(--color-4) !important;}
.btn-outline-danger{color: var(--color-4) !important;border-color: var(--color-4) !important}
.btn-outline-danger:focus{color: var(--color-4) !important;border-color: var(--color-4) !important}
.btn-outline-danger:hover, .btn-outline-danger:active{color: var(--color-2) !important;border-color: var(--color-4) !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-4) !important}
.border-danger{border-color:var(--color-4) !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:focus{color: var(--color-5) !important;border-color: var(--color-5) !important}
.btn-outline-info:hover, .btn-outline-info:active{color: var(--color-2) !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-info{border-color:var(--color-5) !important;}

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

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

.btn-success{background-color:  var(--color-7) !important;border-color:  var(--color-7) !important;}
.btn-success:focus{color:  var(--color-2) !important;}
.btn-success:hover, .btn-outline-success:active{color:  var(--color-7) !important;border-color:  var(--color-7) !important;}
.btn-outline-success{color:  var(--color-7) !important;border-color:  var(--color-7) !important}
.btn-outline-success:focus{color:  var(--color-7) !important;border-color:  var(--color-7) !important}
.btn-outline-success:hover, .btn-outline-success:active{color:  var(--color-2) !important;border-color:  var(--color-7) !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-7) !important}
.border-success{border-color:var(--color-7) !important;}



.btn-cool:hover > i {color:black !important; transition:0.75s;}

.btn-cool > span {
    overflow:hidden;
    opacity:0;
    font-size:0;
    transition:0.5s;
    
}
.btn-cool:hover > span {
    opacity:1 !important;
    font-size:18px;
    padding-left:5px;
    transition:0.5s !important;
}
.tsunamiLight {
    background-image: url('tsunamiLight.png');
    background-repeat: repeat-y;
    background-size: 0px 100%;
    transition: 0.5s;
}

.tsunamiLight:hover {
    background-size: 100% 100%;
    transition: 0.5s;
}
.tsunamiLight:hover{
    background-color:transparent;
}

.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: rgba(255, 255, 255, 0.36) !important;}
.f12{background-color: rgba(0, 0, 0, 0.50) !important;}
.f13{}
.f14{background-color: rgba(0, 0, 0, 0.15) !important;}
.fDegradado{
    background-image: -webkit-linear-gradient(0deg,rgba(0,0,0,0.77) 1.38%,rgba(0,0,0,0.62) 26.59%,rgba(0,0,0,0.49) 44.87%,rgba(0,0,0,0.00) 67.22%);
    background-image: -moz-linear-gradient(0deg,rgba(0,0,0,0.77) 1.38%,rgba(0,0,0,0.62) 26.59%,rgba(0,0,0,0.49) 44.87%,rgba(0,0,0,0.00) 67.22%);
    background-image: -o-linear-gradient(0deg,rgba(0,0,0,0.77) 1.38%,rgba(0,0,0,0.62) 26.59%,rgba(0,0,0,0.49) 44.87%,rgba(0,0,0,0.00) 67.22%);
    background-image: linear-gradient(90deg,rgba(0,0,0,0.77) 1.38%,rgba(0,0,0,0.62) 26.59%,rgba(0,0,0,0.49) 44.87%,rgba(0,0,0,0.00) 67.22%);
    transition: 1s;
}
.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}

.hc1:hover{color: var(--color-1) !important}
.hc2:hover{color: var(--color-2) !important}
.hc3:hover{color: var(--color-3) !important}
.hc4:hover{color: var(--color-4) !important}
.hc5:hover{color: var(--color-5) !important}
.hc6:hover{color: var(--color-6) !important}
.hc7:hover{color: var(--color-7) !important}
.hc8:hover{color: var(--color-8) !important}
.hc9:hover{color: var(--color-9) !important}
.hc10:hover{color: var(--color-10) !important}
/* FIN COULEURS */

.bck-img1{
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: center center;
}
.bck-img2{}
.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{}
.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: rgba(0, 0, 0, 0.27);}
.transition h4{margin-bottom: 0px;}
.transition div{
    transform: scaleY(0);
    transform-origin: 100% 0;
    transition: transform 250ms ease;
    background-color: rgba(0, 0, 0, 0.27);
    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: rgba(255, 255, 255, 0.75);
    height: 100%;
}
.transition2:hover div{transform: scaleY(1);}

.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;}

.container{}

.top{top: 0px}
.bottom{bottom: 0px}
.left{left:0px;}
.right{right:0px;}

.mt-n1{margin-top: -.25rem}
.mt-n2{margin-top: -.50rem}
.mt-n3{margin-top: 1rem}
.mt-n4{margin-top: -2rem}
.mt-n5{margin-top: -3rem}

.mt-actualites{margin-top:30px;}

.mr-n1{margin-right: -.25rem}
.mr-n2{margin-right: -.50rem}
.mr-n3{margin-right: 1rem}
.mr-n4{margin-right: -2rem}
.mr-n5{margin-right: -3rem}

.mb-n1{margin-right: -.25rem}
.mb-n2{margin-right: -.50rem}
.mb-n3{margin-right: 1rem}
.mb-n4{margin-right: -2rem}
.mb-n5{margin-right: -3rem}

.ml-n1{margin-right: -.25rem}
.ml-n2{margin-right: -.50rem}
.ml-n3{margin-right: 1rem}
.ml-n4{margin-right: -2rem}
.ml-n5{margin-right: -3rem}

.w-90{width:90% !important;}
.w-80{width:80% !important;}
.w-70{width:70% !important;}
.w-60{width:60% !important;}
.w-50{width:50% !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;}
.w-200px{width:200px;}

.h-1{height: 75vh}
.h-2{height:300px;}
.h-3{}
.h-4{height:250px;}
.h-100vh{height:100vh;}
.min-height1{min-height:350px !important;}
.min-height2{min-height:400px !important;}
.min-height3{min-height:450px !important;}
.min-height4{min-height:250px !important}
.max-height1{}
.max-height2{}
.max-height3{}
.max-height4{}
.w-1{}
.w-2{}
.w-3{}
.w-4{}
.min-width1{}
.min-width2{}
.min-width3{}
.min-width4{}
.max-width1{max-width: 70px!important;}
.max-width2{max-width: 50px!important;}
.max-width3{max-width: 200px!important;}
.max-width4{}

.order-6{order: 6!important;}
.order-7{order: 7!important;}
.order-8{order: 8!important;}
.order-9{order: 9!important;}
.order-10{order: 10!important;}
.order-11{order: 11!important;}
.order-12{order: 12!important;}
.order-13{order: 13!important;}
.order-14{order: 14!important;}
.order-15{order: 15!important;}
.order-16{order: 16!important;}
.order-last{order: 17!important;}

.container{max-width: 1600px !important;}
.social-container{}
.social {
    padding: 14px;
    width: 50px;
    height: 50px;
    display:flex;
    justify-content: center;
    align-items:center;
}
.social i {font-size: 1.25em;}
.social-menu{
    position:absolute;
    right:0px;
    top:135px;
}
.social2{
    height: 40px;
    width: 40px;
}
.logo{
    position: absolute;
    top: 50px;
    left: 0px;
    width: 95%;
}

.counter-container{width:100% !important;position:absolute;bottom:0px;}
.container-menu{}
.resa{background-color: #474747;}
.lang{}
.partenaires{}
.partenaires img{height: 150px !important; width:auto !important; margin:10px;}
.paiment{font-size:14px;}
.paiment-i{font-size:30px !important;}
.avis{}
.map{}
.tel{}
.pdf{}
.slogan{}
.youtube{}
.sticky1{
    position:static;   
}
.icono1 {
    width: 70px;
}
.icono2 {
    width: 70px;
    height: 70px;
    padding: 8px;
    border-radius: 50%;
    border: 1px solid #4f617e;
}
.icono2 img {
    width: 30px;
    height: 30px;
}
.icono2 span {
    font-size: 16px;
}
.icono3{
    width: 40px;
    padding:5px;
}
.icono4 {
    width: 70px;
    border: 1px solid white;
    border-radius: 50%;
    padding: 10px;
}
.icono5{
    width: 100px;
    padding:5px;
    float:left;
    margin:10px;
}
.bg-actu{width:auto; max-height:280px;}

/* LOGO INFO ESPECIAL FOOTER */
.logo-aux{width:310px; height:310px;}
.logo-bg-aux{width:310px; height:310px;}
.logo-img-aux {
    width: 150px;
    height: auto;
    top: 45px;
    left: calc(50% - 75px);
}
.text-logo-aux{top: 109px;}
/* FIN - LOGO INFO ESPECIAL FOOTER */


/* PARA HACER LA TRANSICIÓN DEL SLIDER MAS SUAVE  */
.carousel-item{
	transition: opacity 3s ease!important;
}
/* FIN - PARA HACER LA TRANSICIÓN DEL SLIDER MAS SUAVE  */
.carousel-inner{
    height: 100vh;
}
.gadjet-slide-right, .gadjet-slide-right div {display:none;}
.search_bouton{color:white !important;}
.offcanvas-end{
    width: 100%;
}

.logo2{
    position: absolute!important;
    top: 20px!important;
    left: 35%!important;
    width: 40% !important;
    height: auto !important;
}

/* EMPLACEMENT */
.block-pitch {
    position: relative;
    padding-top: 100px;
}

.img-pitch {
    position: absolute;
    top: 0px;
    left: calc(50% - 125px);
    width: 250px !important;
    height: auto;
    border-radius: 50%;
}

.text-pitch {
    padding-top: 200px ;
    padding-bottom: 40px ;
    padding-left:20px;
    padding-right:20px;
}
/* FIN - EMPLACEMENT */

.anchorContainer {
    position: relative;
}
.anchorContainer > div {
    position:absolute;
    top: -350px;
}
.fw-bold-500{
    font-weight: 500!important;
}

.container-actu{
    position: absolute;
    top: 60px;
    right:-325px;
    max-width: 375px;
    /* height: 400px; */
    min-height: 150px;
    display:flex;
    align-items: start;
    transition:1s;
}
.container-actu:hover{
    right:0px;
    transition:1s;
}
.actu-slide{
    border-radius: 50px 0px 0px 50px;
    width: 53px;
    padding: 10px;
    height: auto;
}

/* GALERIAS EDITEUR */
/* galeria → icono  */
.galeria-alquileres .hover:hover{
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50px auto;
}
.galeria-alquileres .hover:hover {background-image: url(../iconos/photo2.png);}
/* galeria → zoom */
.galeria-alquileres .hover {z-index: 1;}
.galeria-alquileres .fa-file-image-o{display:none !important;}
.galeria-alquileres a{margin:0 !important;}
.galeria-alquileres{overflow: hidden;}
.galeria-alquileres img{transition:0.75s;}
.galeria-alquileres:hover img{transform:scale(1.3);transition:0.75s;}
/* galeria → background img */
.galeria-alquileres > a > div  {  width: 100% !important;height: 0 !important;position: relative !important;overflow: hidden !important;padding-top: 75% !important;}
.galeria-alquileres > a > div > img {position: absolute !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;object-fit: cover !important;}
.galeria-alquileres > a > div > div {z-index: 1;}


/* circulo */
.galeria-alquileres-2 .hover:hover{
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50px auto;
}
.galeria-alquileres-2 .hover:hover {background-image: url(../iconos/photo2.png);}
/* galeria → zoom */
.galeria-alquileres-2 .hover {z-index: 1;}
.galeria-alquileres-2 .fa-file-image-o{display:none !important;}
.galeria-alquileres-2 a{margin:0 !important;}
.galeria-alquileres-2{overflow: hidden;}
.galeria-alquileres-2 img{transition:0.75s;}
.galeria-alquileres-2:hover img{transform:scale(1.3);transition:0.75s;}
/* galeria → background img */
.galeria-alquileres > a > div {width: 100% !important;height: 0 !important;position: relative !important;overflow: hidden !important; padding-top: 100% !important; }
.galeria-alquileres > a > div > img {position: absolute !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;object-fit: cover !important;}
.galeria-alquileres > a > div > div {  z-index: 1;}
 
.img-pitch .galeria-alquileres-2 , .img-pitch .galeria-alquileres-2 img,.img-pitch .galeria-alquileres-2 > div > div{border-radius: 50% !important;}
/* FIN - GALERIAS EDITEUR */

/* Smartphones (portrait & landscape) */
@media only screen and (min-device-width : 320px)  and (max-device-width : 400px) {

}
@media only screen and (min-width: 400px){
    .w-aux1{ min-width: 380px;}
    .logo-aux{
        width: 100%;
        max-width:400px;
        height: 400px;
    }
    .logo-bg-aux{width:100%; height:400px;}
    .logo-img-aux{
        width: 260px;
        height: auto;
        top: 80px;
        left: calc(50% - 130px);
    }
    .text-logo-aux{top: 170px;}
    .icono3{
        width: 50px;
    }
}
@media only screen and (min-width: 576px) {
body{}
html{}
header{}
main{}
footer{}

.container{}
.card-columns {-webkit-column-count: 1 !important;-moz-column-count: 1 !important;column-count: 1 !important;}

.h-1{}
.h-2{}
.h-3{}
.h-4{}
.min-height1{}
.min-height2{}
.min-height3{}
.min-height4{}
.max-height1{}
.max-height2{}
.max-height3{}
.max-height4{}
.w-1{}
.w-2{}
.w-3{}
.w-4{}
.w-sm-90{width:90% !important;}
.w-sm-80{width:80% !important;}
.w-sm-70{width:70% !important;}
.w-sm-60{width:60% !important;}
.w-sm-50{width:50% !important;}
.w-sm-40{width:40% !important;}
.w-sm-30{width:30% !important;}
.w-sm-20{width:20% !important;}
.w-sm-15{width:15% !important;}
.w-sm-10{width:10% !important;}
.min-width1{}
.min-width2{}
.min-width3{}
.min-width4{}
.max-width1{}
.max-width2{}
.max-width3{}
.max-width4{}

.slide{}
.social {

}
.social i {}
.social-menu{top:135px !important;}
.logo{
    width:110px; 
    left: 100px;
    top : 70px    
}

.container-menu{}
.resa{}
.lang{}
.partenaires{}
.partenaires img{}
.avis{}
.maps{}
.tel{}
.pdf{}
.slogan{}
.youtube{}
.logo-aux{width:400px;}
.logo-bg-aux{width:400px;}

/* EMPLACEMENT */
.block-pitch {
    padding-top: 0px;
    padding-left: 100px;
}

.img-pitch {
    top: calc(50% - 125px);
    left:0px;
}

.text-pitch {
    padding-left:200px;
}
/* FIN - EMPLACEMENT */
}

@media only screen and (min-width: 768px) {
body{}
html{}
header{}
main{}
footer{}
.titre-home {
    display: table;
    white-space: nowrap;
    text-align: center;
}
.titre-home:before, .titre-home:after {
      content: "";
      display: table-cell;
      width: 50%;
      background-repeat: repeat-x;
      background-position: left center;
      background-image: url(pb.jpg);
}
.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;
}

.h-1{height: 75vh}
.h-2{height:400px;}
.h-3{}
.h-4{}
.h-100
.min-height1{}
.min-height2{min-height:500px !important;}
.min-height3{}
.min-height4{}
.max-height1{}
.max-height2{}
.max-height3{}
.max-height4{}
.w-1{}
.w-2{}
.w-3{}
.w-4{}
.w-md-90{width:90% !important;}
.w-md-80{width:80% !important;}
.w-md-70{width:70% !important;}
.w-md-60{width:60% !important;}
.w-md-50{width:50% !important;}
.w-md-40{width:40% !important;}
.w-md-30{width:30% !important;}
.w-md-20{width:20% !important;}
.w-md-15{width:15% !important;}
.w-md-10{width:10% !important;}
.min-width1{}
.min-width2{}
.min-width3{}
.min-width4{}
.max-width1{}
.max-width2{}
.max-width3{}
.max-width4{}


.container{}
.social-container{}
.social {
    padding: 16px;
    width: 60px;
    height: 60px;
}
.social i {font-size: 1.5em;}
.social-menu{top:170px !important;}
.logo{ width: 150px !important;}

.counter-container{}
.container-menu{}
.resa{position: fixed;width: 100%;bottom: -120px;background-color: #464646; transition:1s;}
.showResa{bottom: 0px; transition:1s;}
.lang{}
.partenaires{}
.partenaires img{}
.paiment{}
.paiment-i{}
.avis{}
.map{}
.tel{}
.pdf{}
.slogan{}
.youtube{}
.offcanvas-top{
    height:150px !important;
}
.offcanvas-end{
    width: 700px;
}
.page-footer{
    /*padding-bottom:80px;*/
}
}

@media only screen and (min-width: 992px) {
body{}
html{}
header{}
main{}
footer{}
.container-face{
    position: absolute;
    top: 90px;
    left:-380px;
    z-index: 2;
    width: 481px;
    height: 500px;
    
    display:flex;
    align-items: start;

    transition:1s;
}
.container-face:hover{
    left:0px;
    transition:1s;
}
.container-face-bottom{
    align-items: center;
    position: absolute;
    bottom:-284px;
    left:0px;
    z-index: 2;
    width: 481px;
    height: 384px;
    
    flex-direction: column;
    justify-content: start;
    align-items: center;

    transition:1s;
}
.container-face-bottom:hover{
    bottom:0px;
    transition:1s;
}
.face-slide{
    background-color: #3b5998;
    border-radius: 0px 50px 50px 0px;
    width: 100px;
    padding: 10px;
    height: auto;
}
.face-slide-bottom{
    background-color: #3b5998;
    border-radius: 50px 50px 0px 0px;
    width: 100px;
    padding: 10px;
    height: auto;
}
.gadjet-slide-right div{
    display:flex;
}
.gadjet-slide-right{
    overflow:hidden;
    display:flex;
    position:absolute;
    right:0px;
    top:90px;
    border-radius: 60px 0px 0px 60px;
    width:100px;
    z-index: 1;
    transition:0.25s;
}
.gadjet-slide-right:hover{
    width:400px;
    transition:0.25s linear;
}
.gadjet-slide-right:hover p{
    opacity:1;
    animation-delay: 0.25s;
    transition:0.4s linear;
}
.gadjet-slide-right img{
    width:80px;
    height:80px;
    border-radius:50%;
}
.gadjet-slide-right p{
    opacity:0;
}
.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;
}

.h-1{height: 75vh}
.h-2{height:500px;}
.h-3{}
.h-4{}
.min-height1{}
.min-height2{min-height:600px !important;}
.min-height3{}
.min-height4{}
.max-height1{}
.max-height2{}
.max-height3{}
.max-height4{}
.w-1{}
.w-2{}
.w-3{}
.w-4{}
.w-lg-90{width:90% !important;}
.w-lg-80{width:80% !important;}
.w-lg-70{width:70% !important;}
.w-lg-60{width:60% !important;}
.w-lg-50{width:50% !important;}
.w-lg-40{width:40% !important;}
.w-lg-30{width:30% !important;}
.w-lg-20{width:20% !important;}
.w-lg-15{width:15% !important;}
.w-lg-10{width:10% !important;}
.min-width1{}
.min-width2{}
.min-width3{}
.min-width4{}
.max-width1{}
.max-width2{max-width:60px !important;}
.max-width3{}
.max-width4{}.container{}

.container{}
.social-container{}
.social {}
.social i {}
.social-menu{}
.logo{width: 175px !important;top: 120px !important;}
.counter-container{width:100% !important;position:absolute;bottom:0px;}
.container-menu{}
.resa{}
.lang{}
.partenaires{}
.partenaires img{}
.paiment{font-size:14px;}
.paiment-i{font-size:30px !important;}
.avis{}
.map{}
.tel{}
.pdf{}
.slogan{}
.youtube{}

.container-actu{
    position: absolute;
    top: 100px;
    right:-325px;
    width: 433px;
    /* height: 400px; */
    min-height: 150px;
    display:flex;
    align-items: start;
    transition:1s;
}
.container-actu:hover{
    right:0px;
    transition:1s;
}
.actu-slide{
    border-radius: 50px 0px 0px 50px;
    width: 53px;
    padding: 10px;
    height: auto;
}
.offcanvas-end{
    width: 700px;
}
.mt-actualites{margin-top:100px;}

 /* EMPLACEMENT */
 .block-pitch {
    padding-top: 100px;
    padding-left:0px;
}

.img-pitch {
    top: 0px;
    left: calc(50% - 125px);
}

.text-pitch {
    padding-left:20px;
}
/* FIN - EMPLACEMENT */

}

@media only screen and (min-width: 1024px){
    .offcanvas-end{
        width: 800px;
    }
    .social-menu{}
    .logo{}
    .fDegradado{
        background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0.77) 1.38%,rgba(255,255,255,0.62) 26.59%,rgba(255,255,255,0.49) 44.87%,rgba(255,255,255,0.00) 67.22%);
        background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0.77) 1.38%,rgba(255,255,255,0.62) 26.59%,rgba(255,255,255,0.49) 44.87%,rgba(255,255,255,0.00) 67.22%);
        background-image: -o-linear-gradient(0deg,rgba(255,255,255,0.77) 1.38%,rgba(255,255,255,0.62) 26.59%,rgba(255,255,255,0.49) 44.87%,rgba(255,255,255,0.00) 67.22%);
        background-image: linear-gradient(90deg,rgba(255,255,255,0.77) 1.38%,rgba(255,255,255,0.62) 26.59%,rgba(255,255,255,0.49) 44.87%,rgba(255,255,255,0.00) 67.22%);
        transition: 1s;
    }
}

@media only screen and (min-width: 1200px) {
body{}
html{}
header{}
main{}
footer{}
.sticky1{
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
}
.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;
}
	
.h-1{height: 100vh}
.h-2{}
.h-3{}
.h-4{}
.min-height1{}
.min-height2{}
.min-height3{}
.min-height4{}
.max-height1{}
.max-height2{}
.max-height3{}
.max-height4{}
.w-1{}
.w-2{}
.w-3{}
.w-4{}
.w-xl-90{width:90% !important;}
.w-xl-80{width:80% !important;}
.w-xl-70{width:70% !important;}
.w-xl-60{width:60% !important;}
.w-xl-50{width:50% !important;}
.w-xl-40{width:40% !important;}
.w-xl-30{width:30% !important;}
.w-xl-20{width:20% !important;}
.w-xl-15{width:15% !important;}
.w-xl-10{width:10% !important;}
.min-width1{}
.min-width2{}
.min-width3{}
.min-width4{}
.max-width1{}
.max-width2{max-width:70px !important;}
.max-width3{}
.max-width4{}

.container{padding: 0% 5%;}
.social-container{}
.social-menu{
    top:110px !important;
}
.logo{
}

.bg-actu{width:auto; max-height:330px;}
.counter-container{width:100% !important;position:absolute;bottom:0px;}
.container-menu{}
.resa{}
.lang{}
.partenaires{}
.partenaires img{}
.paiment{font-size:14px;}
.paiment-i{font-size:30px !important;}
.avis{}
.map{}
.tel{}
.pdf{}
.slogan{}
.youtube{}
.offcanvas-end{
    width: 900px;
}

}

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

.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;
}
.h-1{height: 100vh}
.h-2{}
.h-3{}
.h-4{}
.min-height1{}
.min-height2{}
.min-height3{}
.min-height4{}
.max-height1{}
.max-height2{}
.max-height3{}
.max-height4{}
.w-1{}
.w-2{}
.w-3{}
.w-4{}
.w-xxl-90{width:90% !important;}
.w-xxl-80{width:80% !important;}
.w-xxl-70{width:70% !important;}
.w-xxl-60{width:60% !important;}
.w-xxl-50{width:50% !important;}
.w-xxl-40{width:40% !important;}
.w-xxl-30{width:30% !important;}
.w-xxl-20{width:20% !important;}
.w-xxl-15{width:15% !important;}
.w-xxl-10{width:10% !important;}
.min-width1{}
.min-width2{}
.min-width3{}
.min-width4{}
.max-width1{}
.max-width2{}
.max-width3{}
.max-width4{}

.container{}
.social-container{}
.social {}
.social i {}
.promo{}
.logo{}
.counter-container{}
.container-menu{}
.resa{}
.lang{}
.partenaires{}
.partenaires img{}
.paiment{}
.paiment-i{}
.avis{}
.map{}
.tel{}
.pdf{}
.slogan{}
.youtube{}
.offcanvas-end{
    width: 1000px;
}
}

@media only screen and (min-width: 1600px){
    .widget_search {
        margin-top: 0px !important;
    }
}



/*.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: 100px;
    height: 57.74px;
    /*background-color: #ffffff;*/
    margin: 28.87px 0;
    border-left: solid 3px #CDCDCD;
    border-right: 3px solid #CDCDCD;
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 70.71px;
  height: 70.71px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 11.6447px;
}
.hexagon:before {
  top: -35.3553px;
  border-top: solid 4.2426px #CDCDCD;
  border-right: solid 4.2426px #CDCDCD;
}
.hexagon:after {
  bottom: -35.3553px;
  border-bottom: solid 4.2426px #CDCDCD;
  border-left: solid 4.2426px #CDCDCD;
}
 /* HEXAGONO CON FONDO TRANSPARENTE */

 .animationFacebook{
    -webkit-animation: animationFacebook 3s; /* Safari, Chrome and Opera > 12.1 */
           -moz-animation: animationFacebook 3s; /* Firefox < 16 */
            -ms-animation: animationFacebook 3s; /* Internet Explorer */
             -o-animation: animationFacebook 3s; /* Opera < 12.1 */
                animation: animationFacebook 3s;       
    }

    /* Firefox < 16 */
    @-moz-keyframes animationFacebook {
        0%   {left: 0px;}
        80%  {left: 0px;}
        100% {left: -380px;}
    }
    
    /* Safari, Chrome and Opera > 12.1 */
    @-webkit-keyframes animationFacebook {
        0%   {left: 0px;}
        80%  {left: 0px;}
        100% {left: -380px;}
    }
    
    /* Internet Explorer */
    @-ms-keyframes animationFacebook {
        0%   {left: 0px;}
        80%  {left: 0px;}
        100% {left: -380px;}
    }
    
    /* Opera < 12.1 */
    @-o-keyframes animationFacebook {
        0%   {left: 0px;}
        80%  {left: 0px;}
        100% {left: -380px;}
    }