@charset "utf-8";

#slideshow1 {
    position:relative;
    height:520px;
}

#slideshow1 DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 500px;
    background-color: #FFF;
}

#slideshow1 DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow1 DIV.last-active {
    z-index:9;
}

#slideshow1 DIV IMG {
    height: 500px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}

#slideshow0 {
    position:relative;
    height:520px;
}

#slideshow0 DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 500px;
    background-color: #FFF;
}

#slideshow0 DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow0 DIV.last-active {
    z-index:9;
}

#slideshow0 DIV IMG {
    height: 500px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}

#slideshow {
    position:relative;
    height:520px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 500px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 500px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}

.HouseInfoForm{
	position:absolute; 
	text-align: center; 
	top:390px; 
	z-index:100; 
	width:800px; 
	height:100px;
}

.HouseInfoSelectionBar{
	background-color: #fff;
    border: 1px solid #b4b4b4;
    border-radius: 0 3px 3px 0;
    color: #3f3f3f;
    font-size: 16px;
    height: 40px;
    line-height: 15px;
    padding: 7px 0 6px 20px;
    width: 220px;
}

.HouseInfoSelection{
	font-size:16px;
	font-weight:bolder;
	padding: 5px;
}

.HouseInfoSubmitButton{
	padding:6px 15px;
    left:-8px;
    border:2px solid #4d6eb6;
    background-color:#4d6eb6;
    color:#fafafa;
	height:40px;
	font-size:18px;
	font-weight: bolder;
}

.HouseInfoSubmitButton:hover  {
    background-color:#fafafa;
    color:#4d6eb6;
	cursor: pointer;
}

.HouseInfoSubmitButton2{
	background-color: #4d6eb6;
	font-size:1.2em;
	font-weight: bold;
	color: white;
	height:40px;
	width:300px;
	border-radius:0;
	text-align:left;
}

/* ------------------------- Google Search Bar -------------- */
.gSearchBar {
	opacity:0.99;
    filter:alpha(opacity=99);			
	position:absolute;
	z-index:999;
	top:5%;
	right:1%;
	width:20%;
	height:10%; 
}

@media screen and (orientation : landscape) {
	.gSearchBar {
		opacity:0.99;
		filter:alpha(opacity=99);			
		position:absolute;
		z-index:999;
		top:15%;
		right:1%;
		width:20%;
		height:10%; 
	}
}

.gSearchResult {
	opacity:0.90;
	filter:alpha(opacity=90);			
	position:absolute;
	z-index:10;
	top:10%;
	right:3%;
	width:60%;
	height:1520px;
	overflow: auto;
}


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

p::first-letter{
	color: #4D6EB6;
	font-weight: bolder;	
	font-size: 2em;
}

/* ------------------------- Check box -------------- */
/*  position of main custome checkbox   */
.custom-checkbox{
   position: relative;
   display: inline-block;
}

/*  create custom checkbox in place of actual checkbox */
.custom-checkbox > .box{
   position: relative;
   display: block;
   width: 25px;
   height: 25px; /* set custom checkbox background color    */
   background-color: #E5E5E5;
   //background-color: red;
   
   padding: 0px;
   margin: 0px;
}

/*  check sign position, color, width and height    */
.custom-checkbox > .box > .tick{
   position: absolute;
   left: 4px;
   top: 7px;
   width: 14px;
   height: 6px;
   
	/*  set check sign width */
	border-bottom: 4px solid #6699ff;//green;
	border-left: 4px solid #6699ff;//blue;

   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
   display: none;
}

/*  input checked unchecked action    */
.custom-checkbox > input:checked + .box > .tick{
   display: block;
}

/*  input checked unchecked position and width and height    */
.custom-checkbox > input{
   position: absolute;
	outline: none;
   left: 0;
	top: 0;
	padding: 0;
	width: 25px;
	height: 25px;
	border: none;
	margin: 0;
	opacity: 0;
	z-index: 1;
}

