/* template */

/* top navigation */
.side-menu-button
{
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	display:none;
}
.side-nav-main-cont
{
	//background: rgba(20,52,60,0.2);
	position:fixed;
	z-index:1;
	width:100%;
	display:none;
	top:0;
	left:0;
	opacity:0;
	z-index:999;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	
}
.flagboxmenu1
{
	opacity:1;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
}
.side-nav-cont
{
	position: absolute;
	overflow-x: hidden;
	overflow-y: auto;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	background: #fff;
	right:0;
	top: 0;	
    width: 470px;
    z-index: 10;
    -webkit-overflow-scrolling: touch;
	opacity:0;
	border-radius:10px;
}
.flagboxmenu1 .side-nav-cont {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
    transition: transform 0.3s ease-out 0s, opacity 0.3s ease-out 0s;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
}
.flagboxmenu1 .side-nav-cont
{
	//right:0;	
}
.side-nav-cont::-webkit-scrollbar {
    width: 4px;
	border-radius:4px;
	opacity:0.5;
}
 
.side-nav-cont::-webkit-scrollbar-track {
    //-webkit-box-shadow: inset 0 0 6px rgba(24,24,24,0.3);
	background:transparent;
	border-radius:4px;
}
 
.side-nav-cont::-webkit-scrollbar-thumb {
  background-color: #232322;
  outline: 1px solid fff;
  border-radius:4px;
}
.flagboxmenu1
{
	opacity:1;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
}
.ss-left-cont
{
	//float:left;
}
.ss-nav-close:hover
{
	color:#ed1a39;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
}
.ss-box
{
	display:table;
	width:100%;
	height:100%;
}
.ss-middle-cont
{
	display: table-cell;
	padding: 0;
	vertical-align: top;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	padding: 100px 0;
}
.ss-middle-cont.topmenupad
{
	padding:95px 0;
}
.ssm-box-cont
{
	
}
.ssmbox
{
	padding:0 60px;
}

.close-side-menu
{
	background: rgba(67,64,65,0.3);
	cursor: auto;
	width: calc(100% - 470px);
	height: 100%;
	border-radius: 0;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 1;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
}
.close-side-menu i
{
	color: #14343c;
	font-size: 24px;
	padding: 11.5px 15.5px;
}
.headerlogo
{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	padding: 30px 50px;
}
.headermenu
{
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10;
	padding: 30px 50px;
}
.menufooter-cont{
	position: absolute;
    bottom: 50px;
}
.menufooter
{
	opacity: 0;
    transform: translateX(100px) rotate(0.5deg);
    transition: transform 0.3s ease-out 0.3s, opacity 0.3s ease-out 0.3s;
	transition-delay: 200ms;
}
.menuanimate .menufooter{
    opacity: 1;
    transform: translateX(0) rotate(0deg);
}
.menufooter p
{
	font-family: 'ars_maquette_prolight', Arial, sans-serif;
	font-size: 16px;
	line-height: 1.45;
	color: #434041;
	vertical-align: baseline;
	margin-top: 14px;
}
.menufooter strong
{
	font-family: 'ars_maquette_promedium', Arial, sans-serif;
	vertical-align:baseline;
	font-weight:normal;
}
.menufooter p a
{
	color: #434041;
	text-decoration:underline;
}
.menufooter p a:hover
{
	color:#7bc7c4;
}
.menufooter p.addlink a
{
	text-decoration:underline;
}
/* Menu */

ul.d-menu
{
	
}
ul.d-menu > li
{
	position: relative;
	list-style: none;
    margin: 0;
    opacity: 0;
    padding: 0;
    transform: translateX(100px) rotate(0.5deg);
    transition: transform 0.3s ease-out 0.3s, opacity 0.3s ease-out 0.3s;
}
ul.d-menu > li:nth-child(1) {
    transition-delay: 25ms;
}
ul.d-menu > li:nth-child(2) {
    transition-delay: 50ms;
}
ul.d-menu > li:nth-child(3) {
    transition-delay: 75ms;
}
ul.d-menu > li:nth-child(4) {
    transition-delay: 100ms;
}
ul.d-menu > li:nth-child(5) {
    transition-delay: 125ms;
}
ul.d-menu > li:nth-child(6) {
    transition-delay: 150ms;
}
ul.d-menu > li:nth-child(7) {
    transition-delay: 175ms;
}
ul.d-menu > li:last-child a {
    border-bottom:0;
}
.menuanimate ul.d-menu > li {
    opacity: 1;
    transform: translateX(0) rotate(0deg);
}


/* loader */
.loader
{
	background:#2d2d2d;
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    height: calc(var(--vh, 1vh)*100);
    position: relative;
    transition: .2s ease;
	overflow:hidden;
	z-index:999999;
}


