body{
	font-family: 'Renner';
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
    font-weight: 300;
}

.bg-dark {
    background-color: transparent!important;
}

.icon-navbar{
	height:2em;
	width:auto;
}

.icon-language{
	width:2em;
	height:auto;
}

.carousel .carousel-control-prev {
	visibility: hidden;
}
.carousel:hover .carousel-control-prev {
	visibility: visible;
}

.carousel .carousel-control-next {
	visibility: hidden;
}
.carousel:hover .carousel-control-next {
	visibility: visible;
}

.logo-slider{
	width: 40em;
}

.title-slider{
	font-size:2em;
	font-weight:300;
}

.btn-slider{
	background-color:transparent;
	border-radius:20px;
	border:1px solid #fff;
	color:#fff;
	font-weight:300;
	letter-spacing: 3px;
}

.carousel-caption {
    right: auto;
    top: 50%;
    bottom: auto;
    left: 50%;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    transform: translate(-50% , -50%);
    -webkit-transform: translate(-50%, -50%);
}

.carousel-indicators [data-bs-target] {
    border-radius: 50%;
    height: 10px;
	width: 10px;	
}

.fondo-resorte-right{
	background-image:url("../img/fondos/resorte-right.png");
    background-repeat: no-repeat;
    background-position: 95% 0;
    background-size: 10%;
	padding:5em 10em;
}