/* ------------------------- Contact Form -------------- */
.error_box {
	position:relative;
	z-index:11;
	top:18%;
	left: 30%;
    background:#FAD3C4;
    border:1px solid #A75B4E;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    color:#444444;
    display:none;
    font-size:13px;
    margin:0px 0px 15px 0px;
    padding:8px 8px;
    width:38%;
}

.success_box {
	position:relative;
	z-index:11;
	top:18%;
	left: 30%;
    background:#E2F1BB;
    border:1px solid #598800;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    color:#000000;
    display:none;
    font-size:13px;
    margin:0px 0px 15px 0px;
    padding:8px 8px;
    width:38%;
}	

@media screen and (orientation : portrait) {
  .ContactForm {
//  	position:absolute;
	z-index:11;
	top:10%;
	left: 30%;
	width:80%;
	height:80%; 
	font-size: 1em;		
  }
}

.ContactForm {
//  	position:absolute;
	z-index:11;
//	top:25%;
//	left: 30%;
	width:80%;
	height:80%; 
	font-size: 2em;		
}

.InputElement{
	height: 5%; 
	width: 50%;
	font-size: 2em;
}

.MultiInput{
	height: 15%; 
	width: 50%;
	font-size: 1.5em;	
}

.SubmitButton {
	position:relative;
	left: 10%;
	
	-webkit-appearance:none;
	-webkit-border-radius:0;
	border-radius:0;	
	
	height: 50px; 
	width: 20%;
	font-size: 1.5em;
	background-color: #4D6EB6;
	color: white;
	font-weight: bold;
}

.FormTip {
	font-family: Arial;
	font-size: 0.8em;
	color: #4D6EB6;
	font-weight: bold;
}

.ContactFormCaption {
	font-family: Arial;
	font-size: 2em;
	font-weight: bold;
}

.ContactFormCaption::first-letter{
	color: #4D6EB6;
	font-weight: bolder;
}

.required{
	//color: red;
}

/*-----    ControlledImg           ------*/
.ControlledImg {
	//max-width:100%;
	//max-height:100%;
	width:100%;
	height:100%;
	//min-width:300px;
	//min-height:500px;
}

@media screen and (orientation : portrait) {
	.ControlledImg {
		//max-width:100%;
		//max-height:100%;
		width:100%;
		height:100%;
		//min-width:300px;
		//min-height:500px;
	}
}

@media screen and (orientation : landscape) {
	.ControlledImg {
		//max-width:100%;
		//max-height:100%;
		width:100%;
		height:100%;
		//min-width:300px;
		//min-height:500px;
	}
}

/* ------------------------- School IFrame -------------- */
.SchoolIFrame{
	overflow: hidden;
	scrolling:auto;
	align:left;
	frameborder:0;
	width:850px;
	height:2048px; 
	border:0px;
	background-color:white;
}

.MLSIFrameShort{
	overflow: hidden;
	scrolling:auto;
	align:left;
	frameborder:0;
	width:920px;
	height:1600px; 
	border:0px;
	background-color:white;
}

.MLSIFrame{
	overflow: hidden;
	scrolling:auto;
	align:left;
	frameborder:0;
	width:800px;
	height:12650px; 
	border:0px;
	background-color:white;
}

@media screen and (orientation : portrait) {
	.MLSIFrameShort {
		overflow: hidden;
		scrolling:yes;
		align:left;
		frameborder:0;
		width:500px;
		height:1600px; 
		border:0px;
		background-color:white;
	}
}

@media screen and (orientation : portrait) {
	.SchoolIFrame {
		overflow: hidden;
		scrolling:yes;
		align:left;
		frameborder:0;
		width:900px;
		height:2300px; 
		border:0px;
		background-color:white;
	}
}

@media screen and (orientation : landscape) {
	.SchoolIFrame {
		overflow: hidden;
		scrolling:yes;
		align:left;
		frameborder:0;
		width:850px;
		height:2300px; 
		border:0px;
		background-color:white;
	}
}

.spinner {
  width: 40px;
  height: 40px;
  margin: 20px auto;
  background-color: #333;

  border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}

