/*
Powered by 86code
Reset Css
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Colors
gray menu rgba(179, 179, 179, 1);
orange home button rgba(240, 91, 40, 1);
text invierte rgba(52, 85, 64, 1);
gray contacto info rgba(51, 51, 51, 1);
gray form logo text rgba(153, 153, 153, 1);
gray form input rgba(51, 51, 51, 1);
gray form placeholder rgba(128, 128, 128, 1);
orange form submit rgba(240, 91, 40, 1);

gray blog header rgba(51, 51, 51, 1);
orange blog rgba(240, 91, 40, 1);
*/

/* 01 */

:root{
    --green-bg: rgba(33, 68, 67, 100);
    --primary-color: rgba(99, 99, 99, 0.5);
    --overlay-color: rgba(99, 99,99, 0.85);
    --menu-speed: 0.75s;
}

*{box-sizing: border-box;}

html {
    height: 100%;
}

body {
    height: 100%;
    color: rgba(0, 0, 0, 1);
    background-color: var(--green-bg);
    font-family: 'Chronicle Display';
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
}

.content {
    position: relative;
    width: 100%;
    padding: 0px 0 0 0;
    overflow: hidden;
    min-height: 100%;
    height: auto;
    box-sizing: border-box;
}



/* NEW UPDATE */

.banner{position: relative; width: 100%; margin: 0 0 0px; overflow: hidden;}
.banner img{width: 100%;}

/* end NEW UPDATE */

