.apartment-section{
    background: #F4F4F4;
}

.apartment-section .apartment-short-info-col{
    padding-left: 40px;
}

.apartment-short-info-col .apartment-location-info-row .col-sm-6{
    font-weight: 300;
    line-height: normal;
    font-size: 18px;
    color: #A27A57;
}

.apartment-short-info-col .apartment-sizes-row{
    margin-top: 10px;
}
.row .apartment-location-info-row,
.apartment-short-info-col .apartment-sizes-row {
    background: #fff;
    border-radius: 5px;
    padding: 12px 0;
}
.apartment-short-info-col .apartment-sizes-row .apartment-sizes-title {
    font-size: 30px;
    text-transform: lowercase;
    width: 40%;
}
.apartment-short-info-col .row.apartment-rooms-grid-title-row .room-sizes-title {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: bold;
}
.apartment-short-info-col .apartment-sizes-row {
    font-weight: 500;
    line-height: normal;
    font-size: 36px;
    color: #A27A57;
}
apartment-sizes-count
.apartment-short-info-col .apartment-rooms-grid-title-row{
    margin-top: 25px;
    margin-bottom: 10px;
}
.apartment-sizes-count,
.apartment-sizes-title {
    display: inline-block;
}
.apartment-sizes-count {
    /*width: 40%;*/
}
.apartment-short-info-col .apartment-rooms-grid-title-row .col-sm-6{
    font-weight: 500;
    line-height: normal;
    font-size: 12px;
}
.apartment-short-info-col .apartment-rooms-grid-row .col-sm-6,
.apartment-short-info-col .apartment-rooms-grid-row tr td {
    font-weight: 300;
    line-height: normal;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 8px;
}
.apartment-short-info-col .apartment-rooms-grid-row table {
    width: 100%;
    border: none;
    margin-bottom: 0;
}
.apartment-short-info-col .apartment-rooms-grid-row tr td {
    width: 50%;
    padding-top: 5px;
    padding-bottom: 8px;
    border: none;
}
.apartment-short-info-col .apartment-rooms-grid-row tr td:nth-child(2) {
    padding-left: 15px;
}

.apartment-short-info-col .apartment-room-sqm-total hr{
    margin-top: 9px;
}
.apartment-short-info-col .apartment-room-sqm-total .col-sm-6{
    font-weight: 300;
    line-height: normal;
    font-size: 12px;
}

.apartment-pdf-print-row .apartment-pdf-print-title{
    font-weight: 500;
    line-height: 18px;
    font-size: 12px;
    color: rgba(0,0,0,0.4);
}

.apartment-pdf-print-row{
    /*margin-top: 20px;*/
}

.apartment-pdf-print-icons{
    margin-top: 5px;
    padding-right: 0 !important;
}
.apartment-pdf-print-icons .apartment-pdf-print-icon{
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
}
.apartment-pdf-print-icon i.print-icon,
.apartment-pdf-print-icon i.pdf-icon {
    width: 20px;
    height: 20px;
}
.apartment-pdf-print-icons .apartment-pdf-print-icon div{
    font-weight: 200;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
    color: #A27A57;
}

.apartment-section .apartment-image-col{
    padding: 0 40px;
    text-align: center;
}
.apartment-section .fp-tableCell{
    display: block;
    /*height: -webkit-calc(100% - 60px) !important;*/
    /*height: -moz-calc(100% - 60px) !important;*/
    /*height: calc(100% - 60px) !important;*/
    /*margin-top: 60px;*/
}
.apartment-section .fp-tableCell .container-fluid{
    padding-top: 90px;
    padding-bottom: 25px;
}
.apartment-section .fp-tableCell>.container-fluid,
.apartment-section .fp-tableCell .apartment-main-row{
    /*height: 100%;*/
}

.apartment-section .apartment-image-col .change-apartment-image-mode-row{
    display: inline-block;
    text-align: left;
    height: 6%;
    color: #A27A57;
    margin-bottom: 20px;
}
.change-apartment-image-mode-row .material-switch {
    display: inline-block;
}
.change-apartment-image-mode-row .material-switch label {

}
.change-apartment-image-mode-row .material-switch span.type {
    display: inline-block;
    font-size: 18px;
    color: #A27A57;
    margin: 0 5px;
}
.apartment-image{
    height: 90%;
}

