@charset "utf-8";
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{}
footer{}
img{width: 100%;}
strong{font-weight: bold !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;}
ul {list-style: none;}
.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;
}
/* ESTILOS BOOTSTRAP */
figure{
    margin:0px !important;
}
/*gestion contenido*/

.fancybox-slide--iframe .fancybox-content {
    width  : 90%;
    height : 90%;
    max-width  : 1200px;
    max-height : 900px;
    margin: 0;
}

.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");}
.corner{width: 70px;height: 70px;}
.square{width: 40px !important;height: 40px !important; line-height: 15px !important; padding-top: 10px !important;}
.square2{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: "Roboto Light";}
.text_special2{font-family: "BalooChettan2 Regular";}
.text_special3{}
.text_shadow1{text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.74);}
.text-shadow2{}
.titre {
    background-color: #222;
    color: #fff;
    padding: 3px;
    text-align: center;
    width:auto;
    height:auto;
}
/*FIN TEXTE */

/* COULEURS */
/* COULEURS */
:root {
	--color-1: #494949;
	--color-2: #FFFFFF;
	--color-3: #fca902;
	--color-4: #fc0255;
	--color-5: #a4c9d5;
	--color-6: #4097ae;
	--color-7: #518a70;
	--color-8: #d8d8d8;
	--color-9: rgba(0, 0, 0, 0.60);
	--color-10: rgba(255, 255, 255, 0.60);
}

.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: #89989c !important}
.f12{background-color:hsl(0deg 0% 100% / 70%) !important;}
.f13{
    background-image: url(fleurs.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 70% auto;
}
.f14{}

.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 */

/* BOTONES */
.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}
.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;
}

.hoverDark:hover{
    color:var(--color-1) !important;
 
}
.hoverLight:hover{
    color:var(--color-2) !important;
 
}
.hoverWarning:hover{
    color:var(--color-3) !important;
 
}
.hoverDanger:hover{
    color:var(--color-4) !important;
 
}
.hoverInfo:hover{
    color:var(--color-5) !important;
 
}
.hoverPrimary:hover{
    color:var(--color-6) !important;
 
}
.hoverSuccess:hover{
  
   
}
.hoverSecondary:hover{
    color:var(--color-8) !important;
 
}

.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:#444 !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;
}
/* FIN BOTONES */

/* BACKGROUND IMAGES */
.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{
    background-repeat: no-repeat;
    background-size: auto ;
    -webkit-background-size: auto ;
    -moz-background-size: auto ;
    -o-background-size: auto ;
    background-position: center top;
}
.bck-img3{}
.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;}
/* FIN - BACKGROUND IMAGES */

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

.vertical-align-middle{
    vertical-align: middle;
}

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

.h-1{height: 75vh}
.h-2{height:300px;}
.h-3{}
.h-4{}
.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:200px !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;}
.partenaires{}
.partenaires img{height: 80px !important; width:auto !important; margin:10px;}

.anchorContainer {
    position: relative;
}
.anchorContainer > div {
    position:absolute;
    top: -100px;
}

/* ICONOS */
.iconoesructura1 {
    position: absolute;
    top: -20px;
    left: 0;
    height: 80px;
    width: auto;
    padding: 20px;
}
.btnAlquiler1Bis{
    width: 40px;
    height: 40px;
}
.btnAlquiler1Bis .fa-map,.btnAlquiler1Bis .fa-euro-sign,.btnAlquiler1Bis .fa-youtube{
    margin-left:-2px;
} 
.iconoesructuralabel {
    position: absolute;
    top: -20px;
    left: 0;
    height: 110px;
    width: auto;
    padding: 20px;
}
.icono1 {
    width: 100px;
    height: 100px;
    line-height: 15px;
}

.icono1 img {
    padding: 10px;
    border-radius: 50%;
    border: 1px solid #fff;
    width: 70px;
    height: 70px;
}

.icono1:hover>img {
    transition: all 1s ease;
    transform: rotate(-360deg);
}

.icono1 span {
    display: block;
    font-size: 16px;
    color: #fff;
    margin-top: 5px;
}
/* FIN - ICONOS */

.offcanvas-end{
    width:100% !important;
}
.iconSlide{width:80px;}
/* Smartphones (portrait & landscape) */
@media only screen and (min-device-width : 320px)  and (max-device-width : 480px) {}

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

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


.partenaires{}
.partenaires img{}

.offcanvas-end{
    max-width:500px !important;
}
}

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

.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{min-height:300px !important;}
.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{}

.offcanvas-end{
    max-width:700px !important;
}
.icono1 img {
    width: 100px;
    height: 100px;
    padding: 10px;
}
.iconSlide{width:150px;}
}

@media only screen and (min-width: 992px) {
body{}
html{}
header{}
main{}
footer{}
.h-1{height: 75vh}
.h-2{height:500px;}
.h-3{}
.h-4{}
.min-height1{}
.min-height2{min-height:600px !important;}
.min-height3{}
.min-height4{min-height:350px !important;}
.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{}

.offcanvas-end{
    max-width:900px !important;
}
}

@media only screen and (min-width: 1024px){
    
}

@media only screen and (min-width: 1200px) {
body{}
html{}
header{}
main{padding-top: 40px;}
footer{}
.sticky1{
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
}
	
.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-width3{}
.max-width4{}

.container{padding: 0% 5%;}

}

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

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


}