/* Galería */
.galeria{position: relative; width: 100%; margin: -5px 0 0; overflow: hidden;}
.galeria h1{display: table; width: 100%; font-size: 2rem; padding: 20px 0; background: #333333; color: white; text-align: center;}
.galeria .galeria-itms{width: 100%; overflow: hidden;}
.galeria .galeria-itms a{float: left;}
.galeria .galeria-itms img{float: left;
    filter: grayscale(100%); /*sepia(60%);*/
    transition: opacity 0.5s ease-in-out;}
.galeria .galeria-itms img:hover{filter: sepia(0%);  transition: opacity 0.5s ease-in-out;}

.gal-20{width: 20%; height: 400px; object-fit: cover;}
.gal-40{width: 40%; height: 400px; object-fit: cover;}
.gal-60{width: 60%; height: 400px; object-fit: cover;}
.gal-img{width: 100%; height: 100%; object-fit: cover;}
.display_none{display: none !important;}
/* end Galería */



/* amenidades */
.amenities{position: relative; width: 100%; margin: -5px 0; padding: 100px 0; text-align: center; background: var(--green-bg); overflow: hidden;}
.amenities h1{width: 100%; color: white; font-size: 4rem;  margin: 0 0 50px;    font-family: 'Hijrnotes PERSONAL USE ONLY';}
.amenities .amenities-info{position: relative; width: 100%; text-align: center; overflow: hidden;}
.amenities .amenities-info .bg-amenities{position: absolute; width: 100%; height: 50%; max-height: 250px; top: 40%; left: 0; object-fit: cover; transform: translate(0%, -50%); z-index: 1;}

.amenities .amenities-info .itm{position: relative; width: 300px; text-decoration: none; margin: 20px; display: inline-block; color: white; overflow: hidden; z-index: 10;}
.amenities .amenities-info .itm:hover img{filter: grayscale(0);  transition: opacity 0.7s ease-in-out;}
.amenities .amenities-info .itm img{width: 100%; filter: grayscale(0.6);  transition: opacity 0.7s ease-in-out;}
.amenities .amenities-info .itm .title{width: 100%; font-size: 1.5rem; text-decoration: none; letter-spacing: 0.2rem; line-height: 2rem; padding: 10px 0; overflow: hidden; }
.amenities .amenities-info .itm .title span{font-weight: bold; font-style: italic; }
.amenities .amenities-info .itm .title p{font-size: 0.8rem; font-weight: bold;  }
/* end amenidades */

/* chuburna */
.chuburna{position: relative; width: 100%; margin: -5px 0; overflow: hidden;}
.chuburna img{width: 100%;}
/* end chuburna */


/* ikal maps */
.ikal-maps{position: relative; width: 100%; margin: -5px 0; overflow: hidden;}
.ikal-maps a{width: 100%;}
.ikal-maps a img{width: 100%;}
/* end ikal maps */

/* cotiza */
.cotiza{position: relative; width: 100%; overflow: hidden;}
.cotiza img.bg-cotiza{width: 100%;}
.cotiza .child{position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); overflow: hidden;}
.cotiza .child img.logo-ikal{width: 300px; margin: 0 0 50px;}
.cotiza .child .texto-cotiza{display: table; padding: 50px 50px; color: white; font-size: 1.5rem; letter-spacing: 0.3rem;  border-left: solid 1px #d59966; border-right: solid 1px #d59966;}
/* end cotiza */

/* vive ikal */
.vive-ikal{position: relative; width: 100%;
    background-image: url('../images/bg-viveikal.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 40px; overflow: hidden;}

.vive-ikal .info{position: relative; width: 100%; font-size: 1.5rem; text-align: center;
    background-image: url('../images/bg-info-ikal.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 40px; overflow: hidden;}

.vive-ikal .info p{font-size: 1.2rem; letter-spacing: 0.3rem; line-height: 2rem; font-weight: bold; margin: 20px 0;}
.vive-ikal .info img.icologo{width: 200px; margin: 20px 0;}
.vive-ikal .info img.icourl{width: 100px; margin: 20px 0;}
/* vive ikal */



/* ikal privadas */
.ikal-privadas{position: relative; width: 100%;
    background: var(--green-bg);
    background-image: url('../images/pattern-birds.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0px; overflow: hidden;}

.ikal-privadas .info{position: relative; width: 100%; font-size: 1.5rem; text-align: center;
    background: var(--green-bg);
    padding: 100px 40px; overflow: hidden;}

.ikal-privadas .info .itm{position: relative; width: 50%; padding: 0 20px; float: left; text-align: center; overflow: hidden;}
.ikal-privadas .info .itm img.header-privadas{width: 90%; margin: 0 auto 50px;}
.ikal-privadas .info .itm .text{width: 80%; background: white; padding: 20px 40px; letter-spacing: 0.2rem; line-height: 2rem;  margin: 50px auto; overflow: hidden;}
.ikal-privadas .info .itm a{position: relative; display: block; width: 80%; background: #d79a66; text-decoration: none; color: var(--green-bg); padding: 20px; letter-spacing: 0.2rem; margin: 50px auto; overflow: hidden;}
.ikal-privadas .info .itm a p span{font-size: 2.5rem; font-weight: bold;}
.ikal-privadas .info .itm a p{width: 80%; text-align: center; font-size: 1.4rem; float: left; }
.ikal-privadas .info .itm a i{ width: 20%; display: block; float: left; font-size: 3rem;}

.ikal-privadas .info .itm img.birds-itm{width: 100%;}
/* ikal privadas */


/* showroom */
.showroom{position: relative; width: 100%; margin: -5px 0; overflow: hidden;}
.showroom a{width: 100%;}
.showroom a img{width: 100%;}
/* end showroom */



/* foret-main */
.foret-main{position: relative; width: 100%; margin: -5px 0 0; overflow: hidden;}
.foret-main img.bg-foret-main{width: 100%; overflow: hidden;}
.foret-main .child-foret-main{position: absolute; font-size: 1.2rem; line-height: 1.5rem; color: #D26C37; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 50%; overflow: hidden;}
.foret-main .child-foret-main img.logo-foret-main{width: 80%; display: block;  max-width: 300px; margin: 20px auto;}
.foret-main .child-foret-main p{color: #333333; margin: 20px 0; }
.foret-main .child-foret-main p strong{font-weight: bold; font-style: italic;}
/* end foret-main */


/* brochure */
.brochure{display: block; width: 100%; margin: -5px 0 0; text-align: center; padding: 20px 0; background: #E15200; color: white; text-decoration: none; letter-spacing: 0.3rem;}

/* end brochure */

.mas_info{position: relative; width: 100%; padding: 100px 40px; text-align: center; box-sizing: border-box; overflow: hidden;

    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center ;
    background-attachment: fixed;
    background-attachment: fixed;
}

.spacer{position: absolute; top: 50px; left: 50%; transform: translate(-50%, 0); display: table; padding: 50px 10px; background: #E15200;}
.contacto{position: relative; width: 100%; background: var(--green-bg); color: #d29268; text-align: center; padding: 100px 40px 20px; overflow: hidden;}
.contacto h1{font-size: 2rem; letter-spacing: 0.5rem; color: #d29268;  margin: 50px 0 50px}
.contacto h2{font-size: 1.2rem; letter-spacing: 0.5rem; color: #d29268;  margin: 50px 0 50px}
.contacto p{font-size: 1.5rem;  margin: 20px 0;}

.contacto form{width: 70%; display: block; background: var(--green-bg); color: #d29268; text-align: center; margin: 50px auto; overflow: hidden; box-sizing: border-box;}
.contacto form input{width: 30%; font-size: 1rem; background: none; color: white; padding: 5px 20px; float: left; box-sizing: border-box; display: inline-block; margin: 10px 0 20px 0; border: none; border-bottom: solid 1px #d29268;}
.contacto form input:nth-child(2){margin: 10px 5%;}
.contacto form textarea{width: 100%; float: left; resize: none; color: #d29268; background: none; padding: 5px 20px; display: inline-block; margin-left: 0; border: none; border-bottom: solid 1px #d29268;}
.contacto form button{display: table; margin: 0 auto;     font-family: 'Chronicle Display';
    font-size: 1.2rem; letter-spacing: 0.3rem; background: var(--green-bg); padding: 10px 10px; color: #d29268; border: solid #d29268 1px; }

.contacto .form-control{width: 100%; margin: 20px 0; overflow: hidden; }
.contacto .logo-foret{width: 250px; margin: 10px 0;}

.contacto .privacidad{display: block; text-decoration: none; color: white;}

.contacto .sociales{width: 100%; margin: 20px 0; text-align: center; overflow: hidden;}
.contacto .sociales a{margin: 0 10px; text-decoration: none; color: #282928;}

textarea::placeholder {
    font-size: 1rem;
    color: #d29268;
    font-family: 'Chronicle Display';

}
::placeholder {
    font-size: 1rem;
    color: #d29268;
    font-family: 'Chronicle Display';

}

.contacto form select{width: 47%; font-family: 'Chronicle Display'; font-size: 1rem; color: #d29268; background: none; padding: 0px 20px; display: inline-block; border: 0; border-bottom: solid 1px #d29268; }
.contacto form select option{color: black; }
.contacto form select:nth-child(2){margin-left: 5%; }


.foret-urbano{width: 200px; margin: 50px 20px; display: inline-block; vertical-align: middle;}
.curated-com{width: 100px; margin: 50px 20px; display: inline-block; vertical-align: middle; }

strong{font-weight: bold;}

iframe{width: 100%; height: 300px;}
.swal2-container {
    z-index: 99999999 !important;
}

.cotizador{
    width:100%;
    height: auto;
    margin: 200px 0 0;
    box-sizing: border-box;
    overflow: hidden;
}

.cotizador h1{
    display: table;
    font-size: 2.5rem;
    margin: 0 auto;
    color: #D26C37;
}




@media (max-width:1180px) {
    .content {
        position: relative;
        width: 100%;
        padding: 80px 0 0 0;
        overflow: hidden;
        height: auto;
        box-sizing: border-box;
    }

    /* NEW UPDATE */


    .new-banner{position: relative; width: 100%; margin: 60px 0 0px; overflow: hidden;}
    .new-banner a{position: relative; width: 100%; float: left; margin: -4px 0 0px; overflow: hidden;}
    .new-banner img.banner-header{width: 100%;}

    .contacto{position: relative; width: 100%;text-align: center; padding: 100px 40px;}
    .contacto h1{font-size: 1.5rem; font-weight: bold; margin: 100px 0 50px}
    .contacto h2{font-size: 1.2rem; font-weight: bold; margin: 100px 0 50px}
    .contacto p{font-size: 1rem;  margin: 20px 0;}

    .contacto form{width: 100%; display: block;}
    .contacto form input{width: 100%; font-size: 1rem;  padding: 5px 20px; float: left; box-sizing: border-box; display: inline-block; margin: 10px 0 20px 0;  }
    .contacto form input:nth-child(2){margin: 0;}
    .contacto form textarea{width: 100%; float: left; resize: none; background: none; padding: 5px 20px; display: inline-block; margin-left: 0; }


    .mas_info{position: relative; width: 100%; padding: 100px 40px; text-align: center; box-sizing: border-box; overflow: hidden;

        background-repeat: no-repeat;
        background-size: cover;
        background-position: center ;
        background-attachment: fixed;
    }

    .newshowroom{width: 100%; padding: 0px; text-align: center; overflow: hidden;}
    .newshowroom a{width: 100%; float: left; overflow: hidden;}



    /* curated comunity */

    .curated{
        position: relative;
        width: 100%;
        background: #E9F7FE;
        overflow: hidden;
        padding: 50px 0 0;
    }
    .curated .info{position: relative; width: 100%; float: left; text-align: center;   overflow: hidden; z-index: 10 !important; }
    .curated .info img.curated-img{width: 80%; margin: 0 auto; z-index: 10; }


    .curated .pattern{width: 100%; margin: -20px 0; z-index: 1 !important;}

    .curated .info-b{position: relative; width: 100%; float: left; text-align: center; margin: 50px 0 0;   overflow: hidden; z-index: 10 !important; }
    .curated .info-b h1{font-size: 1.5rem; margin: 0 0 50px; font-style: italic; color: black; }
    .curated .info-b p{width: 50%; font-size: 1.2rem; margin: 0 auto 20px;  color: black; }
    .curated .info-b .logo-color{width: 30%; max-width: 100px; }


    /* end curated comunity */

    /* amenidades */
    .amenities{position: relative; width: 100%; margin: -5px 0; padding: 100px 0; text-align: center; background: var(--green-bg); overflow: hidden;}
    .amenities h1{width: 100%; color: white; font-size: 3rem;  margin: 0 0 50px;    font-family: 'Hijrnotes PERSONAL USE ONLY';}
    .amenities .amenities-info{position: relative; width: 100%; text-align: center; overflow: hidden;}
    .amenities .amenities-info .bg-amenities{position: absolute; width: 100%; height: 50%; max-height: 250px; top: 40%; left: 0; object-fit: cover; transform: translate(0%, -50%); z-index: 1;}

    .amenities .amenities-info .itm{position: relative; width: 80%; max-width: 300px; margin: 20px; display: inline-block; color: white;  overflow: hidden; z-index: 10;}
    .amenities .amenities-info .itm img{width: 100%;}
    .amenities .amenities-info .itm .title{width: 100%; font-size: 1.5rem; text-decoration: none; letter-spacing: 0.2rem; line-height: 2rem; padding: 10px 0; overflow: hidden; }
    .amenities .amenities-info .itm .title span{font-weight: bold; font-style: italic; }
    /* end amenidades */


    /* cotiza */
    .cotiza{position: relative; width: 100%; overflow: hidden;}
    .cotiza img.bg-cotiza{width: 100%; min-height: 500px; object-fit: cover; height: 100%;}
    .cotiza .child{position: absolute; width: 100%; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); overflow: hidden;}
    .cotiza .child img.logo-ikal{width: 60%; max-width: 250px; margin: 0 0 50px;}
    .cotiza .child .texto-cotiza{display: table; margin: 0 auto; padding: 50px 50px; color: white; font-size: 1.5rem; letter-spacing: 0.3rem;  border-left: solid 1px #d59966; border-right: solid 1px #d59966;}
    /* end cotiza */

    /* ikal privadas */
    .ikal-privadas{
        position: relative;
        width: 100%;
        background: var(--green-bg);
        background-image: url('../images/pattern-birds.png');
        background-size: cover;
        background-repeat: no-repeat;
        padding: 50px 0px; overflow: hidden;}

    .ikal-privadas .info{position: relative; width: 100%; font-size: 1.5rem; text-align: center;
        background: var(--green-bg);
        padding: 100px 20px; overflow: hidden;}

    .ikal-privadas .info .itm{position: relative; width: 100%; padding: 0 0px; float: left; text-align: center; overflow: hidden;}
    .ikal-privadas .info .itm img.header-privadas{width: 100%; max-width: 300px; margin: 0 auto 50px;}
    .ikal-privadas .info .itm .text{width: 100%; background: white; padding: 20px 40px; letter-spacing: 0.2rem; line-height: 2rem;  margin: 50px auto; overflow: hidden;}
    .ikal-privadas .info .itm a{position: relative; display: block; width: 80%; background: #d79a66; text-decoration: none; color: var(--green-bg); padding: 20px; letter-spacing: 0.2rem; margin: 50px auto; overflow: hidden;}
    .ikal-privadas .info .itm a p span{font-size: 1.5rem; font-weight: bold;}
    .ikal-privadas .info .itm a p{width: 100%; text-align: center; font-size: 1rem; float: inherit; }
    .ikal-privadas .info .itm a i{ width: 100%; display: inline-block; float: inherit; font-size: 1.5rem; vertical-align: middle;}

    .ikal-privadas .info .itm img.birds-itm{width: 100%;}
    /* ikal privadas */

    /* vive ikal */
    .vive-ikal{position: relative; width: 100%;
        background-image: url('../images/bg-viveikal.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        padding: 50px 0px; overflow: hidden;}

    .vive-ikal .info{position: relative; width: 100%; font-size: 1.5rem; text-align: center;
        background-image: url('../images/bg-info-ikal.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        padding: 50px 40px; overflow: hidden;}

    .vive-ikal .info p{font-size: 1.2rem; letter-spacing: 0.3rem; line-height: 2rem; font-weight: bold; margin: 20px 0;}
    .vive-ikal .info img.icologo{width: 100px; margin: 20px 0;}
    .vive-ikal .info img.icourl{width: 100px; margin: 20px 0;}
    /* vive ikal */


    /* showroom */
    .showroom{position: relative; width: 100%; margin: -5px 0; overflow: hidden;}
    .showroom a{width: 100%;}
    .showroom a img{width: 100%;}
    /* end showroom */

    .cotizador{
        width:100%;
        height: auto;
        margin: 100px 0 0;
        box-sizing: border-box;
        overflow: hidden;
    }

    .cotizador h1{
        display: table;
        font-size: 2.5rem;
        margin: 0 auto;
        color: #D26C37;
    }

}

@media (min-width:1180px) {

}