/* fira-sans-extra-condensed-regular - latin */
@font-face {
  font-family: 'Fira Sans Extra Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../../frontend/fonts/fira-sans-extra-condensed-v4-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../frontend/fonts/fira-sans-extra-condensed-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../frontend/fonts/fira-sans-extra-condensed-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../frontend/fonts/fira-sans-extra-condensed-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../frontend/fonts/fira-sans-extra-condensed-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../frontend/fonts/fira-sans-extra-condensed-v4-latin-regular.svg#FiraSansExtraCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab' !important;
  font-style: normal;
  font-weight: 400;
  src: url('../../frontend/fonts/roboto-slab-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../frontend/fonts/roboto-slab-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../frontend/fonts/roboto-slab-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../frontend/fonts/roboto-slab-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../frontend/fonts/roboto-slab-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../frontend/fonts/roboto-slab-v12-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
@import url('https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&display=swap');
a {cursor:pointer}
body { font-family: 'Muli', sans-serif; }

h3 { font-family: 'Muli', sans-serif !important; padding:10px 0 !important; }

.table td{
   
    color: #333131 !important;
		font-size:13px !important;
		font-weight: 500 !important;
}
	
	.table td:first-child {
  color:#818181;
		    font-weight: normal;
}
	
	.table1 tr{
   
    color: #4E4E4E;
		font-size:13px;
		font-weight: 500
}
	
	.table1 small {
  color:#fff;
		    font-weight: normal;
		    font-size: 12px;
    letter-spacing: 0.5px;
}
	
h5 {
    font-size: 14px;
    padding-left: 18px;
    color: #333333
}
.gall-area h5 { padding:0}
.red-hd {
    color: #F24851;
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    letter-spacing: 0.8px;
    font-weight: 600;
}


.red-hd1 {
  color: #F24851;
  height:35px !important;
  font-family: 'Muli', sans-serif;
    font-size: 16px;
    letter-spacing: 0.8px;
    font-weight: 500;
}
.red-hd1:before {
  color: #F24851;
  content: " ";
  /* font-family: fangsong; */
  font: normal normal normal 14px/1 FontAwesome;
  float: right;
   /*background: rgb(241 180 182 / 50%);
  opacity: 0.8; */
  padding: 10px;
  border-radius: 50%;
  margin-top: -6px;
}
.red-hd1 {
    color: #F24851;
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    letter-spacing: 0.8px;
    font-weight: 500;
	padding-left:38px !important
	
}
.red-hd1:before {
    color: #F24851;
    content: "\f0d7";
    /* font-family: fangsong; */
    font: normal normal normal 16px/1 FontAwesome;
    float: right;
    margin-top: -8px;
    display:none;
}
.red-hd1:after {
    color: #F24851;
    content: "\f111";
    /* font-family: fangsong; */
    font: normal normal normal 12px/1 FontAwesome;
    float: left;
    margin-top: 6px;
    margin-left: -22px;
    
}

.green {
    background-color: #29BA55 !important;
}
.red {
    background-color: #F8000D!important;
    border: none;
}
.yellow {
    background-color: #E8C00D!important;
    border: none;
}
.blue {
    background-color: #45A0F2!important;
    border: none;
}
.house {
    display: inline-block;
    position: absolute;
    width: 40%;
    height: 40%;
    padding: 0.8%;
}
/* .box {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: white;
    padding: 20%;
}
.square {
    position: absolute;
    width: 25%;
    height: 25%;
}
.square-one {
    top: 20%;
    left: 20%;
}
.square-two {
    top: 20%;
    right: 20%;
}
.square-three {
    bottom: 20%;
    left: 20%;
}
.square-four {
    bottom: 20%;
    right: 20%;
} */
.home {
    position: absolute;
    top: 40%;
    left: 40%;
    width: 20%;
    height: 20%;
    border-bottom: 20px solid #fff176;
    border-top: 20px solid #e53935;
    border-left: 20px solid #29b6f6;
    border-right: 20px solid #66bb6a;
}
.cells {
    position: absolute;
    width: 6.66%;
    height: 6.66%;
    border-collapse: collapse;
    border: 1px solid #e5e5e569;
    background: #FFFFFF;
}
/*.safe {
    background-color: #99999938;
    -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.g-start {
    background-color: #66bb6a;
    -webkit-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
    clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
}
.y-start {
    background-color: #fff176;
    -webkit-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
    clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
}
.r-start {
    background-color: #e53935;
    -webkit-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
    clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
}
.b-start {
    background-color: #29b6f6;
    -webkit-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
    clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
}*/

.tabs {
   
    background: transparent;
}
.tabs .tab-nav {
    text-align: left;
    margin: 0 0 10px 0;
}


.tabs .tab-nav li span img {
 padding: 5px;
  margin-right: 11px;
}


.tabs .tab {
    display: none;
}
.tabs .tab.active {
    display: block;
}
dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
    display: flex;
    width: 100%;
}
.bg-redlight h3 {
    color: #F24851;
    font-size: 14px;margin-top: 0px;
    font-weight:700;    padding-bottom: 0px !important;
	/* word-break: break-all; */
	
}
.bg-redlight h2 {
    color: #232222;
    font-size: 13px; margin-top: 5px;
	
}
.bg-redlight p {
  color: #232222;
    font-size: 13px;
    margin-top: -1px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 15px;

}
.bg-red h3 {
    color: #F24851;
    font-size: 14px;margin-top: 10px;
	word-break: break-all;
}
.bg-red h2 {
    color: #232222;
    font-size: 15px;margin-top: 10px;
}
.bg-red p {
  color: #232222;
  font-size: 13px;
  margin-top: -1px;
  font-weight: normal;
  letter-spacing: 0px;
  line-height: 15px;
}
.bg-orange h3 {
    color: #F03800;
    font-size: 14px;
    margin-top: 0px;
    font-family: 'Muli', sans-serif;
    font-weight: 700;
    letter-spacing: 0.5px;    padding-bottom: 0px !important;
	    word-break: break-all;
}
.bg-orange h2 {
  color: #232222;
  font-size: 13px;
  margin-top: 0px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 15px;
}
.bg-orange p {
  color: #232222;
    font-size: 13px;
    margin-top: -1px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 15px;
}
.bg-orangelight .row {
    border-left: 5px solid #F9AB7B
}
.bg-green h3{
	color: #307746;
    font-size: 15px;
    margin-top: 1px;
    font-family: 'Muli', sans-serif;
    font-weight: 700;
    letter-spacing: 0.5px;    padding-bottom: 0px !important;
	
}
.bg-orangelight h3 {
    color: #E56022;
    font-size: 15px;
    margin-top: 1px;
    font-family: 'Muli', sans-serif;
    font-weight: 700;
    letter-spacing: 0.5px;    padding-bottom: 0px !important;
}
.bg-orangelight h2 {
  color: #232222;
  font-size: 13px;
  margin-top: 1px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 15px;    
  /* line-break: anywhere; */
}
.bg-orangelight p {
  color: #232222;
    font-size: 13px;
    margin-top: -1px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 15px;
}
.bg-red {
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(247,247,251,1) 0%, rgba(241,75,84,1) 100%);
    border-radius: 10px;
    padding: 15px 20px 0px 30px;
    margin-bottom: 15px;
    border: 0px;
}
.bg-orangelight {
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(247,247,251,1) 0%, rgba(249,167,116,1) 100%);
    border-radius: 10px;
    margin-bottom: 15px;
    border: 0px;
    width: 100%;
}
.bg-orangelight .media:before{
    border-left: 8px solid #F9AB7B;
	 content: "";
    position: absolute;
    left: 0;
    height: 100%;
	    border-radius: 5px;
}

