@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;
    }