@import url('https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i');

 @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i');

 @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

 @import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i|Oswald:200,300,400,500,600');

 @import url('https://fonts.googleapis.com/css?family=Fira+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

 @import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

 @font-face {

     font-family: 'rubik', sans-serif;

     src: url('../fonts/arial_0.ttf') format('truetype');

}

 * {

     margin: 0;

     padding: 0;

}

 img, embed, object, video {

     max-width: 100% 

}

 html, body {

     width: 100%;

     height: 100%;

}

 button:focus{

     text-decoration: none;

     color: #fff;

}

/*****Basic Elements*****/

 body {

     background: #f1f1f1 !important;

     font-family: 'Poppins', sans-serif !important;

     font-size: 13px;

     color: #404040;

     line-height: 20px;

     overflow-x: hidden;

}

 h1, h2, h3, h4, h5, h6 {

     font-family: 'Poppins', sans-serif !important;

}

 a {

     color: #000;

     transition: all 0.8s ease-out 0s;

     text-align: left;

     text-decoration: none;

}

 a:hover {

     text-decoration: none !important;

     color: #000;

     text-decoration: none;

}

 h1 {

     font-size: 23px;

     line-height: 1.15;

     margin-bottom: 10px;

     color: #000;

     text-align: left;

}

 h2 {

     font-size: 20px;

     line-height: 1.25;

     margin-bottom: .45em;

     color: #333;

}

 h3 {

     font-size: 18px;

     line-height: 1.25;

     margin-bottom: .45em;

     font-weight: normal;

     color: #000;

}

 h4 {

     font-size: 14px;

     line-height: 20px;

     font-weight: normal;

     color: #000;

}

 h5 {

     font-size: 14px;

     line-height: 1.35;

     margin-bottom: .45em;

     font-weight: normal;

     color: #000;

}

 h6 {

     font-size: 14px;

     l line-height: 1.35;

     margin-bottom: .45em;

     font-weight: normal;

}

 p {

     line-height: 26px;

}





.row {



    margin-right: -15px !important;

    margin-left: -15px  !important;



}

 .left {

     float: left;

}

 .right {

     float: right;

}

 .prepend-top {

     margin-top: 20px;

}

 .prepend-right-1 {

     margin-right: 20px;

}

/*****Reset*****/

 .clearfix {

     clear: both;

}

/*****Generic Classes*****/

 input[type="checkbox"], input[type="radio"] {

     margin-right: 4px !important;

}

 #wrapper {

}

 .container {

}

 .building-bg {

     background: url(../images/header-bg.png) top repeat-x;

     width: 100%;

     height: 80px;

}

 .building-bg:after {

     content: ".";

     clear: both;

     visibility: hidden;

     display: block;

     line-height: 0px;

}

 #maincontainer {

     padding: 0px 15px;

     background: #FFF;

}

 #maincontainer:after {

     content: ".";

     clear: both;

     visibility: hidden;

     display: block;

     line-height: 0px;

}



    .cont{ text-align: right;

    float: right;

    margin-top: 6px;

    color: #000;

    margin-right: 20px; }

    .cont a{color: #000;}

    .cont i{ color: #23447d; font-size: 20px;     position: relative;

    top: 5px;}

  

.nav .active a{ color: #D50000 !important; }

/*****Basic Layout*****/

/*****Header*****/

 header {

     background: #FFF;

     padding: 0px 0px 5px 0px;

     position: relative;

}

 header:after {

     content: ".";

     clear: both;

     visibility: hidden;

     display: block;

     line-height: 0px;

}

 .logo {

     float: left;

     padding-top: 10px !important;

}

 .header-right {

     float: right;

     text-align: right;

     margin-top:5px;

     font-size: 14px;

}

 .header-right a {

}

 .header-right a:hover {

     color: #0093dd;

}

 .contact {

     color: #f45618;

}

 .requirement {

     margin-top: 10px;

}

 .launch {

     margin-top: 0px;

     color: #666;

}

 .launch a {

     padding: 5px 10px;

     color: #fff;

     background: #23447d;

}

 .launch a:hover {

     text-decoration: none;

}

/*****Content*****/

 .display {

     display: none;

}

 .large-icon {

     bottom: 3px;

     position: absolute;

     right: 0;

}

 .banner {

}

 .banner-sec {

     position: relative;

}

 .search-filter{

     background: rgba(255, 255, 255, 0.8);

     padding: 20px;

}

 .search-sec {

     position: absolute;

     left: 18%;

     top: 160px;

     width: 60%;

     margin: 0 auto;

     padding: 20px 12px;

}

.search-sec .nav > li > a{ margin:0px 5px 0 0 !important; padding: 10px !important; }

 .search-sec .panel{

     background: none !important;

    border: 0px !important;

}

 .search-sec .panel-default>.panel-heading{

     background:none !important;

     padding: 0px !important;

}

 .search-sec .panel-body{

     padding: 0px !important;

}

 .nav-tabs>li >a{

     border:0px !important;

     text-transform: uppercase;

     font-weight: 500;

}

 .nav-tabs>li>a:hover{

     border:0px !important;

    background:#D50000 !important;

    color: #fff !important;

}

 .search-box .nav-tabs>li>a {

     font-size: 20px;

     color: #fff !important;

}

 .nav-tabs> .active a{

     background:#D50000 !important;

}

 .search-box h3 {

     text-align: center;

     color: #23447d;

     font-weight: 600;

     padding-bottom: 5px;

     text-transform: uppercase;

     margin-top: 3px;

}

 .search-filter {

}

 .search-filter label {

     color: #333;

     width: 100%;

     float: left;

     font-weight: bold;

     font-size: 14px;

     margin-top: 10px;

}

 .search-txtbox {

     background: #fff;

     border-right: 0px !important;

     padding: 5px;

     height: 44px;

     width: 62%;

     float: left;

    /* Firefox */

     border:0px;

}

 .search-filter select {

     border:0px;

    border-right: 1px solid #ddd;

    padding: 5px;

    height: 44px;

    width: 100%;

    box-shadow: none;

    color: #333;



    font-size: 13px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 0px;

}

 .search-btn1 {

    /* Chrome 10-25, iOS 5+, Safari 5.1+ */

     content: "\f061";

     text-transform: uppercase;

     background: #2c4d83 ;

     padding: 9px 5px;

     width: 13%;

     left: 20%;

     cursor: pointer;

     color: #FFF;

     border: 1px solid #0093dd;

     text-align: center;

     -webkit-border-radius: 0px 3px 3px 0px;

    /* Firefox 1-3.6 */

     -moz-border-radius: 0px 3px 3px 0px;

    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */

     border-radius: 0px 3px 3px 0px;

}



.navigation-sec .nav{ margin-top: 15px !important;}



.nav > li > a{margin: 0px 11px; padding: 0px !important; }

 .search-btn {

    /* Chrome 10-25, iOS 5+, Safari 5.1+ */

     content: "\f061";

     text-transform: uppercase;

     background: #0a0a0a ;

     padding: 11px 5px;

     width: 13%;

     left: 20%;

     cursor: pointer;

     color: #FFF;

     border: 1px solid #0093dd;

     text-align: center;

     -webkit-border-radius: 0px 3px 3px 0px;

    /* Firefox 1-3.6 */

     -moz-border-radius: 0px 3px 3px 0px;

    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */

     border-radius: 0px 3px 3px 0px;

}

 .search-btn:after {

     background: url(../images/icon-search1.png) left no-repeat;

}

 .search-btn:hover {

     background: url(../images/icon-search1.png)left 5px no-repeat, -moz-linear-gradient(center top, #0675d5, #034783) 

}

 .three-step {

     width: 100%;

     margin: 0 auto;

     position: relative;

}

 .three-step:before {

     content: ".";

     clear: both;

     visibility: hidden;

     display: block;

}

 .three-step:after {

     content: ".";

     clear: both;

     visibility: hidden;

     display: block;

     line-height: 0px;

}

 .three-step h1 {

     color: #2c5188;

     margin-top: 5px;

     font-size: 26px;

     text-align: center;

     text-transform: uppercase;

     font-weight: 600;

     margin-bottom: 20px !important;

}

 .three-step h4 {

     font-size: 14px;

     font-weight: 600;

     color: #2c5188;

}

 .one-third {

     background: #fff;

     box-shadow:0 0 10px #ccc;

     padding: 10px;

}

 .one-third:after {

     content: ".";

     clear: both;

     visibility: hidden;

     display: block;

     line-height: 0px;

}

 .one-third p {

     color: #333;

     font-size: 14px;

     line-height: 20px;

}

 .padd-low{

     padding-left: 0px !important;

}

 .one-third img {

     float: none;

     text-align: center;

     margin-top: 18px;

}

 .property-part {

     margin-top: 30px;

     float: left;

     width: 100%;

}

 .row-property{

     padding-right: -10px;

     padding-left: -10px;

}

 .property-part h2 {

     color: #0a0a0a;

     margin-top: 5px;

     font-size: 26px;

     text-align: center;

     text-transform: uppercase;

     font-weight: 600;

     margin-bottom: 20px !important;

}

 .logo {

     padding-bottom: 10px;

}

 .blog-sec-full{

     margin-top: 20px;

}

 .comwhite{

     background: #fff;

}

 .comwhite:after{

     content: ".";

     clear: both;

     display: block;

     line-height: 0px;

     visibility: hidden;

}

 .property-white-bx h3{

     background: #2c5188;

     color: #fff !important;

     padding: 10px;

     font-size: 18px !important;

     position: relative;

     top: -27px;

     margin-bottom: -11px !important;

}

 .property-white-bx{

     background: #fff;

     padding: 10px;min-height: 480px;

}

 .property-white-bx:after{

     content: ".";

     clear: both;

     display: block;

     line-height: 0px;

     visibility: hidden;

}

 .blog-sec{

     background: #fff;

     padding:10px;

}

 .blog-sec:after{

     content: ".";

     clear: both;

     display: block;

    line-height: 0px;

     visibility: hidden;

}

 .blog-bx h4{

     font-size: 18px;

     font-weight: 500;

     margin-top: 15px;

     margin-bottom: 15px;

     color: #D50000;

    height: 30px;

}

 .blog-bx{

     border: 1px solid #eee;

     margin-top: 10px;

     background: #fff;

     padding:10px;

     box-shadow: 0 0 10px #ccc;

}

.blog-bx p{ text-align: justify; }

.blog-bx:after{ content: "."; clear: both; line-height: 0px; display: block; visibility: hidden; }

.mar-lef-0{ margin-left: 0px !important; }

 .blog-meta {

     color: #999;

}

 .blog-meta span{



}



.blog-details{}

.blog-details img{ float: left; width: 40%; margin-right: 20px; margin-bottom: 10px; }

 .blog-meta i{

     padding-right: 10px;

     margin-bottom: 10px;

}

 .blog-author{

    

      font-size: 12px;

     display: block; 

}

.blog-details h3{ color: #000; font-size: 19px; }



.blog-details h2{ color: #000; font-size: 19px; }

 .blog-comments{

  display: block;    font-size: 12px;

     

}

 .property-part:before {

     content: ".";

     clear: both;

     visibility: hidden;

     display: block;

     line-height: 0px;

}

 .col-mar-none {

     padding-left: 0px !important;

     padding-right: 0px !important;

}

 .property-one-forth {

     background: #fff;

     box-shadow: 0 0 10px #cccc;

     webkit-border-radius: 3px;

    /* Firefox 1-3.6 */

     -moz-border-radius: 3px;

    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */

     border-radius: 3px;

     padding: 10px;

     margin: 10px 1% 0 10px;

     border: 1px solid #e1dddd;

}

 .property-one-forth h4 {

     font-size: 14px;

     line-height: 24px;

     margin-bottom: 0px;

     color: #D50000;    min-height: 50px

}



.property-one-forth-resale h4{ min-height: auto !important; }



 .property-one-forth-space {

}

 .last {

     margin-right: 0% !important;

}

 .property-one-forth-img {

     width: 100%;

     height: 140px;

}

 .property-one-forth img:hover {

     color: #333 !important;

}

 .property-location {

     margin: 5px 0 0px 0px;

}

 .bhk {

     margin: 5px 2px 0 0;

     color: #000;

}

 .price:before {

     content: ".";

     clear: both;

     visibility: hidden;

     display: block;

     line-height: 0px;

}

 .price {

     color: #f34906;

}

 .price img {

     width: 16px;

}

 .table-1 {

     width: 100%;

     margin-bottom: 0px;

     margin-top: 10px;

     float: left;

     text-align: left;

}

 .table-1 td span{ color: #0093dd; }

 .table-1 td {

     border: 1px solid #CCC;

     padding: 5px;

}

 .hd {

         background: #fff;

    border: 1px solid #ccc !important;

      padding: 10px !important;

    color: #000;

    font-weight: 500;

    background: #f1f1f1;

}

 .company-info {

     margin-top: 30px;

     margin-bottom: 0px;

}



 .company-info:after{ content:"."; clear: both; display: block; line-height: 0px; visibility: hidden;}

 .company-info:before {

     content: ".";

     line-height: 0px;

     clear: both;

     visibility: hidden;

     display: block;

}

 .one-half {

     float: left;

     width: 49.5%;

     margin-right: 1%;

     text-align: justify;

}

 .one-half-detail {

     background: #EEE;

     border: 1px solid #eae6e6;

     padding: 1%;

     height: 204px;

}

 .company-info {

}

 .company-info h3 {

     color: #0a0a0a;

     margin-top: 5px;

     font-size: 23px;

     text-align: center;

     text-transform: uppercase;

     font-weight: 600;

     margin-bottom: 20px;

}

 .conatact{

    

}

 .form-control{

     border-radius: 0px !important;

}

 .full-white-box {

     background: #fff;

     padding: 10px;

     border: 1px solid #e9e9e9;

}

 .builders {

     margin-top: 30px;

}

 .why-choose{

     font-size: 14px;

     color: #000;

     padding: 10px;

     border: 1px solid #e5e5e5;

}

 .why-choose ul{

     padding-left: 20px;

}

 .why-choose ul li{

     line-height: 28px;

}

 .builders:before {

     content: ".";

     clear: both;

     visibility: hidden;

     line-height: 0px;

     display: block;

}

 .builder-box {

    

}



.builder-box ul li{  text-align: center; background: #fff; margin: 0 5px; }

.builder-box ul li img{background: #fff; padding: 10px 10px; border:1px solid #ccc; text-align: center; height: 190px;}

.builder-box ul .nbs-flexisel-item img{ border:0px !important; width: auto !important; height: 120px; margin: 0 auto !important;}

 .builder-box:after {

     content: ".";

     clear: both;

     visibility: hidden;

     display: block;

     line-height: 0px;

}

 .row {

    /*margin-bottom: 20px;

     border-bottom: 1px dashed #333;

     padding-bottom: 20px;

    */

}

 .shadow {

     display: block;

     pointer-events: none;

     position: relative;

     z-index: 1;

     margin-top: -13px;

}

 .shadow img {

     width: 100%;

}

 .shadow1 {

     display: block;

     pointer-events: none;

     position: relative;

     z-index: 1;

     margin-top: -12px;

}

 .shadow1 img {

     width: 100%;

}

 #product-add {

     height: 180px;

     list-style: outside none none;

     overflow: hidden;

}

 #product-add h5 {

     color: #f34906;

     margin-top: 10px;

}

 .content-sec {

     float: left;

     margin: 0px 0px;

     padding: 0px 10px 0px 0px;

}

 .other-page-sec {

}

 .white-box {

     background: #fff;

     text-align: justify;



     margin-top: 10px;

     padding-top: 0px;

     padding-bottom: 10px;

}

 .other-page-sec h1 {

         color: #0a0a0a;

    margin: 0 auto;

    font-weight: bold;

    padding-top: 20px;

    text-align: center;

    margin-bottom: 10px;

    font-size: 26px;

    font-weight: 500 !important;

    text-transform: uppercase;

}

 .other-page-sec h2 {

     font-size: 20px;

     color: #0a0a0a;

     margin-bottom: 3px;

     margin-top: 10px;

     clear: both;

     display: inline-block;

}

 .other-page-sec h3 {

     font-size: 20px;

     color: #000;

     margin-bottom: 3px;

     margin-top: 10px;

     clear: both;

     display: inline-block;

}

 .other-page-sec h1 span {

     color: #D50000!important;

}

 .carousel {

    

}

 .bg-overlay {

     z-index: 9999;

}

 .slide img {

    /* height: 520px !important;*/

     width: 100%;

}

 .detail-page-sec {

     padding: 10px 0px;

     text-align: center;

}

 .detail-page-sec span{

     color: #0093dd;

}

 .banner .container {

     position: relative;

}

 .detail-page-sec h1 {

     color: #2c4e80;

     font-size: 24px;

     margin-top:10px;

     margin-bottom: 0px;

     text-transform: capitalize;

}

/* list page */

 .sorting-sec {

     margin-top: 10px;

}

 #info+ .readmore-js-toggle {

     padding-bottom: 1.5em;

     border-bottom: 1px solid #999;

     font-weight: bold;

}

 #demo {

     padding: 0 10%;

}

 .sorting-sec-inner label {

     font-weight: 300 !important;

     float: left;

     width: 100%;

}

 .sorting-sec-inner {

}





 .filter-by-tag{

     font-weight: bold;

    padding:15px 15px !important;

     margin-right: 10px;

     background:#D50000 !important;

     font-size: 16px;

     color: #fff !important;

     font-weight: 400;

     text-transform: uppercase;

}



.mar-0{ margin: 0px !important; }

 .filter-by-tag i{

     padding-right: 10px;

}

 .filter-btn{

        border-radius: 0px !important;

    border: 0px !important;

    border-right: 1px solid #eee !important;

    padding: 15px 15px 8px 15px !important;

    color: #000;

    font-weight: 500;

    font-size: 17px;

}



.navbar-collapse.in {

    overflow-y: inherit !important;

}

.navbar-collapse{ padding: 0px !important; } 

 .sorting-sec h2 {

     background: #1b3f77;

     font-size: 18px;

     color: #333;

     margin-top: 0px;

     padding: 10px;

     margin-bottom: 20px;

     font-weight: normal;

}

 .sorting-sec h4 {

     font-size: 17px;

     padding-bottom: 5px;

     color: #000;

     margin-top: 20px;

     font-weight: bold;

}

 .sorting-search-box {

     border-bottom: 1px dashed #eee;

     margin-bottom: 10px;

     padding: 0px 10px 15px 10px;

}

 .sorting-search-box input {

     margin-right: 5px;

}

 .fillteritems-1 {

     margin-top: 10px;

     height: 93px;

     max-width: 100%;

     overflow: auto;

}

 .fillteritems-1 label {

     display: block;

     margin: 0px 0 10px 0px;

     color: #666;

}

 .fillteritems-2 {

     max-width: 100%;

}

 .fillteritems-3 label {

     display: block;

     margin: 0px 0 10px 0px;

     color: #666;

}

 .fillteritems-3 {

     margin-top: 10px;

     height: 133px;

     max-width: 100%;

     overflow: auto;

}

 .fillteritems-2 label {

     display: block;

     margin: 0px 0 15px 0px;

     color: #666;

}

 .right-sec {

     margin-top: 2%;

}

 .property-info {

     box-shadow: 0 0 10px #EEE;

     background: #FFF;

     border: 1px solid #dfdddd;

     margin-bottom: 10px;

     position: relative;

}

 .property-info:after {

     content: ".";

     clear: both;

     visibility: hidden;

     display: block;

     line-height: 0px;

     line-height: 0px;

     height: 0px;

}

 .property-info:hover {

     box-shadow: 0 0 10px #EEE inset;

}

 .builder-logo {

     position: absolute;

     top: 6px;

     right: 10px;

}

 .builder-logo img {

     border: 1px solid #CCC;

     box-shadow: 0 0 12px #ccc;

}

 .property-head {

}

 .property-head h3 {

     margin-top: 0px;

     padding-bottom: 0px;

     display: block;

     font-size: 18px;

     padding: 0px 0 10px 0;

     color: #d50000;

     font-weight: 400 !important;

     margin-bottom: 0px;

}

 .price-list1 {

     margin: 10px 0px;

     font-size: 18px;

     display: inline-block;

     color: #000;

     font-weight: 500;

}

 .price {

     margin: 10px 0px;

     font-size: 14px;

     display: inline-block;

     color: #000;

     font-weight: 500;

}

/*********************** Demo - 8 *******************/

 .box10 .icon li a,.box11,.box12,.box13,.box14,.box6 .icon li a,.box7,.box7 .icon li a,.box8,.box8 .icon li a{

    text-align:center

}

 .box8 .icon li,.box8 .title{

    display:inline-block

}

 .box8 .icon li,.box8 .title{

    display:inline-block

}

 .box8 .icon,.box8 .title{

    margin:0;

    position:absolute

}

 .box8{

    box-shadow:0 0 3px rgba(0,0,0,.3);

    position:relative

}

 .box8 img{

}

 .box8 .box-content{

    width:100%;

    height:100%;

    background:rgba(0,0,0,.6);

    opacity:0;

    position:absolute;

    top:0;

    left:0;

    transform:perspective(400px) rotateX(-90deg);

    transform-origin:center top 0;

    transition:all .5s ease 0s

}

 .box8 .icon li a,.box8 .title{

    background:#D50000;

    font-size:20px;

    color:#fff

}

 .box8:hover .box-content{

    opacity:1;

    transform:perspective(400px) rotateX(0)

}

 .box8 .title{

    padding:5px 7px;

    border-radius:5px;

    font-weight:600;

    bottom:20px;

    left:20px;

    transition:all .9s ease 0s

}

 .box8 .icon li a,.box9 .box-content,.box9 .icon li,.box9 img{

    transition:all .35s ease 0s

}

 .box8:hover .title{

    bottom:-40px

}

 .box8 .icon{

    list-style:none;

    padding:0;

    top:42%;

    left:0;

    right:0

}

 .box8 .icon li a{

    display:block;

    width:40px;

    height:40px;

    line-height:40px;

    border-radius:50%;

    margin-right:7px

}

 .box9 .icon,.box9 .title{

    width:100%;

    font-size:22px

}

 .box8 .icon li a:hover{

    background:#fff;

    color:#d50000;

}

 @media only screen and (max-width:990px){

    .box8{

        margin-bottom:20px

    }

}

 .fa-rupee {

     font-weight: 300;

     margin-right: 3px;

}

 .fa-map-marker {

     font-weight: 300;

     margin-right: 6px;

     font-size: 18px;

}

 .property-deail-sec {





     box-shadow: 0 0 10px #ccc;

     position: relative;

}

 .property-deail-sec:after {

     content: ".";

     clear: both;

     visibility: hidden;

     display: block;

     line-height: 0px;

     line-height: 0px;

}

 .property-deail-sec:before {

     content: ".";

     clear: both;

     visibility: hidden;

     display: block;

     line-height: 0px;

     line-height: 0px;

     height: 0px;

}

 .property-img {

     line-height: 0px;

     float: left;



     ;

     width: 32%;

}

 .property-img img {

     background: #FFF;

     float: left;

     width: 100%;

    height: 245px;

}

 .location {

     color: #333;

}

 .property-detail {

     float: right;

     width: 68%;

}

 .property-dt {

     width: 100%;



    border: 1px solid #eee;



    float: left;

}

 .property-dt-typ-hd {

       width: 33.3%;



    background: #f1f1f1;



    color: #000;



    float: left;



    text-align: center;



    font-weight: 500;



    padding: 5PX 0;

}

 .property-dt-typ {

     width: 33.3%;



    padding:3PX 0;

    float: left;



    text-align: center;



    font-size: 12px;



    padding-bottom: 3PX;

}

 .property-dt-typ a {

}

 .property-dt:hover {

     background: #f5f5f5;

}

 .btn-group {

     float: right;

     margin-top: 10px;

}

 .btn-orange {

     background: #d50000;

     cursor: pointer;

     border-radius;

     transition-duration: .2s, 1s;

     border: none;

     transition-timing-function: linear;

     padding: 5px 15px;

     color: #FFF;

}

 .btn-orange:hover {

     background: #D50000;

     cursor: pointer;

     color: #FFF;

}

 .btn-detail {

     background: #d50000;

     cursor: pointer;

     transition-duration: .2s, 1s;

     border: none;

     transition-timing-function: linear;

     padding: 5px 11px;

     display: inline-block;

     font-size: 14px;

     color: #FFF;

     font-weight: 500;

}

 .price-list{

     margin:8px 0px;

}

 .price-list:after{

     content: ".";

     clear: both;

     display: block;

     line-height: 0px;

     visibility: hidden;

}

 .btn-detail:hover {

     background: #D50000 ;

     cursor: pointer;

     text-transform: none;

     color: #FFF;

}

 .btn-enquiry {

     font-size: 13px;

     border-radius: 30px;

     text-transform: capitalize;

     background: none;

     border: none;

     color: #0a0a0a;

     font-weight: 600;

     transition-property: background, border-radius;

     transition-duration: .2s, 1s;

     transition-timing-function: linear;

}

 .btn-enquiry:hover {

     background: #da251d;

     color: #fff;

     border-radius: 6px;

}

 .morebox{

     background: #D50000 !important;    background: #D50000;

    border: 1px solid #D50000;

    border-radius: 0px;

    color: white;

    font: bold 13px/26px Geneva,Arial,Helvetica,sans-serif;

    height: 40px;

    padding: 8px 0px;

    margin: 10px auto;

    text-align: center;

    /* width: 400px; */

    display: inline-block;

    clear: both;

    width: 100% !important;

}

 .btn-gray {

     background: #d50000;

     border: 1px solid #CCC;

     color: #000;

     background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));

     background: -webkit-linear-gradient(top, #FFF, #CCC);

     background: -moz-linear-gradient(top, #FFF, #CCC);

     background: -ms-linear-gradient(top, #FFF, #CCC);

     background: -o-linear-gradient(top, #FFF, #CCC);

     background-image: -ms-linear-gradient(top, #FFF 50%, #CCC 50%);

     padding: 3px 15px;

     transition-property: background, border-radius;

     transition-duration: .2s, 1s;

     transition-timing-function: linear;

}

 .btn-gray:hover {

     background: #4861B1;

     background: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#FFF));

     background: -webkit-linear-gradient(top, #CCC, #FFF);

     background: -moz-linear-gradient(top, #CCC, #FFF);

     background: -ms-linear-gradient(top, #CCC, #FFF);

     background: -o-linear-gradient(top, #CCC, #FFF);

     background-image: -ms-linear-gradient(top, #FFF 50%, #CCC 50%);

     color: #98050a;

     border-radius: 6px;

}

 #ribbon-14 {

     border-radius: 10px;

     height: 100px;

     position: relative;

     width: 119px;

     z-index: 90;

}

 #ribbon-14 .ribbon-wrapper {

     height: 46px;

     left: -11px;

     overflow: hidden;

     position: absolute;

     top: -3px;

     width: 184px;

}

 #ribbon-14 .ribbon {

     color: #fff;

     left: 1px;

     padding: 15px 5px 15px 5px;

     position: relative;

     text-align: center;

     top: 6px;

     width: 158px;

}

 #ribbon-14 .ribbon::before {

     border-bottom: 0px solid transparent;

     border-left: 11px solid transparent;

     border-right: 0px solid transparent;

     border-top: 11px solid #CCC;

     bottom: -10px;

     content: "";

     position: absolute;

}

 #ribbon-14 .ribbon::before {

     left: 0;

}

 #ribbon-14 .ribbon::after {

     right: 0;

}

 .soft {

     background: #d50000;

    /* ff3.6+ */

     background: #d50000;

    /* safari4+,chrome */

     background: #d50000;

    /* safari5.1+,chrome10+ */

     background: #d50000;

    /* opera 11.10+ */

     background: #d50000;

    /* ie10+ */

     background: #d50000;

    /* w3c */

     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d50000', endColorstr='#d50000',GradientType=0 );

    /* ie6-9 */

}

 .ready {

     background: #d50000;

    /* ff3.6+ */

     background: #d50000;

    /* safari4+,chrome */

     background: #d50000;

    /* safari5.1+,chrome10+ */

     background: #d50000;

    /* opera 11.10+ */

     background: #d50000;

    /* ie10+ */

     background: #d50000;

    /* w3c */

     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d50000', endColorstr='#d50000',GradientType=0 );

    /* ie6-9 */

}

 .early {

     background: #d50000;

    /* ff3.6+ */

     background: #d50000;

    /* safari4+,chrome */

     background: #d50000;

    /* safari5.1+,chrome10+ */

     background: #d50000;

    /* opera 11.10+ */

     background: #d50000;

    /* ie10+ */

     background: #d50000;

    /* w3c */

     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d50000', endColorstr='#d50000',GradientType=0 );

    /* ie6-9 */

}

 .resale {

     background: #d50000;

    /* ff3.6+ */

     background: #d50000;

    /* safari4+,chrome */

     background: #d50000;

    /* safari5.1+,chrome10+ */

     background: #d50000;

    /* opera 11.10+ */

     background: #d50000;

    /* ie10+ */

     background: #d50000;

    /* w3c */

     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d50000', endColorstr='#d50000',GradientType=0 );



}

 .under {

     background: #d50000;

    /* ff3.6+ */

     background: #d50000;

    /* safari4+,chrome */

     background: #d50000;

    /* safari5.1+,chrome10+ */

     background: #d50000;

    /* opera 11.10+ */

     background: #d50000;

    /* ie10+ */

     background: #d50000;

    /* w3c */

     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d50000', endColorstr='#d50000',GradientType=0 );

    /* ie6-9 */

     color: #000 !important;

}

/* DETAIL PAGE */

 .project-summary {

     font-size: 13px;

}

 .project-summary .col-sm-6, .col-md-3 {

    margin-bottom: 10px;

    min-height: 19px;

    font-weight: 500;

    color: #000;

}

 .summary-heading {

        font-weight: 400 !important;

       color: #787878!important;;

}

 .detail-right {

     float: left;

    color: #333;

    width: 100%;

    background: #f7f6f6;

    padding: 10px;

    border: 1px solid #eee;

    margin-bottom: 20px;

}

 .detail-right h2 {

     font-size: 20px;

     margin-top: 0px;

}

 .left-detail-part h3 {

     font-size: 20px;

     margin-top: 0px;

     color: #D50000;

     margin-bottom: 5px;

}

 .detail-right h2 span {

     color: #0093dd;

}

 .detail-left h2 {

}

 .info-col-left {

     float: left;

     font-weight: bold;

     width: 16%;

     border-bottom: 1px solid #EEE;

     padding: 7.9px 0px;

     font-size: 13px;

}

 .info-col-right {

     float: left;

     width: 16%;

     color: #333 !important;

     border-bottom: 1px solid #EEE;

     padding: 7.9px 0px;

     font-size: 13px;

}

 .detail-banner {

     width: 58%;

     float: left;

}



.enquiry-fix{ position: fixed; left: 0px; top:36%; z-index: 999; cursor: pointer; }

.loan-fix{ position: fixed; right: 0px; top: 32%; z-index: 999; cursor: pointer; }

/*****Footer*****/

 footer {

     background-size: 100%;

     background: #000;

     margin-top: 40px;

}

 footer:after {

     content: ".";

     clear: both;

     visibility: hidden;

     display: block;

     line-height: 0px;

}

 .footer-sec {

     padding: 20px 0 20px 0px;

     position: relative;

     border-top: 9px solid #d50000;

     color: #ccc;

     background-size: 100%;

}

 .pseudo:before {

     content: "";

     position: absolute;

     width: 40%;

     height: 38px;

}

/* .footer-sec .pseudo:after, .pseudo1:before, .pseudo1:after, .pseudo2:before, .pseudo2:after, .footer-sec:after, .footer-sec:before {

     content: "";

     position: absolute;

     width: 10%;

     height: 38px;

}

 .footer-sec .pseudo:after {

     top: 0;

     left: 20%;

     background-color: #999;

}

 .footer-sec .pseudo:before {

}

 .footer-sec:before {

     top: 0;

     left: 0;

     background-color: #ccc;

}

 .footer-sec:after {

     top: -38px;

     left: 10%;

     background-color: #999;

}

 .footer-sec .pseudo1:after {

}

 .footer-sec .pseudo1:before {

     top: -38px;

     right: 10%;

     background-color: #ccc;

}

 .footer-sec .pseudo2:after {

     top: 0;

     right: 0%;

     background-color: #999;

}

 .footer-sec .pseudo2:before {

     top: 0px;

     right: 20%;

     background-color: #ccc;

}

 */

 .footer-sec h3 {

     color: #fff;

     margin-top: 10px;

     font-size: 20px;

     margin-bottom: 14px;

}

 .footer-sec li {

     list-style: inside;

     line-height: 30px;

     color: #ccc;

}

 .footer-sec li a {

     color: #ccc !important;

}

 .footer-bottom {

     background: #d50000;

     padding: 10px 15px;

     color: #ccc !important;

}

 .footer-bottom a {

     color: #999;

}

 .footer-bottom:after {

     content: ".";

     clear: both;

     visibility: hidden;

     display: block;

     line-height: 0px;

}

 .footer-bottom:before {

     content: ".";

     clear: both;

     visibility: hidden;

     display: block;

     line-height: 0px;

}

 .copyright {

     float: left;

}

 .design-by {

     float: right;

     text-align: right;

}

 .heading {

     padding-top: 1%;

     margin-bottom: 20px;

}

 .heading h1 {

     color: #0a0a0a;

    margin: 0 auto;

    font-weight: bold;

    padding-top: 20px;

    margin-bottom: 10px;

    font-size: 26px;

    font-weight: 500 !important;

    text-transform: uppercase;

}

 .heading h1 span {

    color: #D50000!important;

}

 .single-page-nav {

     padding-top: 1%;

     float: left;

}

 .single-page-nav ul {

     list-style: none;

     padding: 0;

     float: left;

     background: #FFF;

}

 .single-page-nav li {

     float: left;

     display: inline;

     padding: 0% 5px 0 0;

     text-align: center;

}

 .single-page-nav li a.current:after {

     border-left: 5px solid transparent;

     border-right: 5px solid transparent;

     border-top: 5px solid #fa720e;

     bottom: -5px;

     content: "";

     left: 50%;

     margin-left: -3px;

     position: absolute;

     width: 0;

}

 .single-page-nav a {

     display: block;

     position: relative;

     padding: 6px 42px;

     text-transform: uppercase;

     color: #000;

     text-decoration: none;

     font-size: 15px;

}

 .single-page-nav a:hover, .single-page-nav .current {

     color: #FFF;

     background: none repeat scroll 0 0 #fa720e;

}

 .single-page-nav a:hover:after {

    /* content:'';

     width:0;

     height:0;

     position:absolute;

     left:50%;

     margin-left:-5px;

     bottom: 0;

     border-width:5px;

     border-style:solid;

     border-color: transparent transparent #0093ddtransparent;

     */

}

 .section {

     padding: 10px;

     background: #FFF;

     box-shadow: 0 0 4px #CCC;

     margin-top: 20px;

     margin-bottom: 20px;

}

 #section1 {

     padding-top: 5em;

}

 .section:after {

     content: ".";

     clear: both;

     visibility: hidden;

     display: block;

}

 .scrollToTop {

     width: 100px;

     height: 130px;

     padding: 10px;

     text-align: center;

     background: whiteSmoke;

     font-weight: bold;

     color: #444;

     text-decoration: none;

     position: fixed;

     bottom: 0px;

     right: 0px;

     display: none;

     background: url('../images/arrow_up.png') no-repeat 0px 20px;

}

 .scrollToTop:hover {

     text-decoration: none;

}

 .amenities {

}

 .amenities li {

     list-style: inside;

     line-height: 30px;

     width: 45%;

     margin-right: 0%;

     float: left;

  

}



.highlight-price{ color: #D50000 !important; font-weight: bold !important; }

 .gallery {

     position: relative;

}

 .gallery:after {

     content: ".";

     visibility: hidden;

     display: block;

     line-height: 0px;

     clear: both;

}

 .gallery li {

     display: block;

     float: left;

     background: none repeat scroll 0 0 #fff;

     padding: 10px;

     line-height: 0px;

     box-shadow: 0 0 5px #ccc;

     margin: 10px;

     width: 30%;

}

 .gallery li a {

}

 .gallery li a img {

     width: 100%;

     height: 180px;

}

 .floor-plan {

}

 .floor-plan li {

     float: left;

     list-style: none;

     border-radius: 5px;

     float: left;

     list-style: outside none none;

     margin: 10px;

     padding: 5px;

}

 .enquiry-form-popup {

     margin-top: 10px;

     padding: 0 10px;

}



.enquiry-box  .enquiry-form-popup{ padding: 0px !important;}

.enquiry-box  p{ line-height: 22px !important; }

 .enquiry-form-popup:before {

     content: ".";

     visibility: hidden;

     clear: both;

     line-height: 0px;

     display: block;

}

}

 .enquiry-form h2 {

     background: #CCC;

     padding: 5px 5px;

     z-index: 9999999;

}

 .enquiry-form-popup-txtbox {

     border: 1px solid #dbdbdb;

     box-shadow: 0 0 3px #ccc inset;

     border-radius: 2px;

     color: #747474;

     display: block;

     font-size: 12px;

     margin: 14px 0;

     padding: 5px 3px;

     width: 100%;

}

 .enquiry-form-popup textarea {

     border: 1px solid #dbdbdb;

     box-shadow: 0 0 3px #ccc inset;

     border-radius: 2px;

     color: #747474;

     display: block;

     font-size: 12px;

     margin: 10px 0px 20px;

     

     padding: 5px 3px;

     width: 100%;

}

 .enquiry-form-popup label {

     float: left;

     width: 100%;

     text-align: left;

     font-size: 12px;

     color: #333;

}

 .careers-detail {

}



.contact-blog-row {

    float: left;

    width: 100%;

    background: #fff;

    border: 2px solid #f4f2ed;

    padding: 25px 0 0 0px;

    color: #20202f;

    text-align: center;

    margin-bottom: 10px;

}

.contact-blog-row a{ color: #000; }



.contact-icon {

    display: block;

 

    color: #D50000;



}



.cont-bxx{ margin-bottom: 20px; }

.contact-icon i{    font-size: 40px; text-align: center;}

.contact-blog-row h4 {

    margin-bottom: 0px;

    padding: 10px 0px;

    font-weight: 400;

    font-size: 17px;

    text-transform: uppercase;

    background: #d50000;

    color: #fff;

}



.contact-blog-row p {

    margin: 45px 0 0 0;

    min-height: 78px;

    font-size: 16px;

}

 .careers-right {

     background: #fff;

     border: 2px solid #ccc;

     padding: 10px;

     box-shadow: 0 0 4px #ccc;

}

 .careers-right h2 {

     margin-bottom: 20px;

}

 .careers-right:after {

     content: ".";

     clear: both;

     visibility: hidden;

     display: block;

     line-height: 0px;

}

 .team-member {

     float: left;

     width: 150px;

     margin: 10px 23px 10px 0px;

     text-align: center;

     margin-top: 30px;

}

 .team-member h5 {

     color: #10a0a4;

     text-transform: capitalize;

}

 .team-member img {

     width: 150px;

     height: 150px;

}

 .enquiry-form {

     float: left;

     width: 100%;

}

 .list-careers {

     list-style: inside;

     line-height: 30px;

}

 .enquiry-form h2 {

     background: #CCC;

     padding: 5px 5px;

     z-index: 9999999;

}

 .enquiry-form-txtbox {

     border: 1px solid #dbdbdb;

     border-radius: 2px;

     color: #747474;

     display: block;

     font-size: 12px;

     margin: 5px 0;

     padding: 5px 3px;

     width: 90%;

}

 .enquiry-form textarea {

     border: 1px solid #dbdbdb;

     border-radius: 2px;

     color: #747474;

     display: block;

     font-size: 12px;

     margin: 5px 0;

     padding: 5px 3px;

     width: 90%;

     margin-bottom: 10px;

}

 .enquiry-form-browse {

     border: 1px solid #dbdbdb;

     border-radius: 2px;

     color: #747474;

     display: block;

     font-size: 12px;

     margin: 5px 0;

     padding: 5px 3px;

     width: 90%;

     margin-bottom: 20px;

}

 .contact-add {

}

 .contact-left {

     position: relative;

     padding: 1em 1.5em;

     background: #fff;

     overflow: hidden;

     margin:0 auto; float: none !important;

}



 .contact-left.rounded {

     -moz-border-radius: 5px 0 5px 5px;

     border-radius: 5px 0 5px 5px;

}

 .contact-left.rounded:before {

     border-width: 8px;

     border-color: #fff #fff transparent transparent;

     -moz-border-radius: 0 0 0 5px;

     border-radius: 0 0 0 5px;

}

 .fold {

     width: 0px;

     height: 0px;

     bottom: 0px;

     border-style: solid;

     border-width: 0 10px 30px 0;

     border-color: transparent #aeaeae transparent transparent;

     display: inline-block;

}

 .paper {

     height: auto;

     padding: 10px;

     width: 90%;

     background: #eaeaea;

     display: inline-block;

     padding-bottom: 82px;

}

 .contact-form {

}

 .contact-form label {

     color: #333;

     width: 30%;

     float: left;

     color: #000;

     margin-right: 7%;

     text-align: right;

     font-size: 13px;

     display: inline-block;

     padding-top: 8px;

}

 .contact-form-file {

     border: solid 1px #D4D4D4 !important;

     background: #FFF;

     height: 25px;

     color: #6b6b6b;

     width: 60%;

     padding: 5px;

     margin-bottom: 10px;

}

 .contact-form-txtbox {

     border: solid 1px #D4D4D4 !important;

     height: 19px;

     color: #6b6b6b;

     height: 25px;

     width: 40%;

     padding: 5px;

     margin-bottom: 10px;

}

 .contact-form textarea {

     border: solid 1px #e1e1e1 !important;

     color: #6b6b6b;

     width: 60%;

     height: 60px;

     padding: 5px;

     font-size: 12px;

     margin-bottom: 5px;

}

 .search-txt {

     background: #FFF;

     color: #999;

     border: 1px solid #e9e9e9;

     padding: 5px 10px;

     width: 87%;

     float: left;

     height: 40px;

     box-shadow: 0 0 5px #EEE inset;

     border-radius: 3px 0px 0px 3px;

}

 .search-box1 {

     text-align: left;

}

 .search-box1:afterr {

     content: ".";

     visibility: hiddde;

     display: block;

     clear: both;

}

 .btn-search {

     background: #0093dd url(../images/search-arrow.png) center no-repeat;

     border-radius: 0px 3px 3px 0px;

     border: none;

     width: 6%;

     padding: 10px 10px;

     float: left;

}

 .requirment {

     border: none;

     background: none;

     cursor: pointer;

}

 .comment-sec {

     background: #EEE;

     border: solid 1px #CCC;

     padding: 10px 20px;

     float: left;

     width: 100%;

}

 .comment-sec textarea {

     height: 84px !important;



     margin-top: 0px;



     float: left;

     border: solid 1px #CCC !important;

     color: #666;

}

 .txtbox-comments {

     background: #FFF;

     border: solid 1px #CCC;

     float: left;

     padding: 10px 10px;

     width: 30%;

     margin-right: 3%;

     color: #666;

}

/* popup css */

/* Effect 7: slide and stick to top */

 .md-modal {

     position: fixed;

     top: 50%;

     left: 50%;

     width: 15%;

     max-width: 630px;

     min-width: 320px;

     height: auto;

     z-index: 2000;

     visibility: hidden;

     -webkit-backface-visibility: hidden;

     -moz-backface-visibility: hidden;

     backface-visibility: hidden;

     -webkit-transform: translateX(-50%) translateY(-50%);

     -moz-transform: translateX(-50%) translateY(-50%);

     -ms-transform: translateX(-50%) translateY(-50%);

     transform: translateX(-50%) translateY(-50%);

     border-radius: 10px;

}

 .md-show {

     visibility: visible;

}

 .md-overlay {

     position: fixed;

     width: 100%;

     height: 100%;

     visibility: hidden;

     top: 0;

     left: 0;

     z-index: 1000;

     opacity: 0;

     background: rgba(0, 0, 0, 0.8);

     -webkit-transition: all 0.3s;

     -moz-transition: all 0.3s;

     transition: all 0.3s;

}

 .md-show~ .md-overlay {

     opacity: 1;

     visibility: visible;

}

 .enquiry-box {

     background: #fff;

     width: 100%;

     float: right;

     padding: 10px;

     border-radius: 4px;

     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 5px 0 rgba(0, 0, 0, .23);

}

 .left-detail-part {

     background: #fff;

     border-radius: 0 0 4px 4px;

     padding: 20px 20px;

     border:1px solid #eee;

}

 .left-detail-part:after {

     content: ".";

     clear: both;

     visibility: hidden;

     line-height: 0px;

     display: block;

}

 .property-detailpart {

     position: relative;

}

 .property-serachdetail {

     position: relative;

     top: 0px;

}

 .enquiry-box h2 {

     background:#D50000;

     color: #fff;

     padding: 10px;

     font-size: 18px;

     line-height: 20px;

     text-align: center;

     margin-top: 0px;

}

 .sticky {

     position: relative;

     top: 0;

}

 .sidebar {

     position: -webkit-sticky;

     position: sticky;

     top: 0;

     background-color: yellow;

     padding: 50px;

     font-size: 20px;

}

 .sidebar h2 {

     background: #2c4e80;

     color: #fff;

     padding: 10px;

     font-size: 18px;

     line-height: 20px;

     text-align: center;

     margin-top: 0px;

}

 .main {

     width: 60%;

     height: 200vh;

     min-height: 1000px;

     display: flex;

     flex-direction: column;

}

 .main, .sidebar {

     border-radius: 10px;

     padding: 15px;

}

/* Content styles */

 .enquiry-tablet {

     z-index: 99;

}

 .enquiry-pop-tablet {

     display: none;

}

 .md-content {

     color: #fff;

     background: #FFF;

     padding: 10px 0px;

     position: relative;

     border-radius: 3px;

     margin: 0 auto;

}

 .md-content h3 {

     text-align: center;

     font-size: 20px;

     color: #0093dd;

     margin: 0px 0px;

}

 .md-close {

     position: relative;

     top: -9px;

     right: 3px;

     float: right;

     margin-left: 10px;

     border: none;

     background: no-repeat;

}

 .md-close img{

     width: 20px;

}

 .md-content> div {

     padding: 2px 0px 30px;

     margin: 0;

     font-weight: 300;

     font-size: 1.15em;

}

 .md-content> div p {

     margin: 0;

     padding: 10px 0;

}

 .md-content> div ul {

     margin: 0;

     padding: 0 0 30px 20px;

}

 .md-content> div ul li {

     padding: 5px 0;

}

 .md-content button {

     display: block;

    /*margin: 0 auto;

    */

     font-size: 0.8em;

}

 .md-content .enq-p {

     padding: 5px 5px;

     color: #333;

}

 .md-effect-7 {

     top: 0;

     -webkit-transform: translateX(-50%);

     -moz-transform: translateX(-50%);

     -ms-transform: translateX(-50%);

     transform: translateX(-50%);

}

 .md-effect-7 .md-content {

     -webkit-transform: translateY(-200%);

     -moz-transform: translateY(-200%);

     -ms-transform: translateY(-200%);

     transform: translateY(-200%);

     -webkit-transition: all .3s;

     -moz-transition: all .3s;

     transition: all .3s;

     opacity: 0;

}

 .md-show.md-effect-7 .md-content {

     -webkit-transform: translateY(0%);

     -moz-transform: translateY(0%);

     -ms-transform: translateY(0%);

     transform: translateY(0%);

     border-radius: 0 0 3px 3px;

     opacity: 1;

     overflow-x:hidden;

}

/* Effect 13: 3D slit */

 .md-effect-13.md-modal {

     -webkit-perspective: 1300px;

     -moz-perspective: 1300px;

     perspective: 1300px;

}

 .md-effect-13 .md-content {

     -webkit-transform-style: preserve-3d;

     -moz-transform-style: preserve-3d;

     transform-style: preserve-3d;

     -webkit-transform: translateZ(-3000px) rotateY(90deg);

     -moz-transform: translateZ(-3000px) rotateY(90deg);

     -ms-transform: translateZ(-3000px) rotateY(90deg);

     transform: translateZ(-3000px) rotateY(90deg);

     opacity: 0;

}

 .row-full::before {

     content: "";

     display: table;

     line-height: 0;

}

 .row-full::after {

     clear: both;

     content: "";

     display: table;

     line-height: 0;

}

 .row-full {

     background: #333;

}

 .md-show.md-effect-13 .md-content {

     -webkit-animation: slit .7s forwards ease-out;

     -moz-animation: slit .7s forwards ease-out;

     animation: slit .7s forwards ease-out;

}

 .price-table {

     margin: 10px 0 10px 0px;

     display: inline-block;

     width: 100%;

}

 .price-table .table-responsive {

     border: none;

     margin-bottom: 0px;

}

 .area {

     float: left;

     margin-top: 20px;

}

 .area ul {

     margin-left: 20px;

}

 .area li {

     float: left;

     margin-right: 2%;

     text-align: left;

     width: 23%;

     line-height: 30px;

}

 .area li a {

     color: #000;

}

 .col-1 {

     border: 1px solid #e9e9e9;

     background: #fefaf2;

     padding: 10px;

     margin-bottom: 20px;

     box-shadow: 0 5px 6px #ccc;

}

 .col-1:after {

     content: ".";

     clear: both;

     display: block;

     visibility: hidden;

     line-height: 0px;

}

 .col-1:hover {

}

 .social{

     font-size: 26px;

}

 .social a{

     color: #0093dd;

}

 .col-1 h3 {

     margin-top: 10px;

     font-size: 16px;

margin-bottom: 5px;

     line-height: 22px;

     color: #D50000;

     font-weight: 500;

}

.col-1 p{ margin-bottom: 5px !important; }

.col-1 .price{ margin-top: 0px !important; }

 .col-1-img {

     clear: both;

     text-align: center;

     line-height: 0;

     position: relative;

}

 .col-1-img img {

     width: 100%;

     height: 210px;

}

 .col-1-img-prop {

     padding: 5px;

     width: 270px;

     height: 178px;

}

 .col-1 h3:before {

     content: ".";

     display: block;

     clear: both;

     visibility: hidden;

     line-height: 0px;

}

 .area h2 {

     color: #333;

     font-size: 18px;

     border-bottom: 1px solid #999;

     padding-bottom: 10px;

}

 .area h2 span {

     color: #0093dd;

}

 .area-sec {

     padding-bottom: 10px;

}

 .slider-sec {

     margin: 10px 0px;

}

 .slider-sec:after {

     content: ".";

     clear: both;

     display: block;

     visibility: hidden;

     line-height: 0px;

}

 .maxlist-more {

         text-align: right;

    float: right;

    font-weight: 500;

    padding: 0 0 0px;

    margin-bottom: 5px;

    width: 100%;

}

 .maxlist-more a {

     color: #D50000 ;

     right: 20px;

     text-decoration: none;

}

 @-webkit-keyframes slit {

     50% {

         -webkit-transform: translateZ(-250px) rotateY(89deg);

         opacity: .5;

         -webkit-animation-timing-function: ease-out;

    }

     100% {

         -webkit-transform: translateZ(0) rotateY(0deg);

         opacity: 1;

    }

}

 @-moz-keyframes slit {

     50% {

         -moz-transform: translateZ(-250px) rotateY(89deg);

         opacity: .5;

         -moz-animation-timing-function: ease-out;

    }

     100% {

         -moz-transform: translateZ(0) rotateY(0deg);

         opacity: 1;

    }

}

 @keyframes slit {

     50% {

         transform: translateZ(-250px) rotateY(89deg);

         opacity: 1;

         animation-timing-function: ease-in;

    }

     100% {

         transform: translateZ(0) rotateY(0deg);

         opacity: 1;

    }

}

 @media only screen and (min-width: 501px) and (max-width: 767px) {

     .col-mar-none {

         width: 50%;

         float: left;

    }

     .property-one-forth-img {

         width: 100%;

         height: 175px;

    }

}

 @media only screen and (min-width:100px) and (max-width: 480px) {

     .property-part {

         margin-top: 20px;

         width: 100%;

    }

     .company-info {

         margin-top: 0px;

    }

}

 @media only screen and (min-width:0px) and (max-width:767px) {



     .slide img {

         height: 250px !important;

    }

    }

     .launch {

         margin-top: 8px !important;

    }

     #cssmenu> ul> li> .sub-menu-option {

         height: 200px;

         overflow-y: scroll;

    }

     #cssmenu> ul> li:hover> .sub-menu-option {

         height: 200px;

         overflow-y: scroll;

    }



/** Responsive CSS - Using Media Queries **/

/* Desktops and laptops ----------- */

 @media only screen and (max-width: 1280px) {

     .one-half-detail {

         height: 245px;

    }

}

 @media only screen and (max-width: 1224px) {

    /* Styles */

     .right-sec {

    }

     .property-detail:after {

         content: ".";

         visibility: hiddde;

         display: block;

         clear: both;

    }

     .info-col-left {

         font-size: 14px;

         font-weight: bold;

    }

     .one-half-detail {

         height: 245px;

    }

}

 @media only screen and (min-width: 1280px) and (max-width: 1920px) {

     .info-col-left {

         float: left;

         font-weight: bold;

         width: 16%;

         border-bottom: 1px solid #EEE;

         padding: 7.9px 0px;

         font-size: 13px;

    }

     .info-col-right {

         float: left;

         width: 16%;

         color: #333 !important;

         border-bottom: 1px solid #EEE;

         padding: 7.9px 4px 7.9px 0px;

         font-size: 13px;

    }

}

 @media only screen and (min-width: 1280px) and (max-width: 1920px) {

     .right-sec {

    }

}

 @media only screen and (min-width: 980px) and (max-width: 1279px) {

     .right-sec {

         margin-top: 2.5%;

    }

}

 @media only screen and (min-width: 800px) and (max-width: 979px) {

     .right-sec {

         margin-top: 3.1%;

    }

}

 @media only screen and (min-width: 768px) and (max-width: 799px) {

     .right-sec {

         margin-top: 6.5%;

    }

}

 @media only screen and (max-width: 1024px) {

    /* Styles */

     .right-sec {

    }

     .property-detail:after {

         content: ".";

         line-height: 0px;

         visibility: hidden;

         display: block;

         clear: both;

    }

     .single-page-nav a {

         padding: 6px 8px;

         font-size: 12px !important;

    }

     .enquiry-box h2 {

         font-size: 16px;

    }

     .info-col-left {

         font-size: 13px;

         font-weight: bold;

         width: 25%;

    }

     .info-col-right {

         width: 25%;

    }

     .one-half-detail {

         height: 250px;

    }

}

 @media screen and (max-width: 768px), (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

    /* CSS */

     .banner {

         width: 100%;

    }

     .enquiry-box {

         width: 100%;

    }

     .search-sec {

         width: 47%;

         margin-top: 0px;

         top: 11.6%;

    }

     #product-add {

         height: 326px;

    }

     .one-half-detail {

         height: 352px;

    }

     .enquiry-box h2 {

         font-size: 16px;

    }

}

 @media screen and (min-width: 600px) and (max-width: 960px), (min-device-width: 600px) and (max-device-width: 960px) and (orientation: landscape) {

    /* CSS */

     .enquiry-form-popup-txtbox {

    }

     .enquiry-form-popup textarea {

         margin: 5px 0px;

    }

     .enquiry-box h2 {

         font-size: 16px;

    }

}

 @media screen and (min-width: 1280px) {

     .area li {

    }

}

 @media screen and (min-width: 980px) and (max-width: 1200px) {

     .area {

         float: left;

         margin-top: 20px;

         margin-bottom: 30px;

    }

     .area li {

         float: left;

         text-align: left;

         width: 30%;

         line-height: 30px;

    }

}

 @media screen and (min-width: 800px) and (max-width: 979px) {

     .area {

         float: left;

         margin-top: 20px;

         margin-bottom: 30px;

    }

     .area li {

         float: left;

         text-align: left;

         width: 30%;

         line-height: 30px;

    }

}

 @media screen and (min-width: 768px) and (max-width: 799px) {

     .area {

         float: left;

         margin-top: 20px;

         margin-bottom: 30px;

    }

     .area li {

         float: left;

         text-align: left;

         width: 30%;

         line-height: 30px;

    }

}

 @media screen and (min-width: 480px) and (max-width: 767px) {

     .area li {

         float: left;

         width: 45%;

         line-height: 30px;

         margin-right: 4%;

    }

}

 @media screen and (max-width: 479px) {

     .area li {

         float: left;

         width: 100%;

         line-height: 30px;

         margin-right: 0%;

    }

}

 .mar-ri{

     padding-right: 10px;

}



.property-detail{ padding: 10px 15px 10px 15px; }

/* iPads (portrait and landscape) ----------- */

 @media only screen and (min-device-width: 768px) and (max-device-width: 980px) {

     .property-part {

         margin-top: 20px;

    }

     .search-sec {

        

    }

.search-sec {

    position: absolute;

    left: 16%;

    top: 162px;

    width: 70%;

    margin: 0 auto;

    padding: 20px 12px;

}

    .search-box .nav-tabs>li>a {

    font-size: 16px



}

     .three-step {

         top: 0px;

    }

     .search-box h3 {

    }

     .three-step {

         margin-top: 20px;

         width: 100%;

         margin: 0 auto;

         text-align: center;

    }

     .three-step h1 {

         text-align: center;

         color: #f34907;

         margin-bottom: 20px;

         font-size: 18px;

    }

     .three-step h4 {

         float: none;

    }

     #product-add {

         height: 310px;

         ;

    }

     .one-fourth {

         padding-left: 0% !important;

         padding-right: 0% !important;

    }

     .footer-sec1 {

         margin-left: 0px;

         margin-right: 0px;

    }

     .copyright {

         float: none;

         text-align: center;

    }

     .design-by {

         float: none;

         text-align: center;

    }

     .right-sec {

    }

     .sorting-sec h2 {

         float: none;

    }

     .property-img img {

    }

     .property-detail {

         width: 100%;

         float: left;

         margin-top: 0px;     padding: 0 10px 10px 10px ;

    }

     .property-detail:after {

         content: ".";

         visibility: hiddde;

         display: block;

         clear: both;

    }

     .property-img {

         width: 100%;



margin-top: 20px;



text-align: center;



margin: -1px 0px 15px 0%;



text-align: center;

    }

     .builder-logo {

         position: relative;

         top: 0px;

         margin-top: 0px;

         text-align: center;

    }

     .builder-logo img {

         width: 100px;

    }

     .property-detail:after {

         content: ".";

         visibility: hiddde;

         display: block;

         clear: both;

    }

     .location {

    }

     .price {

         margin: 5px 0 15px 0px;

    }

     .btn-group {

         margin-top: 20px;

    }

     .sorting-sec {

    }

     .single-page-nav a {

         padding: 6px 8px;

         font-size: 12px !important;

    }

     .info-col-left {

         font-size: 13px !important;

         font-weight: bold;

    }

     .detail-right {

         width: 100%;

    }

     .info-col-left {

         font-size: 13px;

         font-weight: bold;

    }

     .one-half-detail {

         height: unset;

    }

     .banner {

         width: 100%;

    }

     .enquiry-form-popup-txtbox {

         margin: 0px 0px !important;

    }

}

/* Smartphones ( landscape) tablet{

     portrait

}

 ----------- */

 @media only screen and (min-width: 980px) and (max-width: 1279px) {

}

 @media only screen and (min-width: 800px) and (max-width: 979px) {

}

 @media only screen and (min-width: 768px) and (max-width: 799px) {

}

 @media only screen and (min-width: 480px) and (max-width: 767px) {

    /*****Header*****/

     .property-part {

         margin-top: 20px;

    }

     .logo {

         float: none;

         text-align: center;

    }

     .header-right {

         float: none;

         text-align: center;

         width: 100%;

    }

    /*****Header*****/

     .md-content {

         overflow-y: scroll;

         height: 360px;

         overflow-x:hiddde;

    }

     .search-sec {

         width: 94%;

         position: relative;

         left: 0px;

         margin-top: 20px;

    }

     .search-box h3 {

    }

     .three-step {

         margin-top: 20px;

         width: 100%;

         top: 0px;

         margin: 0 auto;

         text-align: center;

    }

     .three-step h1 {

         text-align: center;

         color: #f34907;

         margin-bottom: 20px;

         font-size: 18px;

    }

     .three-step h4 {

         float: none;

         font-size: 16px;

    }

     .one-third {

         margin-bottom: 10px;

    }

     .one-third img {

         float: none;

         width: 54px;

    }

     .sorting-sec h2 {

         font-size: 13px;

    }

     .search-txt {

         width: 87%;

    }

     .btn-search {

         width: 12%;

    }

     .right-sec {

         margin-top: 4%;

    }

     .sorting-sec {

    }

     .sorting-sec h2 {

         float: none;

    }

     .property-img img {

    }

     .property-detail {

         width: 100%;

         float: left;

         margin-top: 10px;

    }

     .property-detail:after {

         content: ".";

         visibility: hiddde;

         display: block;

         clear: both;

    }

     .property-img {

         width: 100%;

         margin-top: 20px;

         text-align: center;

         margin: 0px 10px 15px 0px;

    }

   

     .builder-logo img {

    }

     .property-detail:after {

         content: ".";

         visibility: hiddde;

         display: block;

         clear: both;

         visibility: hidden;

         line-height: 0px;

    }

     .location {

    }

     .price {

         margin: 5px 0 15px 0px;

    }

     .btn-group {

         margin-top: 20px;

    }

     .one-half {

         width: 100%;

         margin-right: 0%;

    }

     .copyright {

         float: none;

         text-align: center;

    }

     .design-by {

         float: none;

         text-align: center;

    }

     .careers-detail {

    }

     .careers-right {

    }

     .contact-add {

    }

     .contact-left {

         width: 100%;

    }

     .paper {

         width: 100%;

    }

     .contact-form label {

         width: 100%;

    }

     .contact-form-txtbox {

         width: 100%;

    }

     .contact-form label {

         text-align: left;

    }

     .contact-form textarea {

         width: 100%;

    }

     .detail-right {

         width: 100%;

    }

     .info-col-left {

         font-size: 13px;

         width: 25%;

         font-weight: bold;

    }

     .info-col-right {

         width: 25%;

    }

     .enquiry-box {

         width: 98%;

    }

     .one-half-detail {

         height: unset;

    }

     .info-col-left {

         font-size: 13px;

         font-weight: bold;

         width: 49%;

    }

     .info-col-right {

         font-size: 13px;

         width: 49%;

    }

     .banner {

         width: 100%;

    }

}

 @media screen and (max-width: 360px), (min-device-width: 360px)(orientation: portrait) {

     .three-step {

         margin-top: 20px;

         width: 80%;

         margin: 0 auto;

         text-align: center;

    }

     .three-step h1 {

         text-align: center;

         color: #f34907;

         margin-bottom: 20px;

         font-size: 18px;

    }

     .three-step h4 {

    }

     .search-sec {

         width: 100%;

         position: relative;

         left: 0px;

         margin-top: 20px;

    }

     .search-box h3 {

    }

     .three-step {

         margin-top: 20px;

         width: 80%;

         margin: 0 auto;

         text-align: center;

    }

     .one-half {

         width: 100%;

         margin-right: 0%;

    }

     .shadow {

         display: block;

         margin-top: -9px;

    }

     .sorting-sec {

    }

     .property-info {

         width: 100%;

    }

     .right-sec {

    }

     .property-detail {

         width: 100%;

         float: left;

         margin-top: 10px;

    }

     .property-detail:after {

         content: ".";

         visibility: hiddde;

         display: block;

         clear: both;

    }

     .property-img {

         width: 100%;

         margin-top: 20px;

         text-align: center;

         margin: 15px 10px 15px 0px;

    }

     .builder-logo {

         position: relative;

         top: 0px;

         margin-top: 0px;

         text-align: center;

    }

     .builder-logo img {

    }

     .property-detail:after {

         content: ".";

         visibility: hiddde;

         display: block;

         clear: both;

    }

     .location {

    }

     .price {

         margin: 5px 0 15px 0px;

    }

     .btn-group {

         margin-top: 20px;

    }

     .careers-detail {

    }

     .careers-right {

         width: 100%;

    }

     .contact-add {

    }

     .contact-left {

    }

     .paper {

         width: 100%;

    }

     .contact-form label {

         width: 100%;

    }

     .contact-form-txtbox {

         width: 100%;

    }

     .contact-form label {

         text-align: left;

    }

     .contact-form textarea {

         width: 100%;

    }

     .single-page-nav {

         float: left;

         width: 100%;

    }

     .single-page-nav ul {

         list-style: none;

         padding: 0;

         float: left;

         width: 100%;

    }

     .single-page-nav li {

         float: unset;

    }

     .detail-right {

         width: 100%;

    }

     .info-col-left {

         font-size: 13px;

         font-weight: bold;

         width: 49%;

    }

     .info-col-right {

         font-size: 13px;

         width: 49%;

    }

     .banner {

         width: 100%;

    }

     .enquiry-box {

         width: 100%;

    }

     .one-half-detail {

         height: unset;

    }

}

/* Smartphones (portrait and landscape) ----------- */

 @media only screen and (min-device-width: 100px) and (max-device-width: 480px) {

    /* Styles */

     html {

         font-size: 13px;

    }

    /*****Header*****/

     .logo {

         float: none;

         text-align: center;

    }

     .header-right {

         float: none;

         text-align: center;

         width: 100%;

    }

    /*****Header*****/

     .search-sec {

         width: 87%;

         position: relative;

         left: 0px;

         margin-top: 20px;

    }

     .search-box h3 {

         font-size: 20px;

         padding-bottom: 5px;

         font-weight: bold;

    }

     .three-step {

         margin: 0 auto;

         top: 0px;

         text-align: center;

         width: 100%;

    }

     .three-step h1 {

         text-align: center;

         margin-bottom: 20px;

         font-size: 18px;

    }

     .one-third {

         margin-bottom: 10px;

    }

     .slide img {

         height: 200px !important;

    }

     .one-half {

         width: 100%;

         margin-right: 0%;

    }

     .shadow {

         display: block;

         margin-top: -9px;

    }

     .sorting-sec {

    }

     .property-info {

         width: 100%;

    }

     .copyright {

         float: none;

         text-align: center;

    }

     .design-by {

         float: none;

         text-align: center;

    }

     .sorting-sec {

    }

     .right-sec {

    }

     .property-detail {

         width: 100%;

         float: left;

         margin-top: 10px;

    }

     .property-detail:after {

         content: ".";

         visibility: hiddde;

         display: block;

         clear: both;

    }

     .property-img {

         width: 100%;

         margin-top: 20px;

         text-align: center;

         margin: 0px 10px 0px 0px;

    }

     .builder-logo {

         position: relative;

         top: 0px;

         margin-top: 0px;

         text-align: center;

    }

     .builder-logo img {

    }

     .property-detail:after {

         content: ".";

         visibility: hiddde;

         display: block;

         clear: both;

    }

     .location {

    }

     .price {

         margin: 5px 0 15px 0px;

    }

     .btn-group {

         margin-top: 20px;

    }

     .careers-detail {

    }

     .careers-right {

    }

     .contact-add {

    }

     .contact-left {

    }

     .paper {

         width: 100%;

    }

     .contact-form label {

         width: 100%;

    }

     .contact-form-txtbox {

         width: 100%;

    }

     .contact-form label {

         text-align: left;

    }

     .contact-form textarea {

         width: 100%;

    }

     .single-page-nav {

         float: left;

         width: 100%;

    }

     .single-page-nav ul {

         list-style: none;

         padding: 0;

         float: left;

         width: 100%;

    }

     .single-page-nav li {

         float: unset;

    }

     .detail-right {

         width: 100%;

    }

     .info-col-left {

         font-size: 13px;

         font-weight: bold;

    }

     .banner {

         width: 100%;

    }

     .enquiry-box {

         width: 100%;

    }

     .one-half-detail {

         height: unset;

    }

     .info-col-right {

         width: 49%;

    }

     .info-col-left {

         width: 49%;

    }

}

/* Smartphones (portrait) ----------- */

 @media only screen and (max-width: 320px) {

    /* Styles */

    /*****Header*****/

     .logo {

         float: none;

         text-align: center;

    }

     .header-right {

         float: none;

         text-align: center;

         width: 100%;

    }

    /*****Header*****/

     .search-sec {

         width: 100%;

         position: relative;

         left: 0px;

         margin-top: 20px;

    }

     .search-box h3 {

         padding-bottom: 5px;

    }

     .three-step {

    }

     .three-step h1 {

         text-align: center;

         color: #f34907;

         margin-bottom: 20px;

         font-size: 18px;

    }

     .three-step h4 {

    }

     .shadow {

         display: block;

         margin-top: -9px;

    }

     .one-half {

         width: 100%;

         margin-right: 0%;

    }

     .right-sec {

    }

     .property-img {

         width: 100%;

         margin-top: 20px;

         text-align: center;

         margin: 0px 10px 15px 0px;

    }

     .property-detail {

         width: 100%;

         float: left;

         margin-top: 10px;

    }

     .property-detail:after {

         content: ".";

         visibility: hiddde;

         display: block;

         clear: both;

    }

     .property-info {

         width: 100%;

    }

     .copyright {

         float: none;

         text-align: center;

    }

     .design-by {

         float: none;

         text-align: center;

    }

     .builder-logo {

         position: relative;

         top: 0px;

         margin-top: 0px;

         text-align: center;

    }

     .builder-logo img {

    }

     .location {

    }

     .price {

         margin: 5px 0 15px 0px;

    }

     .btn-group {

         margin-top: 20px;

    }

     .careers-detail {

    }

     .careers-right {

    }

     .contact-add {

    }

     .contact-left {

    }

     .paper {

         width: 100%;

    }

     .contact-form label {

         width: 100%;

    }

     .contact-form-txtbox {

         width: 100%;

    }

     .contact-form label {

         text-align: left;

    }

     .contact-form textarea {

         width: 100%;

    }

     .single-page-nav {

         float: left;

         width: 100%;

    }

     .single-page-nav ul {

         list-style: none;

         padding: 0;

         float: left;

         width: 100%;

    }

     .single-page-nav li {

         float: unset;

    }

     .detail-right {

         width: 100%;

    }

     .info-col-left {

         font-size: 13px;

         width: 98%;

         font-weight: bold;

    }

     .info-col-right {

         font-size: 13px;

         width: 98%;

    }

     .banner {

         width: 100%;

    }

     .enquiry-box {

         width: 98%;

    }

     .one-half-detail {

         height: unset;

    }

}

/************************** * * GENERAL * **************************/

/*city-css*/

 .cities {

     background: #D50000;

     box-shadow: 0 3px 3px #ccc;

     float: left;

     width: 100%;

     border-bottom: 3px solid #0a0a0a;

     ;

    /* Firefox */

     font-family: 'Roboto', sans-serif;

}

 .cities:before {

     content: ".";

     clear: both;

     visibility: hidden;

     display: block;

     line-height: 0px;

}

 #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {

     margin: 0;

     padding: 0;

     border: 0;

     list-style: none;

     display: block;

     position: relative;

     -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

     box-sizing: border-box;

}

 .banner {

     position: relative;

}

 #cssmenu:after, #cssmenu> ul:after {

     content: ".";

     display: block;

     clear: both;

     visibility: hidden;

     line-height: 0;

     height: 0;

}

 #cssmenu #menu-button {

     display: none;

}

 #cssmenu {

}

 #cssmenu> ul> li {

     float: left;

     line-height: 15px;

}

 .sub-menu-option {

}

 #cssmenu.align-center> ul {

     font-size: 0;

     text-align: center;

}

 #cssmenu.align-center> ul> li {

     display: inline-block;

     float: none;

     text-align: center;

}

 #cssmenu.align-center ul ul {

     text-align: left;

}

 #cssmenu.align-right> ul> li {

     float: right;

}

 #cssmenu> ul> li:nth-child(1)> a {

}

 #cssmenu> ul> li.has-sub> a {

}

 #cssmenu> ul> li> a {

     color: #fff;

     font-size: 14.9px;

     text-align: center;

     padding: 10px 15px;

     text-decoration: none;

}

 #cssmenu> ul> li:hover> a {

     color: #fff;

     background: #D50000;

}

 #cssmenu> ul> li> .sub-menu-option {

}

 #cssmenu> ul> li:hover> .sub-menu-option {

     height: 200px;

     overflow-y: scroll;

     overflow-x: hidden;

     visibility: visible;

}

 #cssmenu> ul> li.has-sub> a {

     padding-right: 30px;

}

 #cssmenu> ul> li.has-sub> a:after {

     position: absolute;

     top: 17px;

     right: 11px;

     width: 8px;

     height: 2px;

     display: block;

     background: #fff;

     content: '';

}

 #cssmenu> ul> li.has-sub> a:before {

     position: absolute;

     top: 14px;

     right: 14px;

     display: block;

     width: 2px;

     height: 8px;

     background: #fff;

     content: '';

     -webkit-transition: all .25s ease;

     -moz-transition: all .25s ease;

     -ms-transition: all .25s ease;

     -o-transition: all .25s ease;

     transition: all .25s ease;

}

 #cssmenu> ul> li.has-sub:hover> a:before {

     top: 23px;

     height: 0;

}

 #cssmenu ul ul {

     position: absolute;

     width: 160px;

     left: -9999px;

     right: 0px;

     top: 30px;

     z-index: 999;

}

 #cssmenu.align-right ul ul {

     text-align: right;

}

 #cssmenu ul ul li {

     height: 0;

     -webkit-transition: all .25s ease;

     -moz-transition: all .25s ease;

     -ms-transition: all .25s ease;

     -o-transition: all .25s ease;

     transition: all .25s ease;

}

 #cssmenu li:hover> ul {

     left: auto;

}

 #cssmenu.align-right li:hover> ul {

     left: auto;

     right: 0;

}

 #cssmenu li:hover> ul> li {

     height: auto;

}

 #cssmenu ul ul ul {

     margin-left: 100%;

     top: 0;

}

 #cssmenu.align-right ul ul ul {

     margin-left: 0;

     margin-right: 100%;

}



