.s1{
}
.s1 .content_holder{
    position:relative;
    width:100%;
    max-width:100%;
    text-align:center;
}
.s1 .content_holder .logo{
    position:absolute;
    display:inline-block;
    width:50%;
    max-width:350px;
    z-index:5;
    margin:auto;
    margin-top:10%;
    left: 0;
    right: 0;
}
.s1 .content_holder .bg{
    z-index:1;
}
.s1 .text_holder{
    position:absolute;
    margin:auto;
    left:0;
    right:0;
    bottom:3%;
}
.s1 .text_holder{
    width:90%;
}
.s1 .text_holder h4{
    font-size:24px;
    line-height:1.2;
}
.s1 .text_holder h4 a{
    color:#FFFFFF;
    text-decoration:none;
}
.s1 .text_holder span{
    position:relative;
    display:inline-block;
    background:#b58c60;
    width:2px;
    height:20px;
    font-weight:bold;
    margin-left:20px;
    margin-right:20px;
}


.s2 .content_holder{
    position:relative;
    width:100%;
    max-width:100%;
    text-align:center;
}
.s2 .text_holder{
    position:absolute;
    width:35%;
    left:10%;
    bottom:10%;
    z-index:2;
    text-align:left;
}


.s3 .content_holder{
    position:relative;
    width:100%;
    max-width:100%;
    text-align:center;
}
.s3 .content_holder .bg{
    padding:5%;
}


.s4 .content_holder{
    position:relative;
    width:100%;
    max-width:100%;
    text-align:center;
}
.s4 .text_holder{
    position:absolute;
    width:35%;
    right:10%;
    bottom:5%;
    z-index:2;
    text-align:left;
}
.s4 .text_holder h4{
    color:#FFFFFF;
}
.s4 .text_holder h5{
    color:#FFFFFF;
}


.s5 .content_holder{
    position:relative;
    width:100%;
    max-width:100%;
    text-align:center;
}
.s5 .content_holder .bg{
    padding:5%;
}

.s6{
    background:#eae5df;
    z-index:4;
}
.s6 .content_holder{
    position:relative;
    width:100%;
    max-width:100%;
    text-align:center;
}
.s6 .content_holder .floorplan{
    padding:0% 5%;
    margin-top:-5%;
}
.s6 .content_holder .floorplan img{
    border-radius:25px;
    overflow:hidden;
}


.s7{
    background:#bcb2b0;
    margin-top:-5%;
    z-index:3;
}
.s7 .content_holder{
    position:relative;
    width:100%;
    max-width:100%;
    text-align:center;
}
.s7 .content_holder .banner{
    position:relative;
    z-index:1;
}
.s7 .content_holder .banner .text_holder{
    position:absolute;
    width:90%;
    margin:auto;
    left:0;
    right:0;
    bottom:12%;
    z-index:2;
    text-align:center;
}
.s7 .content_holder .banner .text_holder h2{
    color:#3e3739;
    font-weight:normal;
}
.s7 .content_holder .banner .gradient{
    position:absolute;
    width:100%;
    height:400px;
    bottom:0;
    background-image: linear-gradient(rgba(188,178,176,0) 0%, rgba(188,178,176,1) 55%);
}
.s7 .content_holder .floorplan{
    position:relative;
    padding:0% 5%;
    margin-top:-5%;
    z-index:2;
}
.s7 .content_holder .floorplan img{
    border-radius:25px;
    overflow:hidden;
}


.s8{
    margin-top:-5%;
    z-index:2;
}
.s8 .content_holder{
    position:relative;
    width:100%;
    max-width:100%;
    text-align:center;
}
.s8 .content_holder .text_holder{
    position:absolute;
    width:90%;
    margin:auto;
    left:0;
    right:0;
    bottom:5%;
    z-index:2;
    text-align:center;
}
.s8 .content_holder .text_holder h2{
    color:#FFFFFF;
    font-weight:normal;
}


.s9 .content_holder{
    position:relative;
    width:100%;
    max-width:100%;
    text-align:center;
}
.s9 .text_holder{
    position:absolute;
    width:35%;
    right:10%;
    bottom:5%;
    z-index:2;
    text-align:left;
}


.s10 .content_holder{
    position:relative;
    width:100%;
    max-width:100%;
    text-align:center;
}
.s10 .content_holder .bg{
    padding:5%;
}


.s11 .content_holder{
    position:relative;
    width:100%;
    max-width:100%;
    text-align:center;
}


