html {
    font-size: 62.5%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}


::-webkit-scrollbar { 
    display: none; 
}


body {
    font-size: 1rem !important;
	font-family: 'Montserrat', sans-serif;
    width: 100%;
    margin: 0px;
    padding: 0px;
}


* {
	transition: all ease-in-out 0.3s;
}



/* COLORES ////////////////////////////// */

:root {
    --azulcluster: #242633;

}


.ClusterStyles  .ColorAzul 					{	color: var(--azulcluster) 		!important;}
.ClusterStyles  .FondoAzul 					{	background-color: var(--azulcluster)  		!important; color: #fff;}

.ClusterStyles  .ColorBlanco {	color: #fff !important}

/* COLORES ////////////////////////////// */



/* CONFIGURACIONES GENERALES */

.right {
	text-align: right !important;
}

.left {
	text-align: left !important;
}

.center {
	text-align: center !important;	
}

.pt-1{padding-top: 1rem !important;}
.pt-2{padding-top: 2rem !important;}
.pt-3{padding-top: 3rem !important;}
.pt-4{padding-top: 4rem !important;}
.pt-5{padding-top: 5rem !important;}
.pt-6{padding-top: 6rem !important;}
.pt-7{padding-top: 7rem !important;}
.pt-8{padding-top: 8rem !important;}
.pt-9{padding-top: 9rem !important;}
.pt-10{padding-top: 10rem !important;}
.pt-20{padding-top: 20rem !important;}


.pb-1{padding-bottom: 1rem !important;}
.pb-2{padding-bottom: 2rem !important;}
.pb-3{padding-bottom: 3rem !important;}
.pb-4{padding-bottom: 4rem !important;}
.pb-5{padding-bottom: 5rem !important;}
.pb-6{padding-bottom: 6rem !important;}
.pb-7{padding-bottom: 7rem !important;}
.pb-8{padding-bottom: 8rem !important;}
.pb-9{padding-bottom: 9rem !important;}
.pb-10{padding-bottom: 10rem !important;}
.pb-20{padding-bottom: 20rem !important;}

.Logo {
    position: absolute;
    left: 1.5rem;
    top: 1.5rem;
    display: block;
    width: 10rem;
}

.FullHeight{
	height: 100vh !important;
	
}

/* CONFIGURACIONES GENERALES */


.ClusterStyles h1, 
.ClusterStyles h1 a, 
.ClusterStyles h2, 
.ClusterStyles h2 a, 
.ClusterStyles h3, 
.ClusterStyles h3 a, 
.ClusterStyles h4, 
.ClusterStyles h4 a, 
.ClusterStyles h5, 
.ClusterStyles h5 a, 
.ClusterStyles h6, 
.ClusterStyles h6 a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    color: var(--AzulCluster); 
}

.ClusterStyles p {
	
    font-family: 'Montserrat', sans-serif;
    font-size: 1.7rem;	
    color: var(--AzulCluster); 
	
}

.ClusterStyles h1 {
	font-size: 6rem;
}


.ClusterStyles h2 {
	font-size: 4rem;
}



/* ================================================== GENERAL ================================================== */



/* ================================================== GENERAL ================================================== */


/* ================================================== BANNER ================================================== */
/* BANNER PRINCIPAL  */


#BannerPrincipal {
	height: 100vh;
	background-size: cover;
	background-attachment: fixed;	
}


#BannerPrincipal .swiper-container {
	overflow: unset;
    height: 100vh;

}

#BannerPrincipal .swiper-wrapper, #BannerPrincipal .swiper-slide {
	height: 100vh;	
}

#BannerPrincipal .swiper-container .swiper-slide{
	background-size: cover;
	background-position: center center;
}

.ClusterStyles .swiper-button-next, .ClusterStyles .swiper-container-rtl .swiper-button-prev {
	background-image: url(../ClusterAssets/iconos/flecha-blanco-derecha.png);
    background-size: 1.6rem;
}