.submenu-sec{background: #FFF !important;}

 #cssmenu li ul li{ float: left; width: 100%; }

 #cssmenu ul ul li a {

   border-bottom: 1px solid rgba(150, 150, 150, 0.15);



padding: 3px 15px;



width: 170px;



font-size: 13px;



text-decoration: none;



color: #000;



font-weight: 400;







line-height: 24px;

}

 #cssmenu ul ul li:last-child> a, #cssmenu ul ul li.last-item> a {

     border-bottom: 0;

}

 #cssmenu ul ul li:hover> a, #cssmenu ul ul li a:hover {

     color: #000;

}

 #cssmenu ul ul li.has-sub> a:after {

     position: absolute;

     top: 16px;

     right: 11px;

     width: 8px;

     height: 2px;

     display: block;

     background: #dddddd;

     content: '';

}

 #cssmenu.align-right ul ul li.has-sub> a:after {

     right: auto;

     left: 11px;

}

 #cssmenu ul ul li.has-sub> a:before {

     position: absolute;

     top: 13px;

     right: 14px;

     display: block;

     width: 2px;

     height: 8px;

     background: #dddddd;

     content: '';

     -webkit-transition: all .25s ease;

     -moz-transition: all .25s ease;

     -ms-transition: all .25s ease;

     -o-transition: all .25s ease;

     transition: all .25s ease;

}

 #cssmenu.align-right ul ul li.has-sub> a:before {

     right: auto;

     left: 14px;

}

 #cssmenu ul ul> li.has-sub:hover> a:before {

     top: 17px;

     height: 0;

}

 #cssmenu.small-screen {

     width: 100%;

}

 #cssmenu.small-screen ul {

     width: 100%;

     display: none;

}

 #cssmenu.small-screen.align-center> ul {

     text-align: left;

}

 #cssmenu.small-screen ul li {

     width: 100%;

     border-top: 1px solid rgba(120, 120, 120, 0.2);

}

 #cssmenu.small-screen ul ul li, #cssmenu.small-screen li:hover> ul> li {

     height: auto;

}

 #cssmenu.small-screen ul li a, #cssmenu.small-screen ul ul li a {

     width: 100%;

     border-bottom: 0;

}

 #cssmenu.small-screen> ul> li {

     float: none;

}

 #cssmenu.small-screen ul ul li a {

     padding-left: 25px;

}

 #cssmenu.small-screen ul ul ul li a {

     padding-left: 35px;

}

 #cssmenu.small-screen ul ul li a {

     color: #333;

     background: none;

}

 #cssmenu.small-screen ul ul li:hover> a, #cssmenu.small-screen ul ul li.active> a {

     color: #000;

}

 #cssmenu.small-screen ul ul, #cssmenu.small-screen ul ul ul, #cssmenu.small-screen.align-right ul ul {

     position: relative;

     left: 0;

     width: 100%;

     margin: 0;

     text-align: left;

}

 #cssmenu.small-screen> ul> li.has-sub> a:after, #cssmenu.small-screen> ul> li.has-sub> a:before, #cssmenu.small-screen ul ul> li.has-sub> a:after, #cssmenu.small-screen ul ul> li.has-sub> a:before {

     display: none;

}

 #cssmenu.small-screen #menu-button {

   display: block;