.anifade {
  position: relative;
  -webkit-animation-name: animatefade;
  -webkit-animation-duration: .5s;
  animation-name: animatefade;
  animation-duration: .5s;
}

.animate-fade {
  position: relative;
  -webkit-animation-name: animatefade;
  -webkit-animation-duration: 1s;
  animation-name: animatefade;
  animation-duration: 1s;
}

@-webkit-keyframes animatefade {
  from {opacity:0 } 
  to {opacity:1 }
}

@keyframes animatefade { 
  from{opacity:0 } 
  to{ opacity:1 }
}

.animate-fade-out {
  position: relative;
  -webkit-animation-name: animate-fade-out;
  -webkit-animation-duration: 1s;
  animation-name: animate-fade-out;
  animation-duration: 1s
}

@-webkit-keyframes animate-fade-out {
  from {opacity:1 } 
  to {opacity:0 }
}

@keyframes animate-fade-out { 
  from{opacity:1 } 
  to{ opacity:0 }
}

.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 0.6s;
  animation-name: animatebottom;
  animation-duration: 0.6s;
}

@-webkit-keyframes animatebottom {
  from { bottom:-20px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-20px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}
.animate-top {
  position: relative;
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: .7s;
  animation-name: animatetop;
  animation-duration: .7s;
}

@-webkit-keyframes animatetop {
  from { top:-30px; opacity:0 } 
  to { top:0px; opacity:1 }
}

@keyframes animatetop { 
  from{ top:-30px; opacity:0 } 
  to{ top:0; opacity:1 }
}
.animate-left {
  position: relative;
  -webkit-animation-name: animateleft;
  -webkit-animation-duration: .7s;
  animation-name: animateleft;
  animation-duration: .7s;
}

@-webkit-keyframes animateleft {
  from { left:-30px; opacity:0 } 
  to { left:0px; opacity:1 }
}

@keyframes animateleft { 
  from{ left:-30px; opacity:0 } 
  to{ left:0; opacity:1 }
}

.animate-right {
  position: relative;
  -webkit-animation-name: animateright;
  -webkit-animation-duration: .7s;
  animation-name: animateright;
  animation-duration: .7s;
}

@-webkit-keyframes animateright {
  from { left:-30px; opacity:0 } 
  to { left:0px; opacity:1 }
}

@keyframes animateright { 
  from{ right:-30px; opacity:0 } 
  to{ right:0; opacity:1 }
}

.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: .7s;
  animation-name: animatebottom;
  animation-duration: .7s;
}

@-webkit-keyframes animatebottom {
  from { bottom:-30px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-30px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}


body .page-main-box-cont
{
	opacity:1;
}
.anitext
{
	
}
.anitext .spanhiddentext
{
	overflow:hidden;
	display:block;
}
.anitext .spantext
{
	display: block;
	transform: translateY(110%);
	transition-duration: .7s;
	transition-property: transform;
	transition-timing-function: cubic-bezier(.5,0,0,1);
}
.anigo.anitext .spantext
{
	transform: translateY(0);
	transition-duration: 1s;
}

/* loader */
.lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #f15d4b;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
/* Home design*/
/* house land search */
.bdesign-cont
{
	display:table;
	width:100%;
}
.bdesign-cont h3
{
	font-family: 'FavoritRegular', Arial, sans-serif;
	color: #0c0c0d;
	font-size: 13px;
	line-height: 1.1;
	background: #fff;
	border: 1px solid #d5d4d4;
	text-transform: uppercase;
	display: inline-block;
	padding: 9px 11px;
	margin-right: 3%;
	cursor: pointer;
	transition: all ease-in-out 0.2s;
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-ms-transition: all ease-in-out 0.2s;
	width: 22%;
	text-align: center;
}
.scol3 .bdesign-cont h3, .scol4 .bdesign-cont h3
{
	width:11%;
}
.bdesign-cont h3:hover, .bdesign-cont h3.selButton
{
	color:#fff;
	background:#0c0c0d;
	border:1px solid #0c0c0d;
	transition: all ease-in-out 0.2s;
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-ms-transition: all ease-in-out 0.2s;
}
.bdesign-cont h3:last-child
{
	margin-right:0;
}

/* pagination */
.epl-pagination
{
	font-family: 'FavoritRegular', Arial, sans-serif;
	font-size: 14px;
	color: #95a5a6;
	line-height: 1.6;
	text-align: center;
	margin: 0;
	display: block;
	padding: 24px 0 30px;
	vertical-align:baseline;
}
.epl-pagination a, .epl-pagination span
{
	text-decoration: none;
	background: #fff;
	color: #888;
	border: 0;
	padding: 10px 20px;
	margin: 1px;
	vertical-align:baseline;
}
.epl-pagination a
{
	text-decoration: none;
    background: #0c0c0d;
    color: #fff;
	vertical-align:baseline;
}
.epl-pagination span.pages
{
	
}
.epl-pagination a.page
{
	
}
.epl-pagination a:hover, .epl-pagination span.current
{
	background: #d42127;
    color: #fff;
    text-decoration: none;
	vertical-align:baseline;
}
.epl-pagination .pages {   
    border: 0;
	font-size:16px;
	vertical-align:baseline;
}
.ehar-property-listing:after
{
	content:'';
	display:block;
	clear:both;
}

html:lang(zh-TW) #searhbox { 
	display:none;
}

