@charset "utf-8";
/* Original Colours: Blue #4285f4 , yellow #fbbc05 , red #ea4335 , green #34a853 */
body { background: #FFF;font-family: 'Open Sans', Arial, Helvetica, sans-serif;margin: 0px;font-weight:300;padding: 0px;width: 100%;height:auto;}
/* Colour Section */
.cl_title1,h1,h2,h3,h4,h5,h6,#PropertyList div h2 a:link,#PropertyList div h2 a:visited { color: #4285f4; }
.cl_title2  { color: #ea4335; }
.cl_title3, label  { color: #34a853; }
.cl_title4,th,#PropertyList div ul li span,ul.blocklist li span, p , li, td, input,textarea,select,option { color: #555; }
.cl_para1,.cl_para1:link,.cl_para1:visited { color: #555;}
.cl_action1, .cmb,.cmb:link,.cmb:visited { color: #FFF;  background-color: #34a853;  border-color: #34a853 }
.cl_action1_h  { color: #FDFDFD;background-color: #34a853;  border-color: #34a853; }
.cl_action2,a:link, a:visited, .cl_para1:hover,.cl_para1:active { color: #4285f4; }
.cl_action2_h,a:hover, a:active { color: #ea4335; } 
 
.bg_cl1,.contentcontainer,#headcontainer,#menu,.box100,.box50,.box33,.box25,#PropertyList .box100  { background: #FFF; }
.bg_cl2{ background: #FDFDFD; }
.bg_cl3,#PropertyList .box50,#PropertyList .box33, #PropertyList .box25 { background: #F7F7F7; }
.bg_cl4,#footercontainer { background: #F1F1F1; }
.bg_cl5, .bg_cl_google { background: #e9e5dc; }
.bg_cl6,table.propertyfigures th { background: #E1E1E1; }

.FWB { font-weight:400; }
.FSC {	font-variant: small-caps; }

/* Universal Responsive Classes */
.showinbetween_in { display:none; } .showinbetween_bl { display:none; } .showtablet_in { display:none; } .showtablet_bl { display:none; } .showphone_in { display:none; } .showphone_bl { display:none; }
 
a:link, a:visited { text-decoration:none; border:none;  }
a:link img, a:visited img,a img { border: 0px;  }
h1,h2,h3,h4,h5,h6,p { margin: 0.85% 0%; padding: 0px; }
h1  { font-size:22px; text-align:center;font-weight:400; }
h2, .cl_title2 { font-size:21px; text-align:left;font-weight:400; }
h3,th, .cl_title3 { font-size:20px; text-align:left;font-weight:300; }
p,li,td,label,input,textarea,select,option{ font-size:18px; font-weight:300; }
p { margin: 1em 1%; }
p strong { font-weight:400; color:#777; }
ul,li { list-style:none;margin:0px;padding: 0px; }
label { font-weight:300; }
input,textarea,select { /* border: 1px solid #262262; */ padding: 0.85% 0% 0.425% 0.85%;font-weight:300; }
input[type=text],input[type=submit],input[type=button] { -webkit-appearance: none;-moz-appearance: none;appearance: none; }

#headcontainer,#footercontainer,#container { height: auto; width: 100%;margin: 0px; padding: 0px;position:relative;  }
#container { max-width:1200px;margin: 0px auto; }
#headcontainer { }
#headcontainer img { width:100%;height:auto;max-width:1200px;}
#footercontainer {  }


.clear { display:block; clear:both; }
.alert { color: red; }

.pagemarker { border: 30px solid transparent; position: relative;height: 0px;  top: 0px; width: 0px; left: 50%;margin-left:-30px; }
.tpagemarker { width:50%;height:0px;border: 30px solid transparent;float:left;border-bottom-color:#fff; }
.tpagemarker.left,.tpagemarker.absleft { margin-left:-30px;border-left:none; display:block;}
.tpagemarker.right,.tpagemarker.absright { margin-right:-30px;border-right:none;display:block; }
.tpagemarker.absleft { position:absolute;left:0px;bottom:0px; }
.tpagemarker.absright { position:absolute;right:0px;bottom:0px; }

.box100 { width: 98.3%; padding: 0.85%;margin-bottom:0.85%; float:left;  }
.box75 { width: 73.3%; padding: 0.85%;margin-bottom:0.85%; float:left;  }
.box66 { width: 63.2666666%; padding: 0.85%;margin:0.85%; float:left; }
.box3366 { width: 29.9333333%; padding: 0.85%;margin:0.85%; float:left; }
.box50 { width: 46.6%; padding: 0.85%;margin:0.85%; float:left; }
.box33,.box336 { width: 29.9333333%; padding: 0.85%;margin:0.85%; float:left;}
.box25,.box252,.box25l { width: 23.3%; padding: 0.85%;margin-bottom:0.85%; float:left; }
.box50centered { margin: 0px 25% }

.img100 { width: 98.3%; height:auto; padding: 0.85%; }
.img50 { width: 48.3%; height:auto;padding: 0.85%; }
.img33 { width: 31.6333333%; height:auto; padding: 0.85%; }
.img25 { width: 23.3%; height:auto; padding: 0.85%; }

.pl100 { width: 98.3%; height:auto; padding: 0.85%; }
.pl50 { width: 48.3%; height:auto;padding: 0.85%; }
.plf50 { width: 50%; height:auto;padding: 0%; }
.pl33,.pl336 { width: 31.6333333%; height:auto; padding: 0.85%; }
.pl25,.pl25l { width: 23.3%; height:auto; padding: 0.85%; }

.h100 { height:100%; }
.w100 { width:100%; } .w50 { width:50%; }
.min700 { min-height: 700px;}

.fl { float:left !important; }
.fr { float:right !important; }
.fn { float:none !important; }
.cl { clear:left; }
.cr { clear:right; }
.cb { clear:both; }
.curved { border-radius:25px; }

.al { text-align:left; }
.ar { text-align:right; }
.ac { text-align:center; }
.aj { text-align:justify; }
.dIn { display:inline; }
.dInBl { display: inline-block; }
.dBl { display: block; }
.dNo { display:none; }

.pad { padding:1.7%; } .padLR { padding-left:1.7%;padding-right:1.7%; }
.padT { padding-top:1.7%; } .padB { padding-bottom:1.7%; } .padTB { padding-top:1.7%;padding-bottom:1.7%; }
.mar { margin:1.7%; }  .marLR { margin-left:1.7%;margin-right:1.7%; }
.marT { margin-top:1.7%; } .marB { margin-bottom:1.7%; } .marTB {margin-top:1.7%;margin-bottom:1.7%; }
.padT2 { padding-top:3.4%; } .padB2 { padding-bottom:3.4%; } .padTB2 {  padding-top:3.4%;padding-bottom:3.4%; }
.marT2 { margin-top:3.4%; } .marB2 { margin-bottom:3.4%; } .marTB2 { margin-top:3.4%;margin-bottom:3.4%; } 
.PosAbs { position: absolute; }
.PosRel { position: relative; }
.PosTL { left: 0px;top: 0px; } .PosTR { right:0px ;top: 0px; } .PosTC { left:50% ;top: 0px; }
.PosBL { left: 0px;bottom: 0px; } .PosBR { right:0px ;bottom: 0px; } .PosBC { left:50% ;bottom: 0px; }
.rotate-90 { -webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);transform: rotate(-90deg); }
.rotate90 { -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);transform: rotate(90deg); }
.rotate180 { -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);transform: rotate(180deg); }

.WhiteBox { background: #FFF; position: relative; margin: 0px 0px 1.5%; border: 1px solid #262262; box-sizing:content-box; }
.Shadow { -moz-box-shadow: 3px 3px 3px #A1A1A1;-webkit-box-shadow: 3px 3px 3px #A1A1A1;box-shadow: 3px 3px 3px #A1A1A1; }
.standardbox,#MyHouse { width:96.4%;height:auto;border: 1px solid #262262;padding: 1.7%;margin:-1px;float: left;clear:both;background:#FFF;-moz-box-shadow: 3px 3px 3px #A1A1A1;-webkit-box-shadow: 3px 3px 3px #A1A1A1;box-shadow: 3px 3px 3px 0px #A1A1A1; }
.standardbox.register { min-height:606px; } 


.cmb,.cmb:link,.cmb:visited,input[type="submit"],input[type="reset"] { font-size: 20px;font-weight:300; line-height: 40px; display: inline-block; padding: 3px 30px; border: 1px solid #34a853;  border-radius: 24px;color:#fff;background-color: #34a853; cursor:pointer; }
.cmb:hover,.cmb:active,input[type="submit"]:hover,input[type="submit"]:active {  -moz-box-shadow: 2px 2px 2px #333 inset;-webkit-box-shadow: 2px 2px 2px #333 inset;box-shadow: 2px 2px 2px #333 inset;color: #bfb;background-color: #34a853; }

.cmb.inverse,.cmb.inverse:link,.cmb.inverse:visited,input[type="submit"].inverse,input[type="reset"] { background: transparent; color: #ea4335; box-shadow: none; }
.cmb.inverse:hover,.cmb.inverse:hover,.cmb.inverse:active,input[type="submit"].inverse:hover,input[type="submit"].inverse:active,input[type="reset"]:hover,input[type="reset"]:active { background:#f1f1f1;color: #333; }

.cmb.red { background-color: #ea4335; border-color:#ea4335;  }
.cmb.red:hover,.cmb.red:active { background-color: #ea4335;border-color:#ea4335;color: #FBB;  }

.cmb.blue { background-color: #4285f4; border-color:#4285f4;  }
.cmb.blue:hover,.cmb.blue:active { background-color: #4285f4;border-color:#4285f4;color: #BBF;  }

.smb,.smb:link,.smb:visited { font-size: 20px; font-weight:300; line-height: 40px; padding-left: 30px;  padding-right: 30px ;border: 1px solid #4285f4;  border-radius: 24px;background-color: #4285f4; color: #FFF;display: inline-block; }
input.smb { padding-top: 0.85%;padding-bottom: 0.85%; }
.smb.green,.smb.green:link,.smb.green:visited { background: #34a853; color: #FFF; border-color:#34a853; }
.smb.inverse,.smb.inverse:link,.smb.inverse:visited { background: transparent; color: #4285f4; box-shadow: none; }
.smb.green.inverse,.smb.green.inverse:link,.smb.green.inverse:visited { background: transparent; color: #34a853; border-color:#34a853; }
.smb.red.inverse,.smb.red.inverse:link,.smb.red.inverse:visited { background: transparent; color: #ea4335; border-color:#ea4335; }
.smb:hover,.smb:active {  }
.centerme { width:50%; margin:0 auto; }
.fixed75 { width:75%; }
.smb a:link,.smb a:visited { color:#444; }
.smb a:hover,.smb a:active { color:#666; }
.undertext { font-size:16px !important; color: #999; }

table.Standard { width:100%; border: 1px solid #999;background: #FFF;margin: 0px; }
table.Standard th { color: #333; background: #FFF;vertical-align:middle;text-align:center; border-bottom: 1px solid #999; }
table.Standard td { color: #666;padding: 5px 6px;vertical-align:middle;text-align:center; }

/* Slider Styling */
input[type=range] {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%;
  /* background: #262262; */
  height: 8.4px;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS here */
	input[type=range] { background: transparent; height: auto; }
}

input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #262262;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -14px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #262262;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #262262;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #262262;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #F1F1F1;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #262262;
}
input[type=range]:focus::-ms-fill-upper {
  background: #F1F1F1;
}
.numbers { float:left; text-align:center; position:relative; width:8%;margin: 1%;padding-bottom:8%;border: 1px #34a853 solid;border-radius:50%;box-sizing: border-box;  }
.numbers:hover, .numbers:active { -moz-box-shadow: 2px 2px 2px #333 inset;-webkit-box-shadow: 2px 2px 2px #333 inset;box-shadow: 2px 2px 2px #333 inset;color: #FFF;background-color: #34a853; }
.numbers span { position:absolute; top:33%; left: 0px;width:100%;height:100%;cursor:pointer;display: block; }

/* ################### Reaction Test CSS ################# */
/* Original Colours: Blue #4285f4 , yellow #fbbc05 , red #ea4335 , green #34a853 */
#Board { width:95%;margin:2.5%;min-height:300px; }

.Base { width:0px; padding:10%; margin:0px 40%;border-radius: 50%;display:none; }
.Base.Blue,#Buttons #Blue.Button { background-color:#4285f4; }
.Base.Yellow,#Buttons #Yellow.Button { background-color:#fbbc05; }
.Base.Red,#Buttons #Red.Button { background-color:#ea4335; }
.Base.Green,#Buttons #Green.Button { background-color:#34a853; }
#Interfere{ width:95%;padding:0px;margin:0px 2.5%;display:none; }
#Interfere h1 { text-align:center;font-size:100px; }
#Interfere h1.Blue { color:#4285f4; }
#Interfere h1.Yellow { color:#fbbc05; }
#Interfere h1.Red { color:#ea4335; }
#Interfere h1.Green { color:#34a853; }
#Results { display:none; }
#Buttons { width:95%;margin:0px 2.5%; }
#Buttons .Button { padding:7.5%;margin:0px 5%;border-radius: 50%;float:left;cursor:pointer; } 
@media only screen and (min-width: 1170px) { /* Browser */
.numbers span { top:32px; }
#rules,#about { margin: 0px 15%; }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) { /* Browser and Tablet */
.box25,.pl25{ width: 48.3%; } .box75 { width: 48.3%; }
.img25 { width: 31.6333333%; }
#rules,#about { margin: 0px 10%; }

}
@media only screen and (width: 1024px) { /* iPad portrait */

}
@media only screen and (min-width: 768px) and (max-width: 950px) { /* Inbetween menu shortener */
.img33 { width: 48.3%; }
.noshowinbetween { display:none !important ; }
.showinbetween_in { display:inline; } .showinbetween_bl { display:block; }
.smb,.smb:link,.smb:visited { font-size: 18px; }
.cmb, .cmb:link, .cmb:visited,input[type="submit"],input[type="reset"] { font-size: 19px; }
.numbers span { top:30%; }

}
@media only screen and (max-width: 820px) {	
.numbers span { top:28%; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) { /* Small Tablet and Phone */
h1 { font-size:21px; } h2, .cl_title2 { font-size:20px; } h3, .cl_title3,p strong { font-size:18px; } p,li,label,input,textarea,select,option { font-size:16px;  } td,th { font-size:14px;  }
.noshowinbetween { display:none !important ; } .noshowtablet { display:none !important ; }
.showinbetween_in { display:inline; } .showinbetween_bl { display:block; } .showtablet_in { display:inline; } .showtablet_bl { display:block; } .showphone_in { display:none; } .showphone_bl { display:none; }
.box100,.pl100,.box3366,.box66 { width: 96.6%; padding: 1.7%;} .box100 { margin-bottom: 3.4%; }
.box50,.pl50 { width: 44.9%; padding: 1.7%;} .box50 { margin-bottom: 3.4%; }
.box50.Early,.pl50.Early { width: 96.6%; padding: 1.7%; }
.box33,.pl33 { width: 96.6%; padding: 1.7%;} .box33 { margin:0% 0% 3.4%; }
.box336,.pl336 { width: 44.9%; padding: 1.7%;} .box336 { margin-bottom: 3.4%; }
.box25,.box252,.pl25,.box75  { width: 44.9%; padding: 1.7%;} .box25,.box252,.box75  { margin-bottom: 3.4%; }

.img50 { width: 98.3%; }
.img33 { width: 64.9%;  } 
.img25 { width: 48.3% } 
.smb,.smb:link,.smb:visited { font-size: 17px;padding-left: 4%;  padding-right: 4% ; }
.cmb, .cmb:link, .cmb:visited,input[type="submit"],input[type="reset"] { font-size: 18px; }
.numbers span { top:20%; }

}

@media only screen and (min-width: 480px) and (max-width: 585px) { /* Little Change for Property Detail Pictures */

.pl25l,.box25l  { width: 44.9%; padding: 1.7%;}
.pl50.regform { width: 96.6%; padding: 1.7%; }

}
@media only screen and (max-width: 479px) { /* Phone Min Width 320*/

h1 { font-size:20px; } h2, .cl_title2 { font-size:19px; } h3, .cl_title3,p strong { font-size:16px; } p,li,label,input,textarea,select,option { font-size:15px;  } td,th,table.example th { font-size:12px;  }

.noshowinbetween { display:none !important ; } .noshowtablet { display:none !important ; } .noshowphone { display:none !important ; }
.showinbetween_in { display:inline; } .showinbetween_bl { display:block; } .showtablet_in { display:inline; } .showtablet_bl { display:block; } .showphone_in { display:inline; } .showphone_bl { display:block; }

.box100,.pl100,.box3366,.box66 { width: 96.6%;padding: 1.7%; } .box100 {  margin-bottom: 1.7%; }
.box50,.pl50 { width: 96.6%; padding: 1.7%; } .box50{ margin:0% 0% 6.8%; } .box50centered { margin:0% 0% 6.8%; }
.box33,.pl33  { width: 96.6%; padding: 1.7%; } .box33{ margin:0% 0% 6.8%; }
.box336,.pl336 { width: 44.9%; padding: 1.7%;} .box336{ margin-bottom: 3.4%; }
.box25,.box252,.pl25,.box75 { width: 96.6%; padding: 1.7%;} .box25,.box252,.box75 { margin:0% 0% 6.8%; }
.pl25l,.box25l  { width: 44.9%; padding: 1.7%;}

.img50 { width: 98.3%; }
.img33 { width: 98.3%; }
.img25 { width: 98.3%; }

.smb,.smb:link,.smb:visited { font-size: 16px;padding-left: 4%;  padding-right: 4% ;line-height: 24px; }
.cmb, .cmb:link, .cmb:visited,input[type="submit"],input[type="reset"] { font-size: 17px;line-height: normal; padding: 2% 10%; }
.numbers {  width:18%;padding-bottom:18%; }
.numbers span { top:33%; }
.Base { width:0px; padding:20%; margin:0px 30%;}

}
@media only screen and (max-width: 360px) { /* Phone Min Width 320*/
.numbers span { top:27.5%; }
}
@media only screen and (max-width: 320px) { /* Phone Min Width 320*/
.numbers span { top:25%; }
}