/*
CSSGrid is a Responsive CSS Grid designed to work on web and mobile devices. (www.cssgrid.co)
Please don't steal. Support this grid and buy a license from: http://codecanyon.net/item/responsive-html5-css-grid/4928861

Columns Fixed (f)

*/

.savills-space {
	padding-top:20px;
}

.banner {
	top:0;
	width:140px;
	height:140px;
	background-size:140px;
	-moz-background-size:140px;
}

h1 {
	font-size:25px;
	line-height:25px;
	padding-bottom:10px;
	margin:0;
	padding-right:50px;
	padding-left:20px;
}
h2 {
	font-size:14px;
	line-height:18px;
	max-width:90%;
	padding-left:20px;
	padding-right:50px;
}
h3 {
	padding-top:5px;
}
h4 {
	padding-bottom:0;
}

.text-left {
	width:100%;
	float:none;
}
.text-right {
	width:100%;
	float:none;
	margin-left:0;
}
.switcher {
	top:270px;
}
.arrow-left a {
	margin-top:-55px;
	background-size:22px;
	-moz-background-size:22px;
}
.arrow-right a {
	margin-top:-55px;
	background-size:22px;
	-moz-background-size:22px;
}
.box-rego {
	position:relative;
	margin:0 auto;
	width:90%;
	left:0%;
	right:5%;
	top:0;
	margin-top:0;
	margin-bottom:20px;
	padding-bottom:0;
	height:auto;
	background-color:rgba(40,57,66,0.7);
	z-index:3;
}
.box-rego-inner {
	padding:4%;
}
.rego-space {
	width:50%;
	height:70px;
}
.hide-mobile {
	display:none;
}
.regoform {
	padding-top:20px;
}

.rego-left {
	float:none;
	width:100%;
}
.rego-right {
	width:100%;
	margin-left:0;
}
.savills {
	position:relative;
	width:100%;
	right:0;
	padding-top:5px;
	margin-top:10px;
}
.savills a.sav {
	width:60px;
	height:60px;
	background-size:60px;
	-moz-background-size:60px;
}
.savills-info {
	font-size:11px;
	width:70%;
}
.agents {
	margin-top:20px;
	margin-bottom:20px;
	font-size:13px;
	line-height:18px;
}
.agent-left {
	float:none;
	width:100%;
	padding-bottom:20px;
}
.randh {
	margin-top:10px;
}
.logo-raywhite {
	width:140px;
	padding-top:20px;
	float:none;
}
.logo-raine-horne {
	width:100px;
	padding-top:20px;
	float:none;
}

.icon-big {
	display:none;
}
.send {
	padding-top:0;
}
input {
	width:90%;
	margin-bottom:5px;
	float:none;
}
.text-align-right {
	text-align:left;
}

.jstyling-select {
	float:none;
}
/* Select wrapper */ 
.jstyling-select {
	width: 90%;
	margin-bottom:5px;
}
h5 {
	font-size:26px;
	line-height:26px;
}


