.hdim{}
.hme{}
.nvhd{
    margin-left: 3vw;
    font-weight: 600;
    transition: 0.2s;
}
.nvhd:hover{
    color: #d8b25a !important;
    border-bottom: 2px solid #d8b25a;
    transition: 0.2s;
}
.hdbtn{
    background: #d8b25a;
    color: white;
    border: none;
    padding: 7px;
    width: 10vw;
    transition: 1s;
}
.hdbtn:hover{
    background: #11151a;
    transition: 1s;
}
.header{
    z-index: 1;
    position: relative;
}
.hdlogo{
}

                                                                /* banner */

.banner{
    position: relative;
}
.bnim{
    position: absolute;
    margin-top: -43vw;
    margin-left: 30vw;
    width: 50vw;
    height: 114vh;
}

.ban{margin-top: 7rem;}
.ban p{
    font-weight: 700;
}
.ban h3{
    color: #14303a;
    font-size: 4vw;
    width: 50%;
    margin-bottom: 1.5rem;
}
.ban h5{
    color: gray;
    font-weight: 400;
    width: 47%;
    margin-bottom: 3rem;
}
.bncrcl{
    background: #d8b25a;
    color: white;
    position: absolute;
    margin-top: -23vw;
    width: 6vw;
    height: 12vh;
    border-radius: 50%;
    padding-left: 1.6vw;
    font-size: 4vw;
    line-height: 1;
    padding-top: 7px;
    margin-left: 41vw;
    border: 4px solid white;
    box-shadow: -1px 0px 7px grey;
    transition: 1s;
}
.bncrcl:hover{
    border: 8px solid white;
    transition: 1s;
    color: black;
    padding-left: 19px;
    padding-top: 3px;
}
.bnbtn{
    padding: 9px;
}
                                                                /* about */

