body {
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0px;
    margin: 0px;
}

body.in {
    overflow: hidden;
}

a {
    text-decoration: none!important;
}

a:hover {
    text-decoration: none;
}

.layout {
    width: 94%;
    margin: auto;
}

.header {
    position: fixed;
    width: 1200px;
    height: 100px;
    background-color: rgba(255, 255, 255, 0.6);
    left: 50%;
    margin-left: -600px;
    top: 20px;
    z-index: 9;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.bottom-bar {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 40px;
    background-color: #fff;
    z-index: 9;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.menu-up {
    -webkit-transform: translate3d(0, -130px, 0);
    -moz-transform: translate3d(0, -130px, 0);
    transform: translate3d(0, -130px, 0);
}

.bottom-bar.menu-up {
    -webkit-transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
}

.bottom-bar .info-item {
    text-align: right;
}

.bottom-bar .info-item a {
    font-size: 16px;
    color: #333;
    display: inline-block;
    margin-right: 30px;
    position: relative;
    line-height: 44px;
    cursor: pointer;
}

.bottom-bar .info-item a:hover {
    color: #ed2e33;
}

a.b-number {
    background-color: #ed2e33;
    height: 40px;
    color: #fff!important;
    font-weight: 600;
    padding: 0 20px;
}

a.btn-qc {
    cursor: pointer;
}

.h-social a {
    display: inline-block;
    width: 38px;
    height: 38px;
    font-size: 18px;
    line-height: 36px;
    color: #fff;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
}

.fb {
    background-color: #2d4984;
    border: 2px solid #2d4984;
}

.fb:hover {
    background-color: transparent;
    color: #2d4984;
}

.gl {
    background-color: #DD4B39;
    border: 2px solid #DD4B39;
}

.gl:hover {
    background-color: transparent;
    color: #DD4B39;
}

.tw {
    background-color: #00ACED;
    border: 2px solid #00ACED;
}

.tw:hover {
    background-color: transparent;
    color: #00ACED;
}

.menu ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.menu>ul {
    float: right;
}

.menu>ul>li {
    float: left;
    padding: 20px 0;
    position: relative;
}

.menu ul li a {
    color: #333;
    cursor: pointer;
    position: relative;
    font-size: 16px;
}

.menu ul li a:hover {
    color: #ed2e33;
}

a.active {
    color: #ed2e33!important;
}

.menu>ul>li>a {
    padding: 14px 24px;
}

.mleft {
    left: 22px;
}

.mleft:after {
    left: 10px;
}

.mright {
    right: 22px;
}

.mright:after {
    right: 0px;
}

.has-sub {
    display: none;
    position: absolute;
    top: 56px;
    background-color: rgba(255, 255, 255, 0.8);
    width: 220px;
}

.has-sub:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: rgba(255, 255, 255, 0.8);
    border-width: 10px;
    margin-left: -10px;
}

.menu ul li:hover .has-sub {
    display: block;
}

.has-sub li {
    width: 100%;
}

.has-sub li a {
    padding: 10px 16px 10px 16px;
    display: inline-block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    width: 100%;
}

.has-sub li a:hover {
    border-bottom: 1px solid #ed2e33;
    padding-left: 10px;
}

.logo {
    display: inline-block;
}

.logo img {
    height: 66px;
    top: 17px;
    left: 16px;
    position: absolute;
}

.header-black {
    background-color: rgba(0, 0, 0, 0.88);
    display: none;
}

.header-black .menu ul li a {
    color: #fff;
}

.header-black .has-sub {
    background-color: rgba(0, 0, 0, 0.88);
}

.header-black .has-sub:after {
    border-bottom-color: rgba(0, 0, 0, 0.88);
}

.header-black .menu ul li a:hover {
    color: #ed2e33;
}

.header-black .logo img {
    background-color: #fff;
    padding: 6px;
}

.bottom-bar.bottom-black {
    background-color: #333;
}

.bottom-black .info-item a {
    color: #fff;
}

.banner {
    position: relative;
    height: 640px;
    overflow: hidden;
}

.banner .carousel-control {
    width: 30%;
    bottom: 80px!important;
}

.banner .carousel-control span {
    display: none;
}

.banner .carousel-control.left {
    cursor: url(../images/previous.png), default;
    left: 20px!important;
}

.banner .carousel-control.right {
    cursor: url(../images/next.png), default;
    right: 20px!important;
}

.banner .carousel-indicators {
    display: none;
}

.master-container {
    position: relative;
    padding-bottom: 0px;
}

.quick-projects .item {
    height: 460px;
    border-right: 1px solid rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    position: relative;
    overflow: hidden;
}

.quick-projects .item > img {
    width: 100%;
    position: absolute;
    z-index: 1;
}

.quick-projects .img-top {
    left: 0px;
    top: 0px;
}

.quick-projects .img-bottom {
    left: 0px;
    bottom: 0px;
}

.quick-projects .colb,
.quick-projects .corb {
    width: 100%;
    height: 460px;
    background-color: #fff;
    padding: 10px 20px;
    position: absolute;
    z-index: 2;
    text-align: center;
    cursor: default;
}

.quick-projects .colb {
    left: 0px;
    bottom: 0px;
    -webkit-transform: translate3d(0, 300px, 0);
    -moz-transform: translate3d(0, 300px, 0);
    transform: translate3d(0, 300px, 0);
}

.quick-projects .colb:hover {
    -webkit-transform: translate3d(0, 40px, 0);
    -moz-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
}

.quick-projects .corb {
    right: 0px;
    top: 0px;
    -webkit-transform: translate3d(0, -300px, 0);
    -moz-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
}

.quick-projects .corb:hover {
    -webkit-transform: translate3d(0, -40px, 0);
    -moz-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
}

.img-area {
    height: 140px;
}

.info-area {
    height: 300px;
}

.quick-projects .corb .info-area {
    padding-top: 40px;
}

.p-ambrosia img {
    height: 100%;
    padding: 6px;
}

.p-planet-north img {
    width: 76%;
    padding: 30px 10px;
    margin: auto;
}

.dpn img {
    height: 140px;
    padding: 0px!important;
    margin: auto;
}

.p-imperia img {
    height: 100%;
    padding: 12px;
}

.p-landmark img {
    padding: 12px;
    margin-top: 20px;
}

p {
    text-align: justify;
}

.q-management {
    padding: 52px 0;
    text-align: center;
}

.qm-img {
    padding-top: 20px;
}

.qm-img img {
    border-radius: 50%;
}

.quick-past {}

.qm-img h4 span,
.quick-past h4 span,
.m-box-info span {
    display: inline-block;
    font-size: 14px;
    color: #666;
    width: 100%;
}

.quick-past .item {
    margin: 0 4px;
    text-align: center;
}

.quick-past .item h4 {
    text-align: center;
}

.quick-past .item img {
    width: 100%;
}

.quick-past .owl-prev {
    left: 4px!important;
}

.quick-past .owl-next {
    right: 4px!important;
}

.quick-video-map {
    padding: 50px 0;
}

.q-contact {
    height: 440px;
}

.q-contact > img {
    width: 100%;
}

iframe {
    border: 0px;
}

.q-contact {
    position: relative;
}

.q-contact .l-map,
.project-maps .l-map {
    position: absolute;
    width: 40px;
    height: 40px;
    padding: 10px;
    display: inline-block;
    background: url(../images/location-finder.png) center center no-repeat;
    cursor: pointer;
}

.l-map-address {
    position: absolute;
    width: 280px;
    height: 180px;
    bottom: 18px;
    left: 50%;
    margin-left: -140px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.4);
    display: none;
    border-radius: 4px;
    border: 2px solid #ed2e33;
    padding: 20px;
}

