@font-face {
    font-family: 'Futura_Bold';
    src: url('../fonts/FuturaBoldfont.woff2') format('woff2'), url('fonts/FuturaBoldfont.woff') format('woff'), url('fonts/FuturaBoldfont.ttf') format('truetype');
}

@font-face {
    font-family: 'Futura_Book';
    src: url('../fonts/FuturaBookfont.woff2') format('woff2'), url('fonts/FuturaBookfont.woff') format('woff'), url('fonts/FuturaBookfont.ttf') format('truetype');
}

@font-face {
    font-family: 'FuturaBoldItalic';
    src: url('../fonts/FuturaBookfont.woff2') format('woff2'), url('fonts/FuturaBookfont.woff') format('woff'), url('fonts/FuturaBookfont.ttf') format('truetype');
}

@font-face {
    font-family: 'unicodefuturabb';
    src: url('../fonts/unicodefuturabb.woff2') format('woff2'), url('fonts/unicodefuturabb.woff') format('woff'), url('fonts/unicodefuturabb.ttf') format('truetype');
}

@font-face {
    font-family: 'unicodefuturab';
    src: url('../fonts/unicodefuturab.woff2') format('woff2'), url('fonts/unicodefuturab.woff') format('woff'), url('fonts/unicodefuturab.ttf') format('truetype');
}

@-ms-viewport {
    width: device-width;
}

@media only screen and (min-device-width: 800px) {
    html {
        overflow: hidden;
    }
}

* {
    padding: 0;
    margin: 0;
}

html {
    height: 100%;
}

body {
    height: 100%;
    overflow: hidden;
}


/*   div#container { height: 100%; min-height: 100%; width: 100%; margin: 0 auto; }*/

.fancybox-skin {
    padding: 0px !important;
}

div#container {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(57, 138, 198, 0.7);
    z-index: 1100;
    /*  position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1100;
    background-color: rgba(17, 19, 21, 0.8)*/
}

.img_ppal_top_izq {
    margin-top: -30vh;
    width: 34vh;
    margin-left: 3vh;
}

.img-fluid-cropped-ing {
    max-width: 120% !important;
    height: auto;
    text-align: center;
    position: absolute;
    bottom: 0;
}

div#containermobile {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1100;
    background-color: rgba(17, 19, 21, 0.8)
}

div#compartir {
    position: absolute;
    width: 104%;
    height: 100%;
    z-index: 1100;
    background-color: rgba(255, 255, 255, 0.5);
}

.img_ppal_der {
    width: 14vh !important;
    margin-right: 2vh !important;
    margin-bottom: 2vh !important;
}

.img_ppal_izq {
    width: 9vh !important;
    margin-left: 3vh !important;
    margin-bottom: 3vh !important;
}

div#compartir_ {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1100;
    /*background-color: rgba(0,63,111,0.5);.*/
    background-color: rgba(255, 255, 255, 0.5);
}

div#tourDIV {
    height: 100%;
    position: relative;
    overflow: hidden;
}

div#panoDIV {
    height: 100%;
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.table td,
.table th {
    padding: 0.15rem !important;
    border-top: 0px solid #ffffff;
}

.img-fluid {
    margin-top: 9%;
    max-width: 80% !important;
    width: 800px !important;
    height: auto;
    text-align: center;
}

.img-fluid-land-ubicacion {
    margin-top: 9%;
    max-width: 80% !important;
    width: 1000px !important;
    height: auto;
    text-align: center;
}

.img-fluid-land-ubicacion:hover {
    content: url("img/ubicacion_como_icono_.png");
}

.img-fluid-land-apto {
    margin-top: 9%;
    max-width: 80% !important;
    width: 1000px !important;
    height: auto;
    text-align: center;
}

.img-fluid-land-apto:hover {
    content: url("img/apartamento_modeloicono_.png");
}

.img-fluid-land-club {
    margin-top: 9%;
    max-width: 80% !important;
    width: 1000px !important;
    height: auto;
    text-align: center;
}

.img-fluid-land-club:hover {
    content: url("img/club_house_icono_.png");
}

.img-fluid-land-esp {
    margin-top: 9%;
    max-width: 80% !important;
    width: 1000px !important;
    height: auto;
    text-align: center;
}

.img-fluid-land-esp:hover {
    content: url("img/otros_espaciosicono_.png");
}

#img-fluid {
    max-width: 80% !important;
    width: 800px !important;
    height: auto;
    text-align: center;
    background-image: url('img/back2.png');
}

.img-fluid_ {
    margin-top: 9%;
    max-width: 100% !important;
    width: 800px !important;
    height: auto;
    text-align: center;
}

