@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');
@font-face {
    font-family: "flaticon";
    src: url("./flaticon/flaticon.ttf?a6f1a0a7e42bd34d210f9ab2233a364f") format("truetype"),
    url("./flaticon/flaticon.woff?a6f1a0a7e42bd34d210f9ab2233a364f") format("woff"),
    url("./flaticon/flaticon.woff2?a6f1a0a7e42bd34d210f9ab2233a364f") format("woff2"),
    url("./flaticon/flaticon.eot?a6f1a0a7e42bd34d210f9ab2233a364f#iefix") format("embedded-opentype"),
    url("./flaticon/flaticon.svg?a6f1a0a7e42bd34d210f9ab2233a364f#flaticon") format("svg");
}

i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before {
    font-family: flaticon !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.flaticon-bosque:before {
    content: "\f101";
}
.flaticon-cruce-de-carreteras:before {
    content: "\f102";
}
.flaticon-diapositiva:before {
    content: "\f103";
}
.flaticon-documentos-oficiales:before {
    content: "\f104";
}
.flaticon-la-carretera:before {
    content: "\f105";
}
.flaticon-metodo-de-pago:before {
    content: "\f106";
}
.flaticon-privado:before {
    content: "\f107";
}
.flaticon-reloj:before {
    content: "\f108";
}
.flaticon-sombrilla:before {
    content: "\f109";
}



@font-face {
    font-family: 'Afta sans';
    font-style: normal;
    font-weight: normal;
    src: local('Afta sans'), url('fonts/AftaSansThin-Regular.woff') format('woff');
}


@font-face {
    font-family: 'Afta sans Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Afta sans Italic'), url('fonts/AftaSansThin-Italic.woff') format('woff');
}

@font-face {
    font-family: 'angelfaceregular';
    src: url('fonts/angelface.woff2') format('woff2'),
    url('fonts/angelface.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'antipastoregular';
    src: url('fonts/antipasto_regular.woff2') format('woff2'),
    url('fonts/antipasto_regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'rio_glamour_personal_useRg';
    src: url('fonts/billy_argel_rio_glamour_personal_use.woff2') format('woff2'),
    url('fonts/billy_argel_rio_glamour_personal_use.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


html, body{
    scroll-behavior: smooth;
}


/*----------------------------------------
	Navbar
----------------------------------------*/
.bg-header{
    background-color: #18bbac;
}


.icon-background-header{
    color: #08625c;
}

.icon-color-header{
    font-size: 1.2rem;
    color: #18bbac;
}

.header-one{
    min-height: 43px;
}


.navbar {
    min-height: 96px;
    margin-bottom: 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}


.navbar-light .navbar-nav .nav-link {
    font-family: 'antipastoregular', sans-serif;
    font-size: 1.2rem;
    color: #08625c;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
    margin-right: .5rem;
    margin-left: .5rem;
}

.navbar-light .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.9);
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    font-family: 'antipastoregular', sans-serif;
    color: #08625c;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(2,98,92,.9);
}



/*----------------------------------------
	Banner
----------------------------------------*/

#banner img {
    width: 100%;
}


/*----------------------------------------
	NOSOTOS
----------------------------------------*/

.nosotros {
    position: relative;
    background: url('../images/bg-bienvenida.webp') no-repeat center center/cover;
    padding-top: 4%;
    padding-bottom: 4%;
    min-height: 640px;
    overflow: hidden;
}

.nosotros h4{
    font-family: 'angelfaceregular', sans-serif;
    font-size: 2.1rem;
    margin: 0;
    padding: 0;
    color: #ffffff;
}

.nosotros h1 {
    font-family: 'rio_glamour_personal_useRg', sans-serif;
    color: #73ede5;
}

.nosotros p {
    font-family: 'Afta sans', sans-serif;
    text-align: justify;
    color: #fffffc;
}

.bg-green-100{
    background: #18bbac;
}


.nosotros .btn-asesor{
    font-family: "Open Sans", sans-serif;
    background-color:#0ca79d;
    border-color:#0ca79d;
    padding: .375rem 1.75rem;
    font-size: 1.1rem;
    border-radius: 1.2rem;
    color: #ffffff;
}

/*----------------------------------------
	Yucatan
----------------------------------------*/

#yucatan{
    background: url("../images/bg-yucatan.jpg") center center no-repeat;
    background-size: auto auto;
    background-size: cover;
    position: relative;
    padding-top: 10%;
    padding-bottom: 10%;
    overflow: hidden;
}

#yucatan h1{
    font-family: 'antipastoregular', sans-serif;
    color: #12eeda;
    font-size: 2.3rem;
}

#yucatan p {
    font-family: 'Afta sans', sans-serif;
    text-align: center;
    color: #fffffc;
}