padding: 17px;

color: #fff;

cursor: pointer;

font-size: 16px;

text-transform: uppercase;

font-weight: 700;

font-weight: 400;

padding: 10px 0px;

}

 #cssmenu.small-screen #menu-button:after {

     position: absolute;

     top: 22px;

     right: 17px;

     display: block;

     height: 2px;

     width: 20px;

     border-top: 0px solid #fff;

     border-bottom: 2px solid #fff;

     content: '';

}

 #cssmenu.small-screen #menu-button:before {

     position: absolute;

     top: 16px;

     right: 17px;

     display: block;

     height: 2px;

     width: 20px;

     background: #fff;

     content: '';

}

 #cssmenu.small-screen #menu-button.menu-opened:after {

     top: 23px;

     border: 0;

     height: 2px;

     width: 15px;

     background: #fff;

     -webkit-transform: rotate(45deg);

     -moz-transform: rotate(45deg);

     -ms-transform: rotate(45deg);

     -o-transform: rotate(45deg);

     transform: rotate(45deg);

}

 #cssmenu.small-screen #menu-button.menu-opened:before {

     top: 23px;

     background: #fff;

     width: 15px;

     -webkit-transform: rotate(-45deg);

     -moz-transform: rotate(-45deg);

     -ms-transform: rotate(-45deg);

     -o-transform: rotate(-45deg);

     transform: rotate(-45deg);

}

 #cssmenu.small-screen .submenu-button {

     position: absolute;

     z-index: 99;

     right: 0;

     top: 0;

     display: block;

     border-left: 1px solid rgba(120, 120, 120, 0.2);

     height: 31px;

     width: 46px;

     cursor: pointer;

}

 #cssmenu.small-screen .submenu-button.submenu-opened {

     background: #262626;

}

 #cssmenu.small-screen ul ul .submenu-button {

     height: 34px;

     width: 34px;

}

 #cssmenu.small-screen .submenu-button:after {

     position: absolute;

     top: 14px;

     right: 19px;

     width: 8px;

     height: 2px;

     display: block;

     background: #dddddd;

     content: '';

}

 #cssmenu.small-screen ul ul .submenu-button:after {

     top: 15px;

     right: 13px;

}

 #cssmenu.small-screen .submenu-button.submenu-opened:after {

     background: #ffffff;

}

 #cssmenu.small-screen .submenu-button:before {

     position: absolute;

     top: 11px;

     right: 22px;

     display: block;

     width: 2px;

     height: 8px;

     background: #dddddd;

     content: '';

}

 #cssmenu.small-screen ul ul .submenu-button:before {

     top: 12px;

     right: 16px;

}

 #cssmenu.small-screen .submenu-button.submenu-opened:before {

     display: none;

}

 #cssmenu.small-screen.select-list {

     padding: 5px;

}