.l-map p {
    text-align: left;
}

.q-contact .l-map:hover .l-map-address,
.project-maps .l-map:hover .l-map-address {
    display: block;
}

.l-ambrosia {
    left: 146px;
    bottom: 40px;
}

.l-planet-north {
    left: 390px;
    bottom: 246px;
}

.l-vihar {
    left: 278px;
    bottom: 324px;
}

.l-imperia {
    left: 306px;
    bottom: 376px;
}

.l-pinnacle {
    left: 260px;
    bottom: 294px;
}

.index999 {
    z-index: 999;
}

.footer {
    padding: 30px 0;
}

.to-top {
    border: 1px solid #ed2e33;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 26px;
    cursor: pointer;
    border-radius: 50%;
}

.modal-sm-1 {
    width: 400px;
}

.banner-sub {
    height: 394px;
}

.banner-sub img {
    width: 100%;
}

.video {
    padding: 60px 0 20px 0;
}

.ul-list {
    list-style-image: url('../images/list-style.png')!important;
    padding-left: 40px;
    padding-top: 6px;
}

.m-box {
    margin: 20px 0;
    position: relative;
    height: 448px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 20px;
}

.m-box:before,
.m-box:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.m-box:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}

.m-box .m-box-img {
    position: absolute;
    left: 20px;
    top: 20px;
    border-radius: 50%;
}