/* search bar house and land */
.adv-search-form-cont
{
	
}
.advsearch
{
	display:table;
	width:100%;
	font-size:0;
}
.scol
{
	display:inline-block;
	vertical-align:top;
	margin-right: 1%;
	width: 14%;
}
.baseclass .scol {
	width: 17.25%;
}
.advhl .scol1
{
	
}
.advhl .scol2
{
	width:16%;
}
.advhl .scol3, .advhl .scol4
{
	width:13%;
}

.advhl .scol5
{
	
}
.advhl .scol6
{
	
}
.advhl .scol7
{
	width:8%;
}

.submitcont
{
	margin-right:0;
}
.scol-top-cont
{
	padding: 13px 0;
}
.scol-top-cont h4
{
	font-family: 'FavoritRegular', Arial, sans-serif;
	font-size: 16px;
	color: #0c0c0d;
	line-height:1.2;
}
.scol-bottom-cont
{
	
}

.scol input[type="text"], .scol input[type="email"], .scol input[type="tel"], .scol textarea, .scol input[type="file"], .scol input[type="number"], .scol select
{
	font-family: 'FavoritRegular', Arial, sans-serif;
	font-size: 14px;
	color: #0c0c0d;
	background: transparent;
	outline: none;
	border: 0;
	border-bottom: 1px solid #0c0c0d;
	padding:3px 0 7px;
	line-height: 1;
	width: 100%;
	border-radius: 0;
}
.scol select
{
	height:32px;
}
 .scol input[type="file"]
 {
	text-indent: 0 !important;
	padding:15px 5%;
	width:90% !important;
 }