.apartment-image img{
    max-width: 100%;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.apartment-main-row{
    padding-top: 50px;
}

/*switch*/
/*.material-switch > input[type="checkbox"] {*/
    /*display: none;*/
/*}*/

/*.material-switch > label {*/
    /*cursor: pointer;*/
    /*height: 0;*/
    /*position: relative;*/
    /*width: 40px;*/
/*}*/

/*.material-switch > label::before {*/
    /*background: rgb(0, 0, 0);*/
    /*box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);*/
    /*border-radius: 8px;*/
    /*content: '';*/
    /*height: 16px;*/
    /*margin-top: -8px;*/
    /*position:absolute;*/
    /*opacity: 0.3;*/
    /*transition: all 0.4s ease-in-out;*/
    /*width: 40px;*/
/*}*/
/*.material-switch > label::after {*/
    /*background: rgb(255, 255, 255);*/
    /*border-radius: 16px;*/
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);*/
    /*content: '';*/
    /*height: 24px;*/
    /*left: -4px;*/
    /*margin-top: -8px;*/
    /*position: absolute;*/
    /*top: -4px;*/
    /*transition: all 0.3s ease-in-out;*/
    /*width: 24px;*/
/*}*/
/*.material-switch > input[type="checkbox"]:checked + label::before {*/
    /*background: inherit;*/
    /*opacity: 0.5;*/
/*}*/
/*.material-switch > input[type="checkbox"]:checked + label::after {*/
    /*background: inherit;*/
    /*left: 20px;*/
/*}*/

/*[data-appartment-image-type="1"] .material-switch label{*/
    /*background: #FD9E4B;*/
/*}*/



.material-switch > span.label {
    cursor: pointer;
    height: 0;
    position: relative;
    width: 40px;
    display: inline-block;
    vertical-align: middle;
}

.material-switch > span.label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > span.label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > span.input[data-checked="1"] + span.label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > span.input[data-checked="1"] + span.label::after {
    background: inherit;
    left: 20px;
}

[data-appartment-image-type="1"] .material-switch span.label{
    background: #FD9E4B;
}


.apartment-floor-info-col .apartment-floor-title{
    font-weight: normal;
    line-height: 26px;
    font-size: 18px;
    color: #FD9E4B;
}
.apartment-floor-info-col .apartment-floor-plan{
    margin-top: 30px;
}
.apartment-floor-info-col .apartment-floor-plan .floor-plan{
    width: 60%;
    /*display: inline-block;*/
    float: left;
    text-align: left;
}

.apartment-section .apartment-image-col:before{
    content: "";
    position: absolute;
    right: 20px;
    height: 90%;
    width: 1px;
    border-right: 1px solid #00000030;
}

.apartment-floor-change-slider-content{
    width: 38%;
    /*display: inline-block;*/
    float: left;
    padding-left: 10px;
}

.apartment-floor-change-slider-content .floor-slider-content{
    width: 68px;
    overflow: hidden;
    height: 265px;
}
.apartment-image img.image-type-3d,
.apartment-image img.image-type-2d{
    opacity: 0;
}
.apartment-image .img-frame {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.04);
}
.apartment-image .img-frame:before {
    content: '';
    display: block;
    width: 134px;
    height: 134px;
    margin: auto;
    left: 0;
    right: 0;
    top: 17%;
    position: absolute;
    pointer-events: none;
    opacity: 0.3;
    background-size: cover;
}
.apartment-image .img-frame.sold:before {
    background-image: url('../../../../images/icons/sold.png');
}
.apartment-image .img-frame.booked:before {
    background-image: url('../../../../images/icons/booked.png');
}
.change-apartment-image-mode-row .app-no {
    font-size: 12px;
    display: block;
}
[data-appartment-image-type="1"] .apartment-image img.image-type-3d,
[data-appartment-image-type="2"] .apartment-image img.image-type-2d{
    display: block;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    opacity: 1;
    -webkit-animation: fadeInFromNone 1s ease-out;
    -moz-animation: fadeInFromNone 1s ease-out;
    -o-animation: fadeInFromNone 1s ease-out;
    animation: fadeInFromNone 1s ease-out;
}

