@import "../fonts/awesome5.3.1/css/all.min.css";
@import url(//fonts.googleapis.com/css?family=Raleway:400,700);
@import "animate.css";
/*========================================================
                      Main Styles
=========================================================*/
html{
    height:100%;  
    font-size:16px;
}
body{
  color: #121212;
  font: 400 16px/24px "Raleway", "Microsoft YaHei", Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: none;   
  min-height: 100%;  /*make the height to fit the brower*/
}
main {
    min-height:60vh !important;
	
}
main>div.container{padding:30px 0;}
.container {width:1170px !important}
@media(max-width:1169px){
  .container {width:100% !important}
}
img {
  max-width: 100%;
  height: auto !important;
}
a img
{
	border-style:none;
}
ul.nav li.dropdown:hover ul.dropdown-menu{
    display: block;
}
.pagetitleleft{
	font-size:1.5em;
	font-weight:400;
	line-height:200%;
	padding-left:30px;
}
/*=====card=====*/

.card {
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.23);
  background-color: #FFFFFF;
  margin-bottom: 20px;
}
.card .image {
  width: 100%;
  overflow: hidden;
  height: 260px;
  border-radius: 6px 6px 0 0;
  position: relative;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.card .image img {
  width: 100%;
}
.card .filter {
  position: absolute;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.68);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0;
  filter: alpha(opacity=0);
}
.card .filter .btn {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.card:hover .filter {
  opacity: 1;
  filter: alpha(opacity=100);
}
.card .btn-hover {
  opacity: 0;
  filter: alpha(opacity=0);
}
.card:hover .btn-hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.card .content {
  padding: 15px 15px 10px 15px;
}
.card .category {
  font-size: 14px;
  color: #9A9A9A;
  margin-bottom: 0px;
}
.card .category i {
  font-size: 16px;
}
.card .title {
  margin: 0 0 10px 0;
  color: #333333;
  font-weight: 300;
}
.card .avatar {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 5px;
}
.card .description {
  font-size: 14px;
  color: #333;
}
.card .footer {
  padding: 0;
  background-color: transparent;
  line-height: 30px;
}
.card .footer div {
  display: inline-block;
}
.card .stats {
  margin-right: 5px;
  color: #9A9A9A;
}
.card .stats.pull-right {
  margin-left: 5px;
  margin-left: 0;
}
.card .card-link {
  color: #9A9A9A;
}
.card .author {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.card .author i {
  font-size: 14px;
}
.card h6 {
  font-size: 12px;
  margin: 0;
}
.card.card-separator:after {
  height: 100%;
  right: -15px;
  top: 0;
  width: 1px;
  background-color: #DDDDDD;
  content: "";
  position: absolute;
}

.card-user .image {
  height: 110px;
}
.card-user .image-plain {
  height: 0;
  margin-top: 110px;
}
.card-user .author {
  text-align: center;
  text-transform: none;
  margin-top: -70px;
}
.card-user .avatar {
  width: 124px;
  height: 124px;
  border: 5px solid #FFFFFF;
  position: relative;
  margin-bottom: 15px;
}
.card-user .avatar.border-gray {
  border-color: #EEEEEE;
}
.card-user .title {
  line-height: 24px;
}
.card-user .content {
  min-height: 240px;
}

.card-product .image {
  height: auto;
}
.card-product .title {
  margin: 0;
}
.card-product .price {
  font-size: 18px;
  color: #9A9A9A;
  font-weight: 300;
}
.card-product .price-old {
  text-decoration: line-through;
  font-size: 16px;
  color: #9A9A9A;
}
.card-product .price-new {
  color: #FF3B30;
}
.card-product .footer {
  line-height: 40px;
  margin: 0;
}
.card-product .carousel-control {
  width: 40px;
  text-shadow: 0 0 0;
  color: #9A9A9A;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.card-product .carousel-control.left .fa {
  left: 5px;
}
.card-product .carousel-control.right .fa {
  left: auto;
  right: 5px;
}
.card-product .carousel-control:hover, .card-product .carousel-control:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.card-refine .header {
  padding: 10px 15px 0px 15px;
}
.card-refine .header h4 {
  line-height: 40px;
}
.card-refine .content {
  padding: 0;
}
.card-refine .panel {
  background-color: transparent;
  border-bottom: 0;
  border-top: 1px solid #DDDDDD;
}
.card-refine .panel-heading {
  padding: 0;
  box-shadow: 0 0 0;
  border-radius: 0;
}
.card-refine .panel-default > .panel-heading {
  box-shadow: 0 0 0;
  background-color: transparent;
}
.card-refine .panel-group .panel-heading + .panel-collapse .panel-body {
  border: 0;
}
.card-refine .panel-group .panel-title {
  font-size: 12px;
}
.card-refine .panel-title a {
  padding: 17px 15px;
  display: block;
}
.card-refine .slider {
  margin-top: 10px;
}
.card-refine .radio,
.card-refine .checkbox {
  margin-top: -5px;
}
.card-refine .price-left {
  float: left;
}
.card-refine .price-right {
  float: right;
}
.card-refine .panel-scroll {
  height: 273px;
  overflow-y: scroll;
}
.card-refine .panel-group .panel + .panel {
  margin: 0;
}
.card-refine .collapsed i {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.card-price {
  position: relative;
}
.card-price .price {
  font-weight: 300;
  text-align: center;
  font-size: 66px;
}
.card-price .price small {
  margin-right: 4px;
  margin-left: -13px;
  color: #333333;
}
.card-price .category {
  text-align: center;
  margin-top: 10px;
}
.card-price .content {
  min-height: 330px;
}
.card-price .list-unstyled {
  padding-top: 20px;
  font-size: 14px;
  text-align: center;
  color: #9A9A9A;
}
.card-price .list-unstyled b {
  color: #333333;
}
.card-price .list-unstyled li {
  margin-bottom: 5px;
}
.card-price .list-lines {
  text-align: left;
}
.card-price .list-lines li {
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid #E3E3E3;
}
.card-price .list-lines li:last-child {
  border: 0;
}
.card-price .fa {
  width: 26px;
  text-align: center;
  font-size: 16px;
}
.card-price.card-price-best-deal {
  margin-top: -25px;
}
.card-price.card-price-best-deal .content {
  min-height: 380px;
}

.card-background {
  position: relative;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.card-background .image {
  border-radius: 6px;
}
.card-background .filter {
  opacity: 0.55;
  filter: alpha(opacity=55.0);
  border-radius: 6px;
}
.card-background:hover .filter {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.card-background .title,
.card-background .stats,
.card-background .category,
.card-background .description,
.card-background small,
.card-background a,
.card-background a:visited {
  color: #FFFFFF;
}
.card-background small {
  font-weight: 400;
}
.card-background .title {
  margin-top: 30px;
  font-weight: 400;
}
.card-background .content,
.card-background .footer {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
}
.card-background .footer {
  bottom: 0;
  top: auto;
  padding: 10px 15px;
  width: 100%;
  line-height: 40px;
  color: #FFFFFF;
}
.card-background .avatar {
  border: 2px solid #FFFFFF;
  width: 32px;
  height: 32px;
}
.card-background .video {
  overflow: hidden;
  border-radius: 6px;
  position: relative;
  max-height: 300px;
}
.card-background video {
  width: 100%;
  border-radius: 6px;
  -webkit-border-radius: 6px;
}
.card-background.state-play .filter, .card-background.state-play .content, .card-background.state-play .category, .card-background.state-play .btn, .card-background.state-play .stats {
  opacity: 0;
  filter: alpha(opacity=0);
}
.card-background.state-play:hover .btn {
  opacity: 1;
  filter: alpha(opacity=100);
}
.card-background .map {
  border-radius: 6px;
  height: 300px;
}
.card-background h1.title {
  font-weight: 300;
}
.card-background .price {
  margin: 0;
  color: #FFFFFF;
}

.card-refine .btn-xs,
.card-product .btn-xs {
  margin: 8px 0;
}
.card-refine .btn-simple,
.card-product .btn-simple {
  padding-left: 0;
  padding-right: 0;
}

.card-user .footer,
.card-price .footer {
  padding: 5px 15px 10px;
}
.card-user hr,
.card-price hr {
  margin: 5px 15px;
}

.card-plain {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
}
.card-plain .image {
  border-radius: 4px;
}

.filter.filter-white {
  background-color: rgba(255, 255, 255, 0.91);
}

.filter.filter-blue {
  background-color: rgba(9, 82, 239, 0.69);
}

.filter.filter-azure {
  background-color: rgba(0, 146, 248, 0.69);
}

.filter.filter-green {
  background-color: rgba(4, 124, 10, 0.69);
}

.filter.filter-orange {
  background-color: rgba(204, 119, 0, 0.69);
}

.filter.filter-red {
  background-color: rgba(252, 13, 0, 0.69);
}

@media (min-width: 768px) {
  .card-horizontal .image {
    border-radius: 6px 0 0 6px;
  }
  .card-horizontal .image img {
    height: 100%;
    width: auto;
  }
  .card-horizontal .description {
    min-height: 100px;
  }
  .card-horizontal .content {
    padding: 15px 15px 10px 0;
  }
}
.circlecard{
	border-radius: 50%;
    width: 180px;
    height: 180px;
    background: #0380db;
    padding: 25px;
    text-align: center;
    box-shadow: 1px 1px 5px rgba(1, 2, 2, 0.29);
    display:inline-block;
    margin: 2px;
}
.circlecard h1, .circlecard h2, .circlecard h3, .circlecard h4, .circlecard h5 {
    text-align: center;
    border-bottom: solid 1px #fff;
    color: #fff;
}
.circlecard p{
text-align:center;
line-height:150%;
color:#fff;
}
.circlecard a:hover{color:#fff;}
/*---info features---*/
.info {
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;
	background-color:rgba(255,255,255,0.7);
	border-radius:5px;
	padding:15px;
}
.info .icon {
  margin-top: 0;
}
.info h2,
.info .h2,
.info h3,
.info .h3
.info h4,
.info .h4 {
  margin-top: 20px;
  margin-bottom: 5px;
}

.info-horizontal {
  text-align: left;
  margin-top: 0;
}
.info-horizontal .icon {
  float: left;
  margin-top: 20px;
  margin-right: 20px;
}
.info-horizontal .description {
  overflow: hidden;
}
/*grid gallery*/
.block-with-text {
  overflow: hidden;
  position: relative;   
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
}
.block-with-text.line-1 {
    line-height: 1.2em;
    height: 1.2em; /* max-height = line-height (1.2) * lines max number (3) */
}
.block-with-text.line-2 {
    line-height: 1.2em;
    height: 2.4em; 
}
.block-with-text-line-3 {
    line-height: 1.2em;
    max-height: 3.6em; 
}
.row.grids>div.col-xs-6:nth-child(n+1){
	clear:none ;	
}
.row.grids>div.col-xs-6:nth-child(2n+1){
	clear:left;	
}

@media(min-width:767px){
	.row.grids>div.col-sm-6:nth-child(n+1),
	.row.grids>div.col-sm-4:nth-child(n+1),
	.row.grids>div.col-sm-3:nth-child(n+1),
	.row.grids>div.col-sm-2:nth-child(n+1){
		clear:none;}
	.row.grids>div.col-sm-6:nth-child(2n+1),
	.row.grids>div.col-sm-4:nth-child(3n+1),
	.row.grids>div.col-sm-3:nth-child(4n+1),
	.row.grids>div.col-sm-2:nth-child(6n+1){
		clear:left;
	}
}
@media(min-width:991px) {
	.row.grids>div.col-md-6:nth-child(n+1),
	.row.grids>div.col-md-4:nth-child(n+1),
	.row.grids>div.col-md-3:nth-child(n+1),
	.row.grids>div.col-md-2:nth-child(n+1){
		clear:none ;
	}
	.row.grids>div.col-md-6:nth-child(2n+1),
	.row.grids>div.col-md-4:nth-child(3n+1),
	.row.grids>div.col-md-3:nth-child(4n+1),
	.row.grids>div.col-md-2:nth-child(6n+1){
		clear:left ;
	}
}
@media( min-width:1200px){
	.row.grids>div.col-lg-6:nth-child(n+1),
	.row.grids>div.col-lg-4:nth-child(n+1),
	.row.grids>div.col-lg-3:nth-child(n+1),
	.row.grids>div.col-lg-2:nth-child(n+1)
	{clear:none ;}	
	.row.grids>div.col-lg-6:nth-child(2n+1),
	.row.grids>div.col-lg-4:nth-child(3n+1),
	.row.grids>div.col-lg-3:nth-child(4n+1),
	.row.grids>div.col-lg-2:nth-child(6n+1){
		clear:left ;
	}
}



.grid {
    position:relative;    
    overflow:hidden;   
    -webkit-backface-visibility: hidden; /* add to fix webkit bug jitter */
    -webkit-transform: perspective(1000px); /* add to fix webkit bug jitter */
}
.grid-1by8 {padding-bottom:800%;}
.grid-2by15 {padding-bottom:750%;}
.grid-2by14 {padding-bottom:700%;}
.grid-2by13 {padding-bottom:650%;}
.grid-1by6 {padding-bottom:600%;}
.grid-2by11 {padding-bottom:550%;}
.grid-1by5 {padding-bottom:500%;}
.grid-2by9 {padding-bottom:450%;}
.grid-1by4 {padding-bottom:400%;}
.grid-2by7 {padding-bottom:350%;}
.grid-1by3 {padding-bottom:300%;}
.grid-2by5 {padding-bottom:250%;}
.grid-1by2 {padding-bottom:200%;}
.grid-2by3 {padding-bottom:150%;}
.grid-1by1 {padding-bottom:100%;}
.grid-10by9{padding-bottom:90%;}
.grid-5by4{padding-bottom:80%;}
.grid-10by7{padding-bottom:70%;}
.grid-5by3{padding-bottom:60%;}
.grid-2by1 {padding-bottom:50%;}
.grid-5by2 {padding-bottom:40%;}
.grid-10by3 {padding-bottom:30%;}
.grid-5by1 {padding-bottom:20%;}
.grid-10by1 {padding-bottom:10%;}
.grid> div{
    position:absolute;
    left:0;
    top:0;
    overflow:hidden;
}
.grid>.item-image {
    width:100%;
    height:100%;
}
    .grid>.item-image .image-wrapper {
        position:absolute;
        width:100%;
        height:100%;
        max-width:100%;
        max-height:100%;
        overflow:hidden;
        
    }
.grid>.item-image img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition:  all 0.5s ease-in-out;
    -moz-transition:  all 0.5s ease-in-out;
    transition:  all 0.5s ease-in-out;
}

.grid>.item-image.top img {
    top:0px;
}
.grid>.item-image.middle img {
    top:50%;
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.grid>.item-image.bottom img {
    top:auto;
    bottom:0px;
}
.grid>.item-image.left img {
    left:0px;
}
.grid>.item-image.center img {
    left:50%;
    -ms-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
}
.grid > .item-image.center.middle img {
    -ms-transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
.grid>.item-image.right img {
    left:auto;
    right:0px;
}
.grid>.item-image.fill-width img {
    min-width:100%;
}
.grid>.item-image.fit-width img {
    max-width:100%;
}
.grid>.item-image.cover-width img {
    width:100%;
}
.grid>.item-image.fill-height img {
    min-height:100%;
}
.grid>.item-image.fit-height img {
    max-height:100%;
}
.grid>.item-image.cover-height img {
    height:100%;
    max-height:100%;
    min-height:100%;
}

.grid:hover>.item-image.middle.center img{
    -o-transform:translate(-50%, -50%) scale(1.5); 
    -webkit-transform:translate(-50%, -50%) scale(1.5); 
    -moz-transform:translate(-50%, -50%) scale(1.5); 
    transform:translate(-50%, -50%) scale(1.5); 

}
.grid:hover>.item-image.middle img{
    -o-transform: translateY(-50%) scale(1.5); 
    -webkit-transform: translateY(-50%) scale(1.5); 
    -moz-transform: translateY(-50%) scale(1.5); 
    transform: translateY(-50%) scale(1.5); 
}

.grid:hover>.item-image.center img{
    -o-transform: translateX(-50%) scale(1.5); 
    -webkit-transform: translateX(-50%) scale(1.5); 
    -moz-transform: translateX(-50%) scale(1.5); 
    transform: translateX(-50%) scale(1.5); 
}

.grid:hover>.item-image img{
    -o-transform: scale(1.5); 
    -webkit-transform: scale(1.5); 
    -moz-transform: scale(1.5); 
    transform: scale(1.5); 
}
.grid>.item-image>.item-hover {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0,0,0,0.6);
	opacity: 0;
    z-index:2;
}
.grid:hover>.item-image .item-hover {
	opacity: 1;
}
.grid .item-image .item-hover .fa-search {
	color: #fff;
	border: 1px solid rgba(255,255,255,0.5);
	border-radius: 100%;
	position: absolute;
	margin: -40px auto 0;
	left: 0;
	right: 0;
	font-size: 16px;
	padding-top: 26px;
	line-height: 1.5em;
	bottom: 0;
	cursor: pointer;
	width: 80px;
	text-align: center;
	height: 80px;
	top: 50%;
}
.grid .item-image .item-hover .fa-search:hover {
	background: rgba(255,255,255,0.7);
	color: #333;
}
.grid .item-caption { 
    top:auto;   
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.20);
    z-index:5;
    padding:15px;
}
.grid:hover .item-caption {
    background: rgba(0,0,0,.65);
}
.grid .item-caption h2, .grid .item-caption h3, .grid .item-caption h4,.grid .item-caption h5,
.grid .item-caption h2 a, .grid .item-caption h3 a, .grid .item-caption h4 a,.grid .item-caption h5 a,  
.grid:hover .item-caption h2, .grid:hover .item-caption h3, .grid:hover .item-caption h4,.grid:hover .item-caption h5 ,
.grid:hover .item-caption h2 a, .grid:hover .item-caption h3 a, .grid:hover .item-caption h4 a,.grid:hover .item-caption h5 a{
    color:#fff;
    text-decoration:none;
}
.grids>div>.item-caption{
    border:1px solid #f0f0f0;
    padding:5px 15px;
}


/*---grid table*/
.grid-table .row.grids{overflow:hidden;}
.grid-table .grids .proplsttype.property-sale:before,
.grid-table .grids .proplsttype.property-lease:before,
.grid-table .grids .proplsttype.property-sold:before,
.grid-table .grids .proplsttype.property-leased:before,
.grid-table .grids .proplsttype.property-openhouse:before{
	height:20px;
	color:#f00;
	float:right;
}
.grid-table .grids .proplsttype.property-sale:before{content:'For Sale';}
.grid-table .grids .proplsttype.property-lease:before{content:'For Lease';}
.grid-table .grids .proplsttype.property-sold:before{content:'Sold';}
.grid-table .grids .proplsttype.property-leased:before{content:'Leased';}
.grid-table .grids .proplsttype.property-openhouse:before{content:'Open House';}
.grid-table .grids-group{
	 padding-left:15px;
	padding-right:15px;	 
 } 
.grid-table .grids>div{	
	border-top:solid 1px #ccc;
	box-sizing:border-box;
	padding-bottom:30px;
	padding-top:30px;
	clear:both;
}
.grid-table .grids .grid-wrapper
{
	width:35%;
	float:left;
}

.grid-table.grid-table-right .grids .grid-wrapper
{
	float:right;
}
.grid-table .grids .item-image img {
	position:relative;	
	width:100%;
	max-width:100%;
	height:auto;
}
 .grid-table .grids .item-caption{
	width:64%;
	float:left;
	padding:0 0 0 30px;
	background:transparent;
    border-style:none;
}
.grid-table.grid-table-right .grids .item-caption{
	padding-left:0px;
    padding-right:30px;
    
}
 .grid-table .grids .item-caption>h2.block-with-text,  .grid-table .grids .item-caption>h3.block-with-text{margin:0px; white-space:nowrap;}
 .grid-table .grids .item-caption h2, .grid-table .grids .item-caption h3, .grid-table .grids .item-caption h4, .grid-table .grids .item-caption h5,
 .grid-table .grids .item-caption h2 a, .grid-table .grids .item-caption h3 a, .grid-table .grids .item-caption h4 a, .grid-table .grids .item-caption h5 a,  
 .grid-table .grids>div:hover .item-caption h2, .grid-table .grids>div:hover .item-caption h3, .grid-table .grids>div:hover .item-caption h4, .grid-table .grids>div:hover .item-caption h5 ,
 .grid-table .grids>div:hover .item-caption h2 a, .grid-table .grids>div:hover .item-caption h3 a, .grid-table .grids>div:hover .item-caption h4 a, .grid-table .grids>div:hover .item-caption h5 a{
    color:#000;
    text-decoration:none;
}
.grid-table .grids>div:hover .item-caption {
    background: transparent;
}
.grid-table .grids .item-caption .block-with-text{position:relative;}  /*compatable with old templates*/
.grid-table .grids  .proptype{padding:5px 0 2px 0px ;}
.grid-table .grids .propprice{
	position:absolute;
	right:0px;
	top:0px;
	font-size:1.4em;
	font-weight:600;
}
.grid-table .grids .propinters {
    padding:2px 0;
    border-bottom:1px solid #f0f0f0;
}
.grid-table .grids dl {
    margin-bottom:20px;
}
 
.grid-table .grids dl dt {
    background:#f5f5f5;
    float:left; 
    font-weight:400;
    margin-right:10px; 
	padding:2px;  
    width:150px; 
	font-size:0.9em;
}
 
.grid-table .grids dl dd {
	background:#f9f9f9;
    margin:2px 0; 
    padding:2px 0;
}
.grid-table .grids .item-caption .propfeature, .grid-table .grids .item-caption .propdesc, .grid-table .grids .item-caption p {
    padding-top:15px;
}
@media(max-width:576px){
	 .grid-table   .grids .grid-wrapper,.grid-table   .grids .item-caption
{
	width:100%;
}
.grid-table  .grids .item-caption{
	padding-left:0px;
	padding-top:15px;
}
 .grid-table .grids .item-caption>h2.block-with-text,  .grid-table .grids .item-caption>h3.block-with-text{
	 font-size:1em;
	 font-weight:700;
 }
 .grid-table .grids .item-caption .block-with-text{
	 font-size:0.9em;
 }
 .grid-table .grids .item-caption .block-with-text dt{
	 font-weight:500;
 }
 
}
.row.grids>div.col-xs-12:nth-child(1),
.row.grids>div.col-xs-6:nth-child(-n+2){
    border-top-style: none;
}
@media(min-width:767px){
    .row.grids > div.col-sm-12:nth-child(1),
    .row.grids > div.col-sm-6:nth-child(-n+2),
    .row.grids > div.col-sm-4:nth-child(-n+3),
    .row.grids > div.col-sm-3:nth-child(-n+4),
    .row.grids > div.col-sm-2:nth-child(-n+6) {
        border-top-style: none;
    }
}
@media(min-width:991px) {
	.row.grids>div.col-md-6:nth-child(-n+2),
	.row.grids>div.col-md-4:nth-child(-n+3),
	.row.grids>div.col-md-3:nth-child(-n+4),
	.row.grids>div.col-md-2:nth-child(-n+6){
		border-top-style: none;
	}
}
@media( min-width:1200px){
	.row.grids>div.col-lg-6:nth-child(-n+2),
	.row.grids>div.col-lg-4:nth-child(-n+3),
	.row.grids>div.col-lg-3:nth-child(-n+4),
	.row.grids>div.col-lg-2:nth-child(-n+6){
        border-top-style:none;
    }
}


/*end of grid gallery*/
/*vertical-offset*/
.vert-offset-top-12{
    margin-top: 12em;
}
.vert-offset-top-11{
    margin-top: 11em;
}
.vert-offset-top-10{
    margin-top: 10em;
}
.vert-offset-top-9{
    margin-top: 9em;
}
.vert-offset-top-8{
    margin-top: 8em;
}
.vert-offset-top-7 {
    margin-top: 7em;
}
.vert-offset-top-6{
    margin-top: 6em;
}
.vert-offset-top-5{
    margin-top: 5em;
}
.vert-offset-top-4{
    margin-top: 4em;
}
.vert-offset-top-3{
    margin-top: 3em;   
}
.vert-offset-top-2{
    margin-top: 2em;
}
.vert-offset-top-1{
    margin-top: 1em;
}
.vert-offset-top-0{
    margin-top: 0em;
}
/* Vertical Offset Bottom */
.vert-offset-bottom-12{
    margin-bottom: 12em;
}
.vert-offset-bottom-11{
    margin-bottom: 11em;
}
.vert-offset-bottom-10{
    margin-bottom: 10em;
}
.vert-offset-bottom-9{
    margin-bottom: 9em;
}
.vert-offset-bottom-8{
    margin-bottom: 8em;
}
.vert-offset-bottom-7{
    margin-bottom: 7em;
}
.vert-offset-bottom-6{
    margin-bottom: 6em;
}
.vert-offset-bottom-5{
    margin-bottom: 5em;
}
.vert-offset-bottom-4{
    margin-bottom: 4em;
}
.vert-offset-bottom-3{
    margin-bottom: 3em;
}
.vert-offset-bottom-2{
    margin-bottom: 2em;
}
.vert-offset-bottom-1{
    margin-bottom: 1em;
}
.vert-offset-bottom-0{
    margin-bottom: 0em;
}
/*=====================================*/
 td.mylistingpubtitle
{
    font-size:1.5em;
    padding:20px;
}
td.publinkgroup /*for public links page link group */
{
	padding:20px 0px 5px 20px;
	font-size:1.2em;
	font-weight:500;
}
td.publinkgroup a, td.publinkgroup a:hover ,td.publinkgroup a:visited 
{
font-size:1.2em;
	font-weight:500;
}
td.publinkitem /*for public links each link item */
{
	padding-left:40px;
}
td.testititle /*for public testimonial title*/
{
	font-size:1.5em;
	text-align:center;
}
td.newstitle
{
	font-size:1.5em;
	font-weight:bold ;
}
td.note
{
	vertical-align: top;
}
table.testimonial /*for testimonials*/
{
	width:95%;
	vertical-align:top;
	margin-left:3%;
	margin-right:2%;
	
}
td.blockheader
{
	font-size:1.2em;
	font-weight:500;
	text-align: center;
	line-height:150%;
	
}
td.blockfooter
{
	height:1px;
}
table.block
{
	width:100%;
	padding-left:10px;
	padding-top:10px;
	margin:0px;
	
}
table.block td{
	padding:2px;
}
tr.listheader		/*header row of the datagrid list*/
{
	
}
tr.listheader td
{
	font-size: 1em;
	font-weight:bold;
}
table.form
{
	width: 90%;
	border-spacing:0px;
	border-collapse:collapse;
	margin:0px auto;
	padding-bottom:30px;
}
td.formfield
{
	vertical-align:top;
	text-align: right;
	padding: 2px;
	margin: 0px;
}
td.formvalue
{
	text-align:left;
	padding:2px;
	margin:0px;
}
.formvalue input {
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
table.tabareaform
{
	width: 97%;
	padding:0px;
}
table.contentprint
{
	width: 100%;
	border-collapse:collapse ;
	padding: 0px;
}
table.tabarea
{
	width: 100%;
	padding: 0px;	
}
td.adminrightpanel
{	
	width:190px;
	vertical-align:top;
	padding:0px;
}
td.bottombuttons
{
	height:35px;
	vertical-align:bottom;
	text-align:right;
}
td.topbuttons
{
	height:35px;
	vertical-align:top;
	text-align:right;
}
td, textarea, input, select {
	font-weight: normal;
}
td.featurelistingmenu
{
	padding:4px;
	font-weight:bold;
}
td.featurelistingmenu a{text-decoration:none;}
span.featurelistingmenu { font-weight:bold;}
td.featurelistingmenu  span.featurelistingmenu:before {
    content: url("../../Image/univ/staruniv.gif");
}
.propbrief .photos #fullsize{overflow:hidden;}
/*******div ********/
div.wsearchctrl3std div.form,
div.wsearchctrl3gray div.form {
	height:auto !important;
}
div.wsearchctrl3gray div.form input.button{
	padding:2px 12px;
	border-radius:4px;
}
div.rightadminlinks
{
	width:100%;
	padding-top: 10px; 
	padding-left: 0px; 
	margin:0px;	
}
iframe.rightadminlinks
{
	width:100%;
	height:300px ;
	margin-top:0px;
	margin-left:0px;		
}
div.scroll
{	
	overflow: auto;
	height: 300px;
	width: 100%;	
}
#divtail div
{
	text-align:center;
}
#divtail .widget{border-style:none; background:none;}
#divtail .links{padding-top:10px; }
#divtail .eziagent
{
	
	padding-top:2px;
}
#divtail div.brokerage {padding:2px; }
#divtail div.brokerage p{margin:0px; padding:0px;}
table.publinks
{
    margin:0 auto;
}
/*=============Auto Clear left for columns in row to show nice grid=====*/
@media (min-width:1200px) {
    .auto-clear .col-lg-1:nth-child(12n+1) {
        clear: left;
    }

    .auto-clear .col-lg-2:nth-child(6n+1) {
        clear: left;
    }

    .auto-clear .col-lg-3:nth-child(4n+1) {
        clear: left;
    }

    .auto-clear .col-lg-4:nth-child(3n+1) {
        clear: left;
    }

    .auto-clear .col-lg-6:nth-child(odd) {
        clear: left;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .auto-clear .col-md-1:nth-child(12n+1) {
        clear: left;
    }

    .auto-clear .col-md-2:nth-child(6n+1) {
        clear: left;
    }

    .auto-clear .col-md-3:nth-child(4n+1) {
        clear: left;
    }

    .auto-clear .col-md-4:nth-child(3n+1) {
        clear: left;
    }

    .auto-clear .col-md-6:nth-child(odd) {
        clear: left;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .auto-clear .col-sm-1:nth-child(12n+1) {
        clear: left;
    }

    .auto-clear .col-sm-2:nth-child(6n+1) {
        clear: left;
    }

    .auto-clear .col-sm-3:nth-child(4n+1) {
        clear: left;
    }

    .auto-clear .col-sm-4:nth-child(3n+1) {
        clear: left;
    }

    .auto-clear .col-sm-6:nth-child(odd) {
        clear: left;
    }
}

@media (max-width:767px) {
    .auto-clear .col-xs-1:nth-child(12n+1) {
        clear: left;
    }

    .auto-clear .col-xs-2:nth-child(6n+1) {
        clear: left;
    }

    .auto-clear .col-xs-3:nth-child(4n+1) {
        clear: left;
    }

    .auto-clear .col-xs-4:nth-child(3n+1) {
        clear: left;
    }

    .auto-clear .col-xs-6:nth-child(odd) {
        clear: left;
    }
}

/*==================  Bootstrap 4 utility classes  ======================*/

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
        padding-right: 5px;
        padding-left: 5px;
    }

/* margin and padding classes */

.w-25 {
    width: 25% !important;
}
.w-50 {
    width: 50% !important;
}
.w-75 {
    width: 75% !important;
}
.w-100 {
    width: 100% !important;
}
.w-auto {
    width: auto !important;
}
.h-25 {
    height: 25% !important;
}
.h-50 {
    height: 50% !important;
}
.h-75 {
    height: 75% !important;
}
.h-100 {
    height: 100% !important;
}
.h-auto {
    height: auto !important;
}
.mw-100 {
    max-width: 100% !important;
}
.mh-100 {
    max-height: 100% !important;
}
.m-0 {
    margin: 0 !important;
}
.mt-0,
.my-0 {
    margin-top: 0 !important;
}
.mr-0,
.mx-0 {
    margin-right: 0 !important;
}
.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
    margin-left: 0 !important;
}
.m-1 {
    margin: 0.25rem !important;
}
.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}
.m-2 {
    margin: 0.5rem !important;
}
.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}
.m-3 {
    margin: 1rem !important;
}
.mt-3,
.my-3 {
    margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}
.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}
.m-4 {
    margin: 1.5rem !important;
}
.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}
.m-5 {
    margin: 3rem !important;
}
.mt-5,
.my-5 {
    margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}
.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}
.p-0 {
    padding: 0 !important;
}
.pt-0,
.py-0 {
    padding-top: 0 !important;
}
.pr-0,
.px-0 {
    padding-right: 0 !important;
}
.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
    padding-left: 0 !important;
}
.p-1 {
    padding: 0.25rem !important;
}
.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}
.p-2 {
    padding: 0.5rem !important;
}
.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}
.p-3 {
    padding: 1rem !important;
}
.pt-3,
.py-3 {
    padding-top: 1rem !important;
}
.pr-3,
.px-3 {
    padding-right: 1rem !important;
}
.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
    padding-left: 1rem !important;
}
.p-4 {
    padding: 1.5rem !important;
}
.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}
.p-5 {
    padding: 3rem !important;
}
.pt-5,
.py-5 {
    padding-top: 3rem !important;
}
.pr-5,
.px-5 {
    padding-right: 3rem !important;
}
.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
    padding-left: 3rem !important;
}
.m-auto {
    margin: auto !important;
}
.mt-auto,
.my-auto {
    margin-top: auto !important;
}
.mr-auto,
.mx-auto {
    margin-right: auto !important;
}
.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