/* Large screens ----------- */

 @media only screen and (min-width: 1600px) {

    /* Styles */

     #cssmenu> ul> li> a {

         font-size: 15px;

         padding: 10px 12px;

    }

}

 @media all and (max-width: 640px) {

     .responsiveTabsContainer {

         width: 100%;

    }

     .responsiveTabsContainer ul[role="tabList"] {

         -webkit-flex-direction: column;

         flex-direction: column;

         display: none;

    }

     .responsiveTabsContainer .panels .tab {

         display: block;

    }

     #cssmenu> ul> li> a {

         text-align: left;

         padding: 10px;

    }

     #cssmenu ul ul {

         top: 0px;

         background: #FFF;

    }

}

 @media only screen and (max-width: 1024px) {

     #cssmenu> ul> li> a {

        

    }

     #cssmenu> ul> li {

    }

     #cssmenu> ul> li> a {

         text-align: left;

         padding: 10px 4px;font-size: 12px;

    }

     #cssmenu ul ul {

         background: #FFF;

    }

     #cssmenu> ul> li {

         border-right: none;

    }

}

 @media only screen and (min-width: 1280px) and (max-width: 1919px) {

     #cssmenu> ul> li> a {

         text-align: center;

         text-decoration: none;

    }

}

 .col-search-pro{

     margin-bottom: 20px;

}

 @media only screen and (min-width: 991px) and (max-width: 1199px) {

     #cssmenu> ul> li> a {

    

       

      

         text-align: center;

         padding: 8px 12px;

         text-decoration: none;

    }

}

 @media only screen and (min-width: 1200px) and (max-width:1279px) {

     #cssmenu> ul> li> a {

         padding: 12px 23px;

    }

}

 @media only screen and (min-width: 1280px) and (max-width:1366px) {

     #cssmenu> ul> li> a {

         padding: 12px 23px;

    }

}



 @media only screen and (min-width: 1367px) {

     #cssmenu> ul> li> a {

         padding: 12px 23px;

    }

}

 @media only screen and (min-width: 800px) and (max-width: 990px) {

     #cssmenu> ul> li> a {

         text-align: center;

         padding: 12px 3px;

         font-size: 11px;

    }

     #cssmenu> ul> li> a {

       

    }

     #cssmenu> ul> li> a {

         text-align: center;

       padding: 10px 5px;



   