#img-fluid_ {
    max-width: 100% !important;
    width: 800px !important;
    height: 100%;
    min-height: 54px;
    text-align: center;
    background-image: url('img/iniciob.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.img-fluid-cropped-ing:hover {
    content: url("img/botoninicio_ingresar_v.png");
    cursor: pointer;
}


/*.img-fluid-cropped-ing {
    width: 200px;
    /* width of container */


/* height: 300px;
    /* height of container */


/* overflow: hidden;
    margin: -10px 0px 0px -100px;
}*/

.footer-izq {
    position: fixed;
    left: 0px;
    bottom: 0px;
    max-width: 100% !important;
    width: 100%;
    text-align: left;
}

.footer-der {
    position: fixed;
    left: 0px;
    bottom: 0px;
    max-width: 100% !important;
    width: 100%;
    text-align: right;
}

.header {
    position: fixed;
    right: 0px;
    top: 0px;
    max-width: 100% !important;
    width: 100%;
    text-align: right;
}

.ppal_center {
    position: fixed;
    left: 0px;
    bottom: 10vh;
    max-width: 100% !important;
    width: 100%;
    text-align: center;
}

a.hide {
    display: none;
}

.header_ {
    position: fixed;
    top: 20%;
    max-width: 100% !important;
    width: 100%;
    /*  text-align: center;*/
}

@media screen and (orientation: portrait) {
    @media only screen and (max-height: 360px) {
        .img_ppal_center {
            margin-top: -39vh !important;
            width: 28vh !important;
        }
        .center {
            margin-top: -6.5% !important;
        }
        .txt_encabezado {
            line-height: 0.2 !important;
            color: #ffffff;
        }
        .ppal_center {
            bottom: 9% !important;
        }
        .txt_logos {
            height: 3px;
        }
        .logos {
            margin-top: 2% !important;
        }
    }
    .img_ppal_center {
        text-align: center !important;
        width: 15vh !important;
        margin-top: -8vh !important;
        align-items: center;
    }
    .header {
        position: fixed;
        right: 0px;
        top: 0px;
        max-width: 200% !important;
        width: 200%;
        text-align: right;
    }
    .header_ {
        top: 15%;
    }
    .footer-izq {
        position: fixed;
        left: 0px;
        bottom: 0px;
        max-width: 200% !important;
        width: 200%;
        text-align: left;
    }
    .footer-der {
        position: fixed;
        right: 0px;
        bottom: 0px;
        max-width: 100% !important;
        width: 100%;
        text-align: right;
    }
    .img_ppal_der {
        width: 12vh !important;
    }
    .center {
        width: 753px;
        height: 300px;
        position: fixed;
        left: 50%;
        top: 50%;
        margin-left: -380px;
        margin-top: -45% !important;
    }
    .img_ppal_top_izq {
        margin-top: -25vh !important;
        margin-left: 2vh !important;
    }
    .txt_encabezado {
        font-size: 5vh !important;
        font-family: 'unicodefuturab';
        font-weight: lighter;
        letter-spacing: 3px;
        text-align: center;
        margin-top: 12vh !important;
        color: #ffffff;
    }
    .txt_bienvenida {
        font-size: 2vh !important;
        font-family: 'Futura_Book';
        text-align: center;
        color: #ffffff;
    }
    .txt_logos {
        font-size: 1vh !important;
        font-family: 'Futura_Book';
        text-align: center;
        color: #edd733;
    }
    .ppal_center {
        position: fixed;
        left: 0px;
        bottom: 18% !important;
        max-width: 100% !important;
        width: 100%;
        text-align: center;
    }
    .ppal1mobile {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url(img/backmobile.png) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 100%;
        /* or change accordingly - not quite clear in question */
        width: 100%;
        background-color: #131516 !important;
    }
    .ppal2mobile {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url(img/backmobile.png) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 100%;
        /* or change accordingly - not quite clear in question */
        width: 100%;
        background-color: #131516 !important;
    }
    .img1 {
        margin-top: 10%;
        max-width: 35% !important;
        width: 1000px !important;
        height: auto;
        text-align: center;
    }
    .img2 {
        margin-top: 1%;
        max-width: 80% !important;
        width: 1000px !important;
        height: auto;
        text-align: center;
    }
    .img2_ {
        margin-top: 30px;
        max-width: 80% !important;
        width: 1000px !important;
        height: auto;
        text-align: center;
    }
    .img3 {
        margin-top: 1%;
        max-width: 60% !important;
        height: auto;
        text-align: center;
    }
    .divmobilebutton {
        position: absolute;
        bottom: 0px;
        width: 107% !important;
    }
    .img4 {
        max-width: 35% !important;
        height: auto;
        text-align: center;
    }
    .img-fluid-land-ubicacion_ {
        max-width: 40% !important;
        margin-left: 80px !important;
    }
    .img-fluid-land-apto_ {
        max-width: 40% !important;
        margin-right: 80px !important;
    }
    .img-fluid-land-esp_ {
        max-width: 40% !important;
        margin-right: 80px !important;
        margin-top: 20px;
    }
    .img-fluid-land-club_ {
        max-width: 40% !important;
        margin-left: 80px !important;
        margin-top: 20px;
    }
    .divmobile2 {
        padding-top: 30px;
    }
}