.s12 .content_holder{
    position:relative;
    width:100%;
    max-width:100%;
    text-align:center;
}
.s12 .content_holder .video_holder{
    position:absolute;
    display:inline-block;
    max-width:800px;
    max-height:800px;
    width:60%;
    height:60%;
    margin:auto;
    left:0;
    right:0;
    margin-top:-10%;
}
.s12 .content_holder .video_holder video{
    width:100%;
}
.s12 .content_holder .video_holder .iframe_block{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:3;
}
.s12 .content_holder .video_holder iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:2;
}

.s12 .content_holder .logo{
    position:absolute;
    display:inline-block;
    width:50%;
    max-width:400px;
    z-index:5;
    margin:auto;
    margin-top:10%;
    left: 0;
    right: 0;
}
.s12 .content_holder .text_holder{
    position:absolute;
    width:90%;
    margin:auto;
    left:0;
    right:0;
    bottom:10%;
    z-index:2;
    text-align:center;
}
.s12 .content_holder .text_holder h2{
    color:#FFFFFF;
    font-weight:normal;
}
.s12 .content_holder .text_holder .form_holder{
    margin:auto;
    max-width:400px;
    margin-top:25px;
}
.s12 .content_holder .text_holder .form_holder .submit-wrap input{
    background:#10224a;
}


.s13{
    background:#e6e6e6;
    padding-top:-50px;
    padding-bottom:50px;
}
.s13 .content_holder .btn_backtotop{
    position:absolute;
    top:-10%;
    right:0;
    width:45px;
    cursor:pointer;
    z-index:1000;
}
.s13 .content_holder .contact_holder{
    position:relative;
    z-index:2;
}

@media screen and (max-width: 1600px) {
}
@media screen and (max-width: 1500px){
    .s2 .text_holder{
        bottom:7%;
    }

    .s4 .text_holder{
        bottom:5%;
    }

    .s9 .text_holder{
        bottom:5%;
    }
}
@media screen and (max-width: 1280px) {
    .s1 .text_holder h4{
        font-size:22px;
    }
    .s1 .text_holder span{
        height:18px;
        margin-left:15px;
        margin-right:15px;
    }

    .s2 .text_holder{
        bottom:5%;
    }

    .s4 .text_holder{
        bottom:3%;
    }

    .s7 .content_holder .banner .gradient{
        height:300px;
    }
    
    .s9 .text_holder{
        bottom:3%;
    }
}
@media screen and (max-width: 1024px) {
    .s1 .text_holder h4{
        font-size:20px;
    }
    .s1 .text_holder span{
        height:16px;
        margin-left:10px;
        margin-right:10px;
    }

    .s2 .text_holder{
        width:40%;
        left:5%;
        bottom:2%;
    }

    .s4 .text_holder{
        width:40%;
        right:5%;
        bottom:2%;
    }

    .s7 .content_holder .banner .gradient{
        height:200px;
    }
    
    .s9 .text_holder{
        width:40%;
        right:5%;
        bottom:2%;
    }
}
@media screen and (max-width: 768px) {
    .s1 .text_holder h4{
        font-size:18px;
    }
    .s1 .text_holder span{
        height:14px;
        margin-left:10px;
        margin-right:10px;
    }

    .s2 .text_holder{
        width:80%;
        left:10%;
        right:10%;
        top:61%;
        bottom:0;
    }
    .s3 .content_holder .bg{
        padding:3%;
    }

    .s4 .text_holder{
        width:80%;
        left:10%;
        right:10%;
        top:50%;
        bottom:0;
    }
    .s5 .content_holder .bg{
        padding:3%;
    }
    .s6 .content_holder .floorplan{
        padding:0% 3%;
        margin-top:-10%;
    }

    .s7 .content_holder .floorplan{
        padding:0% 3%;
        margin-top:-10%;
    }
    
    .s9 .text_holder{
        width:40%;
        left:50%;
        right:10%;
        top:auto;
        bottom:2%;
    }
    .s10 .content_holder .bg{
        padding:3%;
    }

    .s7 .content_holder .banner .text_holder h2{
        font-size:18px;
    }
    .s8 .content_holder .text_holder h2{
        font-size:18px;
    }

    .s12 .content_holder .video_holder{
        max-width:800px;
        max-height:800px;
        width:90%;
        height:90%;
        margin-top:-5%;
    }
    .s12 .content_holder .text_holder{
        width:90%;
        bottom:10%;
    }
    .s12 .content_holder .text_holder h2{
        font-size:18px;
    }
    .s13 .content_holder .btn_backtotop {
        top: -200px;
    }
}
@media screen and (max-width: 600px) {
}