/* For smaller screen phones: */
@media only screen and (max-width: 576px) {
    .col-xxs-1 {
        width: 8.33%;
    }
    .col-xxs-2 {
        width: 16.66%;
    }
    .col-xxs-3 {
        width: 25%;
    }
    .col-xxs-4 {
        width: 33.33%;
    }
    .col-xxs-5 {
        width: 41.66%;
    }
    .col-xxs-6 {
        width: 50%;
    }
    .col-xxs-7 {
        width: 58.33%;
    }
    .col-xxs-8 {
        width: 66.66%;
    }
    .col-xxs-9 {
        width: 75%;
    }
    .col-xxs-10 {
        width: 83.33%;
    }
    .col-xxs-11 {
        width: 91.66%;
    }
    .col-xxs-12 {
        width: 100%;
    }
}

/*************list menu*****************/
ul.smallbutton
{
list-style-type:none;
padding-left:8px;
margin:0;
}
ul.smallbutton li
{
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 1.5em;
font-size:85%;
}
/**************businesscard***************/
table.businesscard td
{
	vertical-align:top; padding:2px;
}
table.businesscard td.name
{
	font-size:1em;
	height:20px;
	font-style:italic;
	white-space:nowrap;
}
table.businesscard td.title
{
	font-size:7pt;
	height:10px;
}
table.businesscard td.detail
{
	font-size:0.7em;
	font-weight:bold;
	height:5px;
	white-space:nowrap;
}
table.businesscard td.brokerage
{
	font-size:0.8em;
	font-weight:bold;
	padding-bottom:5px;
	vertical-align:top;
}
/**about us*/
span.aboutusagent div{float:left ; padding:0px 30px 20px 0px;}
span.aboutusagent table.aboutus td{text-align:center;}
span.aboutusagent table.aboutus td.aboutusname{font-weight:bold; padding:8px 2px;}
span.aboutusagent table.aboutus td.aboutusdetail{font-size:95%; padding:3px 2px;}
span.aboutusagent table.aboutus td.aboutusphone{font-weight:bold;font-size:85%; padding:3px 2px;}
/**contact us**/
#widgetzone_wzoneAprg_contact_C .contactinfo>.widgetcontent{display:inline-block;text-align:left;}
#widgetzone_wzoneAprg_contact_C .contactinfo span{display:block;}
#widgetzone_wzoneAprg_contact_C .contactinfo span.name{font-size:1.5em;}
#widgetzone_wzoneAprg_contact_C .contactinfo span.title{margin-bottom:15px;}
#widgetzone_wzoneAprg_contact_C .wofficestd.col-xs-12{width:100%;}
#widgetzone_wzoneAprg_contact_C .wofficestd *{
	font:inherit;
}
#widgetzone_wzoneAprg_contact_C .wofficestd .brokerage{display:inline-block;}
#widgetzone_wzoneAprg_contact_C .wofficestd .name{
	font-weight:700;
}
#widgetzone_wzoneAprg_contact_C .officelogo.col-xs-12{width:100%;clear:none;}
@media (min-width: 768px) {
#widgetzone_wzoneAprg_contact_C .officelogo.col-sm-6{width:50%;clear:left;}	
#widgetzone_wzoneAprg_contact_C .wofficestd.col-sm-6{width:50%;}
}
@media (min-width: 992px) {
#widgetzone_wzoneAprg_contact_C .wofficestd.col-md-3{width:25%;}
#widgetzone_wzoneAprg_contact_C .officelogo.col-md-3{width:25%; clear:none;}
}
/**content login*/
.contentlogin
{
    color:#990000;
    font-size:16px;
}
.contentlogin a, .contentlogin a:visited, .contentlogin a:hover
{
    font-weight:bold;
    color:#ff0000;
    text-decoration:underline;
    font-size:16px;    
}
.form-group.required .control-label:after{
	display:inline-block;
	content:"*";
	color:#f00;
}
/*qr code share*/
.qrcodeshare {
    z-index:5;
}
@media (max-width: 767px) {
  .qrcodeshare {
    display: none;
  }
}
/*responsive table patch for article detail page*/
@media(max-width: 767px){
  table .table-responsive .table tbody {
    display: block !important;
  }

  table .table-responsive .table {
    table-layout:fixed !important;
  }
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #46a72b;
}

input:focus + .slider {
  box-shadow: 0 0 1px #46a72b;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 30px;
}

.slider.round:before {
  border-radius: 50%;
}
/*custpage*/
.pg-custpages {
    margin-top:30px;
    margin-bottom:30px;
}