.wrapper nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.09);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 84, 136, 0.05)), to(rgba(2, 84, 136, 0.05)));
    background-image: linear-gradient(180deg, rgba(2, 84, 136, 0.05), rgba(2, 84, 136, 0.05));
    position: relative;
}

    .wrapper nav label {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center;
        cursor: pointer;
        z-index: 1;
        color: white;
    }

        .wrapper nav label a {
            font-size: 13px;
            text-decoration: none;
            z-index: -1;
            transition: color 0.9s ease;
            position: relative;
            z-index: -1;
            color: black;
            font-weight: 500;
        }

    .wrapper nav #planta-baja:checked ~ label.planta-baja a,
    .wrapper nav #nivel1:checked ~ label.nivel1 a,
    .wrapper nav #nivel2:checked ~ label.nivel2 a,
    .wrapper nav #nivel3:checked ~ label.nivel3 a,
    .wrapper nav #nivel4:checked ~ label.nivel4 a {
        color: white !important;
        font-weight: bold;
    }

    .wrapper nav label a i {
        font-size: 25px;
        margin: 0 7px;
    }

    .wrapper nav .tab {
        position: absolute;
        height: 100%;
        width: 26%;
        left: 0;
        bottom: 0;
        z-index: 0;
        padding-right: 20px;
        padding-left: 20px;
        border-radius: 20px;
        background-color: #00263e;
        font-weight: 600;
        cursor: auto;
        color: white;
        transition: 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }

    .wrapper nav #nivel1:checked ~ .tab {
        left: 25%;
    }

    .wrapper nav #nivel2:checked ~ .tab {
        left: 50%;
    }

    .wrapper nav #nivel3:checked ~ .tab {
        left: 75%;
    }

/*    .wrapper nav #nivel4:checked ~ .tab {
        left: 80%;
    }*/

    .wrapper nav input {
        display: none;
    }

.space {
    pointer-events: none;
}

.detail path, .detail rect {
    pointer-events: auto;
    fill: rgba(2, 84, 136, 0.1);
    stroke: rgba(2, 84, 136, 0);
    transition-duration: 0.15s;
    transition-timing-function: ease-out;
}

    .detail path:hover, .detail rect:hover {
        pointer-events: auto;
        fill: rgba(2, 84, 136, 0.4);
        stroke: rgba(2, 84, 136, 1);
    }

.NoAvailable {
    fill: rgba(205, 205, 205, 0.6);
    stroke: rgba(2, 84, 136, 0);
}
#espacios {
    min-height: 42rem;
}

/*-------------------------SPINNER-------------------------*/
.spinner {
    border: 4px solid rgba(99, 99, 99, 0.05);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border-left-color: white;
    margin-right:1rem;
    animation: spin 1s ease infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.btn-submit{
    display:flex;
    justify-content:center;
}
.containerfloor {
    min-height: 36rem;
}
#dntCaptchaImg {
    margin-bottom: 5px !IMPORTANT;
    width: 30%;
    justify-content: center;
    display: flex;
    margin: AUTO;
}
.fe-icon-repeat {
    background-image: url('https://ateliercdn.azureedge.net/thetowerscancun/images/refresh-icon.png');
    filter: invert(1);
    display: block;
    width: 2rem !important;
    height: 2rem !important;
    float:right !important;
    margin-right:1rem;
    transform:scale(0.7);
}
#DNTCaptchaInputText-error{
    color:#de0202 !important;
}
.btnContact {
    margin-top: 1rem !important;
}
.wrapperTwo nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.09);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 84, 136, 0.05)), to(rgba(2, 84, 136, 0.05)));
    background-image: linear-gradient(180deg, rgba(2, 84, 136, 0.05), rgba(2, 84, 136, 0.05));
    position: relative;
}

    .wrapperTwo nav label {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center;
        cursor: pointer;
        z-index: 1;
        color: white;
    }

        .wrapperTwo nav label a {
            font-size: 13px;
            text-decoration: none;
            z-index: -1;
            transition: color 0.9s ease;
            position: relative;
            z-index: -1;
            color: black;
            font-weight: 500;
        }

    .wrapperTwo nav #groundFloorSpaceA:checked ~ label.groundFloorSpaceA a,
    .wrapperTwo nav #groundFloorSpaceB:checked ~ label.groundFloorSpaceB a,
    .wrapperTwo nav #floorOneSpace:checked ~ label.floorOneSpace a
    {
        color: white !important;
        font-weight: bold;
    }

    .wrapperTwo nav label a i {
        font-size: 25px;
        margin: 0 7px;
    }

    .wrapperTwo nav .tab {
        position: absolute;
        height: 100%;
        width: 35%;
        left: 0;
        bottom: 0;
        z-index: 0;
        padding-right: 20px;
        padding-left: 20px;
        border-radius: 20px;
        background-color: #00263e;
        font-weight: 600;
        cursor: auto;
        color: white;
        transition: 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }

    .wrapperTwo nav #groundFloorSpaceA:checked ~ .tab {
        left: 0%;
    }

    .wrapperTwo nav #groundFloorSpaceB:checked ~ .tab {
        left: 33%;
    }

    .wrapperTwo nav #floorOneSpace:checked ~ .tab {
        left: 66%;
    }

    .wrapperTwo nav input {
        display: none;
    }


    /*loader*/

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid black;
    border-bottom: 16px solid black;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loader-box{
    display:flex;
    justify-content:center;
    margin-top:5rem;
}
.text-loading{
    line-height:4rem;
    margin-left:1rem;
}
#dntCaptchaImg {
    width: 100% !important;
    max-width: 100%;
}