.ClusterStyles .swiper-button-prev, .ClusterStyles .swiper-container-rtl .swiper-button-next {
	background-image: url(../ClusterAssets/iconos/flecha-blanco-izquierda.png);	
    background-size: 1.6rem;
}


/* ClusterStyles.css */

.ClusterStyles .swiper-pagination-fraction, .ClusterStyles .swiper-pagination-custom, .ClusterStyles .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 1rem;
  text-align: right;
}

/* swiper.css */


.ClusterStyles .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background: #fff;
  opacity: 1;
}

.ClusterStyles .swiper-pagination-bullet-active {
  background: #000;
}

.ClusterStyles.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 1rem;
}

#BannerPrincipal .swiper-container span.Txt {
  position: absolute;
  top: 70%;
  z-index: 1;
  color: rgb(255, 255, 255);
  left: 25%;
  width: 50%;
  text-align: center;
  font-family: "Playfair Display", serif;
  font-size: 2.7rem;
  opacity: 0;
  line-height: 4rem;
}

#BannerPrincipal .swiper-container .swiper-slide-active span.Txt {
    top: 50%;
    opacity: 1;
    margin-top: -2rem;
}

.mobile#BannerPrincipal .swiper-container .swiper-slide-active span.Txt {
	top: 40vh;	
}

/* ================================================== BANNER ================================================== */




/* ================================================== HOME ================================================== */






.ClusterStyles #NavBar {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999999999;
}

.ClusterStyles #NavBar.navbar-fixed{
    background-color: #fff;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    height: 6rem;
}

.ClusterStyles #NavBar.Abierto {
    height: 100vh;
    background-color: var(--azulcluster);
}



.ClusterStyles #NavBar .LogoCluster {
    position: absolute;
    left: 4rem;
    top: 4rem;
    width: 14rem;
}






.ClusterStyles #NavBar.navbar-fixed .LogoCluster {
    width: 10rem;
    top: 2.3rem;
    left: 4rem;
}

.ClusterStyles #NavBar.Abierto .LogoCluster {
    left: 3rem;
    top: 3rem;
    width: 9rem;
}




.ClusterStyles .Titulo {
    position: absolute;
    z-index: 999999;
    top: calc(50% - 13rem);
    left: 4rem;	
	font-size: 4rem;
}
	
	.mobile.ClusterStyles .Titulo {
    	font-size: 3rem;		
	}



.ClusterStyles .BtnContacto {
    position: absolute;
    border: solid 1px;
    color: var(--azulcluster);
    padding: 1.2rem 2rem;
    top: 1rem;
    right: 1rem;
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 0.2rem;
    line-height: 1.4rem;
    height: 4rem;
    font-weight: lighter;
    opacity: 0;
    cursor: pointer;
	
}
.ClusterStyles .BtnContacto:hover {
	color: #fff !important;
    background-color: var(--azulcluster);
	
}

.ClusterStyles .Abierto .BtnContacto {
	display: none;
	
}


.ClusterStyles #NavBar.navbar-fixed .BtnContacto {
    opacity: 1;	
}


#Contacto {
    position: absolute;
    width: 100%;
    padding: 2.8rem;
    height: 100%;
    display: none;
    padding-top: 7rem;
    background-color: #000;
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
	
	#Contacto {
	    padding-top: 15rem;
	}	
	
	
}




#Contacto row {

}


.ClusterStyles #NavBar.Abierto #Contacto{
	display: block;
	height: 100vh;
}


.ClusterStyles .BtnCerrar {
	position: absolute;
    top: 1rem;
    right: 1rem;
    height: 5rem;
    width: 5rem;
    background-image: url(img/btn-cerrar-blanco.svg);
    background-size: 100% 100%;
    cursor: pointer;

}

.ClusterStyles iframe {
	height: 100%;
	width: 100%;
	
}

.ClusterStyles section {
	padding-left: 4rem;
	padding-right: 4rem;
	
}


/* ================================================== HOME ================================================== */




#Seccion1 {

	
}


.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
	background-size: cover;

}