@charset "utf-8";
/* ETIQUETAS */
body{Font-size: 22px;background-color: #fff;color: #444444;font-family: 'Roboto', sans-serif;}
body.modal-open {overflow: visible !important;}
html{height:100vh;scroll-behavior: smooth; } 

header{} 
main{padding-top: 50px;}
footer{}
footer address{margin-bottom:0px;}
img{width: 100%;}
strong{font-weight: bold !important;}
figure{position:relative;}
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;}

h1,h2,h3,h4,h5,h6{font-weight: 300 !important;}
ul {list-style: none;}
figure{margin-bottom:0px;}
/* FIN - ETIQUETAS */

/* GENERICO */ 
.view,html{height:100vh}

.cursor,.googleMapasIframes{cursor: pointer;}
.sticky-top{
	position: sticky !important;
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
}
.container{max-width: 1600px !important;}
.anchorContainer {position: relative;}
.anchorContainer > div {position:absolute;top: -100px;}

.small-1{font-size: 12px !important}
.small-2{font-size: 10px !important} 
.text_special1{font-family: 'Kalam', cursive;}
.text_special2{}
.text_special3{}
.text_shadow1{text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.74);}

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

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

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

.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-auto-important{width:auto !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{}

.fs-20{font-size: 20px;}

.order-1{order: 1!important;}
.order-2{order: 2!important;}
.order-3{order: 3!important;}
.order-4{order: 4!important;}
.order-5{order: 5!important;}
.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-17{order: 17!important;} 
.order-18{order: 18!important;} 
.order-19{order: 19!important;} 
.order-20{order: 20!important;} 
.order-21{order: 21!important;} 
.order-22{order: 22!important;} 
.order-23{order: 23!important;} 
.order-24{order: 24!important;} 
.order-25{order: 25!important;} 
.order-26{order: 26!important;} 
.order-27{order: 27!important;} 
.order-28{order: 28!important;} 
.order-29{order: 29!important;} 
.order-30{order: 30!important;} 
.order-31{order: 31!important;} 
.order-32{order: 32!important;}  

.w-1{}
.w-2{}
.w-3{}
.w-4{}
.min-width1{}
.min-width2{}
.min-width3{}
.min-width4{}
.max-width1{ }
.max-width2{ }
.max-width3{ }
.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;} 

.bottom-40{bottom:40%;}
/* footer 3 */
.container-footer-3{
    position: relative; 
}
.container-footer-3 img {
    max-width:500px;
}	
 .logo-menu-3 {
    position:absolute;
    left: calc(50% - 55px);
    top: 15%;
    width: 110px;
} 
.container-footer-3 address{
    position: absolute;
     left: calc(50% - 125px);
    top: 50%;
    width:250px;
    text-align: start;
}
.icono-footer-3 {width:40px; height:40px;display: inline-block; padding-top: 2px;}
.partenaire img{width:auto !important; height:80px !important; margin:5px;}
/*  fin footer 3 */
/* FIN - GENERICO */

/* BOOTSTRAP */
.offcanvas-end{width:100% !important;}
.carousel-indicators{z-index:1;}
/* FIN - BOOTSTRAP */

/* FANCYBOX */

/* FIN - FANCYBOX */

/* MENU */

/* FIN - MENU */

/* CARROUSEL */
.textSlide {
    position: absolute;
    bottom: 60px;
    max-width: 100vw;
} 
.animationTextSlide1 {
    left: -100vw;  
    -webkit-animation: animationTextSlide1 1s forwards; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: animationTextSlide1 1s forwards; /* Firefox < 16 */
    -ms-animation: animationTextSlide1 1s forwards; /* Internet Explorer */
    -o-animation: animationTextSlide1 1s forwards; /* Opera < 12.1 */
    animation: animationTextSlide1 1s forwards; 
} 
@keyframes animationTextSlide1 { 
    100% { left: 0vw;} 
}
 
/* FIN - CARROUSEL */

/* COLORES & BOTONES */
:root {
	--color-1: #4b4b4b;
	--color-2: #FFFFFF;
	--color-3: #ab9a80;
	--color-4: #472e2b;
	--color-5: #4b978c;
	--color-6: #163655;
	--color-7: #184b45;
	--color-8: #999999;
	--color-9: rgba(0, 0, 0, 0.60);
	--color-10: rgba(255, 255, 255, 0.60);
	--color-11: rgba(255, 255, 255, 0.60);
	--color-12: rgba(255, 255, 255, 0.60);
	--color-13: rgba(255, 255, 255, 0.60);
	--color-14: rgba(26,26,26,0.68); 
	--color-15: #d4bd97;
} 
.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: var(--color-11) !important}
.f12{background-color: var(--color-12) !important}
.f13{background-color: var(--color-13) !important}
.f14{background-color: var(--color-14) !important}
.f15{background-color: var(--color-15) !important}

.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} 
.c11{color: var(--color-11) !important}
.c12{color: var(--color-12) !important}
.c13{color: var(--color-13) !important}
.c14{color: var(--color-14) !important}
.c15{color: var(--color-15) !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}
.hc11:hover{color: var(--color-11) !important}
.hc12:hover{color: var(--color-12) !important}
.hc13:hover{color: var(--color-13) !important}
.hc14:hover{color: var(--color-14) !important}
.hc15:hover{color: var(--color-15) !important}