.c-caracol-2{
    position: absolute;
    right: 4%;
}

#yuc-info-c{
    background: #ffffff;
    position: relative;
    padding-top: 6%;
    padding-bottom: 6%;
    overflow: hidden;
}

#yuc-info-c h2{
    font-family: 'antipastoregular', sans-serif;
    color: #08625c;
}

#yuc-info-c p {
    font-family: 'Afta sans', sans-serif;
    text-align: justify;
    color: #18bbac;
}



/*----------------------------------------
	INVERSION INTELIGENTE
----------------------------------------*/


#inversion-inteligente {
    position: relative;
    background: #18bbac;
    padding-top: 4%;
    padding-bottom: 4%;
    overflow: hidden;
    min-height: 400px;
}

.hand-star{
    position: absolute;
    top: 0;
    right: -380px;
}

.hand-star img{
    max-width: 60%;
}

#inversion-inteligente h1 {
    font-family: 'antipastoregular', sans-serif;
    font-size: 4rem;
    color: #b7fff8;
}

#inversion-inteligente .btn-asesor{
    font-family: 'Afta sans', sans-serif;
    background-color:#f9fbfc;
    border-color:#f9fbfc;
    padding: .375rem 1.75rem;
    font-size: 1.1rem;
    border-radius: 1.2rem;
    color: #1ca198;
}


#inversion-inteligente .btn-asesor:hover{
    color: #f9fbfc;
    background-color:transparent;
    border:2px solid #f9fbfc;
}

/*----------------------------------------
	BENEFICIOS
----------------------------------------*/

#beneficios{
    background: url("../images/bg-beneficios.webp") center center no-repeat;
    background-size: auto auto;
    background-size: cover;
    position: relative;
    padding-top: 4%;
    padding-bottom: 4%;
    overflow: hidden;
}

#beneficios  h3 {
    font-family: 'angelfaceregular', sans-serif;
    color: #18bbac;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 2.5rem;
}

#beneficios h2{
    font-family: 'rio_glamour_personal_useRg', sans-serif;
    color: #08625c;
    text-align: center;
}

#beneficios h5{
    font-family: 'Afta sans', sans-serif;
    color: #1ca198;
    text-align: center;
}

#beneficios p {
    font-family: 'Afta sans', sans-serif;
    color: #778584;
    text-align: center;
}


/*----------------------------------------
	CARACTERISTICAS
----------------------------------------*/


#caracteristicas {
    background: #f1f1f1;
    position: relative;
    padding-top: 4%;
    padding-bottom: 4%;
    overflow: hidden;
}


#caracteristicas::after{
    background-image: url("../images/caracoles.webp");
    position: absolute;
    content: "";
    z-index: 1;
    background-repeat: no-repeat;
    top: 10%;
    right: 0;
    max-width: 233px;
    max-height: 461px;
    width: 233px;
    height: 461px;
    bottom: -100px;
}

#caracteristicas i{
    font-size: 4rem;
    text-align: center;
}

#caracteristicas h2{
    font-family: 'rio_glamour_personal_useRg', sans-serif;
    color: #08625c;
}



#caracteristicas .btn-c-c-asesor{
    background-color:#1ca198;
    border-color:#1ca198;
    padding: .375rem 1.75rem;
    font-size: 1.1rem;
    border-radius: 1.2rem;
    color: #ffffff;
}

#caracteristicas .btn-c-c-asesor:hover{
    color: #1ca198;
    background-color:transparent;
    border-color:#1ca198;
    border:1.5px solid;
}

.item-caracterisitcas-box {
    font-family: 'antipastoregular', sans-serif;
    line-height: 1;
    text-align: center;
    font-size: 1rem;
    min-height: 120px;
}


.item-caracterisitcas-bg{
    background-color: #18bbac;
    color: #ffffff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.text{
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    text-align: center;
    font-size:0.9rem;
    color: #08625c;
}

.text span {
    font-size: 0.7rem;
}

/*----------------------------------------
	INFO LOTES
----------------------------------------*/

