@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Rajdhani:wght@500&family=Roboto:wght@300;400;700&display=swap');
@import url('uikit.css');
@import url('navigation.css');

body, html {
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	line-height:28px;
	font-weight: 300;
	color: #706f6f;
	overflow-x: hidden;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
header {
	position: fixed;
	z-index: 1;
	width: 100%;
	border-bottom: 1px solid white;
}
p {
	margin: 0 0 15px 0;
}
.logo img {
	width: 400px;
	margin-bottom: 60px;
}
.container {
	width: 1180px;
	margin: 0 auto;
}
.flex-home {
	display: flex;
	height: 100vh;
}
.flex-home .flex-home1, 
.flex-home .flex-home2 {
	width: 50%;
}
.flex-home .flex-home1 {
	display: flex;
	align-items: center;
	justify-content: center;
  background : -moz-linear-gradient(50% 100% 90deg,rgba(255, 255, 255, 1) 53.45%,rgba(220, 220, 220, 1) 100%);
  background : -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 53.45%, rgba(220, 220, 220, 1) 100%);
  background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0.5345,rgba(255, 255, 255, 1) ),color-stop(1,rgba(220, 220, 220, 1) ));
  background : -o-linear-gradient(90deg, rgba(255, 255, 255, 1) 53.45%, rgba(220, 220, 220, 1) 100%);
  background : -ms-linear-gradient(90deg, rgba(255, 255, 255, 1) 53.45%, rgba(220, 220, 220, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DCDCDC' ,GradientType=0)";
  background : linear-gradient(0deg, rgba(255, 255, 255, 1) 53.45%, rgba(220, 220, 220, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DCDCDC',endColorstr='#FFFFFF' , GradientType=0);
}
.flex-home .flex-home1 .contenido {
	width: 80%;
}
.flex-home .flex-home2 {
	height: 100vh;
}
h1 {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 80px;
	line-height: 60px;
	font-weight: 400;
	color: #152445;
	margin-bottom: 0;
}
.contenido h1 {
	font-size: 80px;
	line-height: 78px;
}
h1 span, h2 span, h3 span, h4 span {
	color: #f61b16;
}
.interesa {
	color: #0e4886;
	font-weight: 400;
}
.interesa img {
	position: absolute;
	width: 20px;
	margin: 5px 0 0 5px;
}
.btn-normal {
	display: flex;
	align-items: center;
	text-decoration: none;
	padding: 10px 3%;
	border: #0e4886 solid 1px;
	border-radius: 20px;
	color: #0e4886;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	transition: 300ms ease;
	position: relative;
	z-index: 1;
	background: #fff;
	box-shadow: 0 28px 50px rgba(255, 255, 255, 1.0);
}
.btn-normal:hover {
	background: #0e4886;
	color: #fff;
	text-decoration: none;
}
.btn-inverso {
	background: #0e4886;
	color: #fff;
}
.btn-inverso:hover {
	border-color: #f61b16;
	background: #f61b16;
}
/*.btn-red {
	text-decoration: none;
	color: #0e4886;
	line-height: 20px;
	font-weight: 400;
	display: block;
	transition: 300ms ease;
}
.btn-red img {
	position: absolute;
	width: 20px;
	margin: 2px 0 0 5px;
}
.btn-red:hover {
	color: #f61b16;
}*/
.mb40 {
	margin-bottom: 40px;
}
.mb20 {
	margin-bottom: 20px;
}
.servicios {
	background: #f6f6f6;
}
.center {
	text-align: center;
}
.padd40 {
	padding: 80px 0;
}
.bg-home1 {
	background: url(../img/Yucatan-Country-Club.webp) center center / cover no-repeat;
	height: 100vh;
}
.bg-home2 {
	background: url(../img/Country-Towers.webp) center center / cover no-repeat;
	height: 100vh;
}
.bg-home3 {
	background: url(../img/Via-Montejo.webp) center center / cover no-repeat;
	height: 100vh;
}
.bg-home4 {
	background: url(../img/SLS-Cancun.webp) center center / cover no-repeat;
	height: 100vh;
}
.bg-home5 {
	background: url(../img/Four-Seasons-Caye-Chapel.webp) center center / cover no-repeat;
	height: 100vh;
}
.bg-home6 {
	background: url(../img/101-Tulum.jpeg) center center / cover no-repeat;
	height: 100vh;
}
.overlay {
	background: rgba(255, 255, 255, 0.8);
	padding: 24px 0 20px 0;
	text-align: center;
}
h2 {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 50px;
	line-height: 46px;
	font-weight: 400;
	color: #152445 !important;
	margin: 0;
}
.flex-productos {
	display: flex;
	justify-content: space-between;
}
.flex-productos .credito {
	width: 49%;
}

h3, h4 {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 40px;
	line-height: 46px;
	font-weight: 400;
	color: #152445 !important;
	margin: 0;
}
h3 {
	padding: 15px 30px;
	color: #fff !important;
	background: #152445;
	line-height: 38px;
	margin-bottom: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	text-align: center;
}
.flex-credito {
	display: flex;
	align-items: center;
}
.flex-credito p {
	padding-left: 5%;
	width: 55%;
	margin: 0;
}
.flex-credito img {
	width: 40%;
	position: relative;
	margin-top: -50px;
}
.mb60 {
	margin-bottom: 60px;
}
.icon {
	text-align: center;
}
.icon img {
	height: 80px;
}
.uk-slider-items li h4 {
	text-align: center;
}
.uk-slider-items li p {
	padding: 0 10px;
	text-align: center;
}
.flex-interes {
	display: flex;
	justify-content: space-between;
}
.flex-interes a {
	width: 30%;
	cursor: text;
}
.down {
	font-family: 'Bebas Neue', sans-serif;
	padding: 10px 1%;
	font-size: 16px;
	line-height: 20px;
	text-decoration: none;
	background:#152445;
	color:#fff;
	display:block;
	display: flex !important;
	align-items: center;
	text-align:center;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px transparent;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	position:relative;
	transition-property:color;
	transition-duration:.5s;
	border-bottom-left-radius: 20px;
	border-top-right-radius: 20px;
}
.down.inline {
    display:inline-block;
}
.down:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#f61b16;
    border-bottom-left-radius: 20px;
	border-top-right-radius: 20px;
    -webkit-transform:scaleX(0);
    -ms-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:0 50%;
    -ms-transform-origin:0 50%;
    transform-origin:0 50%;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform, -webkit-transform;
    transition-duration:.5s;
    transition-timing-function:ease-out;
}
.down:after {
    color:currentColor;
}
.down:hover {
    color:#fff;
    text-decoration: none;
}
.down:hover:before {
    -webkit-transform:scaleX(1);
    -ms-transform:scaleX(1);
    transform:scaleX(1);
}
.down:hover:after {
    margin-left:10px;
}
.iframe {
	height: 100vh;
}
/*.flex-contacto {
	display: flex;
	justify-content: space-between;
}*/
.contacto1 {
	background: url(../img/contacto.jpg) center center / cover no-repeat;
	color: #fff;
	padding: 40px;
}
.contacto1 a {
	color: #fff;
}
.container-contacto {
	width: 300px;
	margin: 0 auto;
}
.flex-icon {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-icon div:nth-of-type(1) {
	width: 15%;
}
.flex-icon p {
	width: 80%;
	margin: 0;
}

.btn-enviar {
	background: #f61b16;
	transition: 400ms ease;
	display: block;
	color: #fff;
	padding: 8px 0;
	font-size: 18px;
	font-family: 'Bebas Neue', sans-serif;
	border: none;
	width: 100%;
	text-align: center;
}
.btn-enviar2:hover {
	text-decoration: none;
	background: orangered;
}
footer {
	background: #152445;
	color: #fff;
	padding: 40px 0;
	text-align: center;
}
footer p {
	margin: 0;
}
.h100 {
	height: 100vh;
}
/*** Basic Form rules **/
form {
  position: relative;
}
input:not([type=radio]):not([type=checkbox]):focus, textarea:focus {
  outline: none;
}
button:focus {
  outline: none;
}
textarea {
  resize: none;
}
.input-success,
.input-error {
  margin-bottom: 0;
  display: none;
  /*padding: 2px 15px;
  color: #ffffff;*/
}
/*.input-success {
  background-color: #16a085;
}
.input-error {
  background-color: #fc427f;
}*/
.logos {
	align-items: center;
}
.logos img {
	width: 52%;
	margin: 0 24%;
}
.logos li:nth-of-type(2) img,
.logos li:nth-of-type(3) img {
	width: 40%;
	margin: 0 30%;
}
.pt40 {
	padding-top: 40px;
}
/*.whats {
	position: fixed;
	z-index: 999;
	bottom: 20px;
	left: 20px;
}
.whats img {
	width: 40px;
}*/
#cotizador {
	color: #132350;
	background: url(../img/02.jpg) left top / cover no-repeat;
}
.cols2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 800px;
	margin: 0 auto;
}
.cols2 strong {
	font-weight: 700;
}
.cols2 div {
	width: 360px;
}
.cols2 div:nth-of-type(1) p {
	font-size: 18px;
}
.personaliza {
	color: red;
	font-size: 32px !important;
	line-height: 32px;
	font-weight: 700;
	margin-bottom: 40px;
}
.uk-range::-webkit-slider-thumb {
  margin-top: -9px;
  height: 20px;
  width: 20px;
}
.uk-range::-moz-range-thumb {
  height: 20px;
  width: 20px;
  margin-top: -9px;
}
.mb {
	margin-bottom: 60px;
}
.monto {
	color: red;
	font-size: 21px;
	line-height: 22px;
	font-weight: 700;
	margin-bottom: 0;
}
.cifra {
	font-size: 45px;
	line-height: 46px;
	font-weight: 700;
	margin-bottom: 20px;
}
.m0 {
	margin: 0;
}
.deptos {
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}
.deptos div:nth-of-type(1) {
	width: 65%;
	font-size: 16px;
	line-height: 22px;
}
.deptos div:nth-of-type(2) {
	width: 30%;
	align-self: flex-end;
}
.whats {
	display: flex;
	align-items: center;
	position: fixed;
	left: 0;
	bottom: 0;
	background: white;
	border-top-right-radius: 20px;
	box-shadow: 2px -2px 15px rgba(0, 0, 0, 0.1);
	padding: 10px;
	color: #132350;
}
.whats p {
	margin: 0 0 0 10px;
	font-size: 14px;
	line-height: 16px;
}
.whats strong {
	font-weight: 700;
}
.whats img {
	width: 50px;
}
.p100 {
	padding: 100px 0;
}
.pt100 {
	padding-top: 100px;
}
.mb-h1 {
	margin-bottom: 20px;
}


@media screen and (max-width: 1230px) {
	.container {
		width: 90%;
		margin: 0 5%;
	}
	.flex-contacto .contacto1 {
		padding: 77px 5%;
	}
}
@media screen and (max-width: 1150px) {
	.flex-home .flex-home1 .contenido {
		width: 80%;
	}
}
@media screen and (max-width: 940px) {
	.flex-contacto {
		display: block;
	}
	.flex-contacto .contacto1 {
		width: 90%;
	}
	.flex-contacto .contacto1 {
		display: flex;
		padding: 40px 5%;
		margin-bottom: 20px;
	}
	.flex-contacto .contacto2 {
		width: 100%;
	}
	.flex-icon div:nth-of-type(1) {
		max-width: 40px;
	}
}
@media screen and (max-width: 890px) {
	.flex-home {
		display: block;
		height: auto;
	}
	.contenido {
		padding-top: 100px;
	}
	.flex-home .flex-home1, 
	.flex-home .flex-home2 {
		width: 100%;
	}
	.logo img {
		margin: 40px 0;
	}
	.flex-home .flex-home1 .contenido {
		padding-bottom: 40px;
	}
	.flex-home .flex-home2, .h100, .bg-home1, .bg-home2, .bg-home3, .bg-home4, .bg-home5, .bg-home6 {
		height: 400px;
	}
	.padd40 {
		padding: 40px 0;
	}
}
@media screen and (max-width: 840px) {
	#cotizador {
		background: url(../img/02.jpg) center top / cover no-repeat;
	}
	.flex-productos {
		display: block;
	}
	.flex-productos .credito {
		width: 100%;
		margin-bottom: 40px;
	}
	.cols2 {
		width: 100%;
	}
	.cols2 div {
		width: 48%;
	}
	.cols2 div:nth-of-type(1) p:nth-of-type(2),
	.cols2 div:nth-of-type(1) p:nth-of-type(3) {
		line-height: 20px;
	}
}
@media (max-width: 730px) {
	.p100 {
		padding: 40px 0;
	}
	.pt100 {
		padding-top: 40px;
	}
}
@media (max-width: 630px) {
	.mb {
		margin-bottom: 30px;
	}
}
@media (max-width: 560px) {
	.cols2 {
		display: block;
	}
	.cols2 div {
		width: 100%;
	}
	.cols2 div:nth-of-type(1) {
		margin-bottom: 20px;
	}
	.personaliza {
		text-align: center;
		font-size: 26px;
		line-height: 26px;
		margin-bottom: 20px;
	}
	.monto {
		font-size: 18px;
	}
	.cifra {
		font-size: 42px;
		margin-bottom: 25px;
	}
	.deptos {
		flex-direction: column;
	}
	.deptos div:nth-of-type(1) {
		width: 100%;
	}
	.deptos div:nth-of-type(2) {
		width: 70%;
		margin: 0 15%;
	}
	.deptos div:nth-of-type(2) img {
		width: 100%;
	}
}
@media screen and (max-width: 530px) {
	.flex-home .flex-home1 .contenido {
		width: 90%;
	}
	.logo img {
		width: 300px;
	}
	h1 {
		font-size: 70px;
/*		line-height: 72px;*/
	}
}
@media screen and (max-width: 430px) {
	.contacto1 {
		padding: 40px 20px;
	}
	.container-contacto {
		width: 100%;
	}
}