.scol textarea
{
	height: 94px;
	margin-bottom: 40px;
}
.scol input[type="submit"]
{
	font-family: 'FavoritRegular', Arial, sans-serif;
	font-size: 14px;
	line-height: 1;
	color: #fff;
	background: #0c0c0d;	
	padding: 8px 20px;
	border-radius: 0;
	vertical-align: top;
	border: 0;
	outline: none;
	box-shadow: none;
	display: block;
	line-height: 1.2;
	text-align: center;
	margin: 0;
	width:100%;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
}
.scol input[type="submit"]:hover
{	
	background: #d42127;
	color: #fff;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in; 
	-ms-transition: all 0.3s ease-in;
}
.scol select option
{

}
.langmaincont
{
	display: inline-block;
	margin-right: 10px;
}
ul.l-menu
{
	
}
ul.l-menu li
{
	display:inline-block;
}
ul.l-menu:after
{
	content:'';
	display:block;
	clear:both;
}
.goog-te-banner-frame
{
	display:none !important;
}
.detail-box
{
	width:28%;
}
.submitcont {
    display: none;
}
/* baseline collection */
.basecolor
{
	color:#f5801f !important;
}
.platocolor
{
	color:#c5d92d !important;
}
.signcolor
{
	color:#f4c29b !important;
}
.redcolor
{
	color:#d42127 !important;
}
.search-main-cont
{
	padding-top:30px;
}
.baseline-width-main-cont
{
	padding:70px 0 100px;
}
.baseline-main-cont
{
	margin-left: -15px;
	margin-right: -15px;
}
.baseline-box-cont
{
	display:table;
	width:100%;
	font-size:0;
}
.baseline-box{
	display:inline-block;
	width:33.33%;
	vertical-align:top;
}
.basebox-margin
{
	margin:15px;
}
.basebox
{
	background: #f4f4f4;
	padding: 20px;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
}
.basebox:hover
{
	background: #4b2f52;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
}
.basebox-padding
{
	padding: 0;
	background: #fff;
}
.basebox-content-cont{
	display:table;
	width:100%;
}
.baseleft-cont, .baseright-cont
{
	display:inline-block;	
	vertical-align:top;
}
.baseleft-cont
{
	width:100%;
}
.baseright-cont
{	
	width: 100%;
	float: none;
	position:relative;
}
.basebox-content-cont:after
{
	content:'';
	display:block;
	clear:both;
}
.baseright-cont img
{
	width:100%;
}
.baselr-padding
{
	//padding:20px;
}
.base-content{
	position: relative;
    padding: 10%;
}
.link360cont
{
	position: absolute;
	right: 0;
}
.link360cont img
{
	width:60px;
}
.base-content h2
{
	font-family: 'FavoritBold', Arial, sans-serif;
	color: #4b2f52;
	font-size: 30px;
	line-height: 1.2;
	margin-bottom: 1px;
}
.base-content h3
{
	font-family: 'FavoritBold', Arial, sans-serif;
	color: #4b2f52;
	font-size: 30px;
	line-height: 1.6;
	margin-bottom: 10px;
}
.bbp-main-cont
{
	//border-top:1px solid #f3f3f3;
	//border-bottom:1px solid #f3f3f3;
}
.bbp-padding
{
	padding:13px 0;
}
.bbp-box
{
	display: inline-block;
	padding-right: 20px;
}
.bbp-box h4
{
	font-family: 'FavoritRegular', Arial, sans-serif;
	color: #9f9ca0;
	font-size: 18px;
	line-height: 1.4;
	padding-left: 33px;
	vertical-align: baseline;
}
.bbp-box h4.bed-icon
{
	background:url(../images/bed.png) no-repeat center left;
}
.bbp-box h4.bath-icon
{
	background:url(../images/bath.png) no-repeat center left;
}
.bbp-box h4.powder-icon
{
	background:url(../images/powder.png) no-repeat center left;
}
.bbp-box h4.park-icon
{
	background:url(../images/car.png) no-repeat center left;
}
.lbox{
	padding-right:0;
}
.block-info
{
	border-bottom:1px solid #f3f3f3;
}
.block-info h5
{
	font-family: 'FavoritBold', Arial, sans-serif;
	color: #4b2f52;
	font-size: 16px;
	line-height: 1.6;
	padding: 12px 0;

}
.area-main-cont
{
	
}
.area-main-cont table{
	width:100%;
}
.area-main-cont tr
{
	
}
.area-main-cont td
{
	font-family: 'FavoritRegular', Arial, sans-serif;
	color: #4b2f52;
	font-size: 16px;
	line-height: 1.4;
	padding: 8px 0;

}
.area-main-cont td.tdleft
{
	text-align:left;
}
.area-main-cont td.tdright
{
	text-align:right;
}
.brochure-cont
{
	
}
.brochure-cont a
{
	font-family: 'FavoritRegular', Arial, sans-serif;
	color: #fff;
	font-size: 18px;
	line-height: 1.4;
	background: #ee003c;
	display: block;
	text-align: center;
	padding: 13px;
	margin-top:11px;
	cursor:pointer;
}
.brochure-cont a:hover
{
	background:#4b2f52;
	color:#fff;
}
.totalresults
{
	margin-bottom:20px;
	
}
.tshrot-cont
{
	width: 100%;
	margin-bottom: 60px;
}
.totalresults h3
{
	font-family: 'AustinTextRoman', Arial, sans-serif;
	color: #0c0c0d;
	font-size: 34px;
	line-height: 1.2;
	vertical-align: baseline;
}
.totalresults p
{
	font-family: 'FavoritRegular', Arial, sans-serif;
	color: #0c0c0d;
	font-size: 15px;
	line-height: 1.7;
	vertical-align: baseline;
	margin: 24px 0;
}
.totalresults h2
{
	font-family: 'FavoritBold', Arial, sans-serif;
	color: #ee003c;
	font-size: 18px;
	line-height: 1.4;
	vertical-align:baseline;
}
.totalresults h2 span
{
	font-family: 'FavoritBold', Arial, sans-serif;
	vertical-align:baseline;
}
.vpack
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	height: 100%;
	display: table;
	opacity:0;
		transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
}
.basebox:hover .vpack
{
	opacity:1;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
}
.vpack-cell
{
	display:table-cell;
	vertical-align:middle;
}
.vpackbox
{
	font-family: 'FavoritRegular', Arial, sans-serif;
	font-size: 18px;
	line-height: 1;
	color: #4b2f52;
	background: #fff;
	padding: 21px 38px;
	display: inline-block;
}
.htop-mphone-cont h3 span
{
	margin:0;
}


/* loader eclips */
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}


/*Facebook*/
.lds-facebook {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 6px;
  width: 13px;
  background: #5832B1;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 6px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 26px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 45px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 6px;
    height: 51px;
  }
  50%, 100% {
    top: 19px;
    height: 26px;
  }
}