.about{
    background: url(../images/passion_bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: 58vh;
    height: 187vh;
    
}
.abov{
    background: #060d2cab;
    height: 100%;
}
.abim{
    position: absolute;
    height: 100vh;
    width: 106vh;
    margin-left: -9vw;
    margin-top: -29.8vh;
}
.abti{
    position: absolute;
    width: 25%;
    margin-left: 63.25rem;
    margin-top: -211.8vh;
    height: 15vh;
}
.abus{
    background: #f7f7f7;
    margin-left: 38.4vw;
    width: 63.17%;
    height: 97vh;
    padding-top: 10vh;
    padding-left: 8vw;
    margin-top: -16vh;
}
.abus h2{
    font-size: 4vw;
    font-weight: 700;
    line-height: 1.1;
    color: #02023c;
}
.abus p{
    color: #7f7f7f;
    margin-top: 4vh;
}
.abtx{
    width: 80%;
}
.line{
    background: #d8b25a;
    width: 18%;
    height: 2px;
    margin-top: 4vh;
    margin-bottom: 4vh;
}
.abcn{
    color: #cfb579;
    font-size: 3vh;
    margin-right: 1vw;
}
.abbtn{
    border: none;
    background: transparent;
    color: white;
    font-weight: 500;
    letter-spacing: 1px;
    position: absolute;
    margin-left: -58px;
    z-index: 1;
    margin-top: -6px;
}
.abushd{
    color: white;
    font-size: 4vw;
    font-weight: 700;
    width: 50%;
}
.abtwo{
    margin-top: 5rem;
}
.abcrd{
    background: url(../images/review_overley.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: #263d448c;
    width: 23%;
    margin-left: 16px;
    padding: 2px;
    padding-top: 3vw;
    padding-bottom: 4vw;
    padding-left: 20px;
    padding-right: 20px;
    transition: 2s;
    margin-top: 2rem;
}
.abcrd:hover{
    background-color: #11151a;
    transition: 2s;
    color: black;
}
.abcrd h5{
    color: white;
    font-size: 3vw;
    border: 2px solid white;
    width: 31%;
    margin-left: 6vw;
}
.abcrd h5:hover{
    color: #d8b25a;
}
.abbtn:hover{
    color: #607d8b;
}
.abcrd h3{
    color: white;
    margin-top: 4vh;
    margin-bottom: 4vh;
}
.abcrd p{
    color: #dce0e1;
    margin-bottom: 2vw;
    width: 100%;
}
.crcl{
    background: #d8b25a;
    width: 2.5%;
    height: 5%;
    border-radius: 50%;
    position: absolute;
    margin-top: -9px;
    margin-left: 48px;
}
                                                        /* apartment */

.aptxt{
    color: #11151a;
}
.apcr{
    background: #0d1020a8;
    margin-top: -18.5vh;
    margin-left: 71.6vw;
}
.apbt{
    color: #11151a;
    margin-left: 72vw;
    margin-top: -18vh;
}
.apbt:hover{
    color: #d8b25a;
}
.apcrd{}
.ovh{
    overflow: hidden;
    height: 65vh;
    
}
.ovim{
    transition: 2s;
}
.ovim:hover{
    transition: 2s;
    width: 30vw;
    margin-left: -3vw;
}
.apcrd h5{
    color: #d8b25a;
}
.apcrd p{
}
.aprdt{
    margin-left: 5px;
}
.aprd{
    margin-left: 5px;
}
.apbdln{
    border-top: 1px solid #c9bfbf;
    padding-top: 16px;
}

                                                    /* Gallery */


.gallery{
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.gali{
    position: absolute;
    margin-left: -13px;
    width: 48%;
    margin-top: 14rem;
    z-index: 1;
    transition: 2s;
}
.gali:hover{
    transition: 2s;
    margin-top: 3rem;
}
.glim{
    position: absolute;
    width: 48%;
    margin-left: 15px;
    margin-top: 3rem;
}
.glcd{
    background: white;
    width: 38%;
    position: absolute;
    padding: 2rem;
    z-index: 2;
    margin-left: 77px;
    margin-top: 49px;
    box-shadow: 1px -1px 4px #efefef, -1px 0px 4px #efefef;
    padding-bottom: 5rem;
}
.glcd h2{
    color: #11151a;
    font-size: 3.5vw;
    font-weight: 700;
}
.glbt{
    color: grey;
    margin-left: 0rem;
    margin-top: 12px;
}
.glcr{
    background: #c6c6cf;
    margin-top: 13px;
    margin-left: -1px;
    width: 5.5%;
    height: 9%;
}
.glbt:hover{
    color: #d8b25a;
}
.rtgl{
    margin-left: 47.5rem;
    margin-top: 28rem;
    box-shadow: 1px -1px 4px #efefef, -1px 0px 4px #efefef !important;
}
.crhtch{
    position: absolute;
    margin-top: 41rem;
    z-index: 0;
    padding-left: 4rem;
}

                                                        /* happy */

.happy{
    margin-top: 59rem;
}
.cust{

}
.cust h2{
    color: #11151a;
    font-weight: 700;
    font-size: 3.5vw;
    width: 60%;
}
.clnt{
    margin-top: 3rem;
}
.cln{

}
.clnn{
}
.clnn:hover{
    
}
.clnt h4{
    color: #14303a;
    position: absolute;
    margin-left: 9rem;
    margin-top: -3.8rem;
}
.clnt p{
    font-style: italic;
    margin-top: 2rem;
}
.cussld{
    position: relative;
}
.cussld img{
    position: absolute;
    margin-left: 65.7rem;
    margin-top: -19.5rem;
}
                                                    /* ready to move */
.move{
    background: url(../images/cta_bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 65vh;
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.ready{
    background: #046670c7;
    height: 100%;
}
.rdymv{
    text-align: center;
    padding-top: 20vh;
    padding-bottom: 25vh;
    color: white;
}
.rdymv h2{
    font-weight: 700;
    font-size: 3vw;
}
.rdymv p{}
.rdmvbt{
    border: 1px solid white;
    background: transparent;
    color: white;
    padding: 0.5rem;
    width: 22%;
    margin-top: 1rem;
    transition: 1s;
}
.rdymv button:hover{
    background: #d8b25a;
    transition: 1s;
    border: 1px solid #d8b25a;
}
.mdttl{
    color: #1b212e;
}
.rdmdlbt{
    background: #d8b25a;
    transition: 1s;
}
.rdmdlbt:hover{
    background: #11151a !important;
    color: white;
    transition: 1s;
}
.cnct{
    padding: 10px;
    width: 90%;
    margin-left: 1.3rem;
}


                                                    /* Blog */
.blog{
    
}
.blhd{width: 70%;
    margin-top: 2rem;
}
.blgcd{
    margin-top: -5rem;
}
.blgcd p{

}
.blclr{
    color: #d8b25a;
}
.blgcd h4{
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 1rem;
}
.blgcd h6{

}
.blimtx{
    width: 12.8vw;
    margin-right: 2rem;
    margin-bottom: 1rem;
}
.bltx{
    
}
.bltx h4{
    color: #d8b25a;
}
.blghth{
    position: absolute;
    margin-left: -16rem;
    margin-top: 8rem;
}
.blgsld{
    position: absolute;
    padding-left: 73rem;
    z-index: 1;
    margin-top: -3rem;
}
.mdlbgr{
    background: #10584b;
}

                                                        /* footer */

.footer{
    background: #1b212e;
}
.cnclr{
    color: #d8b25a;
}
.fter{margin-top: 4rem;}
.ftero{margin-left: 14px;}
.ftert{margin-left: -1.5rem;}
.ftert p{
    color: gray;
}
.ftert input{
    padding: 8px;
    border-radius: 18px;
    border: none;
    padding-left: 15px;
    padding-right: 4rem;
    width: 86%;
    outline: none;
}
.ftert i{
    background: #d8b25a;
    color: white;
    font-size: 24px;
    width: 4.5%;
    text-align: center;
    margin-left: -3.8rem;
    padding: 8px;
    border-radius: 13px;
    position: absolute;
    transition: 1s;
}
.ftert i:hover{
    background: #11151a;
    transition: 1s;
}
.fter h3{
    color: white;
    font-weight: 600;
    font-size: 1.3rem;
    margin-top: 16px;
}
.fter h6{
    color: gray;
}
.fter p i{
    font-size: 3rem;
    position: absolute;
    margin-left: -6rem;
    margin-top: 1rem;
}
.fter li{
    list-style: none;
}
.fter li a{
    text-decoration: none;
    color: gray;
    transition: 1s;
}
.fter li a:hover{
    color: #d8b25a;
    font-size: 18px;
    transition: 1s;
}
.ftrt{
    margin-left: 4.1rem;
}
.ftp{

}
.ftp p{
    color: gray;
}
.fterth{
    margin-left: 10px;
}
.ftph{
    margin-right: 10px;
}
.design{
    border-top: 1px solid gray;
    padding-top: 1.5rem;
}
.design p{
    color: gray;
}
.ftrcn{
    margin-top: 5rem;
    font-size: 3rem;
    position: absolute;
    margin-left: 14.5rem;
}
.encn{
    color: white;
    padding-left: 25rem;
}
.encn i{
    font-size: 1.5vw;
    margin-left: 1rem;
    transition: 1s;
}
.encn i:hover{
    color: #d8b25a;
    transition: 1s;
}

@media only screen and (min-width:320px) and (max-width:425px){
    .bnim {
        margin-top: -99vw;
        margin-left: 15vw;
        width: 47vw;
        height: 55vh;
    }
    .bncrcl {
        display: none;
    }
    .hdbtn{
        width: 32vw;
    }
    .banner {
        margin-top: -5rem;
    }
    .abus{
        display: none;
    }
    .abti{
        display: none;
    }
    .abim{
        height: 90vh;
    }
    .abcrd{
        width: 43.5%;
        margin-top: 19rem;
    }
    .abcrd h5{
        margin-left: 11.5vw;
        height: 21px;
    }
    .abcrd p{
        margin-bottom: 6vw;
    }
    .about{
        margin-top: 48vh;
    }
    .abbtn {
        margin-top: -16px;
    }
    .crcl{
        width: 5%;
        height: 3%;
        margin-left: 8px;
        margin-top: -13px;
    }
    .apmb{
        margin-top: 1rem;
    }
    .ovim:hover {
        width: 100%;
        margin-left: 0px;
    }
    .apbt {
        margin-left: 61vw;
        margin-top: -48px!important;
    }
    .apcr{
        margin-left: 15rem;
        margin-top: -46px;
    }
    .apbd{
        width: 33%;
    }
    .glcd{
        display: none;
    }
    .glim{
        margin-left: 11rem;
    }
    .gali{
        margin-left: 0rem;
    }
    .crhtch {
        margin-top: 25rem;
        padding-left: 5rem;
    }
    .cussld {
        display: none;
    }
    .gallery {
        margin-top: -2rem;
        margin-bottom: -14rem;
    }
    .cust h2{
        font-size: 5vw;
    }
    .blgcd {
        margin-top: -14rem;
    }
    .blhd {
        width: 80%;
    }
    .down{
        margin-top: 3rem;
        margin-left: 3.5rem;
    }
    .fter{
        text-align: center;
    }
    .ftrt {
        margin-left: 0px;
    }
    .ftert {
        margin-left: 0px;
    }
    .ftert i{
        width: 16%;
    }
    .encn i {
        font-size: 5vw;
    }
    .encn{
        padding-left: 0px;
    }
    .design{
        text-align: center;
    }
}

@media only screen and (min-width:426px) and (max-width:768px){
    .bncrcl{
        display: none;
    }
    .banner{
        margin-top: -69px;
    }
    .hdbtn{   
        width: 21%;
    }
    .bnim{
        margin-left: 49px;
    }
    .abti{
        margin-left: 34.3rem;
        margin-top: -64.9rem;
    }
    .abtx{
        display: none;
    }
    .bnbtn{
        width: 28%;
        margin-left: 4.5rem;
    }
    .abtwo {
        margin-top: 3rem;
    }
    .about{
        height: 100%;
    }
    .crcl{
        margin-left: 6px;
        margin-top: -2px;
    }
    .abcrd{
        margin-left: 12px;
    }
    .apcr{
        margin-left: 34.7rem;
        margin-top: -66px;
    }
    .apbd{

    }
    .glim{
        margin-left: 23rem;
        margin-top: -25px;
    }
    .glcd{
        margin-left: 2.5rem;
    }
    .glcr{
        margin-top: 1rem;
        margin-left: 3px;
    }
    .rtgl{
        margin-left: 26.5rem;
        margin-top: 24rem;
    }
    .crhtch{
        margin-top: 27rem;
    }
    .cust h2{
        margin-top: -13rem;
        width: 100%;
        font-size: 41px;
    }
    .clnt{
        margin-top: -6rem;
    }
    .cussld{
        display: none;
    }
    .blhd{
        margin-top: 12rem;
        margin-bottom: -5rem;
    }
    .rdymv{
        padding-top: 16vh;
    }
    .blghth{
        display: none;
    }
    .ovh{

    }
    .blgcd {
        margin-top: 0rem;
    }
    .down{
        margin-top: 2rem;
        margin-left: 0rem;    
    }
    .ftrt {
        margin-left: 0rem;
    }
    .ftert input{ 
        padding-right: 42px;
    }
    .ftert i{
        width: 7%;
        margin-left: -2rem;    
    }
    .encn{
        padding-left: 14.3rem;
    }
    .encn i{
        margin-left: 1rem;
    }
}