.fondo-resorte-left-top{
	background-image:url("../img/fondos/resorte-right.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 10%;
}

.fondo-resorte-right-bottom{
	background-image:url("../img/fondos/resorte-left.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 10%;
	padding:5em 10em;
}

.fondo-resorte-left{
	background-image:url("../img/fondos/resorte-left.png");
    background-repeat: no-repeat;
    background-position: 2% 100%;
    background-size: 10%;
	padding:5em 10em;
}

.fondo-resorte-azul{
	background-image:url("../img/fondos/resorte-azul.png");
    background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding:3em 0em;
}

.fondo-resortes-azules{
	background-image:url("../img/fondos/fondo_2.png");
    background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding:5em 2em;
}

.fondo-mapa{
	background-image:url("../img/fondos/fondo_3.png");
    background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding:5em 2em;
}

.fondo-contacto{
	background-image:url("../img/fondos/fondo_4.png");
    background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding:5em 18em;
}

.fondo-direccion{
	background-image: url(../img/fondos/resorte-double.png);
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 5em 3em 5em 17em;
}

.title-experiencia{
	font-size: 1.5em;
    font-weight: 600;
    font-family: 'Renner*';
}

.title-experiencia::after {
    display: inline-block;
    content: "";
    border-top: 0.2rem solid #97b1c8;
    width: 3rem;
    margin: 0;
    transform: translate(1rem,-0.5rem);
}

.title-calidad{
	font-size: 1.5em;
    font-weight: 600;
    letter-spacing: 3;
    font-family: 'Renner*';
}

.title-calidad::after {
    display: inline-block;
    content: "";
    border-top: 0.2rem solid #97b1c8;
    width: 3rem;
    margin: 0px 4rem;
    transform: translate(9rem,0.5rem);
}

.subtitle-experiencia{
	font-size: 2em;
    font-weight: 600;
    letter-spacing: 2;
    font-family: 'Renner*';
}

.subtitle-experiencia span{
	color:#97b1c8
}


.text-experiencia{
	font-weight:600;
	padding-right: 4em;
}

.text-aviso{
	font-weight:600;
}

.link-footer{
	color:#fff;
	text-decoration:none;
}

.link-footer:hover,.link-footer:active,.link-footer:focus{
	color:#fff;
	text-decoration:underline;
}

.list-experiencia{
	columns: 3;
	-webkit-columns: 3;
	-moz-columns: 3;
	font-weight: 600;
}

.title-elegir{
	font-size: 1.5em;
    font-weight: 400;
    color: #02253D;
    text-align: center;
    font-family: 'Renner*';
    letter-spacing: 5;
}

.subtitle-elegir{
	font-size:0.8em;
	font-weight:600;
	color:#02253D;
	text-align:center;
	font-family: 'Renner*';
}

.img-elegir{
	width:4em;
	height:auto;
}

.img-iso{
	width: 8em;
    vertical-align: top;
    margin-right: 2em;
}

.img-calidad{
	width: 5em;
    height: auto;
}

.title-productos{
	font-size: 1.25em;
    font-weight: 600;
	font-family: 'Renner*';
}

.title-productos::after{
	display: inline-block;
    content: "";
    border-top: 0.2rem solid #97b1c8;
    width: 3rem;
    margin: 0;
    transform: translate(8rem,-0.8rem);
}

.menu-producto{
	cursor:pointer;
	font-family: 'Renner*';
}

.menu-producto:hover{
	color:#97b1c8;
}

.menu-producto:hover .subtitle-productos{
	border-bottom: 2px solid #97b1c8;
}

.menu-producto.active{
	color:#97b1c8;
}

.menu-producto.active > .subtitle-productos{
	border-bottom: 2px solid #97b1c8;
}

.subtitle-productos{
	font-size: 1em;
    font-weight: 500;
}

.content-producto{
	border: 1px solid #e0e0e0;
	min-height: 10em;
}

.content-producto:hover{
	border: 0;
    box-shadow: 0px 0px 10px #e0e0e0
}

.text-producto{
	font-size:0.8em;
	font-weight:500;
	font-family: 'Renner*';
}

.img-producto{
	width:100%;
	height:auto;
}

.title-cotizacion{
	font-size:2em;
	color:#fff;
	font-weight:500;
	font-family: 'Renner*';
}

.title-cotizacion span{
	color:#97b1c8;
}

.texto-cotizacion{
	font-size:1em;
	color:#fff;
	font-weight:600;
}

.btn-cotizacion{
	background-color:transparent;
	color:#fff;
	border-radius:20px;
	border:2px solid #fff;
	letter-spacing:2;
	font-weight:600;
	padding:0.5em 2em;
	font-size:0.8em;
}

.btn-cotizacion:hover,.btn-cotizacion:active,.btn-cotizacion:focus{
	color:#fff!important;
}

.subtitle-equipo{
	font-size:0.8em;
	font-weight:500;
	color:#02253D;
	font-family: 'Renner*';
}

.text-equipo{
	font-size:0.8em;
	font-weight:300;
	color:#000;
	text-align:justify;
}

.title-mensaje{
	font-size: 1.5rem;
    color: #fff;
    font-weight: 500;
    font-family: 'Renner*';
    letter-spacing: 2;
}

.title-mensaje span{
	font-size:1.5rem;
	color:#97b1c8;
	font-weight:600;
}

.title-contacto{
	font-size:1.5rem;
	color:#97b1c8;
	font-weight:600;
	font-family: 'Renner*';
}

.text-contacto{
	font-size:1.2rem;
	color:#fff;
	font-weight:600;
}

.label-contacto{
	font-size:0.8rem;
	color:#fff;
	font-weight:300;
}

.input-contacto{
	background-color:transparent;
	color:#fff;
	border-radius:20px;
	border: 1.5px solid #fff;
}

.input-contacto::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

.input-contacto:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.input-contacto::placeholder {
  color: #fff;
}

.input-contacto:focus {
  background-color: transparent;
  color:#fff;
}

.btn-contacto{
	background-color:transparent;
	color:#fff;
	border-radius:20px;
	border: 1.5px solid #fff;
	padding: 0.25em 5em;
	font-weight:300;
}

.btn-contacto:hover,.btn-contacto:active,.btn-contacto:focus{
	color:#fff!important;
}

.title-direccion{
	font-size:1.5em;
	font-weight:500;
	letter-spacing:3;
	font-family: 'Renner*';
}

.title-direccion::after {
    display: inline-block;
    content: "";
    border-top: 0.2rem solid #97b1c8;
    width: 3rem;
    margin: 0px;
    transform: translate(1rem,-0.5rem);
}

#map{
	min-height: 35em;
}

.navbarblue{
	background-color:#02253D!important;
}

.icon-correo{
	width: 1.5em;
    vertical-align: top;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.icon-ubicacion{
	width: 1.25em;
    vertical-align: -webkit-baseline-middle;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.icon-telefono{
	width: 1.5em;
    vertical-align: top;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.subtitle-direccion{
	font-size:1rem;
	color:#97b1c8;
	font-weight:600;
	font-family: 'Renner*';
}

.text-direccion{
	font-size:0.9rem;
	font-weight:600;
}

.text-direccion span{
	font-size:0.8rem;
	font-weight:600;
	font-family: 'Renner*';
}

.footer{
	background-color:#02253D;
	color:#fff;
}

.icon-footer{
	width:15em;
	height:auto;
}

.text-footer{
	font-weight:600;
	font-size:1em;
}

.slick-dots li button:before {
    font-size: 20px!important;
    color: #02253D!important;
}

.slick-dots li.slick-active button:before {
    color: #02253D!important;
}

.os-animation,.os-animation-left,.os-animation-right,.os-animation-down{
  opacity: 0;
}

.os-animation.animated, .os-animation-left.animated, .os-animation-right.animated,.os-animation-down.animated{
    opacity: 1;
}

.error{
	color:#fff;
}

@media (max-width: 1399.98px) {
	
}

@media (max-width: 1199.98px) {
	.logo-slider {
		width: 30em;
	}
}

@media (max-width: 991.98px) {
	.logo-slider {
		width: 25em;
	}
	
	.navbar > .container-fluid{
		padding:0;
	}
	
	.navbar > .container-fluid{
		padding:0;
	}
	
	.navbar-collapse{
		background-color: rgb(2, 37, 61);
		padding-left:1em;
		padding-right:1em;
		margin-top:0.2em;
	}
}

@media (max-width: 767.98px) { 
	.logo-slider {
		width: 20em;
	}
	
	.title-slider {
		font-size: 1.5em;
		font-weight: 300;
	}
	
	.btn-slider,.texto-cotizacion{
		font-size:0.8em;
	}
	
	.fondo-resorte-right,.fondo-resorte-left{
		background-size: 30%;
		padding: 2em 2em;
	}
	
	.fondo-resortes-azules,.fondo-mapa,.fondo-contacto{
		padding: 2em 2em;
	}
	
	.fondo-resorte-left-top {
		background-size: 20%;
	}
	
	.fondo-resorte-right-bottom {
		background-size: 20%;
		padding: 2em 2em;
	}
	
	.title-calidad::after {
	    margin: 0px 0rem;
		transform: translate(1rem,-0.5rem);
	}
	
	.title-productos::after {
		transform: translate(1rem,-0.5rem);
	}
	
	.subtitle-experiencia,.title-cotizacion {
		font-size: 1.5em;
	}
	
	.list-experiencia {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}
	
	.title-mensaje,.title-mensaje span {
		font-size: 1rem;
	}
	
	.fondo-direccion {
		padding: 2em 0em 2em 15em;
	}
}

@media (max-width: 575.98px) {
	.icon-navbar{
		height:1.25em;
	}
	.carousel-indicators {
		margin-bottom: 0rem;
	}
	.logo-slider {
		width: 8em;
	}
	
	.title-slider {
		font-size: 0.8em;
		font-weight: 300;
	}
	
	.btn-slider,.btn-cotizacion{
		font-size:0.6em;
	}
	
	
	.carousel-caption {
		left: 0;
		transform: translate(-5% , -50%);
		-webkit-transform: translate(0, -50%);
		padding-left:2em;
		padding-right:2em;
	}
	
	.title-experiencia,.subtitle-experiencia,.title-calidad,.title-elegir,.title-cotizacion,.title-contacto,.title-direccion{
		font-size: 1em;
	}
	
	.text-experiencia,.text-contacto,.list-experiencia,.text-footer,.text-aviso{
		font-size:0.8em;
	}
	
	.fondo-direccion {
		padding: 2em 0em 2em 7em;
	}
	
	.icon-footer {
		width: 10em;
	}
}