.info-lotes{
    background: url("../images/bg-info-lotes.webp") #ebe4d0 no-repeat bottom/cover;
    padding-top: 4%;
    padding-bottom: 4%;
    min-height: 600px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.info-lotes h1{
    font-family: "antipastoregular", sans-serif;
    color: #08625c;
    text-align: center;
}


.fix-scene{
    position: absolute;
    top: 0;
    right: -420px;
}

.fix-scene img{
    max-width: 78%;
}

.bg-info-lote{
    background:rgba(237, 235, 235,.9);
    -webkit-box-shadow:0 0 40px 40px rgba(237, 235, 235,.9);
    box-shadow:0 0 40px 40px rgba(237, 235, 235,.9);
    border-radius:20px
}


.info-lotes h3 {
    font-family: 'angelfaceregular', sans-serif;
    color: #08625c;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 2.5rem;
}

.info-lotes .tittle-info-lote {
    font-family: 'rio_glamour_personal_useRg', sans-serif;
    font-size: 1.5rem;
    text-align: center;
    background: rgba(24, 187, 172, 0.7);
    color: #18bbac;
}
.info-lotes .tittle-info-lote span{
    font-family: 'antipastoregular', sans-serif;
    font-size: 1.5rem;
    color: #08625c;
}

.img-c-info-lote{
    position: absolute;
    left: 3%;
    top: -30%;
}


.info-lotes .title-op-pago p{
    font-family: 'antipastoregular', sans-serif;
    text-align: center;
    color: #168a82;
    font-size: 2.5rem;
    line-height: 1;
}

.info-lotes p{
    font-family: 'antipastoregular', sans-serif;
    text-align: center;
    color: #18bbac;
    font-size: 2rem;
    line-height: 1;
}

.info-lotes p span{
    color: #168a82;
    font-size: 2.5rem;
}

.fk-btn-pr-con{
    font-family: 'Afta sans', sans-serif;
    text-align: center;
    background-color:#1ca198;
    border-color:#1ca198;
    padding: .375rem 1.75rem;
    font-size: 1.1rem;
    border-radius: 1.2rem;
    color: #ffffff;
}



/*----------------------------------------
	COTIZADOR
----------------------------------------*/
.cotizador{
    background: url("../images/bg-lotes.webp") center top no-repeat;
    background-size: auto auto;
    background-size: cover;
    position: relative;
    padding-top: 4%;
    padding-bottom: 4%;
    overflow: hidden;
}

.info-status {
    list-style:none;
    color:#fff
}
.info-status .text-title-aviable {
    font-family: 'Afta sans', sans-serif;
    font-weight:800;
    font-size:1.7rem
}
.info-status .icon-background-opt-a,
.info-status .icon-background-opt-s {
    color:#fff
}
.info-status .icon-color-opt-a {
    color:#4da92b;
    font-size:1.7rem
}
.info-status .icon-color-opt-s {
    color:#bd0303;
    font-size:1.7rem
}
.info-status .aviable {
    color:#4da92b
}
.info-status .sold {
    color:#bd0303
}
.master-plan h1 {
    font-weight:800;
    color:#fff;
    text-align:center
}
.master-plan p {
    font-weight:300;
    text-align:center;
    color:#fff
}


.cotizador h3{
    font-family: 'angelfaceregular', sans-serif;
    color: #18bbac;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 3.5rem;
}

.cotizador h1 {
    font-family: 'rio_glamour_personal_useRg', sans-serif;
    text-align: center;
}

.cotizador h2{
    font-family: 'rio_glamour_personal_useRg', sans-serif;
    color: #08625c;
    text-align: center;
}

.cotizador h4 {
    font-family: 'Afta sans', sans-serif;
    text-align: center;
    font-size: 5rem;
    color: #000;
}

.cotizador .e-vendades-text {
    font-family: 'Afta sans', sans-serif;
    text-align: center;
    font-size: 2rem;
    color: #000;
}

.cotizador p {
    font-family: 'Afta sans', sans-serif;
    text-align: center;
    color: #778584;
}

.cotizador .c-img-p{
    position: absolute;
    left: 10%;
}



/*----------------------------------------
	SECTION 5
----------------------------------------*/

.section-05{
    position: relative;
    padding-top: 4%;
    padding-bottom: 4%;
    overflow: hidden;
}

.section-05 .bg-image{
    background: #18bbac;
}

.section-05 .login-heading {
    font-family: 'Afta sans', sans-serif;
    color: #ffffff;
}

.login-heading .l-subtitle-yuc{
    font-family: "antipastoregular", sans-serif;
    color: #008077;
}

.section-05 .btn-two{
    font-family: 'Afta sans', sans-serif;
    background-color:#f9fbfc;
    border-color:#f9fbfc;
    padding: .375rem 1.75rem;
    font-size: 1.1rem;
    border-radius: 1.2rem;
    color: #1ca198;
}


/*----------------------------------------
	UBICACION
----------------------------------------*/

#ubicacion{
    position: relative;
    padding-top: 2%;
    overflow: hidden;
}


#btn-ubi{
    position: relative;
    padding-bottom: 4%;
    overflow: hidden;
}

#btn-ubi .btn-ubicacion{
    background-color:#1ca198;
    border-color:#1ca198;
    padding: .375rem 1.75rem;
    font-size: 1.1rem;
    border-radius: 1.2rem;
    color: #ffffff;
}