.c-uhff {
 background:#f2f2f2;
 margin-top:48px
}
.c-uhff .c-modal-link {
 cursor:pointer
}
.c-uhff-nav {
 margin:0 auto;
 max-width:calc(1600px + 10%);
 padding:0 5%
}
.c-uhff-nav:before,
.c-uhff-nav:after {
 content:" ";
 display:table
}
.c-uhff-nav:after {
 clear:both
}
.c-uhff-nav .c-heading-4 {
 font-size:15px;
 line-height:20px
}
.c-uhff-nav .c-heading-4,
.c-uhff-nav a.c-uhff-link {
 color:white;
 font-weight: bold; 
 word-break:break-word
}
.c-uhff-nav-group {
 display:block;
 float:left;
 min-height:1px;
 vertical-align:text-top;
 padding:0 12px;
 width:16.6666666667%;
 zoom:1
}
.c-uhff-nav-group ul.c-list {
 font-size:11px;
 line-height:16px;
 margin-top:0
}
.c-uhff-nav-group:first-child {
 padding-left:0
}
.c-uhff-base {
 background:#f2f2f2;
 margin:0 auto;
 max-width:calc(1600px + 10%);
 padding:30px 5% 16px
}
.c-uhff-base:before,
.c-uhff-base:after {
 content:" ";
 display:table
}
.c-uhff-base:after {
 clear:both
}
.c-uhff-base>a.c-uhff-link.c-uhff-lang-selector {
 font-size:11px;
 line-height:16px;
 display:inline-block;
 padding-right:24px;
 color:#616161;
 float:left;
 white-space:nowrap
}
.c-uhff-base>a.c-uhff-link.c-uhff-lang-selector:before {
 font-size:20px;
 line-height:24px;
 margin-right:10px;
 vertical-align:middle
}
.c-uhff-base ul.c-list {
 font-size:11px;
 line-height:16px;
 float:right;
 margin:3px 0;
 color:#616161
}
.c-uhff-base ul.c-list li {
 padding:0 24px 4px 0;
 display:inline-block
}
@media only screen and (max-width: 1083px) {
 .c-uhff-nav {
  padding:0 12px
 }
 .c-uhff-nav-row:before,
 .c-uhff-nav-row:after {
  content:" ";
  display:table
 }
 .c-uhff-nav-row:after {
  clear:both
 }
 .c-uhff-nav-group {
  width:33.33333%
 }
 .c-uhff-nav-group:first-child {
  padding-left:12px
 }
 .c-uhff-base {
  display:flex;
  flex-wrap:wrap;
  padding:30px 24px 16px
 }
 .c-uhff-base>a.c-uhff-link {
  margin-right:auto
 }
}
@media only screen and (max-width: 767px) {
 .c-uhff-base>a.c-uhff-link {
  width:100%
 }
 .c-uhff-base>a.c-uhff-link+ul.c-list {
  width:100%
 }
 .c-uhff-base>a.c-uhff-link,
 .c-uhff-base>a.c-uhff-link.c-glyph {
  float:none
 }
 .c-uhff-base ul.c-list {
  width:100%;
  float:none;
  text-align:left;
  margin-top:12px
 }
 .c-uhff-base ul.c-list li {
  padding:6px 4px 0 6px
 }
}
@media only screen and (max-width: 539px) {
 .c-uhff-nav-row {
  width:100%;
  float:none
 }
 .c-uhff-base ul.c-list {
  float:left
 }
 .c-uhff-base ul.c-list li {
  padding:6px 10px 0 0
 }
 .c-uhff-nav-group {
  width:100%
 }
}
@supports (-ms-ime-align: auto) {
 {
 }
 a.c-uhff-link {
  display:inline-block
 }
}
a.c-uhff-link:focus {
 outline:1px dashed;
 outline-offset:3px
}
a.c-uhff-link:focus,
a.c-uhff-link:hover {
 color:rgba(0,0,0,0.9);
 text-decoration:underline
}
a.c-uhff-link:active {
 background:none;
 color:rgba(0,0,0,0.8)
}
a.c-uhff-link-bold {
 font-weight:bold
}