font-size: 12px;

    }

}

 .carousel-fade .carousel-inner .item {

     opacity: 0;

     -webkit-transition-property: opacity;

     -moz-transition-property: opacity;

     -o-transition-property: opacity;

     transition-property: opacity;

}

 .carousel-fade .item img {

     width: 100%;

}

 .carousel-fade .carousel-inner .active {

     opacity: 1;

}

 .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {

     left: 0;

     opacity: 0;

     z-index: 1;

}

 .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {

     opacity: 1;

}

 .carousel-fade .carousel-control {

     z-index: 2;

}

 @media only screen and (max-width: 991px) {

     .three-step {

         width: 100%;

         top: 0px;

         margin-bottom: 30px;

    }

}

 @media only screen and (max-width: 500px) {

     .property-one-forth h4 {

         height: auto !important;

         margin-bottom: 0px;

    }

     .property-one-forth-img {

         width: 100%;

         height: 204px;

    }

     .one-third {

         margin-bottom: 10px;

         text-align: center;

    }

}

 @media only screen and (max-width: 479px) {

     .search-txt {

         width: 87%;

    }

     .btn-search {

         width: 12%;

    }

     .footer-sec h3 {

         color: #fff;

         margin-top: 0px;

         font-size: 18px;

         margin-top: 20px;

    }

}

 @media only screen and (min-width: 480px) and (max-width: 767px) {

     .one-fourth {

         width: 50%;

         float: left;

    }

     .tab-clear {

         clear: both;

    }

     .slide img {

         height: 250px !important;

    }

}

 @media only screen and (min-width: 100px) and (max-width: 767px) {

     .property-head h3 {

        

    }

     .property-part {

         margin-top: 20px;

    }

}

 @media only screen and (min-width: 100px) and (max-width: 479px) {

     body {

         font-size: 12px !important;

    }

     .amenities li {

         list-style: inside;

         line-height: 30px;

         width: 100%;

         margin-right: 0%;

         float: left;

    }

     .property-head h3 {

         font-size: 16px;

    }

     .price {

         margin: 10px 0px;

         font-size: 13px;

    }

     .btn-detail {

         font-size: 12px;

    }

     .btn-enquiry {

         font-size: 12px;

    }

}

 @media only screen and (min-width: 480px) and (max-width: 767px) {

     .slide img {

         height: 250px !important;

    }

     body {

         font-size: 13px !important;

    }

     .property-head h3 {

         font-size: 16px;

    }

     .price {

         margin: 10px 0px;

         font-size: 14px;

    }

     .btn-detail {

         font-size: 12px;

    }

     .btn-enquiry {

         font-size: 13px;

    }

}

 .carousel-fade {

     .carousel-inner {

         .item {

             transition-property: opacity;

        }

         .item, .active.left, .active.right {

             opacity: 0;

        }

         .active, .next.left, .prev.right {

             opacity: 1;

        }

         .next, .prev, .active.left, .active.right {

             left: 0;

             transform: translate3d(0, 0, 0);

        }

    }

     .carousel-control {

         z-index: 2;

    }

}

 .carousel, .carousel-inner, .carousel-inner .item {

     height: 100%;

}

 .item:nth-child(1) {

     background: #74C390;

}

 .item:nth-child(2) {

     background: #51BCE8;

}

 .item:nth-child(3) {

     background: #E46653;

}

 .detail-property-slide {

}

 .detail-property-slide img {

     width: 100%;

}

 @media only screen and (min-width:0px) and (max-width: 990px) {

.enquiry-tablet {

        

    }.sticky {

    position: relative;

    top: 0;

    

}

 }



 @media only screen and (min-width:100px) and (max-width: 995px) {

     .amenities li {

         list-style: inside;

         line-height: 30px;

         width: 100%;

         margin-right: 0%;

         float: left;

    }

     

     .enquiry-pop-tablet {

         display: block;

         position: relative;

         float: right;

        margin:10px 0px;

    }

    .detail-page-sec  { float: left !important; }

     .popup-white-box {

         padding: 20px;

    }

     .detail-property-slide img {

         height: auto !important;

    }

     .btn-enquiry-detail {

         background: #2c4e80;

         padding: 10px 20px;

         font-weight: bold;

         border-radius: 4px;

         border: none;

         color: #fff;

    }

     .gallery li {

         height: auto;

    }

     .detail-page-sec {

         left: 0px;

    }

}

 @media only screen and (min-width:100px) and (max-width: 640px) {

     .property-detailpart {

         top: 0px !important;

         position: relative;

    }

     .detail-page-sec {

         left: 0px;

         bottom: 0px;

    }

}

 @media only screen and (min-width:480px) and (max-width: 767px) {

     .col-search-pro {

         width: 48%;

         float: left;

    }

     .snapshot-details {

         float: left;

         width: 48%;

    }

}

 @media only screen and (min-width:100px) and (max-width: 480px) {

     .detail-page-sec {

         left: 0px;

         bottom: 0px;

    }

     .detail-page-sec h1 {

         font-size: 26px;

    }

}

 @media only screen and (min-width:768px) {

     .detail-page-sec {

         left: 0%;

    }

}

 @media only screen and (min-width:768px) and (max-width:1180px) {

     .gallery li a {

    }

     .gallery li a img {

         width: 100%;

         height: 130px;

    }

}

 @media only screen and (min-width:0px) and (max-width:767px) {

     .gallery li a {

    }

     .gallery li a img {

         width: 100%;

         height: auto;

    }

}

 @media only screen and (min-width:0px) and (max-width:479px) {

     .gallery li {

         width: 100%;

         margin: 10px 0px;

    }

}

 @media only screen and (min-width:480px) and (max-width:767px) {

     .gallery li {

         width: 45%;

    }

}

 .form-control {

     font-size: 12px !important;

}

 .ameniti-search {

     margin-top: 10px;

     width: 100%; float: left;

}

 .ameniti-search:after{ content: "."; clear: both; display: block; line-height: 0px; visibility: hidden; }

 .close-img{

     width: 20px;

}

 .carousel-fade {

     .carousel-inner {

         .item {

             transition-property: opacity;

        }

         .item, .active.left, .active.right {

             opacity: 0;

        }

         .active, .next.left, .prev.right {

             opacity: 1;

        }

         .next, .prev, .active.left, .active.right {

             left: 0;

             transform: translate3d(0, 0, 0);

        }

    }

     .carousel-control {

         z-index: 2;

    }

}

 .carousel, .carousel-inner, .carousel-inner .item {

     height: 100%;

     width: 100%;

}

 .item:nth-child(1) {

     background: #74C390;

}

 .item:nth-child(2) {

     background: #51BCE8;

}

 .item:nth-child(3) {

     background: #E46653;

}

 .md-close {

     position: relative;

     top: -0px;

     right: 8px;

     float: right;

     margin-left: 10px;

     border: none;

     background: no-repeat;

}

 @media only screen and (min-width:1920px) {

     .search-sec {

    }

     .search-box h3{

         font-size: 30px;

    }

}

 .share-icon{

}

 .transition-animation {

     -webkit-transition: all .5s;

     -moz-transition: all .5s;

     -ms-transition: all .5s;

     -o-transition: all .5s;

     transition: all .5s;

}

 .transition-scale (@scale) {

     -webkit-transform: scale(@scale);

     -moz-transform: scale(@scale);

     -ms-transform: scale(@scale);

     -o-transform: scale(@scale);

     transform: scale(@scale);

}