.bg-redlight{
  background: rgb(2,0,36);
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(247,247,251,1) 0%, rgba(255,165,170,1) 100%);
  border-radius: 10px;
  margin-bottom: 15px;
  border: 0px;
  width: 100%;   
}
.bg-redlight .media:before {
    border-left: 8px solid #F15369;
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
	    border-radius: 5px;
}
.bg-orange {
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(247,247,251,1) 0%, rgba(240,56,0,1) 100%);
    border-radius: 10px;
    margin-bottom: 15px;
    border: 0px;
    width: 100%;  
}
.bg-orange .media:before  {
  border-left: 8px solid #F03800;
   content: "";
    position: absolute;
    left: 0;
    height: 100%;
	    border-radius: 5px;
}
.hometxt {
    line-height: 12px;
    text-align: center;
    padding: 1px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    padding-top: 4px;
    color: #00042A
}
.housetxt {
    text-transform: uppercase;
    line-height: 17px;
    font-weight: 600;
    font-size: 14px;
    padding: 10px;
    left:0px;
    width: 100%;
    text-align: center;
    color: #00042A;
    height: 100%;
    background: white;
}
.housetxt h6, .housetxt_flip h6{
    color: #45A0F2;
    text-decoration: none !important;
    font-size: 14px;
    text-transform: none;
    border: none;
    text-align: left;
    font-weight: 600;
    margin-bottom: 5px;
    font-family: 'Muli', sans-serif;
}
.housetxt p, .housetxt_flip p{
    font-size: 12px;
    text-align: left;
    color: #00042A;
    text-transform: none;
    margin: 0;
    line-height: 20px;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
}
.housetxt a, .housetxt_flip a{
    color: #45A0F2 !important;
    text-decoration: none !important;
    font-size: 12px;
    text-transform: none;
    border: none;
    text-align: left;
    font-weight: 600;
    font-family: 'Muli', sans-serif;
}
.knw_mr {
    text-align: left;
    margin-top: 8px;
    font-weight: 600;
    position: absolute;
    left: 10px;
    bottom: 10px;
}
.knw_mr img{
    width: 25px;
    margin-left: 5px;
}
.house_main {
  perspective: 1000px;
}
.house_main .box {
  position: relative;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  padding: 0;
  background-color: transparent;
}
.house_main:hover .box {
  transform: rotateY(180deg);
}
.housetxt_flip, .housetxt {
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.housetxt_flip {
    transform: rotateY(180deg);
    text-align: left;
    left: 0;
    padding: 10px;
}
.ludo_ryt{
    display: flex;
    padding-left: 45px;
    margin-top: 15px;
}
.ludo_ryt_img{
    width: 10%;
}
.ludo_ryt_txt{
    width: 86%;
    margin-left: 4%;
}
.ludo_ryt_img img{
  width: 32px;
}
.ludo_ryt_txt h3 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 18px;
    font-weight: 600;
}
.ludo_ryt_txt a{
  color: inherit;
  text-decoration: none;
}
.ludo_ryt_txt p{
    margin: 10px 0 0 0;
    font-weight: 500;
    color: #212529;
    font-size: 15px;
}
.mTop30{
    margin-top: 30px
}
.hdludo {
    font-size: 20px
}