.m-box-1 {
    height: 266px;
}

.m-box .m-box-info {
    margin-left: 190px;
}

.news-box {
    height: auto;
    min-height: 204px;
}

.news-box:after,
.news-box:before {
    display: none;
}

.cl-more {
    padding: 10px 30px;
    margin: 6px 0 0 20px;
}

.gallery {
    margin-right: -4px;
    margin-left: -4px;
    padding: 20px;
}

.gallery a {
    overflow: hidden;
    display: inline-block;
    width: 25%;
    float: left;
    padding-right: 4px;
    padding-bottom: 4px;
}

.gallery a img {
    width: 100%;
}

.btn-submit {
    padding: 12px 30px;
    font-weight: 600;
    background-color: #ed2e33;
    color: #fff;
    border-color: #ed2e33;
    font-size: 16px;
}

.btn-submit:hover,
.btn-submit-sm:hover {
    background-color: transparent;
    color: #333;
    border-color: #ed2e33;
}

.btn-submit-sm {
    padding: 8px 20px;
    font-weight: 600;
    background-color: #ed2e33;
    color: #fff;
    border-color: #ed2e33;
    font-size: 14px;
}

.project-inquiries {
    position: absolute;
    width: 800px;
    left: 50%;
    margin-left: -400px;
    top: 150px;
    background-color: #fff;
    padding: 30px 50px;
}

.thanks {
    padding: 80px 0;
}

.large-map {
    height: 768px;
}

.project-maps {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    height: 768px;
}

.maps-ambrosia {
    left: 418px;
    bottom: 215px;
}

.maps-planet-north {
    left: 632px;
    bottom: 394px;
}

.maps-vihar {
    left: 520px;
    bottom: 470px
}

.maps-imperia {
    left: 546px;
    bottom: 524px
}

.maps-pinnacle {
    left: 500px;
    bottom: 444px;
}

.maps-elite {
    left: 384px;
    bottom: 228px;
}

.maps-maitri-v {
    left: 584px;
    bottom: 468px;
}

.maps-maitri-t {
    left: 524px;
    bottom: 478px;
}

.maps-flamingos {
    left: 360px;
    bottom: 174px;
}

.maps-acres {
    left: 418px;
    bottom: 215px;
}

.maps-estates {
    left: 448px;
    bottom: 200px;
}

.maps-maitri-k {
    left: 360px;
    bottom: 464px;
}

.maps-nagar {
    left: 380px;
    bottom: 344px;
}

.past-projects-details {
    padding-top: 0px;
    position: relative;
}

.past-projects-details img {
    width: 100%;
}

.past-projects-details .infoareapp {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 10px 0;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    color: #fff;
}

.infoareapp h2 {
    color: #fff;
}

.dosti-hit-ha img {
    width: 100%;
}