@media screen and (orientation: landscape) {
    .img-fluid-land-ubicacion {
        max-width: 100% !important;
    }
    .img-fluid-land-apto {
        max-width: 100% !important;
    }
    .img-fluid-land-esp {
        max-width: 100% !important;
    }
    .img-fluid-land-club {
        max-width: 100% !important;
    }
    /* header.masthead {
        width: 80%;
        padding-top: 1px;
        padding-bottom: 1px;
    }*/
    .img-fluid_ {
        margin-top: 1%;
    }
    .img-fluid-cropped-ing {
        /* margin-top: 1%;
        max-width: 165% !important;
        margin-left: -6px;*/
        max-width: 130% !important;
        height: auto;
        text-align: center;
        position: absolute;
        bottom: 0;
        z-index: 99999;
    }
    .img-fluid {
        margin-top: 1px;
    }
    .ppal1mobile {
        display: none;
    }
    .ppal2mobile {
        display: none;
    }
    .img1 {
        display: none;
    }
    .img2 {
        display: none;
    }
    .img3 {
        display: none;
    }
    .img4 {
        display: none;
    }
    .ppal1 {
        display: block;
    }
    .ppal2 {
        display: block;
    }
    .img-fluid-land-ubicacion_ {
        display: none;
    }
    .img-fluid-land-apto_ {
        display: none;
    }
    .img-fluid-land-esp_ {
        display: none;
    }
    .img-fluid-land-club_ {
        display: none;
    }
    @media only screen and (max-height: 360px) {
        .img_ppal_center {
            margin-top: -18vh !important;
            width: 25vh !important;
        }
        .center {
            margin-top: -6.5% !important;
        }
        .txt_encabezado {
            line-height: 0.2 !important;
        }
        .ppal_center {
            bottom: 9% !important;
        }
        .txt_logos {
            height: 3px;
        }
        .logos {
            margin-top: 2.5% !important;
        }
    }
    @media only screen and (max-height: 320px) {
        /*   header.masthead {
            width: 55%;
        }*/
        #img-fluid_ {
            width: 410px !important;
            height: 100%;
            min-height: 50px;
            margin-top: -1px;
        }
        .col {
            min-height: 39px;
            padding-left: 6px;
            padding-right: 5px;
        }
    }
}


/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {
    .img-fluid-cropped-ing {
        max-width: 120% !important;
        height: auto;
        text-align: center;
        position: absolute;
        bottom: 0;
    }
    /*  header.masthead {
        padding-top: 4%;
    }*/
}

.center {
    width: 753px;
    height: 300px;
    position: fixed;
    left: 50%;
    top: 40%;
    margin-left: -380px;
    margin-top: -10.5%;
}

.logos {
    width: 300px;
    height: 300px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -160px;
    margin-top: 1%;
}

.txt_encabezado {
    font-size: 8vh;
    font-family: 'unicodefuturab';
    font-weight: lighter;
    letter-spacing: -1px;
    text-align: center;
    color: #ffffff;
}

.txt_bienvenida {
    font-size: 3vh;
    font-family: 'Futura_Book';
    text-align: center;
    line-height: 1vh;
    color: #ffffff;
}

.txt_logos {
    font-size: 2vh !important;
    font-family: 'Futura_Book';
    text-align: center;
    color: #edd733;
    width: 300px;
    margin-top: 15px;
}

.ppal_der img {
    width: 100%;
}

.btn {
    font-weight: bold;
    background: #154692;
    padding-left: 11px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 1px;
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 2.5vh;
    font-family: 'unicodefuturab';
    text-align: center;
    border-radius: 20px !important;
    /* margin-bottom: 100px;*/
}

.btn:hover {
    font-weight: bold;
    background: #FFFFFF;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 1px;
    color: #154692 !important;
    display: inline-block;
    font-size: 2.5vh;
    font-family: 'unicodefuturab';
    text-align: center;
    border-radius: 20px !important;
}

.img_ppal_der {
    width: 12%;
}

.img_ppal_center {
    width: 27vh;
    text-align: center;
    margin-top: -17vh;
}

.img_ppal_izq {
    width: 12%;
}

.img_ppal_der {
    width: 12%;
}

.img_logos {
    width: 6vh;
}


/* 
.kolorArea {
    display: none;
} */