/* Ul styles */

 .share-icon ul {

     list-style: none;

     > li {

         display: inline;

         margin-right: 20px;

    }

}

/* Color variables */

/* * Icon styles * * There are styles for icon and everything which are connected with it. */

 .share-icon .icon {

     display: inline-block;

     position: relative;

     z-index: 1;

     width: 50px;

     height: 50px;

     border-radius: 50%;

     font-size: 24px;

     color: #fff;

     line-height: 52px;

     text-align: center;

     background-color: #48a65b;

}

 .share-icon .icon:after {

     position: absolute;

     width: 100%;

     height: 100%;

     border-radius: 50%;

     content: '';

     box-sizing: content-box;

}

/* Hover effect */

 .share-icon .icon-effect .icon {

     .transition-animation;

}

 .share-icon .icon-effect .icon:after {

     top: -7px;

     left: -7px;

     padding: 7px;

     box-shadow: 0 0 0 4px #fff;

     .transition-animation;

     // mixins .transition-scale(.8);

     // mixins opacity: 0;

}

 .share-icon .icon-effect-1a .icon:hover {

     background-color: #fff;

     color: #48a65b;

}

 .share-icon .icon-effect-1a .icon:hover:after {

     .transition-scale(1);

     // mixins opacity: 1;

}

 .social {

        margin-top: 0px;

  float: right;



}

.logo {transition: all 0.5s ease; }

.logo img{transition: all 0.5s ease; }



.sticky1 .logo img{ width: 100px;}



.sticky1 .fa-2x {

    font-size: 15px !important;

}

.sticky1 .social ul li {

    width: 30px;

    height: 30px;

    line-height: 25px;}

.sticky1  .detail-sec-white{ margin-top: 40px; }



.property-typr-h{ margin-bottom: 20px;]}

.sticky1 .navigation-sec .nav{ margin-top: 5px !important;}

#myHeader{ z-index: 9999; background: #fff;-webkit-transition: all 0.1s;

    -moz-transition: all 0.1s;

    transition: all 0.1s; }





.property-serachdetail{ margin-top: 20px;}



.type-p{ padding-left: 15px;}

.type-p li{ line-height: 30px;}