.loading .bar {
	top:60%;
	left:50%;
	margin-left:-100px;
	background-color:#fff;
	width:200px;
}
.logo-preload {
	position:absolute;
	width:220px;
	height:110px;
	left:50%;
	margin-left:-110px;
	top:50%;
	margin-top:-70px;
	background-size:220px;
	-moz-background-size:220px;
}
.next {
	position:absolute;
	width:40px;
	height:40px;
	bottom:0;
	z-index:4;
	right:0;
	display:block;
}
.next a {
	display:block;
	width:39px;
	margin-left:-12px;
	background-image: url(../images/arrow-down.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:20px;
	-moz-background-size:20px;
}
.next.gold {
	position:absolute;
	width:40px;
	height:40px;
	bottom:0;
	z-index:4;
}
.next.gold a {
	position:absolute;
	display:block;
}

.bottom {
	position:absolute;
	left:10px;
	right:10px;
	height:auto;
	min-height:100%;
	top:100%;
}
.box {
	position:relative;
	width:90%;
	height:auto;
	background-color:#e8eae7;
	top:0;
	margin:0 auto;
	border: 5px solid #FFF;
}
.left {
	width:100%;
	float:none;
}
.right {
	display:none;
	width:35%;
	margin-left:65%;
	height:490px;
}
h3 {
	font-size:22px;
	line-height:26px;
}
.logo {
	position:absolute;
	width:260px;
	height:80px;
	left:50%;
	margin-left:-130px;
	top:50%;
	margin-top:-90px;
	background-size:260px;
	-moz-background-size:260px;
}
.arrow {
	padding-bottom:30px;
	width:90%;
	left:5%;
}
.arrow a {
	line-height:34px;
	padding-top:60px;
	font-size:20px;
}
.footer {
	position:relative;
	width:auto;
	font-size:11px;
	line-height:13px;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	margin:0 auto;
	padding-bottom:30px;
}
.logo-small {
	position:relative;
	width:200px;
	height:85px;
	left:50%;
	top:8px;
	margin-left:-100px;
	background-image: url(../images/pindan.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:200px;
	-moz-background-size:200px;
}

.responsive_height {
	position:relative;
	overflow: visible;
	z-index:0;
	width:100%;
	height:300px;
	background-color:#ccc;
	top:50px;
}
.responsive_height > .container,
.responsive_height_inner > .container {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color:#ccc;
}
.iosSlider {
	width:auto!important;
    top:0!important;
    right:0!important;
	height:100%!important;
	z-index:0;
	position:absolute!important;
    left: 0!important;
}
.box-grey {
	position:static;
	width:100%;
	height:auto;
	margin-top:55px;
	/*background-color:rgba(40,57,66,0.9);*/
	background-color:#283942;
	padding-top:10px;
	padding-bottom:25px;
	z-index:3;
}
.bg-location {
	display:none;
	background-image: none;
	background-repeat: no-repeat;
	background-size: 100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	-moz-background-size: 100%;
	background-position:center 50px;
}
.location-mobile {
	background-color:#999;
	position:relative;
	width:100%;
	height:340px;
	top:50px;
	background-image: url(../images/location/bg-location-mob.jpg);
	background-repeat: repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position:center top;
}

.brandandco {
	left:20px;
	width:200px;
}

.thanks {
	font-size:25px;
	line-height:25px;
	margin:0;
	bottom:80px;
}

.toggle-box1,
.toggle-box2,
.toggle-box3,
.toggle-box4 {
	display:none;
}

.holidays {
	padding-top:15px;
	padding-bottom:15px;
}
.send-left {
	float:none;
}
.send-right {
	margin-left:0;
}




.f1, /* outer div width */
.f2,
.f3,
.f4,
.f5,
.f6,
.f7,
.f8 {
	width:462px;
}


.f1 .one {
	width:100%;
}


.f2 .one {
	width:226px;
	float:left;
}
.f2 .two {
	width:226px;
	/*
	To set the correct position for the last column, add up all columns to the left and add on the padding.
	In this case: 226 + 10 = 236
	*/
	margin-left:236px;
}


.f3 .one {
	width:148px;
	float:left;
}
.f3 .one-two {
	width:305px;
	margin-left:0px;
	float:left;
}
.f3 .two {
	width:148px;
	margin-left:9px;
	float:left;
}
.f3 .two-three {
	width:305px;
	margin-left:157px;
}
.f3 .three {
	width:148px;
	/*
	To set the correct position for the last column, add up all columns to the left and add on the padding.
	In this case: 148 x 2 + 9 + 9 = 314
	*/
	margin-left:314px;
}


.f4 .one {
	width:108px;
	float:left;
}
.f4 .one-two {
	width:226px;
	float:left;
}
.f4 .one-three {
	width:344px;
	float:left;
}
.f4 .two {
	width:108px;
	margin-left:10px;
	float:left;
}
.f4 .two-three {
	width:226px;
	margin-left:10px;
	float:left;
}
.f4 .two-four {
	width:344px;
	margin-left:118px;
}
.f4 .three {
	width:108px;
	margin-left:10px;
	float:left;
}
.f4 .three-four {
	width:226px;
	margin-left:236px;
}
.f4 .four {
	width:108px;
	margin-left:354px;
}


.f5 .one {
	width:86px;
	float:left;
}
.f5 .one-two {
	width:180px;
	float:left;
}
.f5 .one-three {
	width:274px;
	float:left;
}
.f5 .one-four {
	width:368px;
	float:left;
}
.f5 .two {
	width:86px;
	float:left;
	margin-left:8px;
}
.f5 .two-three {
	width:180px;
	float:left;
	margin-left:8px;
}
.f5 .two-four {
	width:274px;
	margin-left:8px;
	float:left;
}
.f5 .two-five {
	width:368px;
	margin-left:94px;
}
.f5 .three {
	width:86px;
	float:left;
	margin-left:8px;
}
.f5 .three-five {
	width:274px;
	margin-left:188px;
}
.f5 .four {
	width:86px;
	float:left;
	margin-left:8px;
}
.f5 .four-five {
	width:180px;
	margin-left:282px;
}
.f5 .five {
	width:86px;
	margin-left:376px;
}


.f6 .one {
	width:72px;
	float:left;
}
.f6 .one-two {
	width:150px;
	float:left;
}
.f6 .one-three {
	width:228px;
	float:left;
}
.f6 .one-four {
	width:306px;
	float:left;
}
.f6 .one-five {
	width:384px;
	float:left;
}
.f6 .two {
	width:72px;
	float:left;
	margin-left:6px;
}
.f6 .two-three {
	width:150px;
	float:left;
	margin-left:6px;
}
.f6 .two-four {
	width:228px;
	float:left;
	margin-left:6px;
}
.f6 .two-five {
	width:306px;
	float:left;
	margin-left:6px;
}
.f6 .two-six {
	width:384px;
	margin-left:78px;
}
.f6 .three {
	width:72px;
	float:left;
	margin-left:6px;
}
.f6 .three-four {
	width:150px;
	float:left;
	margin-left:6px;
}
.f6 .three-five {
	width:228px;
	float:left;
	margin-left:6px;
}
.f6 .three-six {
	width:306px;
	margin-left:156px;
}
.f6 .four {
	width:72px;
	float:left;
	margin-left:6px;
}
.f6 .four-five {
	width:150px;
	float:left;
	margin-left:6px;
}
.f6 .four-six {
	width:228px;
	margin-left:234px;
}
.f6 .five {
	width:72px;
	float:left;
	margin-left:6px;
}
.f6 .five-six {
	width:150px;
	margin-left:312px;
}
.f6 .six {
	width:72px;
	margin-left:390px;
}


.f7 .one {
	width:60px;
	float:left;
}
.f7 .one-two {
	width:127px;
	float:left;
}
.f7 .one-three {
	width:194px;
	float:left;
}
.f7 .one-four {
	width:261px;
	float:left;
}
.f7 .one-five {
	width:328px;
	float:left;
}
.f7 .one-six {
	width:395px;
	float:left;
}
.f7 .two {
	width:60px;
	float:left;
	margin-left:7px;
}
.f7 .two-three {
	width:127px;
	float:left;
	margin-left:7px;
}
.f7 .two-four {
	width:194px;
	float:left;
	margin-left:7px;
}
.f7 .two-five {
	width:261px;
	float:left;
	margin-left:7px;
}
.f7 .two-six {
	width:328px;
	float:left;
	margin-left:7px;
}
.f7 .two-seven {
	width:395px;
	margin-left:67px;
}
.f7 .three {
	width:60px;
	float:left;
	margin-left:7px;
}
.f7 .three-four {
	width:127px;
	float:left;
	margin-left:7px;
}
.f7 .three-five {
	width:194px;
	float:left;
	margin-left:7px;
}
.f7 .three-six {
	width:261px;
	float:left;
	margin-left:7px;
}
.f7 .three-seven {
	width:328px;
	margin-left:134px;
}
.f7 .four {
	width:60px;
	float:left;
	margin-left:7px;
}
.f7 .four-five {
	width:127px;
	float:left;
	margin-left:7px;
}
.f7 .four-seven {
	width:261px;
	margin-left:201px;
}
.f7 .five {
	width:60px;
	float:left;
	margin-left:7px;
}
.f7 .five-seven {
	width:194px;
	margin-left:268px;
}
.f7 .six {
	width:60px;
	float:left;
	margin-left:7px;
}
.f7 .six-seven {
	width:127px;
	margin-left:335px;
}
.f7 .seven {
	width:60px;
	margin-left:402px;
}


.f8 .one {
	width:56px;
	float:left;
}
.f8 .one-two {
	width:114px;
	float:left;
}
.f8 .one-three {
	width:170px;
	float:left;
}
.f8 .one-four {
	width:230px;
	float:left;
}
.f8 .one-five {
	width:288px;
	float:left;
}
.f8 .one-six {
	width:346px;
	float:left;
}
.f8 .one-seven {
	width:404px;
	float:left;
}
.f8 .two {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .two-three {
	width:112px;
	float:left;
	margin-left:2px;
}
.f8 .two-four {
	width:172px;
	float:left;
	margin-left:2px;
}
.f8 .two-five {
	width:230px;
	float:left;
	margin-left:2px;
}
.f8 .two-six {
	width:288px;
	float:left;
	margin-left:2px;
}
.f8 .two-seven {
	width:346px;
	float:left;
	margin-left:2px;
}
.f8 .two-eight {
	width:404px;
	margin-left:58px;
}
.f8 .three {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .three-four {
	width:114px;
	float:left;
	margin-left:2px;
}
.f8 .three-five {
	width:172px;
	float:left;
	margin-left:2px;
}
.f8 .three-six {
	width:230px;
	float:left;
	margin-left:2px;
}
.f8 .three-seven {
	width:288px;
	float:left;
	margin-left:2px;
}
.f8 .three-eight {
	width:346px;
	margin-left:116px;
}
.f8 .four {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .four-five {
	width:116px;
	float:left;
	margin-left:2px;
}
.f8 .four-six {
	width:174px;
	float:left;
	margin-left:2px;
}
.f8 .four-seven {
	width:232px;
	float:left;
	margin-left:2px;
}
.f8 .four-eight {
	width:290px;
	margin-left:172px;
}
.f8 .five {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .five-six {
	width:114px;
	float:left;
	margin-left:2px;
}
.f8 .five-seven {
	width:172px;
	float:left;
	margin-left:2px;
}
.f8 .five-eight {
	width:230px;
	margin-left:232px;
}
.f8 .six {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .six-seven {
	width:114px;
	float:left;
	margin-left:2px;
}
.f8 .six-eight {
	width:172px;
	margin-left:290px;
}
.f8 .seven {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .seven-eight {
	width:114px;
	margin-left:348px;
}
.f8 .eight {
	width:56px;
	margin-left:406px;
}