@font-face {
    font-family: 'matter';
    src: url('fonts/matter-regular-webfont.woff2') format('woff2'),
         url('fonts/matter-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eldorado_textbold';
    src: url('fonts/eldoradotext-bold-webfont.woff2') format('woff2'),
         url('fonts/eldoradotext-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eldorado_textbold_italic';
    src: url('fonts/eldoradotext-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/eldoradotext-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eldorado_textitalic';
    src: url('fonts/eldoradotext-italic-webfont.woff2') format('woff2'),
         url('fonts/eldoradotext-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eldorado_textlight';
    src: url('fonts/eldoradotext-light-webfont.woff2') format('woff2'),
         url('fonts/eldoradotext-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eldorado_textlight_italic';
    src: url('fonts/eldoradotext-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/eldoradotext-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eldorado_text';
    src: url('fonts/eldoradotext-roman-webfont.woff2') format('woff2'),
         url('fonts/eldoradotext-roman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body{
    padding: 0px;
    margin: 0px;
    background-color: #000000;
}

.iconsTop{
    position: fixed;
    z-index: 170;
    top:0px;
    left: 0px;
    width: 100%;
    height: auto;
}

.noFixed{
    position: relative !important;
}

.background{
    /*background-image: url(../images/home/top.jpg);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    height: 100vh;
    top: 0px;
    left: 0px;
    z-index: 1;
    position: relative;
}

.backgroundAll{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    height: 100vh;
    top: 0px;
    left: 0px;
    z-index: 1;
    position: absolute;
}

.icontop1{
    position: absolute;
    z-index: 1;
    top: 30px;
    left: 30px;
    cursor: pointer;
}

.icontop2{
    position: absolute;
    z-index: 2;
    top: 42px;
    right: 32px;
    cursor: pointer;
}

.icon1{
    width: 50px;
    height: 65px;
    background-image: url('../images/greenIcon.png');
    background-position: 0px 0px;
    background-size: 50px 65px;
}

.icon1White{
    background-image: url('../images/whiteIcon.png');
}

.icon2{
    width: 42px;
    height: 32px;
    background-image: url('../images/openMenuIconWhite.png');
    background-position: 0px 0px;
    background-size: 42px 32px;
}

.icon2Green{
    width: 42px;
    height: 32px;
    background-image: url('../images/openMenuIconGreen.png');
    background-position: 0px 0px;
    background-size: 42px 32px;
}

#homeText{
    width: 100%;
    position: relative;
    height: 35vw;
    background-color: #E4DBCA;
    padding: 0px;
    margin: 0px;
    font-size: 0px;
}

.homeText1{
    width: 50%;
    float: left;
    display: inline;
    height: 35vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.homeText2{
    float: left;
    display: inline;
    width: 50%;
   /* height: 35vw;*/
    height: auto;
    box-sizing: border-box;
}

#homePlanMaestro{
    width: 100%;
    position: relative;
    z-index: 3;
    height: 35vw;
    /*background-image: url(../images/home/plan.jpg);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#homeCotizadorUbicacion{
    width: 100%;
    position: relative;
    height: 35vw;
}

.homeCotizador{
    width: 50%;
    float: left;
    display: inline;
    height: 35vw;
    /*background-image: url(../images/home/cotizador.jpg);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.homeUbicacion{
    float: left;
    display: inline;
    width: 50%;
    height: 35vw;
    box-sizing: border-box;
   /* background-image: url(../images/home/ubicacion.jpg);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#homeEquipamiento{
    width: 100%;
    position: relative;
    height: 35vw;
    /*background-image: url(../images/home/equipamiento.jpg);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#homeOthers{
    width: 100%;
    position: relative;
    height: 35vw;
}

.homeColaboradores{
    width: 33%;
    float: left;
    display: inline;
    height: 35vw;
    /*background-image: url(../images/home/colaboradores.jpg);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.homeGaleria{
    float: left;
    display: inline;
    width: 33%;
    height: 35vw;
    box-sizing: border-box;
    /*background-image: url(../images/home/galeria.jpg);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.homeContacto{
    float: left;
    display: inline;
    width: 34%;
    height: 35vw;
    box-sizing: border-box;

    /* background-image: url(../images/home/contacto.jpg);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#bottom{
    position: relative;
    margin-top: 10px;
    margin-bottom: 14px;
    text-align: center;
    width: 100%;
    color:  #DDD5BE;
    font-family: 'matter';
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    letter-spacing: 0em;
}

.bottomURL{
    color:  #DDD5BE;
    font-family: 'matter';
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    letter-spacing: 0em;
    text-decoration: none;
}

.bottomURL:hover{
    text-decoration: underline;
}

#upIcon{
    position: absolute;
    top:-4px;
    right: 30px;
    cursor: pointer;
}

.upIcon{
    width: 45px;
}

.divBottomText{
    display: inherit;
    display: inline;
}

.divBottomBreak{
    display: none;
}

#debontelo{
    width: 100%;
    height: auto;
    text-align: center;
    position: absolute;
    bottom: 20px;
    z-index: 3;
}

.debontelo{
    height: 18px;
}

.downArrow{
    height: 50px;
    cursor:pointer;
}

#centerHome{
    position: absolute;
    height: auto;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    display: inline-block;
    z-index: 2;
}

.finisterraLogote{
    height: 425px;
}

.refujiohogar{
    height: 41px;
}

.playIconPos{
    position: absolute;
    width: 100%;
    text-align: center;
    top:330px;
}

.playIcon{
    height: 75px;
    cursor: pointer;
}

#homeText1Logo{
    position: absolute;
    height: auto;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    display: inline-block;
}

.homeContentIcon1{
    height: 97px;
}

.homeText1Content{
    font-family: 'matter';
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    letter-spacing: 0.06em;
    text-align: center;
    color: #DDD5BE;
    margin-top: 20px;
    width: 300px;
    position: relative;
    display: inline-block;
}

#homeText2Content{
    padding: 60px;
    box-sizing: border-box;
    position: absolute;
    height: auto;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50%;
    text-align: center;
    display: inline-block;

    font-family: 'eldorado_text';
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align:justify;
    color: #004225;
}

.goButton{
    height: 37px;
}

.centerContent{
    width: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    display: block;
    height:auto;
    position: relative;
    text-decoration: none;
}

.tittles{
    margin: 0px;
    padding: 0px;
    font-family: 'eldorado_text';
    font-size: 28px;
    font-weight: 300;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #DDD5BE;
    text-decoration: none;
}

#playVideo {
    width: 100vw;
    background: #000;
    z-index: 202;
    position: fixed;
    height: 100vh;
    opacity: 1;
    display: none;
    box-sizing: border-box;
}

.fullVideo {
    width: 100%;
    z-index: 2;
}

.closeIconVideo{
    position:absolute;
    width:43px;
    height:42px;
    cursor:pointer;
    top:30px;
    right:30px;
    z-index: 200;
}

.closeIconVideoImage{
    width: 42px;
    height: 42px;
}

.centerVideo{
    z-index: 1;
    position: relative;
    width: 100%;
    height: auto;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right;
}

#menu{
    width: 50%;
    top:0px;
    right: 0px;
    height: 100vh;
    background-color: #004225;
    z-index: 320;
    position: fixed;
    display: none;
    background-image: url('../images/home/fondoverde.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: repeat;
}

#menuIcon{
    position: absolute;
    right:30px;
    bottom:30px;
    width: 50px;
    height: auto;
}

.menuIconImg {
    width: 50px;
}

.centerContentContent{
    position: relative;
    width: 100%;
    height: auto;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right;
    box-sizing: border-box;
    right: 50px;
}

.menuArrow{
    width: 50px;
    position: relative;
    top:-15px;
    padding-left: 10px;
}

.menuLinks{
    color:#DDD5BE;
    font-family: 'eldorado_text';
    font-size: 55px;
    font-weight: 100;
    line-height: 66px;
    letter-spacing: 0em;
    text-align: left;
    text-decoration: none;
}

.menuItem{
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

#backMenu{
    position: fixed;
    z-index: 199;
    top:0px;
    left: 0px;
    background-color: rgba(0,0,0,.8);
    width: 100%;
    height: 100vh;
    display: none;
}

/* SECTIONS */

.twoColums{
    width: 100%;
    height: 100vh;
    position: relative;
    background-color: #E4DBCA;
}

.twoColums1{
    width: 50%;
    height: 100vh;
    position: relative;
    float: left;
    display: inline;
}

.twoColums2{
    width: 50%;
    height: 100vh;
    position: relative;
    float: left;
    display: inline;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.tittlesSection{
    font-family: 'eldorado_text';
    font-size: 24px;
    font-weight: 100;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: #004225;
    padding: 0px;
    margin: 0px;
}

.icontop3{
    position: absolute;
    top: 44px;
    left: 100px;
    z-index: 20;
}

.sectionTextContent{
    padding: 60px;
    box-sizing: border-box;
    position: absolute;
    height: auto;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    display: inline-block;

    font-family: 'eldorado_text';
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    color: #004225;
}

.bonteloLogo{
    height: 39px;
}

.puntoarqLogo{
    height: 48px;
}

.bienalLogo{
    height: 37px;
}

.centerContentOnlyBigRS{
    width: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    display: block;
    height:auto;
    position: relative;
    text-decoration: none;
}

.tittleMobile{
    display: none;
}

.mapaImage{
    width: 100%;
    height: 100vh;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('../images/home/mapaUbicacion.jpg');
}

.Besh{
    color: #DDD5BE;
}

.mapButton{
    position: absolute;
    left:30px;
    bottom:40px;
}

.mapButtonMobile{
    width: 100%;
    background-color: #E4DBCA;
    padding-top: 30px;
    padding-bottom: 50px;
    text-align: center;
    position: relative;
    display: none;
}

.imageBtnMap{
    height: 22px;
}

.imageBtnMap2{
    height: 37px;
}

.northIcon{
    position: fixed;
    top:14px;
    right: 70px;
    z-index: 198;
}

.northIconImage{
    height: 49px;
}

/* CONTACT */

.beerIcon{
    height: 161px;
}

.defaultCenter{
    width: 100%;
    text-align: center;
    position: relative;
}

.urlContent{
   
    font-family: 'eldorado_text';
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-decoration: none;
    color: #004225;
}

.urlContent:hover{
    text-decoration: underline;
}

.tittleBold{
    font-family: 'eldorado_textbold';
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-decoration: none;
    color: #004225;
}

.sendButton{
    height: 37px;
}

.input{
    font-family: 'matter';
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: center;
    color: #DDD5BE;
    text-align: center;
    box-sizing: border-box;
    padding: 5px 5px 10px 5px;
    background: transparent;
    width: 80%;
    border-radius: 20px;
    border: 1px solid #DDD5BE;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #DDD5BE;
    opacity: 1; /* Firefox */
}

.textarea{
    font-family: 'matter';
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: center;
    color: #DDD5BE;
    text-align: center;
    box-sizing: border-box;
    padding: 5px 5px 10px 5px;
    background: transparent;
    width: 80%;
    border-radius: 20px;
    border: 1px solid #DDD5BE;
    height: 140px;
}

.textarea::placeholder{
    line-height: 120px;
}

.mobilePadding{

}

.contactContent{
    font-family: 'matter';
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: center;
    color: #DDD5BE;
}

.contactBotton{
    width: 100%;
    text-align: center;
}

.normalContent{
    width: 100%;
    height: auto;
    position: relative;
    background-color: #E4DBCA;
    text-align: justify;
    box-sizing: border-box;
    padding-top: 120px;
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 100px;
}

.textContent{
    
    font-family: 'eldorado_text';
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    color: #004225;
}

/* EQIUPAMIENTO*/
.tittlesEquip{
    font-family: 'eldorado_text';
    font-size: 22px;
    font-style: italic;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #DDD5BE;
}

.tittlesEquip2{
    font-family: 'eldorado_text';
    font-size: 24px;
    font-style: italic;
    font-weight: 100;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: center;
    background-color: #004225;
}

.greenContent{
    width: 100%;
    height: auto;
    position: relative;
    background-color: #004225;
    position: relative;
    background-image: url('../images/home/fondoverde.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: repeat;
    display: inline-block;
    padding-top: 40px;
    padding-bottom: 40px;
    box-sizing: border-box;
}

.spacerContent{
    width: 100%;
    height: auto;
    position: relative;
    background-color: #E4DBCA;
    text-align: justify;
    box-sizing: border-box;
    padding-top: 120px;
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 0px;
}

.twoColumsNoH{
    width: 100%;
    height: auto;
    position: relative;
}

.twoColumsNoH1{
    width: 50%;
    height: auto;
    position: relative;
    float: left;
    display: inline;
    text-align: center;
}

.twoColumsNoH2{
    width: 50%;
    height: auto;
    position: relative;
    float: left;
    display: inline;
    text-align: center;
}

.oneColumsNoH{
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    display: inline-block;
}

.equipIcon1{
    height: 450px;
    position: relative;
}

.equipIcon2{
    height: 567px;
    position: relative;
}

.equipIcon3{
    height: 454px;
    position: relative;
}

.centerObject{
    width: 677px;
    display: inline-block;
    position: relative;
}

.texttop{
    position: absolute;
    top:20px;  
    width: 200px;
    text-align: left;
}

.beshContent{
    width: 100%;
    height: auto;
    position: relative;
    background-color: #E4DBCA;
    position: relative;
    background-position: center;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 80px;
    padding-right: 80px;
    box-sizing: border-box;
}

.planovialidades{
    width: 100%;
}

.onlyPC{
    display: inherit;
}

.onlyMobile{
    display: none;
}

.dividerPhoto{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    height: 50vw;
    position: relative;
}

.normalColum1{
    width: 50%;
    display: inline;
    float: left;
    height: 65vw;
    text-align: center;
}

.normalColum2{
    width: 50%;
    display: inline;
    float: left;
    height: 65vw;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.beshContent2{
    width: 100%;
    height: auto;
    position: relative;
    background-color: #E4DBCA;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
}

.equipTittle{
    font-family: 'eldorado_text';
    font-size: 32px;
    font-style: italic;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 0em;
    color: #004225;
}

.equipTextContent{
    font-family: 'eldorado_text';
    font-size: 24px;
    font-style: italic;
    font-weight: 100;
    line-height: 29px;
    letter-spacing: 0em;
    color: #004225;
}

.centerVidaResort{
    width: 507px;
    height: auto;
    position: relative;
    text-align: justify;
    display: inline-block;
    box-sizing: border-box;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.beshBackground{
    background-color: #E4DBCA;
    width: 100%;
    height: 120px;
}

.beshBackgroundTransparentPc{
    background-color: transparent;
    width: 100%;
    height: 120px;
}

.beshBackgroundOnlyMobile{
    background-color: transparent;
    width: 100%;
    height: 120px;
}

.galleryDivision{
    background-color: #014226;
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 120px;
    background-image: url('../images/home/fondoverde.jpg');
}

.galleryTittle{
    font-family: 'matter';
    font-size: 24px;
    font-weight: 100;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: #DDD5BE;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0px;
}

.center{
    width: 100%;
    text-align: center;
}

.galleryPhotos{
    width: 100%;
    height: auto;
    display: inline-block;
    position: relative;
}

.photo{
    width: 25%;
    height: 24vw;
    float: left;
    display: inline;
    position: relative;
    text-align: center;
}

.photoImage{
    width: 100%;
    height: calc(24vw - 40px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 10px;
}

.photoTitle{
    font-family: 'eldorado_text';
    font-size: 18px;
    font-style: italic;
    font-weight: 100;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: center;
    color: #DDD5BE;
}
/* GALLERY */

.closeGalleryIcon{
    width: 27px;
    height: 27px;
}

#gallery{
    width: 100vw;
    background: #000;
    z-index: 600;
    position: fixed; 
    height: 100vh; 
    display: none;
    box-sizing: border-box;
    padding-left: 0px;
    padding-bottom: 20px;
    top:0px;
    left: 0px;
}

#galleryBottom{
    position: absolute;
    bottom:20px;
    width: 100%;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    height: 20px;
}

#galleryImage{
    width: calc(100% - 20px);
    height: calc(100vh - 130px);
    top: 70px;
    left: 0px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;  
    position: relative; 
    z-index: 1;
}

.leftArrowGallery{
    position: absolute;
    left:5px;
    width: 50px;
    background-image: url(../images/galleryLeftArrow.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 50px auto;
    z-index: 2;
    height: 22px;
    cursor: pointer;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.rightArrowGallery{
    position: absolute;
    width: 50px;
    right: 5px;
    background-image: url(../images/galleryRightArrow.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 50px auto;
    z-index: 3;
    height: 22px;
    cursor: pointer;

    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.closeIcon{
    position:absolute;
    width:42px;
    height:42px;
    cursor:pointer;
    top: 30px;
    right: 30px;
    z-index: 200;
}

.closeGalleryIcon{
    width: 42px;
    height: 42px;
}

.galleryTitle{
    width: 100%;
    z-index: 202;
    position: fixed;
    bottom:20px;
    text-align: center;
}
/* END GALLERY */

/* MASTER PLAN */

#mapa{
    width: 100%;
    height: auto;
    position: relative;
    display: inline-block;
}

.mapa{
    width: 100%;
}

.spacerContentMapa{
    width: 100%;
    height: auto;
    position: relative;
    background-color: #E4DBCA;
    text-align: justify;
    box-sizing: border-box;
    padding-top: 90px;
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 0px;
}

.mapaContainer{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 3;
}

.mapaContainerFake{
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 1;
    top:0px;
    left: 0px;
}

.mapaContainer2{
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 2;
    top:0px;
}

.mapaContainer3{
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 1;
    top:0px;
}

.mapaContainerPhoto{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}

.over1{
    position: absolute;
    top:0px;
    left: 0px;
    width: 50%;
    height: 100%;
    background-color: transparent;
    cursor: pointer;
    z-index: 4;
}

.over2{
    position: absolute;
    top:0px;
    right: 0px;
    width: 50%;
    height: 100%;
    background-color:transparent;
    cursor: pointer;
    z-index: 5;
}

.bntMoreOptions{
    font-family: 'matter';
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: center;
    color: #004225;
    background: #DDD5BE;
    padding: 10px 18px 13px 18px;
    border-radius: 20px;
    width: auto;
    display: inline-block;
}

.btnPos{
    position: absolute;
    top:88px;
    z-index: 2;
    left: 50%;
    transform: translate(-50%,-50%);
}

.northIcon2{
    position: absolute;
    top:30px;
    right: 30px;
    z-index: 3;
}

.bntMoreOptions2{
    font-family: 'matter';
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: center;
    color: #DDD5BE;
    background: #000;
    padding: 10px 15px 10px 15px;
    border-radius: 20px;
    width: auto;
    position: absolute;
    opacity: 0;
}

.btnPos1{
    top: 40%;
    left: 50%;
    transform: translate(-40%,-50%);
}

.btnPos2{
    top:65%;
    left: 57%;
    transform: translate(-65%,-57%);
}

#nomapa{
    height: auto;
    display: none;
    width: 100%;
    height: auto;
}

.northIcon3{
    position: absolute;
    top:30px;
    right: 20px;
    z-index: 3;
}

.planmaestroIconsMobile{
    width: 100% !important;
    height: 70vw;
    display: inline-block;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.leftContent{
    position: relative;
    top:30px;
    left: 30px;
    text-align: left;
}

.tittlesLeft{
    margin: 0px;
    padding: 0px;
    font-family: 'eldorado_text';
    font-size: 28px;
    font-weight: 300;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    color: #DDD5BE;
    text-decoration: none;
}

.verde{
    background-color: #004225;
    background-image: url('../images/home/fondoverde.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: repeat;
    text-align: center;
    height: calc(100vh - 119px) !important;
    position: relative !important;
   
}

.scalizeSpace{
    /*width: fit-content !important;*/
    width: fit-content !important;
    height: calc(100vh - 119px) !important;
    position: relative;
    display: inline-block;
}

/*.wrap-selector{
    width: 100%;
}*/

.iconBig{
    height: calc(100vh - 119px) !important;

    /*max-height: 800px;*/
    /*height: calc(100vh - 200px) !important;*/
    /*height: 600px;*/
    /*object-fit: contain;*/
    /* max-height: 400px;*/
}

.centerVert{
    position: relative;
    width: 100%;
    height:calc(100vh - 119px) !important;
    display: inline-block;
    z-index: 1;
    text-align: center;
}

.downArrowPlan{
    position: absolute;
    bottom: 10px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 200;
}

.backButton{
    height: 37px;
    cursor: pointer;
}

.backButtonPlan{
    position: absolute;
    left:20px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.btnPosPlan{
    position: absolute;
    bottom:160px;
    left: 80px;
}

.btnPosPlan2{
    position: absolute;
    top:180px;
    left: 80px;
    z-index: 3;
}

.verdeMobile{
    width: 100%;
    height: auto;
    padding: 30px;
    box-sizing: border-box;
    display: none;
}

.withall{
    width: 100%;
    height: auto;
    display: inline-block;
}

ul{
    list-style-type: none;
    counter-reset: css-counters 0; /* intializes counter, set -1 for zero-based counters */
    margin: 0px;
    padding: 0px;
}
ul li:before {
    counter-increment: css-counters;
    content: counters(css-counters, ".") " . "; /* generates inherited counters from parents */
}

li{
    margin: 0px;
    padding: 0px;
    font-family: 'eldorado_text';
    font-size: 18px;
    font-style: italic;
    font-weight: 100;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    color: #DDD5BE;
    margin-top: 8px;
    margin-bottom: 8px;
}

.centerTittleTopMenu{
    z-index: 300;
    position: fixed;
    width: 68%;
    top:36px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.item-point{
    padding-left: 0px;
    padding-top: 0px;
    --clr: rgb(228, 219, 202);
    --outline: 1px solid rgb(228, 219, 202);
    color: var(--clr);
    outline: var(--outline);
    border: var(--outline);
    outline-offset: -1px;
    transition: outline-width 100ms ease, outline-offset 100ms ease;
    cursor: pointer;
    opacity: 0;
    transform: translateZ(0) !important;
    outline-radius: 5px;
}

.item-point:hover,
.item-point:focus {
  outline: var(--outline) !important;
  outline-width: 2px !important;
  outline-offset: -2px !important;
}

.adoronoTip{
    width: 170px;
    height: 120px;
    text-align: center;
    position: absolute;
    z-index: 10000;
    display: none;
}

.adoronoTipSTrip{
    width: 1px;
    height: 110px;
    background-color: #DDD5BE;
    position: relative;
    display: inline-block;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    position: absolute;
    top:14px;
    z-index: 1;
}

.tipName{
    font-family: 'eldorado_text';
    font-size: 22px;
    font-style: italic;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    color: #DDD5BE;
    width: 100%;
    position: absolute;
    top:0px;
    z-index: 2;
}

.photoTip{
    width: 110px;
    height: 73px;
    border: 1px solid #DDD5BE;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top:22px;
    left:30px;
    z-index: 3;
}

/* COTIZADOR */
.red{
    background-color: brown;
    border:1px;
}

.imagenMapa{
    width: 100% !important;
    height: auto !important;
    display: inline-block !important;
    position: relative !important;
}

.mapa{
    width: 100%;
    height: auto;
    position: relative;
}

.btnPosCot{
    position: absolute;
    top: 80px;
    z-index: 40;
    left: 50%;
    transform: translate(-50%,-50%);
}

.greenBackground{
    background-color: #004225;
    background-image: url('../images/home/fondoverde.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: repeat;
}

.vistaCot{
    position: fixed;
    top:0px;
    left: 0px;
    z-index: 20000;
    width: 100%;
    height: 100vh;
    display: none;
}

.mapaContainer{
    width: 100%;
    height: auto;
    display: inline-block;
    overflow-y: hidden;
}

.arrowsMobile{
    width: 100%;
    position: relative;
    top: -56px;
    height: 0px;
    display: none;
    z-index: 500;
}

.bottomMapButtons{
    height: 26px;
}

.mapLeftButton{
    position: absolute;
    top:-12px;
    left: 20px;
}

.mapRighttButton{
    position: absolute;
    top:-12px;
    right: 20px;
}

.btnPosCotArrows{
    position: absolute;
    top: 0px;
    z-index: 40;
    left: 50%;
    transform: translate(-50%,-50%);
}

.contactTittleCot{
    font-family: 'matter';
    font-size: 32px;
    font-weight: 300;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: center;
    color: #DDD5BE;
}

.contactTextCot{
    font-family: 'matter';
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: center;
    color: #DDD5BE;
}

.titleLot{
    font-family: 'eldorado_text';
    font-size: 40px;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
}

.normalContainer{
    width: 100%;
    padding: 0px;
    padding-left: 100px;
    padding-right: 100px;
    box-sizing: border-box;
    color: #004225;
    height: auto;
    display: inline-block;

    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 50px;
    position: relative;

}

.colum1{
    width: 50%;
    height: auto;
    position: relative;
    float: left;
    display: inline;
}

.colum2{
    width: 50%;
    height: auto;
    position: relative;
    float: left;
    display: inline;
}

.subTitleLot{
    color: #004225;
    font-family: 'matter';
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
}

.precioLista{
    color: #004225;
    font-family: 'eldorado_ext';
    font-size: 32px;
    font-style: italic;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0em;
}

.precioListaMXN{
    color: #004225;
    font-family: 'eldorado_ext';
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
}

.notaenganche{
    color: #004225;
    font-family: 'eldorado_ext';
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
}

.anticipo{
    color: #004225;
    font-family: 'eldorado_text';
    font-size: 24px;
    font-style: italic;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;    
}

.anticipoMXN{
    color: #004225;
    font-family: 'eldorado_text';
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
}

.m2{
    color: #004225;
    font-family: 'eldorado_text';
    font-size: 32px;
    font-style: italic;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0em;
}

.photoLote{
    height: 50vh;
}

.centerNormal{
    width: 100%;
    text-align: center;
    position: relative;
    display: inline;
    float: left;
}

.select{
    /* styling */
    background-color:#E4DBCA;
    border: thin solid #004225;
    border-radius: 20px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    color: #004225;

    /* reset */
    margin: 0;      
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;

    font-family: 'matter';
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    margin-right: 20px;

    background-image:
        linear-gradient(45deg, transparent 50%, #004225 50%),
        linear-gradient(135deg, #004225 50%, transparent 50%),
        linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));
        background-image: url(../images/selectarrow.png);
    background-position: right 10px top 12px;
    background-size: 10px 10px;
    background-repeat: no-repeat;
}

.select:focus{
    outline: none;
}

.sup{
    font-size: 12px;
}

.spacerVert{
    height: 16px;
    width: 100%;
    position: relative;
    display: inline;
    float: left;
}

@media screen and (max-width: 1250px) {

    .centerObject{
        width: 50%;
        display: inline-block;
        position: relative;
    }

    .equipIcon1{
        height: auto;
        width: 100%;
        position: relative;
        padding-top: 60px;
    }
    
    .equipIcon2{
        height: 300px;
        position: relative;
    }
    
    .equipIcon3{
        height: 200px;
        position: relative;
    }
    

    .menuLinks{
        font-size: 38px;
        line-height: 42px; 
    }

    .normalContainer{
        /*margin-top: 100px;*/
        padding-left: 30px;
        padding-right: 30px;
    }

    .bntMoreOptions{
        font-size: 14px;
        line-height: 14px;
        padding: 5px 14px 8px 14px;
        border-radius: 20px;
    }

    .btnPosPlan2{
        top:180px;
        left: 40px;
    }

    #homeText{
        height: 56vw;
    }

    .homeText1{
        height: 56vw;
    }

    .centerVidaResort{
        width: 100%;
        padding:30px;

    }

}

/* LOW RESOLUTIONS/MOBILE */
@media screen and (max-width: 920px) {

    .colum1{
        width: 56%;
    }
    
    .colum2{
        width: 44%;
    }

    .btnPosCot{
        top: 40px;
    }

    .notaenganche{
        font-size: 10px;
        line-height: 12px;
    }

    .precioLista{
        font-size: 18px;
        line-height: 20px;
    }
    
    .precioListaMXN{
        font-size: 16px;
        line-height: 18px;
    }

    .anticipo{
        font-size: 18px;
        line-height: 20px;
    }

    .anticipoMXN{
        font-size: 16px;
        line-height: 18px;
    }

    .titleLot{
        font-size: 28px;
        line-height: 32px;
    }

    .m2{
        font-size: 24px;
        line-height: 28px;
    }

    .normalContainer{
        top:none;
        -ms-transform: none;
        transform: none;
        margin-top: 100px;
        padding-left: 26px;
        padding-right: 26px;
    }

    .photoLote{
        width: 100%;
        height: auto;
    }

    .arrowsMobile{
        display: inline-block;
    }

    .bntMoreOptions{
        font-size: 10px;
        font-weight: 300;
        line-height: 16px;
        padding: 5px 14px 8px 14px;
        border-radius: 20px;
    }

    .mapa{
        width: 200%;
        height: auto;
        position: relative;
    }

    .vistaCot{
        position: absolute;
        height: auto;
        display: none;
    }

    .item-point {
        width: 10px;
        height: 10px;
    }

    .verde{
        display: none;
    }

    .verdeMobile{
        display: inherit;
    }

    .beshBackground{
        height: 96px;
    }

    .beshBackgroundTransparentPc{
        background-color: #E4DBCA;
        height: 96px
    }

    .beshBackgroundOnlyMobile{
        background-color: #E4DBCA;
        width: 100%;
        height: 96px;
    }

    .icontop1{
        top: 24px;
        left: 24px;
    }
    
    .icontop2{
        top: 36px;
        right: 24px;
    }
    
    .icon1{
        width: 40px;
        height: 53px;
        background-size: 40px 53px;
    }

    .icon1White{
        background-image: url('../images/greenIcon.png');
    }
    
    .icon2{
        width: 32px;
        height: 25px;
        background-image: url('../images/openMenuIconGreen.png');
        background-position: 0px 0px;
        background-size: 32px 25px;
    }

    .icon2Green{
        width: 32px;
        height: 25px;
        background-position: 0px 0px;
        background-size: 32px 25px;
    }

    #homeText{
        height: auto;
        display:block;
        margin-bottom: 0px;
    }

    .homeText1{
        width: 100%;
        height: 70vw;
        text-align: center;
        display:block;
        float: none;
    }
    
    .homeText2{
        width: 100%;
        height: auto;
        padding-top: 0px;
        padding-right: 0px;
        display:block;
        float: none;
    }

    #homePlanMaestro{
        width: 100%;
        height: 70vw;
    }

    #homeCotizadorUbicacion{
        height: auto;
        display:flex;
        flex-direction:column;
    }

    .homeCotizador{
        width: 100% !important;
        height: 70vw;
        display: inline-block;
    }
    
    .homeUbicacion{
        width: 100%  !important;
        height: 70vw;
        display: inline-block;
    }

    #homeEquipamiento{
        height: 70vw;
    }

    #homeOthers{
        height: auto;
        display:flex;
        flex-direction:column;
    }

    .homeColaboradores{
        width: 100% !important;
        height: 70vw;
        display: inline-block;
    }

    .homeGaleria{
        width: 100% !important;
        height: 70vw;
        display: inline-block;
    }

    .homeContacto{
        width: 100% !important;
        height: 70vw;
        display: inline-block;
    }

    #bottom{
        padding-bottom: 20px;
    }

    #upIcon{
        margin-top: 10px;
        position: relative;
        top: 5px;
        right: 0px;
    }

    .upIcon{
       width: 33px;
    }

    .divBottomText{
        display: none;
    }

    .divBottomBreak{
        display: inherit;
    }

    #bottom{
        font-size: 12px;
        line-height: 8px;
    }

    .bottomURL{
        font-size: 12px;
        line-height: 8px;
    }

    .debontelo{
        height: 12px;
    }
    
    .downArrow{
        height: 25px;
    }

    .finisterraLogote{
        height: 149px;
    }
    
    .refujiohogar{
        height: 25px;
    }
    
    .playIconPos{
        position: relative;
        width: 100%;
        text-align: center;
        top:-30px;
        height: 56px;
    }
    
    .playIcon{
        height: 75px;
    }

    .homeContentIcon1{
        height: 59px;
    }

    #homeText1Logo{
        width: 100%;
        height: auto;
        left: 0px;
    }
    
    .homeText1Content{
        font-family: 'matter';
        font-size: 14px;
        font-weight: 300;
        line-height: 16px;
        letter-spacing: 0.06em;
        margin-top: 20px;
        width: 300px;
        height: auto;
        display: inline-block;
    }

    #homeText2Content{
        box-sizing: border-box;
        padding: 30px;
        position: relative;
        height: auto;
        top: none;
        -ms-transform:none;
        transform: none;
        width: 100%;
        text-align: justify;
        display: inherit;
    
        font-size: 18px;
        line-height: 20px;
    }

    .goButton{
        height: 22px;
    }

    .closeIconVideo{
        width: 32px;
        height: 32px;
    }

    .closeIconVideo{
        top:28px;
        right:24px;
        width: 32px;
        height: 32px;
    }
    
    .closeIconVideoImage{
        width: 32px;
        height: 32px;
    }

    #menu{
        width: 100%;
    }

    .centerContentContent{
        right: 30px;
    }
    
    .menuLinks{
        font-size: 28px;
        font-weight: 100;
        line-height: 34px;
        letter-spacing: 0em;
    }

    .menuArrow{
        width: 25px;
        position: relative;
        top:-7px;
        padding-left: 5px;
    }

    #menuIcon{
        right:20px;
        bottom:20px;
    }

    .twoColums{
        width: 100%;
        height: auto;
        display: inline-block;
    }

    .twoColums1{
        width: 100%;
        height: auto;
        display: inherit;
        padding-top: 0px;
    }
    
    .twoColums2{
        width: 100%;
        height: auto;
        padding-top: 60px;
        padding-bottom: 60px;
        display: inline-block;
    }

    .sectionTextContent{
        width: 100%;
        box-sizing: border-box;
        padding: 30px 30px 30px;
        position: relative;
        height: auto;

        top: none !important;
        -ms-transform: none !important;
        transform: none !important;

        display: block;
        font-size: 18px;
    }

    .centerContentOnlyBigRS{
        width: 100%;
        top: none !important;
        -ms-transform: none !important;
        transform: none !important;
        text-align: center;
        display: block;
        height:auto;
        position: relative;
        text-decoration: none;
    }

    .tittleMobile{
        width: 100%;
        text-align: center;
        position: relative;
        padding-top: 94px;
        height: auto;
        color: #004225;
        top:0px;
        display:inline-block;
        background-color: #E4DBCA;
    }

    .icontop3{
       display: none;
    }
    
    .tittlesSection{
        font-size: 24px;
        line-height: 29px;
        text-align: center;
        background-color: none;
        letter-spacing: 0em;
    }

    .bonteloLogo{
        height: 25px;
    }
    
    .puntoarqLogo{
        height: 31px;
    }
    
    .bienalLogo{
        height: 24px;
    }

    .Besh{
        color: #004225;
    }

    .mapButtonMobile{
        display: inherit;
    }

    .mapButton{
       display: none;
    }
    
    .northIcon{
        position: absolute;
        top:240px;
        right: 5px;
        z-index: 198;
    }
    
    .northIconImage{
        height: 39px;
    }

    .beerIcon{
        height: 113px;
    }

    .input{
        width: 100%;
        font-size: 12px;
    }

    .textarea{
        width: 100%;
        font-size: 12px;
    }

    .mobilePadding{
        padding: 30px;
        box-sizing: border-box;
    }

    .urlContent{
        font-size: 18px;
    }
    
    .tittleBold{
        font-size: 18px;
    }

    .contactBotton{
        text-align: left;
    }

    .sendButton{
        height: 22px;
    }

    .textContent{
        font-size: 18px;
    }

    .normalContent{
        text-align: justify;
        box-sizing: border-box;
        padding-top: 40px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 40px;
    }
    
    .tittlesEquip{
        font-size: 14px;
    }
    
    .tittlesEquip{
        font-size: 18px;
    }
    
    .spacerContent{
       padding-top: 60px;
    }


    .twoColumsNoH1{
        width: 100%;
    }
    
    .twoColumsNoH2{
        width: 100%;
    }
    
    .equipIcon1{
        height: auto;
        width: 100%;
        position: relative;
    }
    
    .equipIcon2{
        height: auto;
        width: 100%;
        position: relative;
    }

    .equipIcon3{
        height: auto;
        width: 100%;
        position: relative;
    }

    .centerObject{
        width: 100%;
        display: inline-block;
        position: relative;
        box-sizing: border-box;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .texttop{
        position: relative;
        top:20px; 
        padding-bottom: 20px; 
        width: 100%;
        text-align: left;
    }

    .greenContent{
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .beshContent{
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .onlyPC{
        display: none;
    }

    .onlyMobile{
        display: inherit;
    }

    .dividerPhoto{
        height: 80vw;
    }

    .equipTittle{
        font-size: 20px;
        font-style: italic;
        text-align: center;
    }
    
    .equipTextContent{
        font-size: 18px;    
    }
    
    .centerVidaResort{
        width: 100%;
        height: auto;
        position: relative;
        text-align: justify;
        display: inline-block;
    
        top: none;
        -ms-transform: none;
        transform: none;
    }
    

    .normalColum1{
        width: 100%;
        height: auto;
        box-sizing: border-box;
        padding: 30px;

    }
    
    .normalColum2{
        width: 100%;
        height: 80vw;
    }

    .galleryDivision{
        padding-top: 96px;
    }

    .photoTitle{
        font-size: 14px;
    }

    .photo{
        width: 100%;
        height: 80vw;
    }
    
    .photoImage{
        height: calc(80vw - 40px);
    }

    #mapa{
        display: none;
    }

    #nomapa{
        display:inherit;
    }

    .backButton{
        height: 22px;
    }
   

}