[data-appartment-image-type="1"] .apartment-image img.image-type-2d,
[data-appartment-image-type="2"] .apartment-image img.image-type-3d{
    display: none;
    opacity: 0;

}
.floor-loc {
    font-weight: 300;
    font-size: 12px;
    color: #A27A57;
}
[data-appartment-image-type="1"] .type.furnished,
[data-appartment-image-type="2"] .type.no-furnished {
    font-weight: 900;
    -webkit-animation: fadeInFromNone 1s ease-out;
    -moz-animation: fadeInFromNone 1s ease-out;
    -o-animation: fadeInFromNone 1s ease-out;
    animation: fadeInFromNone 1s ease-out;
}

.app-project-apartment .mfp-content figure{
    background: white;
}
.app-project-apartment .mfp-image-holder .mfp-close{
    color: black;
    right: 0;
}
.img-frame a{
    cursor: zoom-in;
}

@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer !important;
}
.preloader-content .preloader-container{
    padding-top: 100px;
}
.flor-div{
    max-width: 500px;
    margin: auto;
    border: 3px solid #73AD21;
}

/*modal form design*/
.modal.contactMessage h2 {
    margin: auto;
    text-align: center;
    color: #3FB9BE;
}
.modal.contactMessage .apt-info span {
    font-size: 14px;
    text-align: center;
    color: #3FB9BE;
}
/*.contact_layout .btn-primary,
.contact_layout .btn-primary:hover,
.modal.contactMessage .btn-primary,
.modal.contactMessage .btn-primary:focus,
.modal.contactMessage .btn-primary:active,
.modal.contactMessage .btn-primary:hover {
    margin: auto;
    background-color: #FF7700 !important;
    border-radius: 80px;
    padding: 5px 30px;
    margin-top: 7px;
    height: 40px;
    border-color: transparent !important;
    box-shadow: none;
}
.contact-icon .button {
    color: #8DB600;
    padding: 10px 7px;
    width: 150px;
    font-size: 14px;
    background: #8DB600;
    border: none;
}*/
.contact-icon .button > div {
    color: #fff;
}
.contact_layout .contact-us {
    margin-bottom: 0.5rem;
}
.contact_layout {
    margin-top: 1rem;
}
.contact_layout .contact_number a:hover,
.contact_layout .contact_number a:focus,
.contact_layout .contact_number a:active {
    text-decoration: none;
}
.contact_layout .contact_number span {
    position: relative;
    top: -13px;
}
.modal.contactMessage .apt-info span,
.modal.contactMessage .send_info {
    font-size: 14px;
    line-height: 15px;
    display: block;
}
.modal.contactMessage .send_info {
    color: red;
    margin-top: 10px;
    text-align: center;
}
.modal.contactMessage .send_info  .success_send {
    color: #67b509;
}
.modal.contactMessage .send_info  .success_send.hide,
.modal.contactMessage .send_info  .error_send.hide {
    display: none;
}
.apartment-image-col .contact_number a {
    display: block;
}
.apartment-image-col .contact_number i.phone {
    background-color: transparent;
    margin-right: -7px;
}
.apartment-image-col .contact_number .phone-number {
    color: #FF7200;
}
#leaveMessage-tel, .leaveMessage-tel > div {
    width: 100%;
}


/*Media*/
@media (max-width: 480px) {

}
@media (max-width: 767px) {
   .app-project-apartment .apartment-main-row .apartment-floor-info-col {
        padding-top: 20px;
   }
    .app-project-apartment .apartment-floor-change-slider-content {
        width: 30%;
        float: right;
    }
    .app-project-apartment .info-table.bottom {
        display: none;
    }
    .apartment-section .apartment-short-info-col {
        padding-left: 15px;
    }
    .apartment-short-info-col .row.apartment-rooms-grid-title-row .room-sizes-title {
        width: 50%;
    }
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 1200px) {
    .contact_layout {
        display: flex;
        justify-content: center;
    }
}