.border-dark{color: var(--color-1) !important;border-color: var(--color-1) !important}
.btn-dark{background-color: var(--color-1) !important;border-color:var(--color-1) !important;}
.btn-dark:hover{background-color: var(--color-2) !important;color:var(--color-1) !important;border-color:var(--color-1) !important;}
.btn-dark:hover > i{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;background-color:transparent !important;}
.btn-outline-dark:hover, .btn-outline-dark:active{color: var(--color-2) !important;border-color: var(--color-1) !important; background-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-light{color: var(--color-2) !important;border-color: var(--color-2) !important}
.btn-light{background-color: var(--color-2) !important;border-color:var(--color-2) !important;}
.btn-light:hover{background-color: var(--color-1) !important;color:var(--color-2) !important;border-color:var(--color-2) !important;}
.btn-light:hover > i{color:var(--color-2) !important;}
.btn-outline-light{color: var(--color-2) !important;border-color: var(--color-2) !important}
.btn-outline-light:focus{color: var(--color-2) !important;border-color: var(--color-2) !important;background-color:transparent !important;}
.btn-outline-light:hover, .btn-outline-light:active{color: var(--color-1) !important;border-color: var(--color-2) !important}
.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show>.btn-outline-light.dropdown-toggle {border-color: var(--color-2) !important}
.border-light{border-color:var(--color-2) !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-danger:hover > i{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;background-color:transparent !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-warning{color: var(--color-3) !important;border-color: var(--color-3) !important}
.btn-warning{background-color: var(--color-3) !important;border-color:var(--color-3) !important;color: var(--color-2) !important}
.btn-warning:hover{background-color: var(--color-2) !important;color:var(--color-3) !important;border-color:var(--color-3) !important;}
.btn-warning:hover > i{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;background-color:transparent !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-success{color: var(--color-7) !important;border-color: var(--color-7) !important}
.btn-success{background-color: var(--color-7) !important;border-color:var(--color-7) !important;}
.btn-success:hover{background-color: var(--color-2) !important;color:var(--color-7) !important;border-color:var(--color-7) !important;}
.btn-success:hover > i{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;background-color:transparent !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}

.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;}
.btn-primary:hover{background-color: var(--color-2) !important;color:var(--color-6) !important;border-color:var(--color-6) !important;}
.btn-primary:hover > 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;background-color:transparent !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-info{color: var(--color-5) !important;border-color: var(--color-5) !important}
.btn-info{background-color: var(--color-5) !important;border-color:var(--color-5) !important;color: var(--color-2) !important;}
.btn-info:hover{background-color: var(--color-2) !important;color:var(--color-5) !important;border-color:var(--color-5) !important;}
.btn-info:hover > i{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;background-color:transparent !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-secondary{color: var(--color-10) !important;border-color: var(--color-10) !important}
.btn-secondary{background-color: var(--color-10) !important;border-color:var(--color-10) !important;}
.btn-secondary:hover{background-color: var(--color-2) !important;color:var(--color-10) !important;border-color:var(--color-10) !important;}
.btn-secondary:hover > i{color:var(--color-10) !important;}
.btn-outline-secondary{color: var(--color-10) !important;border-color: var(--color-10) !important}
.btn-outline-secondary:focus{color: var(--color-10) !important;border-color: var(--color-10) !important;background-color:transparent !important;}
.btn-outline-secondary:hover, .btn-outline-secondary:active{color: var(--color-2) !important;border-color: var(--color-10) !important}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {border-color: var(--color-10) !important}
.border-secondary{border-color:var(--color-10) !important}

.tsunami {
    background-size: 201% auto;
    background-position: 100% 0%;
    transition: background-position 0.5s;
}
.tsunamiDark {
    background-image: linear-gradient(90deg, var(--color-1) 0%, var(--color-1) 50%, transparent 50%, transparent 100%);
}
.tsunamiLight {
    background-image: linear-gradient(90deg, var(--color-2) 0%, var(--color-2) 50%, transparent 50%, transparent 100%);
}
.tsunamiWarning {
    background-image: linear-gradient(90deg, var(--color-3) 0%, var(--color-3) 50%, transparent 50%, transparent 100%);
}
.tsunamiDanger {
    background-image: linear-gradient(90deg, var(--color-4) 0%, var(--color-4) 50%, transparent 50%, transparent 100%);
}
.tsunamiInfo {
    background-image: linear-gradient(90deg, var(--color-5) 0%, var(--color-5) 50%, transparent 50%, transparent 100%);
}
.tsunamiPrimary {
    background-image: linear-gradient(90deg, var(--color-6) 0%, var(--color-6) 50%, transparent 50%, transparent 100%);
}
.tsunamiSuccess {
    background-image: linear-gradient(90deg, var(--color-7) 0%, var(--color-7) 50%, transparent 50%, transparent 100%);
}
.tsunamiSecondary {
    background-image: linear-gradient(90deg, var(--color-8) 0%, var(--color-8) 50%, transparent 50%, transparent 100%);
}
.tsunamiShadowDark {
    background-image: linear-gradient(90deg, var(--color-9) 0%, var(--color-9) 50%, transparent 50%, transparent 100%);
}
.tsunamiShadowLight {
    background-image: linear-gradient(90deg, var(--color-10) 0%, var(--color-10) 50%, transparent 50%, transparent 100%);
}

.tsunami:hover{
    background-position: 0 0;
    color:var(--color-2) !important;
    transition: background-position 0.5s,color 0.3s linear 0.2s, background-color 0s linear 0.5s;
 
}
.tsunami:hover >i, .tsunami:hover >span, .tsunami:hover >span > i, .tsunami:hover >p    {
    color:var(--color-2) !important;
  transition:color 0.3s linear 0.2s;
}
.tsunamiShadowLight:hover >i, .tsunamiShadowLight:hover >span, .tsunamiShadowLight:hover >span > i, .tsunamiShadowLight:hover > p   {
    color:var(--color-1) !important;
  transition:color 0.3s linear 0.2s;
}
.tsunamiLight:hover >i, .tsunamiLight:hover >span, .tsunamiStsunamiLighthadowLight:hover >span > i, .tsunamiStsunamiLighthadowLight:hover > p {
    color:var(--color-1) !important;
  transition:color 0.3s linear 0.2s;
} 
.btn-cool:hover > i {color:rgb(255, 255, 255) !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:16px;
    padding-left:5px;
    transition:0.5s !important;
}
.btn-cool-light:hover > i {color:#494949 !important; transition:0.75s;}

.btn-cool-light > span {
    overflow:hidden;
    opacity:0;
    font-size:0;
    transition:0.5s;
}
.btn-cool-light:hover > span {
    opacity:1 !important;
    font-size:15px;
    padding-left:5px;
    transition:0.5s !important;
} 
.btn-arrow > i  {
    position: absolute;
    left: 0px; 
    bottom: -20px;
    padding: 0px 15px;
    transition:0.5s;
} 
.btn-arrow:hover > i {
    bottom: -8px;
    left: calc(100% - 45px); 
    background-color:unset !important;
    transition:0.5s;
} 
.btn-arrow:hover:after {
    content: '';
    width: 100%;
    position: absolute;
    height: calc(100% + 22px);
    /* background-color: red; */
    top: 0;
    left: 0;
}
/* FIN - COLORES & BOTONES */

/* LANG */
.container-lang-1{
    position: absolute;
    top: 20px;
    left: 15px;
    display: flex;
    flex-direction: row;
}
.container-lang-1 div {
    width: 35px;
    height: 35px;
    font-size: 16px;
    border-radius: 50%;
    margin-right: 5px;
    font-weight: bolder;
}
.container-lang-2 {
    overflow: hidden;
    position: absolute;
    top: 1px;
    left: -40px;
    width: 45px;
    height: 40px;
    transition: 0.5s;
}
.container-lang-2 div,.container-lang-2 span{
    width: 35px;
    height: 35px;
    font-size: 16px; 
    margin-bottom: 5px;
    font-weight: bolder;
}
.lang-2{
    padding:5px 7px;
    width: 35px;
    height: 35px;
    font-size: 16px; 
    margin-bottom: 5px;
    font-weight: bolder;
}
.container-lang-2 div  {
    opacity: 0;
    transition:0.5s;
}
.container-lang-2:hover{ 
    height:120px;
    transition:0.25s;
}
.container-lang-2:hover div { 
    opacity: 1;
    transition:0.5s;
}
.p-lang{padding:5px 7px;}
.container-lang-3 {
    max-width: 80px;
    position: fixed;
    z-index: 3;
    top: 6px;
    right: 10px;
}
.container-lang-3 > div > a > span > img{width:18px !important;} 
.lang-3-main{width:30px !important;}
.lang-3{
    background-color:#fff;
    display: none;
    position:absolute;
    top: 0px;
    right: 0px;
    text-align: left;
    width: 230px;
    padding: 20px 40px;
}
.lang-3 a{
    text-decoration: none !important;
}
.container-lang-3:hover>.lang-3{
    display: block;
}
.container-lang-3-full{
    max-width: 180px; 
    position: relative;
}
.container-lang-3-full > div > a > span > img{width:18px !important;}
.lang-3-main-full{width:35px !important;}
.lang-3-full{
    background-color:#fff;
    display: none;
    position:absolute;
    top: 50px;
    right: 0px;
    text-align: left;
    width: 230px;
    padding: 20px 40px;
}
.lang-3-full a{
    text-decoration: none !important;
}
.container-lang-3-full:hover>.lang-3-full{
    display: block;
}
/* FIN - LANG */

/* HOVER */
.hscale:hover{transform: scale(1.2);transition:1s;}
.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 {
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 45px;
    transition: 0.5s;
}
.h80px{
    height: 65px; 
}
.mt35px{
    margin-top: 30px;
}
.iconoHover2 {
    position: absolute;
    top: -30px;
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding-top: 11px !important;
}
.iconoHover2 img {
    width: 50px;
    height: auto;
    border-radius: 50%;
}

.hover2>p {
    height: 0px;
    width: 0px;
    opacity: 0;
    overflow: hidden;
}

figure:hover>.hover2 {
    height: 100%;
    padding-top: 15px;
    transition: 0.5s;
}

figure:hover>.hover2>p {
    height: auto;
    width: auto;
    opacity: 1;
    transition: 1s;
}

.fs-hover2 {
    font-size: 30px;
    padding-top: 5px;
} 
/* FIN - HOVER */

/* ICONOS */
.link,.photo,.map,.galeria-alquileres .hover:hover,.more,.visite:hover{
	opacity: 1;
	background-repeat: no-repeat;
    background-position: center center;
	background-size: 50px auto;
}
.link:hover {background-image: url(../iconos/link.png);}
.photo:hover,.galeria-alquileres .hover:hover{background-image: url(../iconos/photo.png);}
.map:hover{background-image: url("../iconos/map.png");}
.more:hover{background-image: url("../iconos/plus.png");}
.visite:hover{background-image: url("../iconos/360.png");}

.icono-w-30{width: 30px;height: 30px;}
.icono-w-35{width: 35px;height: 35px;}
.icono-w-40{width: 40px;height: 40px;} 
.icono-arrow-top{width: 35px;height: 35px;padding:5px;}
 
.icono-corner{width: 70px;height: 70px;} 

.icono-social-1 {
    padding: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.icono-social-1 i {font-size: 1em}
.container-icono-social-2 {
    bottom: auto;
    z-index: 3;
    top: 94px;
    width: 80px;
    height: 150px;
    margin-bottom: 0;
    left: 0;
    position: absolute;
}
.icono-social-2 {
    clear: none;
    padding: 10px;
    width: 45px;
    height: 45px;
    margin-bottom: 5px; 
    float: left;
    border-radius: 0 5px 5px 0;
    margin-right: 0;
}
.icono-social-2:hover {
    padding-left: 18px;
    width: 60px; 
    -webkit-transition: all .5s, transform .5s;
    transition: all .5s, transform .5s;
    -moz-transition: all .5, transform .5s;
    -o-transition: all .5, transform .5s;
    -ms-transition: all .5, transform .5s;
}
.icono-social-2>i {font-size: 25px;} 

.iconoSocial3 {
   min-width:150px;
}
.iconoSocial3 > a > i {
    width: 70px;
    padding: 5px;
    border-radius: 50%; 
    border:1px solid white;
}
.iconoSocial3 > a > span{font-size: 14px;}

.conteiner-social-menu{ 
    top: 5px;
    right: 10px;     
}
.conteiner-social-bottom{ 
    position: fixed;
    bottom: 0px;
    width: 100%; 
    height: 50px;  
}
.pb-social-bottom{padding-bottom:50px;}
.icono-social-phone,.icono-social-resa,.icono-social-bottom-phone{
    width: 35px;
    height: 35px;
    padding: 0px 0px;
}
.icono-social,.icono-social-bottom{
    width: 35px;
    height: 35px;
    padding: 0px 0px;
}
.icono-social-bottom-resa {
    width: auto; 
    padding: 5px 10px;
}

.icono-footer-5{height:40px !important;width:auto !important;}
.icon-guest-suite{width:150px;}
.icono-turismo{width:50px; height:50px;margin-right:7px;padding: 13px 13px;border:1px solid #fff;border-radius:50%;color:#fff;background-color:var(--color-9) !important;} 
.icono-turismo-light{width:50px; height:50px;margin-right:7px;padding: 13px 13px;border:1px solid var(--color-1);border-radius:50%;color:var(--color-1);background-color:var(--color-10) !important;} 
 
.icono-alquileres-1{width: 50px !important;height: 50px !important; line-height: 15px !important; padding-top: 10px !important;} 
.icono-alquileres-2 > div {width: 65px;height: 65px;border-radius: 50%;border: 1px var(--color-1) solid;text-align: center;margin-right: 5px;margin-bottom: 5px;}
.icono-alquileres-2 > div > img{margin-top: 6px;width: 35px;height: 35px;}
.icono-alquileres-2 > div > b{ font-size: 15px !important;line-height: 1;font-weight: bold;display: block; margin-top: 3px;}
.icono-alquileres-3 img{max-width:50px;}
.icono-alquiler-contenido-1{width: 38px;height: 38px;padding: 0px 0px;}
/* FIN - ICONOS */

/* ANIMACIONES */ 
.container-actu{
    position: absolute;
    top: 30px;
    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: 8px;
    height: auto;
    top:80px; 
    right:0px; 
}
.animationActu{
    -webkit-animation: animationActu 4s; /* Safari, Chrome and Opera > 12.1 */
           -moz-animation: animationActu 4s; /* Firefox < 16 */
            -ms-animation: animationActu 4s; /* Internet Explorer */
             -o-animation: animationActu 4s; /* Opera < 12.1 */
                animation: animationActu 4s;   
                animation-delay: 2s;     
    }
/* Firefox < 16 */
@-moz-keyframes animationActu { 
    0%   {right: -382px;}
    25%  {right: 0px;}
    75%  {right: 0px;}
    100% {right: -382px;}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes animationActu {
    0%   {right: -382px;}
    25%  {right: 0px;}
    75%  {right: 0px;}
    100% {right: -382px;}
}

/* Internet Explorer */
@-ms-keyframes animationActu {
    0%   {right: -382px;}
    25%  {right: 0px;}
    75%  {right: 0px;}
    100% {right: -382px;}
}

/* Opera < 12.1 */
@-o-keyframes animationActu {
    0%   {right: -382px;}
    25%  {right: 0px;}
    75%  {right: 0px;}
    100% {right: -382px;}
} 
/* FIN - ANIMACIONES */
 
/* ESTRUCTURAS */ 
.estructura-1 > img{position: absolute;top: -25px;left: 0px;height: 100px;width: auto;padding: 20px;background-color: #fff;}
.estructura-1 > div{padding-top:60px;height:100%;}

.estructura-2 > div:nth-child(1) {
   
}
.estructura-2 > div:nth-child(1) > div{
    border-radius:50%; padding: 15px; 
    transition:0.5s;
} 
.estructura-2 > div:nth-child(1) figure{
    border-radius:50%; overflow:hidden; 
} 
.estructura-2 > div:nth-child(1) img{
    border-radius:50%;
    transition:0.5s;
}
.estructura-2 > div:nth-child(1) > div:hover img{
    padding: 0px;
    transform:scale(1.2);
    transition:0.5s;
}
.estructura-2 > div:nth-child(1) > div:hover {
    padding: 0px; 
    transition:0.5s;
}
.estructura-2 > div:nth-child(1) .hover{
    border-radius:50%;
}
.estructura-2 > div:nth-child(2) {
    
}
.estructura-2 > div:nth-child(2) > div { 
    margin: -150px 0px 0px 0px ;
    padding: 160px 15px 15px 15px ;
}

.estructura-3{min-height:300px}
.estructura-3-sm{height:250px;}
.estructura-4{min-height:200px}
.estructura-4-main{min-height:200px}
.estructura-5{min-height:300px}
.estructura-6{min-height:350px}

 
.separacion-2 {position:relative;}
.separacion-2 > div:nth-child(1){min-height:300px;}
.separacion-2 > div:nth-child(2){
    position: relative;
} 
.separacion-2-bis { min-height:350px;position:relative;} 
.separation-2-bis-img { min-height:350px;width:100%;} 
.separation-2-bis-text { padding-top: 300px;padding-bottom: 20px;position:relative;width:100%;position:relative;} 
.separacion-3 {position:relative; }
.separacion-3 > div:nth-child(1){min-height:350px;}
.separacion-3 > div:nth-child(2){position:relative;}
.separacion-3-bis {position:relative; }
.separacion-3-bis > div:nth-child(1){min-height:350px;}
.separacion-3-bis > div:nth-child(2){position:relative; }

.triangle-dark-left { 
    width: 0;
    height: 0;
    border-bottom: 60px solid #494949;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    position: absolute;
    right: calc(50% - 60px);
    bottom: 0px;
}

.triangle-light-left { 
    width: 0;
    height: 0;
    border-bottom: 60px solid #fff;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    position: absolute;
    right: calc(50% - 60px);
    bottom: 0px;
}

.triangle-dark-right {
    width: 0;
    height: 0;
    border-bottom: 60px solid #494949;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent; 
    position: absolute;
    left: calc(50% - 60px);
    bottom: 0px;
} 

.triangle-light-right {
    width: 0;
    height: 0;
    border-bottom: 60px solid #fff;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent; 
    position: absolute;
    left: calc(50% - 60px);
    bottom: 0px;
} 

/* galería 7  */
.galeria-7{
    position: absolute;
    top: 0px;
    left: 0px;
    transform: translateX(-100%);
    display:flex;
    align-items:center;
    transition:1s;
}
.btn-avant{
    top: 80px;
    left: 0px;
    width: 90px;
    height: 40px;
    position:absolute; 
    z-index: 1;  
}
.btn-apres{ 
    left: unset !important;
    right: 0px;  
} 
.contenedor-galeria-7-On .galeria-7 { 
    transform: translateX(0%); 
    transition:1s;
}
/* fin - galería 7  */
.alquiler-especial-n{min-height:350px}
.separacion-1{min-height:350px}

.turismo-4{position:relative;}
.turismo-4>div:nth-child(1){margin-right: 70px}
.turismo-4>div:nth-child(2){position:absolute;top:0px;right:0px;display:inline-block;}
.turismo-4 i{width: 35px;height:35px;padding:6px 6px;}

.estructura-iconos-1{width: 100%;height:100%;text-align: center;padding: 10px;padding-top: 25px;}
.estructura-iconos-1 img{width: 40px;}
.estructura-iconos-2 {width: 100%;height: 100%;text-align: center;border: solid var(--color-1) 1px;padding: 10px;padding-top: 25px;}
.estructura-iconos-2 img{width: auto;height: 75px;margin-top: 10px;margin-bottom: 10px;}
.estructura-iconos-3 {padding-top:40px;position:relative;}
.estructura-iconos-3 img{position: absolute;top: -20px;left: 0;height: 80px;width: auto;padding: 20px;border-radius:50%; }
.estructura-iconos-3 > div > div{padding-top:40px; text-align:center;}
.estructura-iconos-4 {width: 100px;height: auto;line-height: 15px;text-align: center;}
.estructura-iconos-4 img {padding: 10px;border-radius: 50%;border: 1px solid #fff;width: 70px;height: 70px;}
.estructura-iconos-4 span {display: block;font-size: 16px;color: #fff;margin-top: 10px;}
.estructura-iconos-4:hover>img {transition: all 1s ease;transform: rotate(-360deg);}    


/* FIN - ESTRUCTURAS */ 

/* EDITEUR */

/* FIN - EDITEUR */

/* RESABOOKING */
#ui-datepicker-div{max-width: 300px!important}
/* FIN - RESABOOKING */

/* OTROS */
.counter {
    width: auto;
    text-align: center;
    display: inline-block; 
    font-size: 0.9em;
	line-height: 20px;
}
.counter img {
    width: 80px;
	margin-bottom: 10px;
}
.container-btn-alquiler{
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
} 
.w50Aux {
    width: calc(50% - 6px) !important;
}
/* FIN - OTROS */

/* ANIMACIONES */
/* **************************************************************** */
/* ************* ANIMACIONES OMLINE - SCRIPT *************** */ 
/* **************************************************************** */

/*ANIMATION ELEMENT*/
.animation-element {
    opacity: 0;
    position: relative;
  }
  
  
  /*ANIMATION LEFT*/
  .animation-element.slide-left {
    opacity: 0;
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(-200px, 0px, 0px);
    -webkit-transform: translate3d(-200px, 0px, 0px);
    -o-transform: translate(-200px, 0px);
    -ms-transform: translate(-200px, 0px);
    transform: translate3d(-200px, 0px, 0px);
  }
  
  .animation-element.slide-left.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  
  /*ANIMATION RIGHT*/
  .animation-element.slide-right {
    opacity: 0;
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(0px, 0px, 200px 0px);
    -webkit-transform: translate3d(0px, 0px, 200px 0px);
    -o-transform: translate(200px, 0px);
    -ms-transform: translate(200px, 0px);
    transform: translate3d(200px, 0px, 0px);
  }
  
  .animation-element.slide-right.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  
  /*ANIMATION UP*/
  .animation-element.slide-up {
    opacity: 0;
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(0px, 0px, 0px 200px);
    -webkit-transform: translate3d(0px, 0px, 0px 200px);
    -o-transform: translate(0px, 200px);
    -ms-transform: translate(0px, 200px);
    transform: translate3d(0px, 200px, 0px);
  }
  
  .animation-element.slide-up.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  /*ANIMATION DOWN*/
.animation-element.slide-down {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(0px, 0px, 0px 200px);
  -webkit-transform: translate3d(0px, 0px, 0px 200px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200px, 0px);
}

.animation-element.slide-down.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
/* FIN - ANIMACIONES */

@media only screen and (max-width: 310px) {
    .icono-social-bottom-resa{
        width: 35px;
        height: 35px;
        padding: 0px 0px;
    }
    .icono-social-bottom-resa > span{
        display:none;
    }
}
@media only screen and (min-device-width : 320px)  and (max-device-width : 480px) { 

}

@media only screen and (min-width: 576px) {
    /* ETIQUETAS */
    body{}
    html{}
    header{}
    main{}
    footer{}
    /* FIN - ETIQUETAS */
    
    /* GENERICO */
    .container{}

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

    .order-sm-1{order: 1!important;}
    .order-sm-2{order: 2!important;}
    .order-sm-3{order: 3!important;}
    .order-sm-4{order: 4!important;}
    .order-sm-5{order: 5!important;}
    .order-sm-6{order: 6!important;}
    .order-sm-7{order: 7!important;}
    .order-sm-8{order: 8!important;}
    .order-sm-9{order: 9!important;}
    .order-sm-10{order: 10!important;}
    .order-sm-11{order: 11!important;}
    .order-sm-12{order: 12!important;}
    .order-sm-13{order: 13!important;}
    .order-sm-14{order: 14!important;}
    .order-sm-15{order: 15!important;}
    .order-sm-16{order: 16!important;}
    .order-sm-17{order: 17!important;} 
    .order-sm-18{order: 18!important;} 
    .order-sm-19{order: 19!important;} 
    .order-sm-20{order: 20!important;} 
    .order-sm-21{order: 21!important;} 
    .order-sm-22{order: 22!important;} 
    .order-sm-23{order: 23!important;} 
    .order-sm-24{order: 24!important;} 
    .order-sm-25{order: 25!important;} 
    .order-sm-26{order: 26!important;} 
    .order-sm-27{order: 27!important;} 
    .order-sm-28{order: 28!important;} 
    .order-sm-29{order: 29!important;} 
    .order-sm-30{order: 30!important;} 
    .order-sm-31{order: 31!important;} 
    .order-sm-32{order: 32!important;} 


    .position-sm-absolute {position:absolute !important;}
    .position-sm-relative {position:relative !important;}
    .position-sm-fixed {position:fixed !important;}

    /* footer 3 */
    .logo-menu-3 { 
		left: calc(50% - 75px); 
		width: 150px;
	}
    /* fin footer 3 */
    /* FIN - GENERICO */

    /* BOOTSTRAP */
    .offcanvas-end{max-width:500px !important;}
    /* FIN - BOOTSTRAP */

    /* FANCYBOX */

    /* FIN - FANCYBOX */
    
    /* MENU */
    
    /* FIN - MENU */
    
    /* CARROUSEL */
    
    /* FIN - CARROUSEL */

    /* LANG */
   
    /* FIN - LANG */

    /* HOVER */
    
    /* FIN - HOVER */

    /* ICONOS */
    .icono-social-bottom-resa,.icono-social-bottom-phone{
        width: auto; 
        padding: 5px 10px;
    }
    .icono-alquileres-2 > div{width: 70px;height: 70px;margin-right: 5px;margin-bottom: 5px;}
    .icono-alquileres-2 > div > img{margin-top: 10px;width: 35px;height: 35px;}
    .icono-alquileres-2 > div > b{ line-height: 1;margin-top: 4px;}
    /* FIN - ICONOS */
   
    /* ESTRUCTURAS */ 
    .estructura-4{min-height:250px}
    .estructura-4-main{min-height:300px}

    .estructura-iconos-1{padding: 15px; padding-top:25px;}
    .estructura-iconos-1 img{width: 70px;}
    .estructura-iconos-2{padding-top:25px;}

    .galeria-columns{columns:2;}
    /* FIN - ESTRUCTURAS */
    
    /* EDITEUR */
    
    /* FIN - EDITEUR */
    
    /* RESABOOKING */
    
    /* FIN - RESABOOKING */
    
    /* OTROS */
    
    /* FIN - OTROS */
}

@media only screen and (min-width: 768px){
    /* ETIQUETAS */
    
    /* FIN - ETIQUETAS */
    
    /* GENERICO */
    .container{}

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

    .order-md-1{order: 1!important;}
    .order-md-2{order: 2!important;}
    .order-md-3{order: 3!important;}
    .order-md-4{order: 4!important;}
    .order-md-5{order: 5!important;}
    .order-md-6{order: 6!important;}
    .order-md-7{order: 7!important;}
    .order-md-8{order: 8!important;}
    .order-md-9{order: 9!important;}
    .order-md-10{order: 10!important;}
    .order-md-11{order: 11!important;}
    .order-md-12{order: 12!important;}
    .order-md-13{order: 13!important;}
    .order-sm-14{order: 14!important;}
    .order-md-15{order: 15!important;}
    .order-md-16{order: 16!important;}
    .order-md-17{order: 17!important;} 
    .order-md-18{order: 18!important;} 
    .order-md-19{order: 19!important;} 
    .order-md-20{order: 20!important;} 
    .order-md-21{order: 21!important;} 
    .order-md-22{order: 22!important;} 
    .order-md-23{order: 23!important;} 
    .order-md-24{order: 24!important;} 
    .order-md-25{order: 25!important;} 
    .order-md-26{order: 26!important;} 
    .order-md-27{order: 27!important;} 
    .order-md-28{order: 28!important;} 
    .order-md-29{order: 29!important;} 
    .order-md-30{order: 30!important;} 
    .order-md-31{order: 31!important;} 
    .order-md-32{order: 32!important;} 

    .position-md-absolute {position:absolute !important;}
    .position-md-relative {position:relative !important;}
    .position-md-fixed {position:fixed !important;}
    /* FIN - GENERICO */

    /* BOOTSTRAP */
    .offcanvas-end{max-width:700px !important;}
    /* FIN - BOOTSTRAP */

    /* FANCYBOX */

    /* FIN - FANCYBOX */
    
    /* MENU */
    
    /* FIN - MENU */
    
    /* CARROUSEL */
 
    /* FIN - CARROUSEL */ 

    /* HOVER */
    
    /* FIN - HOVER */

    /* ICONOS */
    .icono-social-1 {padding: 12px;width: 50px;height: 50px;}
    .icono-social-1 i {font-size: 1.2em}
    .container-icono-social-2 { width: 80px;height: 230px; }
    .icono-social-2 { padding: 10px;width: 60px;height: 60px; }
    .icono-social-2:hover {padding-left: 15px;width: 70px; }
    .icono-social-2>i {font-size: 33px;}
    .icono-social-resa{width: auto; padding: 5px 10px;} 
 
    /* FIN - ICONOS */
 
    /* ESTRUCTURAS */
/*     .container-slide-youtube {position: fixed;} */
    .estructura-2 > div:nth-child(2) > div {width: calc(100% + 40px);margin: 0px 0px 0px -40px;padding: 15px 15px 15px 50px;}
 
    .alquiler-especial-n{min-height:400px}

    .separacion-2 > div:nth-child(1){
        min-height:400px;
    } 
    .separacion-2-bis { min-height:500px;} 
    .separation-2-bis-img { min-height:500px;} 
    .separation-2-bis-text { padding-top: 0px; padding-bottom: 0px; margin-right: 15%;position:absolute;top:0;left:35%;width:auto;} 
    .separation-2-bis-text>div {min-height: 220px;}
    .separacion-3 > div:nth-child(1){min-height:450px;}
    .separacion-3 > div:nth-child(2){position: absolute;bottom: 0px;right:0px;width: 70%;}
    .separacion-3-bis > div:nth-child(1){min-height:450px;}
    .separacion-3-bis > div:nth-child(2){position: absolute;bottom: 0px;right:0px;width: 70%;max-width: 600px;height:100%;}

    .estructura-iconos-4 img {width: 100px;height: 100px;padding: 10px;}
 
    .galeria-columns{columns:3;}
    /* FIN - ESTRUCTURAS */
    
    /* EDITEUR */
    
    /* FIN - EDITEUR */
    
    /* RESABOOKING */
    
    /* FIN - RESABOOKING */
    
    /* OTROS */
    .counter-border{border-top-right-radius: 1rem;}
    /* FIN - OTROS */

}

@media only screen and (min-width: 992px){
    /* ETIQUETAS */
    body{}
    html{}
    header{}
    main{padding-top: 60px;}
    footer{}
    /* FIN - ETIQUETAS */
    
    /* GENERICO */
    .container{}
    .mt-text-intro-2-bis{margin-top:-100px;z-index: 1;}
    .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-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-width3{}
    .max-width4{}

    .order-lg-1{order: 1!important;}
    .order-lg-2{order: 2!important;}
    .order-lg-3{order: 3!important;}
    .order-lg-4{order: 4!important;}
    .order-lg-5{order: 5!important;}
    .order-lg-6{order: 6!important;}
    .order-lg-7{order: 7!important;}
    .order-lg-8{order: 8!important;}
    .order-lg-9{order: 9!important;}
    .order-lg-10{order: 10!important;}
    .order-lg-11{order: 11!important;}
    .order-lg-12{order: 12!important;}
    .order-lg-13{order: 13!important;}
    .order-lg-14{order: 14!important;}
    .order-lg-15{order: 15!important;}
    .order-lg-16{order: 16!important;}
    .order-lg-17{order: 17!important;} 
    .order-lg-18{order: 18!important;} 
    .order-lg-19{order: 19!important;} 
    .order-lg-20{order: 20!important;} 
    .order-lg-21{order: 21!important;} 
    .order-lg-22{order: 22!important;} 
    .order-lg-23{order: 23!important;} 
    .order-lg-24{order: 24!important;} 
    .order-lg-25{order: 25!important;} 
    .order-lg-26{order: 26!important;} 
    .order-lg-27{order: 27!important;} 
    .order-lg-28{order: 28!important;} 
    .order-lg-29{order: 29!important;} 
    .order-lg-31{order: 31!important;} 
    .order-lg-32{order: 32!important;} 

    .position-lg-absolute {position:absolute !important;}
    .position-lg-relative {position:relative !important;}
    .position-lg-fixed {position:fixed !important;}

    .actu-slide{  
       top:120px;  
    }
    /* FIN - GENERICO */

    /* BOOTSTRAP */
    .offcanvas-end{max-width:900px !important; }
    /* FIN - BOOTSTRAP */

    /* FANCYBOX */

    /* FIN - FANCYBOX */
    
    /* MENU */
    
    /* FIN - MENU */
    
    /* CARROUSEL */
 
    /* FIN - CARROUSEL */
    
    /* LANG */ 
    .container-lang-3 { 
        top: 10px;
        /* left: 90px; */
    }
    .lang-3-main{width:35px !important;}
    /* FIN - HOVER */
    
    /* FIN - HOVER */

    /* ICONOS */
    .conteiner-social-menu{  
        top: 10px;
        right: 20px; 
    } 
    .icono-social-phone {
        /* width: auto; 
        padding: 5px 10px; */
    }
    .icono-alquileres-3 img{max-width:60px;}
    /* FIN - ICONOS */
 
    /* ESTRUCTURAS */ 
    .estructura-4{min-height:350px}
    .estructura-4-main{min-height:400px} 

    .alquiler-especial-n{min-height:450px}

    .separacion-3 > div:nth-child(2){bottom:70px;}

    .triangle-dark-left { 
        width: 0;
        height: 0;
        border-right: 60px solid #494949;
        border-left:inherit;
        border-top: 60px solid transparent;
        border-bottom: 60px solid transparent;
        position: absolute;
        right:0px; 
        bottom: calc(50% - 60px);
    }
    .triangle-light-left { 
        width: 0;
        height: 0;
        border-right: 60px solid #fff;
        border-left:inherit;
        border-top: 60px solid transparent;
        border-bottom: 60px solid transparent;
        position: absolute;
        right:0px; 
        bottom: calc(50% - 60px);
    } 
    .triangle-dark-right {
        width: 0;
        height: 0;
        border-left: 60px solid #494949;
        border-right: inherit;
        border-top: 60px solid transparent;
        border-bottom: 60px solid transparent;
        position: absolute;
        left: 0px;
        bottom: calc(50% - 60px); 
    }
    .triangle-light-right {
        width: 0;
        height: 0;
        border-left: 60px solid #fff;
        border-right: inherit;
        border-top: 60px solid transparent;
        border-bottom: 60px solid transparent;
        position: absolute;
        left: 0px;
        bottom: calc(50% - 60px); 
    }

    .galeria-columns{columns:3;}
    
    /* FIN - ESTRUCTURAS */
    
    /* EDITEUR */
    
    /* FIN - EDITEUR */
    
    /* RESABOOKING */
    
    /* FIN - RESABOOKING */
    
    /* OTROS */
    
    /* FIN - OTROS */

}

@media only screen and (min-width: 1024px){
    /* ETIQUETAS */
    body{}
    html{}
    header{}
    main{}
    footer{}
    /* FIN - ETIQUETAS */
    
    /* GENERICO */
    .container{}
    .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{} 
    .min-width1{}
    .min-width2{}
    .min-width3{}
    .min-width4{}
    .max-width1{}
    .max-width2{}
    .max-width3{}
    .max-width4{}

    
    /* FIN - GENERICO */

    /* BOOTSTRAP */

    /* FIN - BOOTSTRAP */

    /* FANCYBOX */

    /* FIN - FANCYBOX */
    
    /* MENU */
    
    /* FIN - MENU */
    
    /* CARROUSEL */
    
    /* FIN - CARROUSEL */
    
    /* HOVER */
    
    /* FIN - HOVER */

    /* ICONOS */
  
    /* FIN - ICONOS */ 

    /* ESTRUCTURAS */
    .galeria-columns{columns:3;}
    /* FIN - ESTRUCTURAS */
    
    /* EDITEUR */
    
    /* FIN - EDITEUR */
    
    /* RESABOOKING */
    
    /* FIN - RESABOOKING */
    
    /* OTROS */
    
    /* FIN - OTROS */

}

@media only screen and (min-width: 1200px){
    /* ETIQUETAS */
    body{}
    html{}
    header{}
    main{}
    footer{} 
    /* FIN - ETIQUETAS */
    
    /* GENERICO */
    .sticky1{
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        position: sticky;
    }
    .container{padding: 0% 5%;}
    .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-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-width3{}
    .max-width4{}

    .order-xl-1{order: 1!important;}
    .order-xl-2{order: 2!important;}
    .order-xl-3{order: 3!important;}
    .order-xl-4{order: 4!important;}
    .order-xl-5{order: 5!important;}
    .order-xl-6{order: 6!important;}
    .order-xl-7{order: 7!important;}
    .order-xl-8{order: 8!important;}
    .order-xl-9{order: 9!important;}
    .order-xl-10{order: 10!important;}
    .order-xl-11{order: 11!important;}
    .order-xl-12{order: 12!important;}
    .order-xl-13{order: 13!important;}
    .order-xl-14{order: 14!important;}
    .order-xl-15{order: 15!important;}
    .order-xl-16{order: 16!important;}
    .order-xl-17{order: 17!important;} 
    .order-xl-18{order: 18!important;} 
    .order-xl-19{order: 19!important;} 
    .order-xl-20{order: 20!important;} 
    .order-xl-21{order: 21!important;} 
    .order-xl-22{order: 22!important;} 
    .order-xl-23{order: 23!important;} 
    .order-xl-24{order: 24!important;} 
    .order-xl-25{order: 25!important;} 
    .order-xl-26{order: 26!important;} 
    .order-xl-27{order: 27!important;} 
    .order-xl-28{order: 28!important;} 
    .order-xl-29{order: 29!important;} 
    .order-xl-30{order: 30!important;} 
    .order-xl-31{order: 31!important;} 
    .order-xl-32{order: 32!important;} 

    .position-xl-absolute {position:absolute !important;}
    .position-xl-relative {position:relative !important;}
    .position-xl-fixed {position:fixed !important;}
    /* FIN - GENERICO */

    /* BOOTSTRAP */

    /* FIN - BOOTSTRAP */

    /* FANCYBOX */

    /* FIN - FANCYBOX */
    
    /* MENU */
    
    /* FIN - MENU */
    
    /* CARROUSEL */
 
    /* FIN - CARROUSEL */
    
    /* HOVER */
    
    /* FIN - HOVER */

    /* ICONOS */
    .icono-social-phone {
        width: auto; 
        padding: 5px 10px;
    }
    /* FIN - ICONOS */
        
    /* ANIMACIONES */
    .animationActu{
        -webkit-animation: animationActu 4s; /* Safari, Chrome and Opera > 12.1 */
            -moz-animation: animationActu 4s; /* Firefox < 16 */
                -ms-animation: animationActu 4s; /* Internet Explorer */
                -o-animation: animationActu 4s; /* Opera < 12.1 */
                    animation: animationActu 4s;   
                    animation-delay: 2s;     
        }
        .animationFacebook2{
            -webkit-animation: animationActu 4s; /* Safari, Chrome and Opera > 12.1 */
                -moz-animation: animationActu 4s; /* Firefox < 16 */
                    -ms-animation: animationActu 4s; /* Internet Explorer */
                    -o-animation: animationActu 4s; /* Opera < 12.1 */
                        animation: animationActu 4s; 
                        animation-delay: 4s;      
            }
        /* Firefox < 16 */
        @-moz-keyframes animationActu { 
            0%   {right: -310px;}
            25%  {right: 0px;}
            75%  {right: 0px;}
            100% {right: -310px;}
        }
        
        /* Safari, Chrome and Opera > 12.1 */
        @-webkit-keyframes animationActu {
            0%   {right: -310px;}
            25%  {right: 0px;}
            75%  {right: 0px;}
            100% {right: -310px;}
        }
        
        /* Internet Explorer */
        @-ms-keyframes animationActu {
            0%   {right: -310px;}
            25%  {right: 0px;}
            75%  {right: 0px;}
            100% {right: -310px;}
        }
        
        /* Opera < 12.1 */
        @-o-keyframes animationActu {
            0%   {right: -310px;}
            25%  {right: 0px;}
            75%  {right: 0px;}
            100% {right: -310px;}
        }
    /* FIN ANIMACIONES */
 
    /* ESTRUCTURAS */
    .separacion-2 > div:nth-child(1){min-height:600px;}
    .separacion-2 > div:nth-child(2){
        left: 40%;
        position: absolute;
        top: 0;
        width: 30%;
        height: 100%;  
        display: flex;
        flex-flow:column nowrap;
        justify-content: center;
    }  

    .galeria-columns{columns:4;}
    /* FIN - ESTRUCTURAS */
    
    /* EDITEUR */
    
    /* FIN - EDITEUR */
    
    /* RESABOOKING */
    
    /* FIN - RESABOOKING */
    
    /* OTROS */
    
    /* FIN - OTROS */

}

@media only screen and (min-width: 1400px){
    /* ETIQUETAS */
    body{}
    html{}
    header{}
    main{}
    footer{} 
    /* FIN - ETIQUETAS */
    
    /* GENERICO */
    .container{}
    .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-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{}

    .order-xxl-1{order: 1!important;}
    .order-xxl-2{order: 2!important;}
    .order-xxl-3{order: 3!important;}
    .order-xxl-4{order: 4!important;}
    .order-xxl-5{order: 5!important;}
    .order-xxl-6{order: 6!important;}
    .order-xxl-7{order: 7!important;}
    .order-xxl-8{order: 8!important;}
    .order-xxl-9{order: 9!important;}
    .order-xxl-10{order: 10!important;}
    .order-xxl-11{order: 11!important;}
    .order-xxl-12{order: 12!important;}
    .order-xxl-13{order: 13!important;}
    .order-xxl-14{order: 14!important;}
    .order-xxl-15{order: 15!important;}
    .order-xxl-16{order: 16!important;}
    .order-xxl-17{order: 17!important;} 
    .order-xxl-18{order: 18!important;} 
    .order-xxl-19{order: 19!important;} 
    .order-xxl-20{order: 20!important;} 
    .order-xxl-21{order: 21!important;} 
    .order-xxl-22{order: 22!important;} 
    .order-xxl-23{order: 23!important;} 
    .order-xxl-24{order: 24!important;} 
    .order-xxl-25{order: 25!important;} 
    .order-xxl-26{order: 26!important;} 
    .order-xxl-27{order: 27!important;} 
    .order-xxl-28{order: 28!important;} 
    .order-xxl-29{order: 29!important;} 
    .order-xxl-30{order: 30!important;}
    .order-xxl-31{order: 31!important;}
    .order-xxl-32{order: 32!important;}
    /* FIN - GENERICO */

    /* BOOTSTRAP */

    /* FIN - BOOTSTRAP */

    /* FANCYBOX */

    /* FIN - FANCYBOX */
    
    /* MENU */
    
    /* FIN - MENU */
    
    /* CARROUSEL */
 
    /* FIN - CARROUSEL */
    
    /* HOVER */
    
    /* FIN - HOVER */

    /* ICONOS */

    /* FIN - ICONOS */
 
    /* ESTRUCTURAS */
    .separacion-2 > div:nth-child(2){left: 40%; width: 30%;} 
    .separation-2-bis-text { left:40%;} 
    /* FIN - ESTRUCTURAS */
    
    /* EDITEUR */
    
    /* FIN - EDITEUR */
    
    /* RESABOOKING */
    
    /* FIN - RESABOOKING */
    
    /* OTROS */
    
    /* FIN - OTROS */

}

@media only screen and (min-width: 1600px){
    /* ETIQUETAS */
    body{}
    html{}
    header{}
    main{}
    footer{} 
    /* FIN - ETIQUETAS */
    
    /* GENERICO */
    
    /* FIN - GENERICO */

    /* BOOTSTRAP */

    /* FIN - BOOTSTRAP */

    /* FANCYBOX */

    /* FIN - FANCYBOX */
    
    /* MENU */
    
    /* FIN - MENU */
    
    /* CARROUSEL */
    
    /* FIN - CARROUSEL */
    
    /* HOVER */
    
    /* FIN - HOVER */

    /* ICONOS */

    /* FIN - ICONOS */
 
    /* ESTRUCTURAS */
    .separation-2-bis-text { left:50%;} 
    /* FIN - ESTRUCTURAS */
    
    /* EDITEUR */
    
    /* FIN - EDITEUR */
    
    /* RESABOOKING */
    
    /* FIN - RESABOOKING */
    
    /* OTROS */
    
    /* FIN - OTROS */

}