.red-box li {
    
  background:#F9F9F9 url(../../frontend/images/red-arrow.png) no-repeat!important;
   background-position: -1px 5px!important;
   margin-bottom:5px;
  
}
	
	.green-box li {
    
    background:#F9F9F9 url(../../frontend/images/green-arrow.png) no-repeat!important;
     background-position: -1px 5px!important;
     margin-bottom:5px;
    
}
	
	.yellow-box li {
 
    background:#F9F9F9 url("../../frontend/images/yellow-arrow.png") no-repeat!important;
     background-position: -1px 5px!important;
     margin-bottom:5px;
   
}
	
	.blue-box li {
   
    background: url("../../frontend/images/blue-arrow.png") no-repeat!important;
		 background-position: -1px 5px!important;
 
}
.s19 {
    list-style: none;
    display: block;
}
.s19 li:before {
    content: ' ';
    margin-right: 15px;
    font-family: FontAwesome;
    background: url(../../frontend/images/red-arrow.png) no-repeat !important;
    background-position: -1px 5px !important;
    margin-bottom: 5px;
}
.s19 li a {color:#00042A}
.table1 td, .table1 th {
    padding: 0px 15px;
    vertical-align: top;
    border-top: 0px solid #eceeef;
    font-size: 15px; text-transform:capitalize;
}

.table2 td, .table2 th {
  padding: 0px 15px;
  vertical-align: top;
  border-top: 0px solid #eceeef;
  font-size: 15px;
  color:#4E4E4E; font-weight: 500;
}

.greybtn {    
  background: #9B9B9B;
    color: #FFFFFF;
    padding: 8px 10px !important;
    border-radius: 4px!important;
    font-size: 12px; display: inline-block;}

    .greybtn:hover {    
      background: #9B9B9B;
        color: #FFFFFF;
        padding: 8px 10px;
        border-radius: 4px!important;
        font-size: 12px; text-decoration: none;}

  .table1 td, .table1 th {
    padding: 0px 15px;
    vertical-align: top;
    border-top: 0px solid #eceeef;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
}
.greenbtn {background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 10px #0000000D;
  opacity: 1;
  color: #009E30 !important;
  font-size: 15px !important;
  padding: 5px 15px!important;
  border-radius: 5px;}

  .graybtn {background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 10px #0000000D;
    opacity: 1;
    color:#354E70 !important;
    font-size: 15px !important;
    padding: 5px 15px!important;
    border-radius: 5px;}

    .headtxt {    font-size: 18px !important;
      font-weight: 600;padding-top: 0px;
      color: #00042A;}

    
      .red-hd2 { color: #36191b; font-weight: 600; height: 55px;font-family: 'Muli', sans-serif;
        font-size: 16px;}
      .red-hd2:before {background: #f2485128 url(../../frontend/images/infra.png) center !important;
        background-repeat: no-repeat!important;
        color: #F24851;
        content: "\f15c";
        /* font-family: fangsong; */
        font: normal normal normal 14px/1 FontAwesome;
        float: right;
        background: rgb(241 180 182 / 50%);
        /* opacity: 0.8; */
        padding: 11px;
        border-radius: 50%;
        margin-top: -4px;
        background-size: 95% !important;
      }
      .table td:nth-child(3) {
        color: #818181;
        font-weight: normal;
    }


    .red-txt {
        background: #F9EAEA;
        font-size: 15px;
        color: #FE5245;
    }
    .blue-txt {
        background: #C7DFF6;
        font-size: 15px;
        color: #008FB7;
    }
    .yellow-text {
        background: #F2E197;
        font-size: 15px;
        color: #A78907;
    }
    .green-txt {
        background: #DCF2E3;
        font-size: 15px;
        color: #2ABC55;
       
    }

    .item-container {
        width: 200px;
        /*border:1px solid #AAA;*/
        display: block;
        padding: 5px;
        margin: 2px;
    }
   
    /*.item:after {
        content: '';
        display: block;
        border-bottom: 1px dotted #000;
        position: relative;
        margin-top: -11px;
        z-index: 1;
    }
        .fill{
        border:none;
        border-bottom:1px dotted #000;
        display:inline-block;
    }*/
    /* .hr-text {
        line-height: 1em;
        position: relative;
        outline: 0;
        border: 0;
        color: black;
        text-align: center;
        height: 1.5em;
        opacity: .5;    z-index: 1;
    }
    .hr-text:before {
        content: '';
        background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#818078), to(transparent));
        background: transparent;
        position: absolute;
        left: 5px;
        top: 50%;
        width: 100%;
        height: 1px;
        z-index: 9999;
        float: left;
        border-bottom: 1px dashed #848484;
        display: block;
    }
    .hr-text:after {
        content: attr(data-content);
        position: relative;
        display: inline-block;
        color: black;
        padding: 0 .5em;
        line-height: 1.5em;
    } */

/*green house css */
    .yellowbtn {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 10px #0000000D;
        opacity: 1;
        color: #E8C00D !important;
        font-size: 15px !important;
        padding: 5px 15px!important;
        border-radius: 5px;
    }


    .projectgreen span span 
    {background: #F1F1F1 url(../../frontend/images/maps-and-location.png) center !important;
      background-repeat: no-repeat!important; width: 37px!important;
      height: 37px!important;
      display: flex;
      border-radius: 5px;
      padding: 8px;
      margin: 5px;margin-right: 11px;
      
      
    }

    li.active.projectgreen span span
    {background:#009E30 url(../../frontend/images/maps-and-location-white.png) center !important;
      background-repeat: no-repeat!important;
      width: 37px!important;
      height: 37px!important;
      display: flex;
      border-radius: 5px;
      padding: 8px;
      margin: 5px;margin-right: 11px;}


      
    .buildinggreen span span 
    {background:#F1F1F1  url(../../frontend/images/town-grey.png)center !important;
      background-repeat: no-repeat!important; width: 37px!important;
      height: 37px!important;
      border-radius: 5px;
      padding: 8px;
      margin: 5px;margin-right: 11px;
      
    }

    li.active.buildinggreen span span
    {background: #009E30 url(../../frontend/images/town.png) center !important;
      background-repeat: no-repeat!important;
      width: 37px!important;
      height: 37px!important;
      display: flex;
      border-radius: 5px;
      padding: 8px;
      margin: 5px;margin-right: 11px;}


      .flatgreen span span 
    {background:#F1F1F1 url(../../frontend/images/flats-grey.png)center !important;
      background-repeat: no-repeat!important; width: 37px!important;
      height: 37px!important;
      border-radius: 5px;
      padding: 8px;
      margin: 5px;margin-right: 11px;
      
    }

    li.active.flatgreen span span
    {background: #009E30 url(../../frontend/images/flats-white.png) center !important;
      background-repeat: no-repeat!important;
      width: 37px!important;
      height: 37px!important;
      display: flex;
      border-radius: 5px;
      padding: 8px;
      margin: 5px;margin-right: 11px;}



      .projectsum 
      {background: #ffffff url(../../frontend/images/report.png)top !important;
        background-repeat: no-repeat!important;
        border-radius: 5px;
        padding: 8px;
        margin: 5px;
        margin-right: 11px;
        padding-top: 61px;
        color: #fff !important;
        background-position-x: 40px !important;
        background-position-y: 11px !important;background-size: 32% !important;
        width: 110px !important;
        height: 110px !important;}
        
      .projectsum span {     text-align: center;
        background: transparent!important;
        width: 110px;
        padding-left: 5px !important;
        height: 110px;
        border: 0px solid red;
        padding-top: 63px !important;
        margin-top: -60px;
        margin-left: -6px;
        line-height: 20px !important;}
     
  
      li.active.projectsum
      {background: #009E30 url(../../frontend/images/project-summary-white.png) top !important;
        background-repeat: no-repeat!important;
        border-radius: 5px;
        padding: 8px;
        margin: 5px;
        margin-right: 11px;
        padding-top: 61px;
        color: #fff !important;
        background-position-x: 40px !important;
        background-position-y: 15px !important;background-size: 32% !important;
        width: 110px !important;
        height: 110px !important;}
  
        
        li.active.projectsum span {color:#fff!important;}



        .service 
        {background: #ffffff url(../../frontend/images/services-amenities.png)top !important;
          background-repeat: no-repeat!important;
          border-radius: 5px;
          padding: 8px;
          margin: 5px;
          margin-right: 11px;
          padding-top: 61px;
          color: #fff !important;
          background-position-x: 37px !important;
          background-position-y: 16px !important;
       
          background-size: 32% !important;
          width: 110px !important;
          height: 110px !important;}
          
        .service span {text-align: center;
          background: transparent!important;
          width: 110px;
          padding-left: 3px !important;
          line-height: 15px !important;
          margin-left: -9px;
          height: 110px;
          border: 0px solid red;
          padding-top: 64px !important;
          margin-top: -60px;
          line-height: 20px !important;}
       
    
        li.active.service
        {background:#009E30 url(../../frontend/images/customer-support.png) top !important;
          background-repeat: no-repeat!important;
          border-radius: 5px;
          padding: 8px;
          margin: 5px;
          margin-right: 11px;
          padding-top: 61px;
          color: #fff !important;
          background-position-x: 40px !important;
          background-position-y: 15px !important;background-size: 32% !important;
          width: 110px !important;
          height: 110px !important;}
    
          
          li.active.service span {color:#fff!important;}




          .gallerygreen
          {background: #ffffff url(../../frontend/images/gallery.png)top !important;
            background-repeat: no-repeat!important;
            border-radius: 5px;
            padding: 8px;
            margin: 5px;
            margin-right: 11px;
            padding-top: 61px;
            color: #fff !important;
            background-position-x: 37px !important;
    background-position-y: 19px !important;
    background-size: 32% !important;
    width: 110px !important;
    height: 110px !important;}
            
          .gallerygreen span {text-align: center;
            background: transparent!important;
            width: 110px;
            padding-left: 30px !important;
            height: 109px;
            border: 0px solid red;
            padding-top: 53px !important;
            margin-top: -60px;
            margin-left: -7px;}
         
      
          li.active.gallerygreen
          {background: #009E30 url(../../frontend/images/gallery-white.png) top !important;
            background-repeat: no-repeat!important;
            border-radius: 5px;
            padding: 8px;
            margin: 5px;
            margin-right: 11px;
            padding-top: 61px;
            color: #fff !important;
            background-position-x: 40px !important;
            background-position-y: 15px !important;background-size: 32% !important;
            width: 110px !important;
            height: 110px !important;}
      
            
            li.active.gallerygreen span {color:#fff!important;}



            .green-hd1 {
                color:#009E30;
                font-family: 'Muli', sans-serif;
    font-size: 16px;
    letter-spacing: 0.8px;
    font-weight: 600;
            }
            .green-hd1:before {
                color:#009E30;
                content: "\f0d7";
                /* font-family: fangsong; */
                font: normal normal normal 16px/1 FontAwesome;
                float: right;
                margin-top: 6px;
                display:none;
            }




            .bg-green{
                
              
                margin-bottom: 15px;
                border: 0px;
                width: 100%;
                background: transparent linear-gradient(91deg, #F7F7FB 0%, #0B9234 100%) 0% 0% no-repeat padding-box;
                border-radius: 10px;
            }

            .bg-green .media:before {
    border-left: 8px solid #009E30;
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    border-radius: 5px;
}
            .bg-green h2 {
                color:#009E30;
                font-size: 14px;
            }

            
            
              .gn-table th {color: #009E30;
                font-weight: normal;
                font-size: 13px;}

              .bg-1 {
                  background: transparent linear-gradient(245deg, #52ab5f 0%, #44734a 100%) 0% 0% no-repeat padding-box;
                  border-radius: 10px;
                 
                 
                  border: 0px;
                  width: 100%;
                  font-size: 14px;
                  color: #fff;
                 min-height: 128px;
                  letter-spacing: 0px;
                  font-weight: 500;

            }
            .bg-2{
                background:transparent linear-gradient(240deg, #79c1ab 0%, #2c6b68bf 100%) 0% 0% no-repeat padding-box;
                border-radius: 10px;
                border: 0px;
                width: 100%;
               
                font-size: 14px;
    color: #fff;

    letter-spacing: 0px;
    font-weight: 500;
	min-height: 128px;
          }
		  .bg-2 p {
    line-height: normal;
}

          
          .col-xs-8 { width: 85%!important;}

          .col-xs-4 { width: 15%!important;}

          .col-xs-4 img{width: 30px;
            height: 30px !important;
            margin-left: -18px;
            margin-top: 7px;
            border-radius: 50%;}


.projectmenu1
      {background: #ffffff url(../../frontend/images/building-status-grey.png)center !important;
        background-repeat: no-repeat!important;
    border-radius: 5px;
    padding: 8px;
    margin: 5px;
    margin-right: 11px;
    padding-top: 61px;
    color: #fff !important;
    background-position-x: 37px !important;
    background-position-y: 19px !important;
    background-size: 32% !important;
    width: 110px !important;
    height: 110px !important;}

        .projectmenu1 span {text-align: center;
          background: transparent!important;
          width: 110px;
          padding-left: 4px !important;
          line-height: 17px !important;
          padding-top: 20px !important;
          margin-left: -7px;
          height: 110px;
          border: 0px solid red;
          padding-top: 80px !important;
          margin-top: -77px;
          line-height: 20px !important;}

      li.active.projectmenu1
      {background: #009E30 url(../../frontend/images/projectmenu-white.png) center !important;
        background-repeat: no-repeat!important;
    border-radius: 5px;
    padding: 8px;
    margin: 5px;
    margin-right: 11px;
    padding-top: 61px;
    color: #fff !important;
    background-position-x: 37px !important;
    background-position-y: 19px !important;
    background-size: 32% !important;
    width: 110px !important;
    height: 110px !important;}

      li.active.projectmenu1 span {color:#fff!important;}



      table td {
        border: 0px solid #f1f0f0 !important;
    }

    table.table > tbody > tr > td {
        border: 0px solid #f1f0f0 !important;
        font-weight: 500 !important;
    }


    li.active.past span {color: #F24851!important; font-weight: 600;}
    li.active.contact span {color: #F24851!important; font-weight: 600;}
    li.active.projecttxt span {color: #F24851!important; font-weight: 600;}

    

    /* .btn {
       
        padding: 12px 12px !important;    font-size: 15px !important;} */



        /* yellow house */
        .price span span 
        {background: #F1F1F1 url(../../frontend/images/wallet-grey.png) center !important;
          background-repeat: no-repeat!important; width: 37px!important;
          height: 37px!important;
          display: flex;
          border-radius: 5px;
          padding: 8px;
          margin: 5px;margin-right: 11px;
          
        }
    
        li.active.price span span
        {background: #EBC209 url(../../frontend/images/Wallet-White.png) center !important;
          background-repeat: no-repeat!important;
          width: 37px!important;
          height: 37px!important;
          display: flex;
          border-radius: 5px;
          padding: 8px;
          margin: 5px;margin-right: 11px;}
    

          .payment span span 
        {background: #F1F1F1 url(../../frontend/images/pay-grey.png) center !important;
          background-repeat: no-repeat!important; width: 37px!important;
          height: 37px!important;
          display: flex;
          border-radius: 5px;
          padding: 8px;
          margin: 5px;margin-right: 11px;
          
        }
    
        li.active.payment span span
        {background: #EBC209 url(../../frontend/images/pay-white.png) center !important;
          background-repeat: no-repeat!important;
          width: 37px!important;
          height: 37px!important;
          display: flex;
          border-radius: 5px;
          padding: 8px;
          margin: 5px;margin-right: 11px;}

          .land span span 
          {background: #F1F1F1 url(../../frontend/images/flats-grey.png) center !important;
            background-repeat: no-repeat!important; width: 37px!important;
            height: 37px!important;
            display: flex;
            border-radius: 5px;
            padding: 8px;
            margin: 5px;margin-right: 11px;
            
          }
      
          li.active.land span span
          {background: #EBC209 url(../../frontend/images/flats-white.png) center !important;
            background-repeat: no-repeat!important;
            width: 37px!important;
            height: 37px!important;
            display: flex;
            border-radius: 5px;
            padding: 8px;
            margin: 5px;margin-right: 11px;}
    
          

            .hide-bullets {
              list-style: none;
              margin-left: -40px;
              margin-top: 20px;
              display: block;
          }
          .thumbnail {
            padding: 0;
        }
        .thumbnail {
            display: block;
            padding: 4px;
            margin-bottom: 20px;
            line-height: 1.42857143;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 4px;
            -webkit-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }
          .thumbnail>img, .thumbnail a>img {
            margin-right: auto;
            margin-left: auto;
            height: 70px !important;
			    object-fit: cover;
        }

         .thumbnail a>iframe { margin-right: auto;
          margin-left: auto;
          height: 90px !important;}

        .hide-bullets li  {
          padding:0px;border:0px solid !important
      }
      .hide-bullets li a {
        padding:5px !important;border:0px solid !important
    }

    .carousel-control.right, .carousel-control.left {
    
      background-image: none!important;
      
      font-size: 15px!important;
  }

  .hide-bullets li a:hover, .hide-bullets li a.active {
    background:#F24851 !important;
    }

.carousel-inner {
    text-align: center !important;
  margin: 0 auto !important;
  display: inline-grid !important;
}

.yellow-hd1 {
  color: #EBC209;
  padding-left:20px;
  letter-spacing: 0.8px;
    font-weight: 600;
    font-size: 15px;
	display:flex;
}
.yellow-hd1:before {
  color:#EBC209;
  content: "\f111";
  /* font-family: fangsong; */
  font: normal normal normal 12px/1 FontAwesome;
  float: left;
  margin-top: 6px;
  margin-right: 10px;
  }
  .table td:first-child {
    padding-left: 25px;
}

.yellow-txt {color:#EBC209;font-size: 15px;}

.table-yellow {background:white}

.table-yellow th {color:#EBC209; font-weight: 500;background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #0000000D;
  opacity: 1;padding: 8px;font-size: 14px;}

.table-yellow td {color:#333131; padding: 8px; background: #fff;}

.yellow-hd {
  color: #EBC209;
  letter-spacing: 0.8px;
    font-weight: 500;font-size: 15px;
}

.yellow-hd:before {
  color: #EBC209;
  background: #f2485128 url(../../frontend/images/yellowbtn.png) center !important;
  background-repeat: no-repeat!important;
  color: #009E30;
  content: " ";
  /* font-family: fangsong; */
  font: normal normal normal 14px/1 FontAwesome;
  float: right;
  background: rgb(241 180 182 / 50%);
  /* opacity: 0.8; */
  padding: 17px;
  border-radius: 50%;
  margin-top: -3px;
  background-size: 96% !important;
}

.bg-yellow {
  background: transparent linear-gradient(258deg, #F3B740 0%, #EBC209 100%) 0% 0% no-repeat padding-box;
border-radius: 5px;
opacity: 1;
 
  padding: 15px;
  margin-bottom: 15px;
  border: 0px;
  color: #fff;

}

.col-xs-2 img {
  width: auto;
  margin: -3px 5px;
}

table {background: #fff !important; margin-bottom:10px!important;}

.green-hd2 { color: #009E30;
  letter-spacing: 0.8px;
  font-weight: 500 !important;
  font-size: 15px;}
.green-hd2 i.rounded-circle {
    background:rgba(105, 203, 119, .18);
    flex: 0 0 35px;
    max-width: 35px;
    text-align: center;
    line-height: 35px;
    height: 35px;
}
   
.icon-menu {
    display: flex;
    flex-wrap: wrap;
	margin: 0 !important;
    padding: 0 !important;
}
      .icon-menu li {flex: 0 0 25%;
    max-width: 25%;
    white-space: normal;
    display: flex;
	font-weight: normal;
	font-size: 13px;
	    align-items: center; line-height:normal; margin-bottom:15px;
		padding-right:10px;
    }
      .icon-menu li img {
        margin-right:15px;
        height: 40px;
        width: 40px;
        padding: 0;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: -1px 3px 9px #dcdcdc;
        border-radius: 50%; 
   }


    .table3 td, .table3 th {
      padding: 10px 15px;
      vertical-align: top;
      border-top: 0px solid #eceeef;
      font-size: 15px;
      color:#4E4E4E;
      font-weight: 500;
    }


    .table3 td small {    color: #828282;
      font-size: 12px;
      padding-bottom: 10px;
      display: inline-block;}
    li.active.overview span {color: #009E30!important; font-weight: 600;}
    li.active.reraorverview span {color: #009E30!important; font-weight: 600;}
    li.active.wing span {color: #629973!important; font-weight: 600;}




    /**
 * jquery-bootstrap-scrolling-tabs
 * @version v0.0.1
 * @link https://github.com/mikejacobson/jquery-bootstrap-scrolling-tabs
 * @author Mike Jacobson <michaeljjacobson1@gmail.com>
 * @license MIT License, http://www.opensource.org/licenses/MIT
 */
/* line 13, jquery.scrolling-tabs.scss */
.scrtabs-tab-container * {
  box-sizing: border-box !important;
}

/* line 17, jquery.scrolling-tabs.scss */
.scrtabs-tab-container {
  height: 42px;background: transparent;
}
/* line 19, jquery.scrolling-tabs.scss */
.scrtabs-tab-container .tab-content {
  clear: left;
}

/* line 24, jquery.scrolling-tabs.scss */
.scrtabs-tabs-fixed-container {
  float: left;
  height: 42px;
  overflow: hidden;
  width: 96% !important;
}

.scrtabs-tabs-fixed-container  .nav-tabs {border-bottom: 0px solid #ddd!important;}

/* line 31, jquery.scrolling-tabs.scss */
.scrtabs-tabs-movable-container {
  position: relative;
}
/* line 33, jquery.scrolling-tabs.scss */
.scrtabs-tabs-movable-container .tab-content {
  display: none; padding-top:0px !important;
}


.scrtabs-tabs-movable-container .tab-content .tab-pane {
  
  padding-top: 0px !important;
}
/* line 38, jquery.scrolling-tabs.scss */
.scrtabs-tab-scroll-arrow {
  border: 0px solid #dddddd !important;
  border-top: none;
  color:  #009e30!important;
  cursor: pointer;
  float: left;
  font-size: 18px;
  height: 42px;
  margin-bottom: -1px;
  padding-left: 2px;
  padding-top: 13px;
  width: 20px;
}
/* line 50, jquery.scrolling-tabs.scss */
.scrtabs-tab-scroll-arrow:hover {
  background-color: #eeeeee;
}

/* line 55, jquery.scrolling-tabs.scss */
.scrtabs-tabs-fixed-container ul.nav-tabs {
  height: 41px;
}
/* line 57, jquery.scrolling-tabs.scss */
.scrtabs-tabs-fixed-container ul.nav-tabs > li {
  white-space: nowrap;
  border: 0px solid red !important; background:#fff; height: 41px;
}

/* line 63, jquery.scrolling-tabs.scss */
.scrtabs-tab-content-outside-movable-container .nav-tabs {
  display: none;
}

.scrtabs-tabs-movable-container ul li.active > a {border: 0;
  border-bottom: 0px solid #009e30!important;
  color: #009e30!important;
  background: none;font-weight: 600;}

  .scrtabs-tabs-movable-container  ul li a:hover, .scrtabs-tabs-movable-container  ul li a.active {
  background: transparent!important;
  text-decoration: none;
  color: #009e30!important;
}

.scrtabs-js-tab-scroll-arrow-right {
  float: right;
  margin-top: -2px;
  z-index: 99999;
  position: absolute;
  right: 0;}

  .scrtabs-tabs-movable-container ul a {
 
  color: #212121!important;
  text-transform: capitalize!important;

}

.cls {background: #ffffff !important;
  padding: 0 5px 5px!important;
  border-radius: 50%!important;
  color: black!important;
  font-size: 24px !important;
  font-weight: 700!important;
  float: right!important;
  margin-top: -29px!important;
  margin-right: -28px!important;
  z-index: 99;
}

.modal-backdrop.in {
  filter: alpha(opacity=50)!important;
  opacity: -0.1 !important;
}
.txt-b {color: #333131;
  font-size: 14px;
  /*font-style: italic;*/
  font-weight: 500;}

  .txt-black {color:#000000;}

  .txt-black h4 {padding-left: 18px;}
.bg-yellow h4{ font-size:18px;}
.bg-yellow h4 a{ color:#fff}


  .bluebtn {background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 10px #0000000D;
    opacity: 1;
    color: #0B82EE !important;
    font-size: 15px !important;
    padding: 5px 15px!important;
    border-radius: 5px;}

    .modal-backdrop {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: #000;
  }
  .card-body {padding-top:10px}
  

  .hdludo {
    font-size: 20px;
    padding-top: 11px;
}


  .txt-hd {color: #000;
    font-weight: 500;
    height: 55px;
    font-family: 'Muli', sans-serif;
    font-size: 16px;}
    .table2  small {color:#828282}

    .yellowbg {/*background: #F8DE5E;*/  padding:0; margin-bottom: 5px;}




    .col-xs-3 img {width:55px;}

    .red-bg {
     /* background:#F8F8F8 url(../../frontend/images/redbg.png) !important; background-repeat: no-repeat !important; */
}

.green-bg {
  /* background:#F8F8F8 url(../../frontend/images/greenbg.png) !important; background-repeat: no-repeat !important;  */
}

.yellow-bg {
  /* background:#F8F8F8 url(../../frontend/images/yellowbg.png) !important; background-repeat: no-repeat !important;  */
}
/*
.padding {position: fixed !important; bottom:15px !important
  
}

.padding .green-txt {}*/
.margin-top {margin-top:-8px !important;}

/* .modal-content {
 
  max-width: 900px !important;
  margin: 50px auto !important;
} */


.table-yellow a {color:#EBC209}

.table-yellow td {color:#000 !important}

  .table-yellow  td:nth-child(3), .table-yellow td:first-child {
                  color: #000!important;
                  font-weight: normal;
              }

              @media (min-width: 1200px){
.container {
    max-width: 95%!important;
}}

@media (min-width: 992px)
{
  .container {
      max-width: 95%!important;
  }}

 
  




.h5-txt {
    font-size: 15px;
    padding: 0 15px;
    font-weight: 600;
}

/*.italic-txt {font-weight: 500; font-style: italic;}*/


.color-table td:first-child {
  color:#818181;
	font-weight: normal;
}

/*.color-table td:nth-child(2), .color-table td:nth-child(4) {
  font-style: italic;
}*/
table.color-table td:nth-child(3) {
  color: #818181 !important;
  font-weight: normal;
}

#profile_text {font-size:13px;line-height:22px;}


.table td:nth-child(2), .table td:nth-child(4) {
  font-weight: 700 !important;
}

.link-bold {color: #232222;
  font-size: 12px;
  font-weight: 600;}
.value-txt
  {color:#5D5C5C; 
    /*font-style: italic; */
    font-weight: 500; 
    font-size: 12px;}


  .gn-table th {font-weight: 600!important;}


 .normal-table td:nth-child(2), .normal-table td:nth-child(4) {
  font-weight: 700 !important;
  font-style: normal; 
}


.bg-green p {margin-bottom:0px !important}


.review span span 
{background: #F1F1F1 url(../../frontend/images/Reviews_gray.png) center !important;
  background-repeat: no-repeat!important; width: 37px!important;
  height: 37px!important;
  display: flex;
  border-radius: 5px;
  padding: 8px;
  margin: 5px;margin-right: 11px;
  background-size: 70% !important;
  
}

li.active.review span span
{background: #45A0F2 url(../../frontend/images/Reviews_blue.png) center !important;
  background-size: 70% !important;
  background-repeat: no-repeat!important;
  width: 37px!important;
  height: 37px!important;
  display: flex;
  border-radius: 5px;
  padding: 8px;
  margin: 5px;margin-right: 11px;}


  
.rental span span 
{background: #F1F1F1 url(../../frontend/images/rental_property_gray.png) center !important;
  background-size: 70% !important;
  background-repeat: no-repeat!important; width: 37px!important;
  height: 37px!important;
  display: flex;
  border-radius: 5px;
  padding: 8px;
  margin: 5px;margin-right: 11px;
  
}

li.active.rental span span
{background:#45A0F2 url(../../frontend/images/rental_property_blue.png) center !important;
  background-size: 70% !important;
  background-repeat: no-repeat!important;
  width: 37px!important;
  height: 37px!important;
  display: flex;
  border-radius: 5px;
  padding: 8px;
  margin: 5px;margin-right: 11px;}


  
.resale span span 
{background: #F1F1F1 url(../../frontend/images/Resale_gray.png) center !important;
  background-size: 70% !important;
  background-repeat: no-repeat!important; width: 37px!important;
  height: 37px!important;
  display: flex;
  border-radius: 5px;
  padding: 8px;
  margin: 5px;margin-right: 11px;
  
}

li.active.resale span span
{background:#45A0F2 url(../../frontend/images/Resale_blue.png) center !important;
  background-size: 70% !important;
  background-repeat: no-repeat!important;
  width: 37px!important;
  height: 37px!important;
  display: flex;
  border-radius: 5px;
  padding: 8px;
  margin: 5px;margin-right: 11px;}







  .b4hreview 
  {background: #ffffff url(../../frontend/images/B4H_Reviews_gray.png)top !important;
    background-repeat: no-repeat!important;
    border-radius: 5px;
    
    margin: 5px;
    margin-right: 11px;
    padding-top: 61px;
    color: #fff !important;
    background-position-x: 40px !important;
    background-position-y: 11px !important;
    background-size: 32% !important;
    width: 110px !important;
    height: 110px !important;}
    
  .b4hreview span {text-align: center;
    background: transparent!important;
         padding-left: 12px !important;
         width: 110px !important;
    height: 110px !important;
   border: 0x solid red;
    padding-top: 48px !important;
    margin-top: -60px;margin-left:-8px
    }
 

  li.active.b4hreview
  {background: #45A0F2 url(../../frontend/images/B4H_Reviews_white.png) top !important;
    background-repeat: no-repeat!important;
    border-radius: 5px;
   
    margin: 5px;
    margin-right: 11px;
    padding-top: 61px;
    color: #fff !important;
    background-position-x: 40px !important;
    background-position-y: 15px !important;background-size: 32% !important;
    width: 110px !important;
    height: 110px !important;}

    
    li.active.b4hreview span {color:#fff!important;}



    

  .custreview 
  {background: #ffffff url(../../frontend/images/Customer_Reviews_gray.png)top !important;
    background-repeat: no-repeat!important;
    border-radius: 5px;
    
    margin: 5px;
    margin-right: 11px;
    padding-top: 61px;
    color: #fff !important;
    background-position-x: 40px !important;
    background-position-y: 11px !important;
    background-size:28% !important;
    width: 110px !important;
    height: 110px !important;}
    
  .custreview span {text-align: center;
    background: transparent!important;
         padding-left: 12px !important;
         width: 110px !important;
    height: 110px !important;
   border: 0x solid red;
    padding-top: 48px !important;
    margin-top: -41px;margin-left:-8px; line-height: 18px !important;
    }
 

  li.active.custreview
  {background: #45A0F2 url(../../frontend/images/Customer_Reviews_white.png) top !important;
    background-repeat: no-repeat!important;
    border-radius: 5px;
   
    margin: 5px;
    margin-right: 11px;
    padding-top: 61px;
    color: #fff !important;
    background-position-x: 40px !important;
    background-position-y: 15px !important;background-size:28% !important;
    width: 110px !important;
    height: 110px !important;}

    
    li.active.custreview span {color:#fff!important;}

.greenbtn {background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 10px #0000000d;
  opacity: 1;
  color:#009E30  !important;
  font-size: 15px !important;
  padding: 5px 15px!important;
  border-radius: 5px;}

.review-hd {color: #212121;
  text-align: left;
  font-weight: 500;
  padding:10px 0
  }

 .review-name {color: #45a0f2;
    text-align: right;
    font-weight: 500;
    /*font-style: italic;*/
    padding:10px 0}
	
	
	
	
	
	
@media screen and (max-width:1439px) {
.icon-menu li {
    flex: 0 0 33%;
    max-width: 33%;
    padding-right: 20px;
}
}


@media screen and (max-width:991px) {
.icon-menu li {flex: 0 0 50%;max-width: 50%;}
}


@media screen and (max-width:767px) {
.icon-menu li {flex: 0 0 100%;max-width: 100%;}
.housetxt p, .housetxt_flip p{
  line-height: 15px;
}
}


.lds-grid {
display: inline-block;
position:fixed; left:0; right:0; margin:0 auto;
top:30%;
width: 80px;
height: 80px;
}
.lds-grid div {
position: absolute;
width: 16px;
height: 16px;
border-radius: 50%;
background:#04b3dc;
animation: lds-grid 1.2s linear infinite;
}
.lds-grid div:nth-child(1) {
top: 8px;
left: 8px;
animation-delay: 0s;
}
.lds-grid div:nth-child(2) {
top: 8px;
left: 32px;
animation-delay: -0.4s;
}
.lds-grid div:nth-child(3) {
top: 8px;
left: 56px;
animation-delay: -0.8s;
}
.lds-grid div:nth-child(4) {
top: 32px;
left: 8px;
animation-delay: -0.4s;
}
.lds-grid div:nth-child(5) {
top: 32px;
left: 32px;
animation-delay: -0.8s;
}
.lds-grid div:nth-child(6) {
top: 32px;
left: 56px;
animation-delay: -1.2s;
}
.lds-grid div:nth-child(7) {
top: 56px;
left: 8px;
animation-delay: -0.8s;
}
.lds-grid div:nth-child(8) {
top: 56px;
left: 32px;
animation-delay: -1.2s;
}
.lds-grid div:nth-child(9) {
top: 56px;
left: 56px;
animation-delay: -1.6s;
}
@keyframes lds-grid {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.5;
}
}

.lds-grid {
z-index: 10213;
}

@media screen and (max-width:767px) {
  .housetxt p, .housetxt_flip p{
    line-height: 15px;
  }
}
@media screen and (max-width: 480px){.housetxt{padding:5px}

.knw_mr {left:5px; bottom:5px}
}