.type-p li a{color: #000;}

.sticky1 {

  position: fixed;

  top: 0;

  width: 100%;

}



.sticky1 + .content {

  padding-top: 102px;

}





 .social .link {

     display: inline-block;

     vertical-align: middle;

     position: relative;

     width: 40px;

     height: 40px;

     border-radius: 50%;

     border: 2px dashed white;

     background-clip: content-box;

    /* padding: 10px;

     */

     transition: .5s;

     color: #D7D0BE;

    /* margin-left: 15px;

     */

    /* margin-right: 15px;

     */

     font-size: 18px;

}

 .social .link span {

     display: block;

     position: absolute;

     text-align: center;

     top: 50%;

     left: 50%;

     transform: translate(-50%, -50%);

}

 .social .link:hover {

     color: white;

     transform: translateX(0px) rotate(360deg);

}

 .social .link.google-plus {

     background-color: tomato;

     color: white;

}

 .social .link.twitter {

     background-color: #00ACEE;

     color: white;

}

 .social .link.facebook {

     background-color: #3B5998;

     color: white;

}

/*********************** Demo - 3 *******************/

 .box3{

    box-shadow:0 0 3px rgba(0,0,0,.3);

    position:relative

}

 .box3 .box-content,.box3:after,.box3:before{

    position:absolute;

    left:7%;

    right:7%;

    transition:all .3s

}

 .box3:after,.box3:before{

    display:block;

    background:rgba(0,0,0,.3);

    top:10%;

    bottom:10%;

    z-index:1;

    transform:scale(0,1)

}

 .box3:after{

    top:10.8%;

    bottom:10.8%;

    transform:scale(1,0)

}

 .box3:hover:after,.box3:hover:before{

    transform:scale(1);

    animation:animate 1.5s

}

 .box3:hover:before{

    border-top:3px solid #fff;

    border-bottom:3px solid #fff

}

 .box:hover:after{

    border-left:3px solid #fff;

    border-right:3px solid #fff

}

 .box img{

    width:100%;

    height:auto;

    transition:all .3s

}

 .box3:hover img{

    transform:scale(1.2);

    filter:blur(5px);

    -moz-filter:blur(5px);

    -webkit-filter:blur(5px)

}

 .box3 .box-content{

    padding:30px 10px;

    top:10%;

    bottom:10%;

    opacity:0;

    z-index:2

}

 .box3:hover .box-content{

    box-shadow:0 0 0 35px rgba(255,255,255,.3);

    opacity:1;

    transition:all .3s

}

 .box3 .title{

    font-size:24px;

    font-weight:600;

    color:#88c425;

    margin:0 0 5px

}

 .box3 .post{

    display:block;

    margin:0 0 5px;

    font-size:14px;

    color:rgba(255,255,255,.8)

}

 .box3 .description{

    font-size:14px;

    color:#fff;

    margin:0 0 20px

}

 .box3 .icon{

    padding:0;

    margin:0;

    list-style:none

}

 .box3 .icon li{

    display:inline-block;

    margin:0 10px 0 0

}

 .box3 .icon li a{

    display:block;

    width:30px;

    height:30px;

    line-height:30px;

    color:#fff;

    background:#88c425;

    transition:all .5s

}

 .box3 .icon a:hover{

    text-decoration:none;

    animation:animate-hover .5s;

    transition:all .3s

}

 .box-content h5{

     color: #fff !important;

}

 @keyframes animate{

    0%,100%{

        opacity:1

    }

}

 @keyframes animate-hover{

    0%{

        box-shadow:0 0 0 10px rgba(255,255,255,.3)

    }

     50%{

        box-shadow:0 0 0 5px rgba(255,255,255,.3)

    }

     100%{

        box-shadow:0 0 0 0 rgba(255,255,255,.3)

    }

}

 .box10,.box11,.box12,.box14,.box4,.box5,.box6,.box7,.box9{

    box-shadow:0 0 3px rgba(0,0,0,.3)

}

 @media only screen and (max-width:990px){

    .box3{

        margin-bottom:30px

    }

     .box3 .box-content{

        padding:10px

    }

     .box3 .description{

        margin-bottom:10px

    }

}

 @media only screen and (max-width:479px){

    .box3 .title{

        margin:0

    }

}

 .box1 .icon,.box2,.box3,.box4,.box5, .box9, .icon li a{

    text-align:center

}

 .box10:after,.box10:before,.box1:after,.box1:before,.box2 .inner-content:after,.box3:after,.box3:before,.box4:before,.box5:after,.box5:before,.box6:after,.box7:after,.box7:before{

    content:""

}

 .box1,.box11,.box12,.box13,.box14,.box16,.box17,.box18,.box2,.box20,.box21,.box3,.box4,.box5,.box5 .icon li a,.box6,.box7,.box8{

    overflow:hidden

}

 .box1 .title,.box10 .title,.box4 .title,.box7 .title{

    letter-spacing:1px

}

 .box3 .post,.box4 .post,.box5 .post,.box7 .post{

    font-style:italic

}

 .box9{

    background:#000;

    text-align:center;

    position:relative

}

 .box9 img{

    width:100%;

    height:200px;

}

 .box9:hover img{

    opacity:.5

}

 .box9 .box-content{

    padding:30px 10px 30px 0;

    background:rgba(0,0,0,.65);

    position:absolute;

    top:0;

    left:0;

    bottom:0;

    right:0;

    opacity:0

}

 .box9:hover .box-content{

    top:10px;

    left:10px;

    bottom:10px;

    right:10px;

    opacity:1

}

 .box9 .title{

    font-weight:700;

    color:#fff;

    line-height:17px;

    margin:5px 0;

    position:absolute;

    bottom:55%

}

 .box10 .icon li a,.box9 .icon li a{

    line-height:35px;

    border-radius:50%

}

 .box9 .icon{

    list-style:none;

    padding:0;

    margin:0;

    position:absolute;

    top:50%

}

 .box9 .icon li{

    display:inline-block;

    opacity:0;

    transform:translateY(40px)

}

 .box9:hover .icon li{

    opacity:1;

    transform:translateY(0)

}

 .box9:hover .icon li:first-child{

    transition-delay:.1s

}

 .box9:hover .icon li:nth-child(2){

    transition-delay:.2s

}

 .box9 .icon li a{

    display:block;

    width:35px;

    height:35px;

    background:#285bb3;

    font-size:20px;

    color:#fff;

    margin-right:5px;

    transition:all .35s ease 0s

}

 .box9 .icon a:hover{

    background:#fff;

    color:#285bb3;

}

 @media only screen and (max-width:990px){

    .box9{

        margin-bottom:20px;

    }

}

 .snip1135 {

     text-align: center;

     text-transform: uppercase;

}

 .snip1135 * {

     box-sizing: border-box;

}

 .snip1135 li {

     display: inline-block;

     list-style: outside none none;

     padding: 0;

}

 .snip1135 a {

     padding: 0.5em 0;

     color: rgba(255, 255, 255, 0.5);

     position: relative;

     letter-spacing: 1px;

     text-decoration: none;

}

 .snip1135 a:before, .snip1135 a:after {

     position: absolute;

     -webkit-transition: all 0.35s ease;

     transition: all 0.35s ease;

}

 .snip1135 a:before {

     bottom: 0;

     display: block;

     height: 3px;

     width: 0%;

     content: "";

     background-color: #23447d;

}

 .snip1135 a:after {

     left: 0;

     top: 20px;

     padding: 0.5em 0;

     position: absolute;

     content: attr(data-hover);

     color: #ffffff;

     white-space: nowrap;

     max-width: 0%;

     overflow: hidden;

}

 .snip1135 a:hover:before, .snip1135 .current a:before {

     opacity: 1;

     width: 100%;

}

 .snip1135 a:hover:after, .snip1135 .current a:after {

     max-width: 100%;

}

 .city-area li{

     display: inline;

     float: left;

     padding-right: 21px;

}

 .city-area li a{

     color: #000;

     font-weight: 600 ;

}

 .snip1143 {

     text-align: center;

     text-transform: uppercase;

     font-weight: 600 ;

}

 .snip1143 * {

     box-sizing: border-box;

     -webkit-transition: all 0.35s ease;

     transition: all 0.35s ease;

}

 .snip1143 li {

     display: inline-block;

     list-style: outside none none;

     margin: 0 1.5em;

     overflow: hidden;

}

 .snip1143 a {

     padding: 0.3em 0;

     font-weight: 600 ;

     color: rgba(255, 255, 255, 0.5);

     position: relative;

     display: inline-block;

     letter-spacing: 1px;

     margin: 0;

     text-decoration: none;

}

 .snip1143 a:before, .snip1143 a:after {

     position: absolute;

     -webkit-transition: all 0.35s ease;

     transition: all 0.35s ease;

}

 .snip1143 a:before {

     top: 100%;

     display: block;

     height: 3px;

     width: 100%;

     content: "";

     background-color: #c0392b;

}

 .snip1143 a:after {

     padding: 0.3em 0;

     position: absolute;

     top: 100%;

     left: 0;

     content: attr(data-hover);

     color: white;

     white-space: nowrap;

}

 .snip1143 li:hover a, .snip1143 .current a {

     transform: translateY(-100%);

}

/* Demo purposes only */

 .snip1175 {

     font-family: 'Raleway', Arial, sans-serif;

     text-align: center;

     text-transform: uppercase;

     font-weight: 500;

}

 .snip1175 * {

     box-sizing: border-box;

     -webkit-transition: all 0.35s ease;

     transition: all 0.35s ease;

}

 .snip1175 li {

     display: inline-block;

     list-style: outside none none;

     margin: 0 1.2em;

     overflow: hidden;

}

 .snip1175 a {

     padding: 0 0.5em 0 0.2em;

     color: rgba(0, 0, 0, 0.5);

     position: relative;

     display: inline-block;

     letter-spacing: 1px;

     margin: 0;

     text-decoration: none;

}

 .snip1175 a:before, .snip1175 a:after {

     position: absolute;

     -webkit-transition: all 0.35s ease;

     transition: all 0.35s ease;

}

 .snip1175 a:before {

     right: 100%;

     display: block;

     width: 3px;

     height: 100%;

     content: "";

     background-color: #f39c12;

}

 .snip1175 a:after {

     padding: 0 0.5em 0 0.2em;

     position: absolute;

     right: 100%;

     top: 0;

     content: attr(data-hover);

     color: white;

     white-space: nowrap;

}

 .snip1175 li:hover a, .snip1175 .current a {

     transform: translateX(100%);

     color: #000;

}

 .snip1217 {

     font-family: 'Raleway', Arial, sans-serif;

     text-align: center;

     text-transform: uppercase;

     font-weight: 500;

     letter-spacing: 1px;

}

 .snip1217 * {

     -webkit-box-sizing: border-box;

     box-sizing: border-box;

     -webkit-transition: all 0.35s ease;

     transition: all 0.35s ease;

}

 .snip1217 li {

     display: inline-block;

     list-style: outside none none;

     margin: 0.5em 1.5em;

     padding: 0;

}

 .snip1217 a {

     padding: 0.3em 0;

     color: rgba(255, 255, 255, 0.5);

     position: relative;

     text-decoration: none;

     display: inline-block;

}

 .snip1217 a:before, .snip1217 a:after {

     height: 3px;

     position: absolute;

     content: '';

     -webkit-transition: all 0.35s ease;

     transition: all 0.35s ease;

     background-color: #9b59b6;

     width: 0;

}

 .snip1217 a:before {

     top: 0;

     left: 0;

}

 .snip1217 a:after {

     bottom: 0;

     right: 0;

}

 .snip1217 a:hover, .snip1217 .current a {

     color: #ffffff;

}

 .snip1217 a:hover:before, .snip1217 .current a:before, .snip1217 a:hover:after, .snip1217 .current a:after {

     width: 100%;

}

 .snip1211 {

     font-family: 'Raleway', Arial, sans-serif;

     text-align: center;

     text-transform: uppercase;

     font-weight: 500;

     letter-spacing: 1px;

}

 .snip1211 * {

     -webkit-box-sizing: border-box;

     box-sizing: border-box;

     -webkit-transition: all 0.35s ease;

     transition: all 0.35s ease;

}

 .snip1211 li {

     display: inline-block;

     list-style: outside none none;

     margin: 0.5em 1.5em;

     padding: 0;

}

 .snip1211 a {

     padding: 0.4em 0;

     color: rgba(255, 255, 255, 0.5);

     position: relative;

     text-decoration: none;

     display: inline-block;

}

 .snip1211 a:before {

     position: absolute;

     content: '';

     -webkit-transition: all 0.35s ease;

     transition: all 0.35s ease;

     opacity: 0;

     top: 25%;

     bottom: 25%;

     left: 0;

     right: 0;

     border-top: 3px solid #34495e;

     border-bottom: 3px solid #34495e;

}

 .snip1211 a:hover, .snip1211 .current a {

     color: #ffffff;

}

 .snip1211 a:hover:before, .snip1211 .current a:before {

     opacity: 1;

     top: 0;

     bottom: 0;

}

 .open > .dropdown-menu {

     -webkit-transform: scale(1, 1);

     transform: scale(1, 1);

     z-index: 9999999;

}

 .dropdown-menu {

     -webkit-transform-origin: top;

     transform-origin: top;

     -webkit-animation-fill-mode: forwards;

     animation-fill-mode: forwards;

     -webkit-transform: scale(1, 0);

     display: block;

     transition: all 0.2s ease-out;

     -webkit-transition: all 0.2s ease-out;

}

 .city-area{

     margin-top: 20px;

     margin-bottom: 0px;

     display: inline-block 

}

 .more-city {

     height: 200px;

     overflow-y: scroll;

     left: inherit !important;

     right: 0px !important;

}

 .more-city li a{

     font-size: 13px;

     padding: 5px 10px !important;

}

 .more-city li{

     float: left !important;

    width: 100%;

}

 .city-area li{

     line-height: 24px !important;

}

 .home-tab-list li{

     font-size: 20px !important;

     text-transform: uppercase;

}

 .home-tab-list li:hover{

     background: #2c4d83 !important;

    border-color: #2c4d83;

     box-shadow: inset 0 -100px 0px 0 #2c4d83;

}

 .bs-slider-overlay {

     position: absolute;

     top: 0;

     left: 0;

     width: 100%;

     height: 100%;

     background-color: rgba(0, 0, 0, 0.0);

}

 .example{

     float: left;

     width: 25%;

}

 .example .btn-group{

     margin-top: 0px;

     width: 100%;

}

 .multiselect {

     height: 44px;

     width: 100% !important;

     border:0px !important;

     border-right: 1px solid #ccc !important;

     border-radius: 0px !important;

}



.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default{     background: #fff !important; box-shadow: none !important;}

.btn-group.open .dropdown-toggle{     background: #fff !important; box-shadow: none !important;}

.btn-group.open .dropdown-toggle:focus{   background: #fff !important;}



.multiselect-container{ background:#fff !important; }

 .multiselect:hover{

     background: #fff !important;

}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {

    color: #fff;

    text-decoration: none;

     background-color: transparent !important; 

}



.min-height { min-height: auto !important; padding: 20px; }

.mid-add-test{ float: none !important; margin:0 auto;  }



.add-btn{ background: #0a0a0a!important;

    color: #fff;

    float: right;

    padding: 7px;

    margin-bottom: -24px;

    position: relative;

    top: -36px; }

.footer-sec1{ color: #ccc; }

.feedback-details p{ margin-bottom: 0px; }

.testimonial-bx{ border:1px solid #eee; margin-bottom: 15px; background: #fff; border: 1px solid #e4e4e4; padding: 10px; }

.feedback-name{ color: #D50000!important;     font-size: 16px;

    margin-bottom: 5px}



 .propery-type {

     display: block;

     position: relative;

     padding-left: 35px;

     margin-bottom: 12px;

     cursor: pointer;

     font-size: 22px;

     -webkit-user-select: none;

     -moz-user-select: none;

     -ms-user-select: none;

     user-select: none;

}

/* Hide the browser's default checkbox */

 .propery-type input {

     position: absolute;

     opacity: 0;

     cursor: pointer;

     height: 0;

     width: 0;

}

/* Create a custom checkbox */

 .checkmark {

     position: absolute;

     top: 0;

     left: 0;

     height: 25px;

     width: 25px;

     background-color: #eee;

}

/* On mouse-over, add a grey background color */

 .propery-type:hover input ~ .checkmark {

     background-color: #ccc;

}

/* When the checkbox is checked, add a blue background */

 .propery-type input:checked ~ .checkmark {

     background-color: #2196F3;

}

/* Create the checkmark/indicator (hidden when not checked) */

 .checkmark:after {

     content: "";

     position: absolute;

     display: none;

}

/* Show the checkmark when checked */

 .propery-type input:checked ~ .checkmark:after {

     display: block;

}

/* Style the checkmark/indicator */

 .propery-type .checkmark:after {

     left: 9px;

     top: 5px;

     width: 5px;

     height: 10px;

     border: solid white;

     border-width: 0 3px 3px 0;

     -webkit-transform: rotate(45deg);

     -ms-transform: rotate(45deg);

     transform: rotate(45deg);

}

/*stylish radio*/

 .style-radio {

     display: block;

     position: relative;

     padding-left: 35px;

     margin-bottom: 12px;

     cursor: pointer;

     -webkit-user-select: none;

     -moz-user-select: none;

     -ms-user-select: none;

     user-select: none;

}

/* Hide the browser's default radio button */

 .style-radio input {

     position: absolute;

     opacity: 0;

     cursor: pointer;

}

/* Create a custom radio button */

 .checkmark {

     position: absolute;

     top: 0;

     left: 0;

     height: 20px;

     width: 20px;

     background-color: #ccc;

     border-radius: 50%;

}

/* On mouse-over, add a grey background color */

 .style-radio:hover input ~ .checkmark {

     background-color: #ccc;

}

/* When the radio button is checked, add a blue background */

 .style-radio input:checked ~ .checkmark {

     background-color: #25457e;

}

/* Create the indicator (the dot/circle - hidden when not checked) */

 .checkmark:after {

     content: "";

     position: absolute;

     display: none;

}

/* Show the indicator (dot/circle) when checked */

 .style-radio input:checked ~ .checkmark:after {

     display: block;

}

/* Style the indicator (dot/circle) */

 .style-radio .checkmark:after {

     top: 6px;

     left: 6px;

     width: 8px;

     height: 8px;

     border-radius: 50%;

     background: white;

}

 .style-checkbox {

     display: block;

     position: relative;

     padding-left: 35px;

     margin-bottom: 12px;

     cursor: pointer;

     -webkit-user-select: none;

     -moz-user-select: none;

     -ms-user-select: none;

     user-select: none;

}

/* Hide the browser's default checkbox */

 .style-checkbox input {

     position: absolute;

     opacity: 0;

     cursor: pointer;

     height: 0;

     width: 0;

}

/* Create a custom checkbox */

 .checkmark1 {

     position: absolute;

     top: 0;

     left: 0;

     height: 25px;

     width: 25px;

     background-color: #ccc;

}

/* On mouse-over, add a grey background color */

 .style-checkbox:hover input ~ .checkmark1 {

     background-color: #ccc;

}

/* When the checkbox is checked, add a blue background */

 .style-checkbox input:checked ~ .checkmark1 {

     background-color: #000;

}

/* Create the checkmark/indicator (hidden when not checked) */

 .checkmark1:after {

     content: "";

     position: absolute;

     display: none;

}

/* Show the checkmark when checked */

 .style-checkbox input:checked ~ .checkmark1:after {

     display: block;

}

/* Style the checkmark/indicator */

 .style-checkbox .checkmark1:after {

     left: 9px;

     top: 5px;

     width: 5px;

     height: 10px;

     border: solid white;

     border-width: 0 3px 3px 0;

     -webkit-transform: rotate(45deg);

     -ms-transform: rotate(45deg);

     transform: rotate(45deg);

}

 .filter-by-tag{

 width: 100%; 

}

 .sorting-sec{

     background:#fff;

     display: inline-block;

     width: 100%;

     box-shadow: 0 3px 5px #ccc;

     margin-top: 20px;

}

/* actual dropdown animation */

 .dropdown .dropdown-menu {

     -webkit-transition: all 0.3s;

     -moz-transition: all 0.3s;

     -ms-transition: all 0.3s;

     -o-transition: all 0.3s;

     transition: all 0.3s;

     max-height: 0;

     display: block;

     overflow: hidden;

     opacity: 0;

}

 .dropdown.open .dropdown-menu {

     max-height: 200px;

     opacity: 1;

}

 .filter-opt{

     float: left;

     width: 100%;

}

 .filter-opt1{

     width: 100%;

    margin: 4px 0px 28px 2px;

    padding-top: 0px;

}

 .drop-filter{

     padding: 15px !important;

     min-width: 220px !important;

     max-height: 200px !important;

     overflow-y: scroll !important;

     border:1px solid #eee !important;

}

 .drop-filter li{

     list-style: none;

}

 .sim-button{

     padding: 5px 10px;

     text-align: center;

     margin-right: auto;

     margin-left: auto;

     border-radius: 20px;

     cursor: pointer;

}

 .button6{

     color:#22427a;

     -webkit-transition: all 0.5s;

     -moz-transition: all 0.5s;

     -o-transition: all 0.5s;

     transition: all 0.5s;

     border: 1px solid rgba(0,0,0,0.5);

     position: relative;

}

 .button6 a{

     color:#22427a;

     text-decoration: none;

     display: block;

}

 .button6 span{

     z-index: 999999;

     display: block;

     color: #22427a !important;

     z-index: 9999999;

}

 .button6::before{

     content: '';

     position: absolute;

     top: 0;

     border-radius: 20px;

     left: 0;

     width: 100%;

     height: 100%;

     z-index: 1;

     opacity: 0;

    color: #fff !important ;

     background-color: #22427a;

     -webkit-transition: all 0.4s;

     -moz-transition: all 0.4s;

     -o-transition: all 0.4s;

     transition: all 0.4s;

     -webkit-transform: scale(0.5, 1);

     transform: scale(0.5, 1);

}

 .button6::before:hover{

     color: #fff;

     z-index: 999999;

}

 .button6:hover::before{

     opacity: 1;

    color: #fff !important;

     -webkit-transform: scale(1, 1);

     transform: scale(1, 1);

}

 .btn-group a:hover{

    color: #fff !important 

}

 .button6:hover {

     color: #fff !important

}

 .detail-sec-white{

     background:#fff;

     padding: 15px;

}

/*one page*/

 #navigation-menu{

     border-bottom:2px solid #1b3f77;

}

 #navigation-menu ul{

     overflow: hidden;

     margin-bottom: 0px;

}

 #navigation-menu li{

     list-style: none;

     float: left;

}

 #navigation-menu a{

     display: block;

     padding: 10px 13px;

     color: #000;

     text-transform: uppercase;

     font-size: 16px;

     font-weight: 600;

}

 #navigation-menu a:hover{

     background:#1b3f77;

     color: #fff;

}

 #navigation-menu a:hover, #navigation-menu a.mPS2id-highlight{

}

 #content section{

     min-height:150px;

     border-bottom: 1px dashed #ccc;

     padding-bottom: 20px;

     margin-bottom: 20px;

}

 #content section:after{

     content: ".";

     clear: both;

     line-height: 0px;

     visibility: hidden;

     display: block;

}

 #content section h2{

     font-size: 20px;

     color:#1b3f77;

}

 #content section h3{

     font-size: 18px;

     color:#1b3f77;

     margin-top: 10px;

     margin-bottom: 10px;

}

 .content{

}

 .content hr + a, .content hr + a + a{

}



 .line-textbx{

     border:0px !important;

     border-bottom: 1px solid #ccc !important;

     color: #000;

     padding: 0px !important;

     margin-bottom: 20px;

     box-shadow: none !important;

}