.d-closed {
    position: absolute;
    top: -16px;
    right: -16px;
    z-index: 9;
    border-radius: 50%;
    background-color: #fff;
    font-size: 16px;
}

a,
.owl-buttons div,
.l-map,
.btn,
.img-area,
.info-area {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

@media (min-width: 1020px) {
    .menu-toggle,
    .back {
        display: none;
    }
}

@media (max-width: 1020px) {
    .quick-video-map,
    .footer,
    .menu,
    .large-map {
        display: none;
    }
    .click-to-call {
        display: none!important;
    }
    .layout {
        width: 90%;
        margin: auto;
    }
    .header {
        position: relative;
        background-color: #fff;
        top: 0px;
        width: 100%;
        height: 74px;
        margin: 0px;
        left: 0;
    }
    .menu-up {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .menu-trigger {
        position: absolute;
        width: 50px;
        height: 50px;
        top: 10px;
        right: 10px;
        z-index: 9;
        border-radius: 50%;
        border: 0px solid #bbb;
        text-align: center;
        color: #333333;
        background-color: transparent;
        line-height: 10px;
    }
    .menu-trigger span {
        display: inline-block;
        width: 30px;
        margin: auto;
        background-color: #666;
        height: 4px;
    }
    .menu-trigger span:first-child {
        margin-top: 16px;
    }
    .menu-trigger.in span:nth-child(2) {
        display: none;
    }
    .menu-trigger.in span:nth-child(1) {
        position: absolute;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 14px;
        top: 10px;
    }
    .menu-trigger.in span:nth-child(3) {
        position: absolute;
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        left: 14px;
        top: 26px;
    }
    .menu {
        position: absolute;
        background-color: #fff;
        top: 74px;
        border-top: 1px solid #ddd;
        width: 100%;
        border-bottom: 20px solid #ed2e33;
    }
    .menu.in {
        display: block;
    }
    .menu>ul {
        float: none;
    }
    .menu>ul>li {
        float: none;
        padding: 0;
        position: static;
    }
    .menu>ul>li>a {
        padding: 14px 14px;
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #ddd;
    }
    .menu>ul>li>a:after,
    .has-sub li a:after {
        content: "\f054";
        width: 12px;
        height: 12px;
        top: 20px;
        right: 12px;
        position: absolute;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 12px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(0, 0);
    }
    .menu ul li:hover .has-sub {
        display: none;
    }
    .has-sub {
        background-color: #fff;
        z-index: 10;
        display: none;
        left: 0px;
        width: 100%;
        top: 0px;
        height: 100%;
    }
    .m-drop .has-sub {
        display: block!important;
    }
    .has-sub:after {
        display: none;
    }
    .logo img {
        height: 46px;
        top: 14px;
        left: 14px;
        position: absolute;
    }
    .banner {
        height: auto;
    }
    .banner-sub img {
        width: 160%;
        margin-left: -20%;
    }
    .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    .carousel-inner > .item > img {
        max-width: 140%;
        margin-left: -24%;
    }
    .quick-projects .item {
        height: 338px;
    }
    .img-area {
        height: 120px;
    }
    .quick-projects .colb:hover .img-area,
    .quick-projects .corb:hover .img-area {
        opacity: 0;
        height: 0;
        overflow: hidden;
    }
    .quick-projects .colb {
        -webkit-transform: translate3d(0, 324px, 0);
        -moz-transform: translate3d(0, 324px, 0);
        transform: translate3d(0, 324px, 0);
    }
    .quick-projects .colb:hover {
        -webkit-transform: translate3d(0, 160px, 0);
        -moz-transform: translate3d(0, 160px, 0);
        transform: translate3d(0, 160px, 0);
    }
    .info-area h3 {
        margin-top: 10px;
    }
    .quick-projects .corb {
        -webkit-transform: translate3d(0, -324px, 0);
        -moz-transform: translate3d(0, -324px, 0);
        transform: translate3d(0, -324px, 0);
    }
    .quick-projects .corb:hover {
        -webkit-transform: translate3d(0, -160px, 0);
        -moz-transform: translate3d(0, -160px, 0);
        transform: translate3d(0, -160px, 0);
    }
    .quick-projects .corb .img-area {
        margin-top: 20px;
    }
    .quick-projects .corb .info-area {
        padding-top: 0px;
    }
    .quick-projects .corb:hover .info-area {
        padding-top: 180px;
    }
    .m-box {
        text-align: center;
        height: auto;
    }
    .m-box .m-box-info {
        margin: 0px;
    }
    .m-box .m-box-img {
        position: relative;
        left: 0;
        top: 0;
        border-radius: 0;
        padding-bottom: 20px;
    }
    .gallery {
        padding: 0px;
    }
    .gallery a {
        width: 33%;
    }
    .project-inquiries {
        position: absolute;
        width: 100%;
        left: 0px;
        margin-left: 0px;
        top: 0px;
        background-color: #fff;
        padding: 30px 20px;
    }
    .bottom-bar {
        position: relative;
        margin-top: 20px;
        height: auto;
        background-color: #333!important;
        -webkit-transform: translate3d(0, 0, 0)!important;
        -moz-transform: translate3d(0, 0, 0)!important;
        transform: translate3d(0, 0, 0)!important;
        text-align: center;
    }
    .bottom-bar .info-item {
        text-align: center;
    }
    .bottom-bar .info-item a {
        font-size: 16px;
        color: #fff;
        display: inline-block;
        margin-right: 0px;
        position: relative;
        line-height: 0px;
        width: 100%;
        margin-bottom: 10px;
        padding: 20px 0px;
        background-color: #ed2e33;
    }
    a.b-number {
        height: auto;
    }
    .h-social {
        padding: 10px;
    }
    .modal-sm-1 {
        width: auto;
    }
    .back {
        padding: 10px 16px;
        font-size: 16px;
        background-color: #ed2e33;
        color: #fff;
    }
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media only screen and (max-device-width: 320px) and (-webkit-max-device-pixel-ratio: 2) {}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {}

@media only screen and (min-device-width: 360px) and (max-device-width: 360px) and (-webkit-min-device-pixel-ratio: 3) {}

@media only screen and (min-device-width: 360px) and (max-device-width: 360px) and (-webkit-min-device-pixel-ratio: 1) {}

@media only screen and (min-device-width: 384px) and (max-device-width: 384px) and (-webkit-min-device-pixel-ratio: 1.25) {}

@media (min-width: 1021px) and (max-width: 1026px) {
    .header {
        width: 1000px;
        margin-left: -500px;
        top: 10px;
    }
    .banner {
        height: 482px;
    }
    .quick-projects .owl-item {
        width: 450px!important;
    }
    .quick-video-map .col-md-6 {
        width: 634px;
        float: none;
        margin: auto;
        padding: 0px!important;
    }
    .bottom-bar .info-item a {
        margin-right: 20px;
    }
    .large-map {
        width: 1366px!important;
        height: 768px!important;
        overflow-x: scroll;
    }
    .management .col-md-6 {
        width: 100%;
    }
    .m-box {
        height: auto;
        margin: 10px 0;
    }
    .m-box-1 {
        height: auto;
        min-height: 210px;
    }
    .banner-sub {
        height: 294px;
    }
    .full-bgs {
        height: 666px;
    }
}

@media (min-width: 1280px) and (max-width: 1280px) {
    .banner {
        height: 604px;
    }
    .large-map {
        width: 1366px!important;
        height: 768px!important;
        overflow-x: scroll;
    }
    .banner-sub {
        height: 368px;
    }
    .full-bgs {
        height: 666px;
    }
    .q-contact {
        overflow: hidden;
    }
    .q-contact > img {
        width: 107.444444%;
    }
    iframe {
        height: 440px;
    }
}

@media (min-width: 1400px) {
    .banner,
    .master-container,
    .footer {
        width: 1366px;
        margin: auto;
    }
    .header {
        width: 1300px;
        margin-left: -650px;
    }
}