#btn-ubi .btn-ubicacion:hover{
    color: #1ca198;
    background-color:transparent;
    border-color:#1ca198;
}

/*----------------------------------------
	GALERIA
----------------------------------------*/

#galeria {
    background: #ffffff;
    position: relative;
    padding-top: 4%;
    padding-bottom: 4%;
}


/*----------------------------------------
	FOOTER
----------------------------------------*/

.contacto{
    background: #18bbac;
    position: relative;
    padding-top: 2%;
    padding-bottom: 2%;
}

#contacto a{
    font-family: 'Afta sans', sans-serif;
    font-size: 1.2rem;
    text-decoration: none;
    color: #b3e9e4;
    margin-top: 10px;
}

#contacto .c-i-a{
    font-size: 1.2rem;
}

#contacto a span {
    color: #40ffed;
}

#contacto h2 {
    font-family: 'Afta sans', sans-serif;
    text-align: center;
    color: #ffffff;
}

.contacto .form-group {
    margin-bottom: 0.35rem;
}

.contacto .form-control {
    font-family: 'Afta sans', sans-serif;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #08625c;
    background-color: #bbe8e5;
    background-clip: padding-box;
    border: 1px solid #bbe8e5;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.contacto .btn-send {
    font-family: 'Afta sans', sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    color: #08625c;
    width: 100%;
    padding: 8px;
    background-color: #bbe8e5;
    border: 1px solid #bbe8e5;
    cursor: pointer;
    margin-top: 7px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}


.contacto .btn-send:hover {
    color: #bbe8e5;
    background-color: transparent;
    border: 1px solid #bbe8e5;
}

.contacto .successMsg p{
    font-family: 'Afta sans', sans-serif;
    font-size: 0.8rem;
    color: #ffffff;
    padding: 0;
    margin-top: -30px;
    text-align: center;
}

.contacto div #recaptchaFooter {
    margin: 0 auto;
    width: 304px;
    border: 0;
}


.contacto #recaptchaFooter {
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

#recaptchaPopupCotizador {
    -ms-transform: scale(0.80);
    transform: scale(0.80);
    -webkit-transform: scale(0.80);
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

.contacto .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #08625c;
}
.contacto .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #08625c;
}
.contacto .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #08625c;
}
.contacto .form-control:-moz-placeholder { /* Firefox 18- */
    color: #08625c;
}


.contacto ul{
    list-style:none;
    margin-left:-40px;
}

.contacto ul li p{
    font-family: 'Afta sans', sans-serif;
    color: #b3e9e4;
}

.contacto h3{
    font-family: 'Afta sans', sans-serif;
    color: #b3e9e4;
}

/*----------------------------------------
	Privacidad
----------------------------------------*/
#privacidad {
    background-color: #FFFFFF;
    padding-top: 6%;
    padding-bottom: 4%;
}


#privacidad h2 {
    font-family: 'Afta sans', sans-serif;
    color: #5d5d5d;
    font-size: 2rem;
    text-align: center;
}

#privacidad h3 {
    font-family: 'Afta sans', sans-serif;
    color: #5d5d5d;
}


#privacidad p, #privacidad ul li  {
    font-family: 'Antic', sans-serif;
    font-size: 1rem;
    color: #6c6c6c;
}





/*----------------------------------------
	DEFAULT
----------------------------------------*/

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.2);
}

.wait {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    z-index: 999999;
}


#gracias {
    background-color: #18bbac;
    padding-top: 4%;
    padding-bottom: 4%;
}

#gracias h1 {
    font-family: 'rio_glamour_personal_useRg', sans-serif;
    font-size: 2rem;
    color: #ffffff;
    text-align: center;
    margin-top: 10%;
}

#gracias p {
    font-family: 'Afta sans', sans-serif;
    font-size: 1.5rem;
    color: #ffffff;
    text-align: center;
    margin-top: 1rem;
}

#gracias .btn-enlaces-thank-you {
    background: transparent;
    border-radius: 4px;
    color: #ffffff;
    line-height: 40px;
    padding: 0 35px;
    font-family: 'Afta sans', sans-serif;
    font-size: 1.5rem;
    margin-top: 20px;
    text-align: center;
    cursor: pointer; }

.btn-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 75px;
    right: 15px;
    background-color: #25d366;
    border-radius: 50px;
    text-align: center;
    font-size: 35px;
    z-index: 100
}

.btn-float,
.btn-float i {
    color: #fff;
    -webkit-transition: all 1s ease;
    -o-transition: all ease 1s;
    transition: all 1s ease
}

.btn-float:hover {
    text-decoration: none;
    background-color: #fff
}

.btn-float:hover i {
    color: #25d366
}

.my-float i {
    margin-top: 12px
}