.enquiry-box .line-textbx{  margin-bottom: 10px;}

.iframe iframe{ height: 440px; width: 100%;  }

 .line-textbx:focus{

     border-bottom: 1px solid #12366d !important;

}

}

 .content h3{

     font-size: 16px;

}

.button-8{

 

  border:2px solid #0a0a0a;

  float:left;

  text-align:center;

  cursor:pointer;

  position:relative;

  box-sizing:border-box;

  overflow:hidden;

    margin-left: 10px;



}

.button-8 a{

padding:10px;

  font-size:14px;

  color:#fff;

  text-decoration:none;

  line-height:30px;

  transition:all .5s ease;

  z-index:2;

  position:relative;

}

.button-8 a i{ padding-right: 5px; }

.eff-8{

  width:100%;

  height:100%;

  border:70px solid #0a0a0a;

  position:absolute;

  transition:all .5s ease;line-height:30px;

  z-index:1;

  box-sizing:border-box;

}

.button-8:hover .eff-8{

  border:0px solid #d50000;

  color: #d50000 !important;

}

.button-8:hover a{

  color: #d50000 !important;

}





 @media only screen and (max-width:767px){







.detail-page-sec  { float: left !important; }

    #cssmenu ul ul li a{ padding: 5px !important; line-height: 22px;}



    .filter-by-tag {



    float: left;

    width: 100%;



}

.filter-opt{    width: 100%; border-bottom: 1px solid #ccc;}

.filter-btn{    width: 100%;}

.filter-opt1 {



  



}

}



 @media only screen and (max-width:360px){



.button-8{     margin-bottom: 10px;

    width: 100%;

    margin-left: 0px;

    float: left;}

.btn-group { float: left; width: 100%; }



}



 @media only screen and (max-width:520px){

.search-txt {



    width: 76%;

    height: 37PX;



}



.search-btn1 {



   

    width: 24%;}

.filter-by-tag {



    float: left;

    width: 100%;



}

.filter-opt{    width: 100%; border-bottom: 1px solid #ccc;}

.filter-btn{    width: 100%;}

.filter-opt1 {



   



}



}



 @media only screen and (max-width:520px) {

     .builder-logo {

position: absolute;

    top: -85px !important;

    margin-top: 0px;

    text-align: center;

    right: 0%;

}

.property-detail{ padding-bottom: 10px; }



}

 @media only screen and (max-width:639px) {

.property-img img{ height: 245px !important; }

.builder-logo img{ box-shadow: none !important;     height: 49px}

.builder-logo {

position: absolute;

    top: -80px;

    margin-top: 0px;

    text-align: center;

    right: 0%;

}

}



 @media only screen and (min-width:640px) and (max-width:767px){

.builder-logo img{ box-shadow: none !important;     height: 49px}

.builder-logo {

  position: absolute;

    top: -94px;

    margin-top: 0px;

    text-align: center;

    right: 0%;

}

.property-bx-one-half .property-info{ float: left;

    width: 46% !important;

    margin: 0 10px; }



}

 @media only screen and (min-width:521px) and (max-width:767px){



.search-txt {



    width: 87%;



}

.filter-by-tag {



    float: left;

    width: 100%;



}

.drop-filter {



    padding: 15px !important;

    min-width: 164px !important;

    }

    .filter-opt{   }

.filter-btn{    width: 100%;}

.filter-opt1 {



  



}





.button-8 {



    border: 2px solid #0093dd;

    float: left;

    text-align: center;

    cursor: pointer;

    position: relative;

    box-sizing: border-box;

    overflow: hidden;

    margin-left: 0px !important;

    width: 100%;

    margin-bottom: 10px;

    }



    .mobil-lar-pro{  width:100% !important;}

    .mobil-lar-pro1{ width: 81% !important;



float: none !important;



margin: 10px auto !important;}

.property-img img {



    background: #FFF;

    float: left;

    width: 100%;

    height: 184px;



}

.btn-group, .btn-group-vertical{ display: block !important; float: left !important; width: 100% !important; }



}

.certified{ position: fixed; top: 0px; right: 0px; z-index: 99999; }

.certified img{ width: 100px; }







 @media only screen and (min-width:0px) and (max-width:520px){





.builder-logo {

    position: absolute;

    top: -92px;

    margin-top: 0px;

    text-align: center;

    right: 0px;

}.builder-logo img{ box-shadow: none !important;     height: 49px}

}



 @media only screen and (min-width:768px) and (max-width:990px){



.filter-opt1 {



   



}

.filter-by-tag {



    font-weight: bold;

    padding: 15px 12px !important;

    margin-right: 10px;

    background: #1b3f77;

    color: #fff !important;

    font-weight: 400;

    text-transform: uppercase;



}

.search-btn1 {



    width: 22%;

}



.search-txt {



   

    width: 76%;



    }

}



 @media only screen and (min-width:768px) and (max-width:990px){



#navigator > ul > li > a {



    color: #000;

    margin: 0px 5px 0 6px;

    padding: 0px !important;

    letter-spacing: 0.5px;

    text-align: center;

    display: block;

    font-weight: 600;

    text-transform: uppercase;

    font-size: 12px;



}

#navigator ul {

    margin-top: 0px !important;

}

}



.en-loan{ display: none; }

 @media only screen and (max-width:480px){

 .enquir-all{ margin:5px; padding: 10px; text-align: center; background: #eee; display: block;    color: #000;

    font-size: 12px; }

}



 @media only screen and (min-width:481px)  and (max-width:767px){

      .enquir-all{ margin:5px; padding: 10px; text-align: center; background: #eee; display: block;    color: #000; float: left; width: 47.8% !important;

    font-size: 12px; }



}



 @media only screen and (max-width:767px){

    

     .en-loan{ display: block; }

     .enquiry-fix{ display: none; }

.loan-fix{ display: none; }

.search-box .nav-tabs>li>a {

    font-size: 13px;

    color: #000 !important;

}



.nav-tabs>li>a{ padding: 5px !important;}

#navigation-menu li {

    list-style: none;

    float: left;

    width: 100%;

    background: #eee;

}

.search-box .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ color: #fff !important; }



.example{ width: 100% !important; border:1px solid #eee !important; }

.search-txtbox{ width: 100% !important; border:1px solid #eee !important; margin: 8px 0px; }

.search-btn{ width: 100% !important; }

}







 @media only screen and (min-width:100px) and (max-width:460px) {



.enquiry-pop-tablet {

    display: block;

    position: relative;

    float: left !important;





    }







}





.about-choose{ border:0px !important; padding: 0px !important;}





.about-sec-page{ margin-top: 20px !important;}



.resale h3{ border-top:1px dashed #ccc; margin-top: 20px; padding-top: 20px; }





 @media only screen and (min-width:0px) and (max-width:480px) {



.blog-details img{ float: left; width: 100%; margin-right: 0px; margin-bottom: 10px; }



}













.resp-tabs-container ul{ padding-left: 15px;}

.resp-tabs-container ul li{ line-height: 30px; }

/* Style the Un-order list by setting its list-style to none */

.social ul {

  list-style: none;

  margin-bottom: 0px;

}



/* Style the list items inside the UL list, by setting its width, height and line-height 

  and float them to left and set its border and border-radius.

 */

.social ul li {

    width: 35px;

    height: 35px;

    line-height: 32px;

    margin: 0 6px;

    text-align: center;

    cursor: pointer;

    border-radius: 50%;    background: #fff;

    border: 2px solid #23447d;

    float: left;

    transition: all 0.5s ease;

    list-style: none;

}

.fa-2x {

    font-size: 20px !important;

}

/* Style the icons by setting its color and margin-top value to 20px 

to align it properly */

.social ul li .fa {

  color: #23447d;

  margin-top: 0px;

  transition: all 0.5s ease;

}



/* Now target the specific li classes for styling and use box-shadow effect to border and text-shadow effect

  to icons for glowing effect and use transition property for smooth transition effect. */

/*facebook*/

.social ul li:hover.facebook {

  border: 2px solid #3b5998;

  box-shadow: 0 0 15px #3b5998;

  transition: all 0.5s ease;

}



.social ul li:hover .fa-facebook {

  color: #3b5998;

  text-shadow: 0 0 15px #3b5998;

  transition: all 0.5s ease;

}



/*twitter*/

.social ul li:hover.twitter {

  border: 2px solid #00aced;

  box-shadow: 0 0 15px #00aced;

  transition: all 0.5s ease;

}



.social ul li:hover .fa-twitter {

  color: #00aced;

  text-shadow: 0 0 15px #00aced;

  transition: all 0.5s ease;

}



/* instagram */

.social ul li:hover.linkedin {

  border: 2px solid #3b5998;

  box-shadow: 0 0 15px #3b5998;

  transition: all 0.5s ease;

}



.social ul li:hover .fa-linkedin {

  color: #3b5998;

  text-shadow: 0 0 15px #3b5998;

  transition: all 0.5s ease;

}



/* google */

.social ul li:hover.google-plus {

  border: 2px solid #dd4b39;

  box-shadow: 0 0 15px #dd4b39;

  transition: all 0.5s ease;

}



.social ul li:hover .fa-google-plus {

  color: #dd4b39;

  text-shadow: 0 0 15px #dd4b39;

  transition: all 0.5s ease;

}



/* whatsapp */

.social ul li:hover.whatsapp {

  border: 2px solid #4dc247;

  box-shadow: 0 0 15px #4dc247;

  transition: all 0.5s ease;

}



.social ul li:hover .fa-whatsapp {

  color: #4dc247;

  text-shadow: 0 0 15px #4dc247;

  transition: all 0.5s ease;

}







/* media queries */

     .mob-cont{ display: none; }

.desk-cont{ display: block; }



 @media screen and  (max-width: 767px){



.mob-cont{ display: block; }

.desk-cont{ display: none; }

 }





@media screen and (max-width: 640px){

  .social {

    

  }

  .social ul li{

      margin-top: 10px;

  }

  .social ul li.google{

      margin-left: 60px;

  }

}





@media screen and (max-width: 340px){

  .social {

     

  }

  .social ul li{

    

  }

  .social ul li.google{

      margin-left: 15px;

  }

}





@media screen and (max-width: 767px){

.enquiry-box{ width: 100% !important; }

     .panel{ border-top: 0px !important;}

     .property-info{ margin-bottom: 15px !important; }



#flexiselDemo3 li{ margin-right:0px;}



.search-sec {

    width: 94%;}

.enquiry-fix {

    position: fixed;

    left: 0px;

    top: 6%;

    z-index: 999;

    cursor: pointer;

}

.enquiry-fix img{width: 54px;}

.property-white-bx{ min-height: auto; margin-bottom: 10px; }



}









@media screen and (min-width: 768px) and (max-width: 990px){





.property-one-forth h4 {

    font-size: 14px;

    line-height: 24px;

    margin-bottom: 0px;

    color: #23447d;

    min-height: 61px;

}

.price {

    margin: 10px 0px;

    font-size: 13px;

    }

}



@media screen and (min-width: 481px) and (max-width: 767px){

.tab-res-col{ width: 50% !important; float: left !important; }

.col-1 h3{  }

.heading h1{ font-size: 21px; }

.blog-tab{ float: left; width: 50%; }

 .blog-bx{ margin-bottom: 10px; }



}



@media screen and (min-width: 521px) and (max-width: 767px){

.box9 img{

    width:100%;

    height: 146px;

}

}





@media screen and (min-width: 481px) and (max-width: 520px){

.box9 img{

    width:100%;

    height: 146px;

}

}





@media screen and (min-width: 768px) and (max-width: 990px){

.col-1-img img {

    width: 100%;

    height: 138px;

}

.col-1 h3{min-height: 45px;}

.property-white-bx {

    

    min-height: 510px}



.box9 img {

    width: 100%;

    height: 144px;

}

.builder-box ul .nbs-flexisel-item img{ height: 80px;}

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right{ top: 15px !important; }

}





@media screen and (min-width: 991px) and (max-width: 1023px){

         .one-haf-box h3{ min-height: 50px; }

         .col-1 h3{min-height: 45px;}

.box9 img {

    width: 100%;

    height: 131px;

}



     }









     @media screen and (min-width: 1024px) and (max-width: 1199px){.col-1 h3{min-height: 45px;}

                   .one-haf-box h3{ min-height: 50px; }

                   .builder-box ul .nbs-flexisel-item img{ height:90px;}

              

              }



                   @media screen and (min-width: 991px) and (max-width: 1199px){

                         .property-one-forth-resale h4{ min-height: 50px !important; }

                                    .builder-box ul .nbs-flexisel-item img{ height:90px;}



                    }







                    .blog-img-bx ul{ padding-left: 15px; line-height: 27px; }

                    .blog-bx ul{ padding-left: 15px; line-height: 27px; }



                    #ecww-totalamount h4{ line-height: 30px; }

                    .clear{ clear: both; display: block;}

                    .modal-dialog{ z-index: 9999; }



                    .textfield-bk{ width: 100% !important; }





                    .ecww-tenure-choice label{ width: 100% !important; }





                   



.home-select {

  -webkit-appearance: none;

  -moz-appearance: none;

  -ms-appearance: none;

  appearance: none;

  outline: 0;

  box-shadow: none;

  border: 0 !important;

  background: #fff;  color: #666 !important;

  background-image: none;

}

/* Custom Select */

.select {

  position: relative;

  display: block;height: 44px;



  line-height: 3;

  border-right: 1px solid #eee;

  color: #666;

  background: #fff;

  overflow: hidden;



}

.home-select {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0 0 0 .5em;

  color: #fff;

  cursor: pointer;

}

.home-select::-ms-expand {

  display: none;

}

/* Arrow */

.select::after {

     content: '\25BC';

    position: absolute;

    top: 6px;

    right: 0;

    bottom: 0;

    padding: 0 1em;

    color: #666;

    background: #fff;

    pointer-events: none;

    font-size: 11px;

}

/* Transition */

.select:hover::after {

  color: #666;

}

.select::after {

  -webkit-transition: .25s all ease;

  -o-transition: .25s all ease;

  transition: .25s all ease;

}



#ecww-widget-iframeinner  h4{ font-size: 15px !important; }

#ecww-summary{    background: #fff;

    padding: 16px;

    min-height: 400px;}



          @media screen and (min-width: 0px) and (max-width: 767px){

            .sticky{position: relative;}

.in   .filter-by-tag{ display: none; }

    .mobil-lar-pro{ width: 100% !important; }

    .mobil-lar-pro1{ position: absolute !important; right: 0px;}

}





          @media screen and (min-width: 641px) and (max-width: 767px){

.location {

    min-height: 38px;

}

}



      @media screen and (min-width: 768px) and (max-width: 990px){



.enquiry-fix {

    position: fixed;

    left: 0px;

    top: 36%;

    z-index: 999;

    cursor: pointer;

    width: 7%;

}

.loan-fix { width: 5%; }

}



          @media screen and (min-width: 1200px) and (max-width: 1360px){

.line-textbx{ margin-bottom: 5px }

}





   @media screen and (min-width: 991px) and (max-width: 1199px){



.nav > li > a {

    margin: 0px 6px;

    padding: 0px !important;

    font-size: 13px;

}

}



   @media screen and (min-width: 0px) and (max-width: 767px){



    .nav > li > a {

padding: 10px !important;

margin: 0px !important;

    }

/*css by mn
*/