/*
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

-------------------------------------------------------------
CSS Structure:

01. Default styles for page design (not required for CSS Grid)
02. fixed (f) and percentage (p) column setup
-------------------------------------------------------------
*/


/* 01. Default styles for page design -------------------------- */

/* Generated your own fonts from http://www.fontsquirrel.com/tools/webfont-generator */

@font-face {
    font-family: 'textabold';
    src: url('../fonts/texta-bold-webfont.eot');
    src: url('../fonts/texta-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texta-bold-webfont.woff2') format('woff2'),
         url('../fonts/texta-bold-webfont.woff') format('woff'),
         url('../fonts/texta-bold-webfont.ttf') format('truetype'),
         url('../fonts/texta-bold-webfont.svg#textabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'textamedium';
    src: url('../fonts/texta-medium-webfont.eot');
    src: url('../fonts/texta-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texta-medium-webfont.woff2') format('woff2'),
         url('../fonts/texta-medium-webfont.woff') format('woff'),
         url('../fonts/texta-medium-webfont.ttf') format('truetype'),
         url('../fonts/texta-medium-webfont.svg#textamedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'textalight';
    src: url('../fonts/texta-light-webfont.eot');
    src: url('../fonts/texta-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texta-light-webfont.woff2') format('woff2'),
         url('../fonts/texta-light-webfont.woff') format('woff'),
         url('../fonts/texta-light-webfont.ttf') format('truetype'),
         url('../fonts/texta-light-webfont.svg#textalight') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	width:100%;
	margin:0 auto;
	background-color:#283942;
	color:#fff;
	font-family:'textamedium', Arial, Helvetica, sans-serif;
	font-weight:normal;
	-webkit-text-size-adjust: none;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
html {
	margin:0 auto;
	overflow-x:hidden;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display:inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}


/* Preloader + bar */
.loading {
	display:block;
	background-color:#283942;
	color:fff;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	text-align:center;
	position:fixed;
	z-index:6000;

}
.loading .bar {
	top:55%;
	left:50%;
	margin-left:-175px;
	background-color:#fff;
	width:350px;
	color:#333;
	font-size:20px;
	height:3px;
	text-align:center;
	position:absolute;
	border: 1px solid #fff;
}
.loading .percent { /* Preload percentage bar */
	background-color:#283942;
	width:2%;
	height:3px;
}
.loading span {
	font-family:'texgyreherosbold', Arial, Helvetica, sans-serif;
	font-weight:normal;
	top:50%;
	left:0%;
	width:100%;
	color:#5fc5d5;
	font-size:13px;
	text-align:center;
	z-index:6000;
	position:absolute;
}
.logo-preload {
	position:absolute;
	width:386px;
	height:110px;
	left:50%;
	margin-left:-193px;
	top:50%;
	margin-top:-100px;
	background-image: url(../images/pindan.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:382px;
	-moz-background-size:382px;
}

/* CSS3 Animations */
.animate, a, .logo, .register, .submit, .mybox, .boxclosed, .toggle-box1,
.toggle-box2,
.toggle-box3,
.toggle-box4 { /* Makes columns animate when @media css changes */
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.animate { /* Makes columns animate when @media css changes */
	-webkit-transition: width 0.2s ease, height 0.2s ease;
	-moz-transition: width 0.2s ease, height 0.2s ease;
	-o-transition: width 0.2s ease, height 0.2s ease;
	-ms-transition: width 0.2s ease, height 0.2s ease;
	transition: width 0.2s ease, height 0.2s ease;
}
.animated-medium {
/*  -webkit-animation-duration: 8s;
          animation-duration: 8s;*/
	-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;
}
.animated {
	-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;
	-webkit-transition: width 0.3s ease, height 0.3s ease;
	-moz-transition: width 0.3s ease, height 0.3s ease;
	-o-transition: width 0.3s ease, height 0.3s ease;
	-ms-transition: width 0.3s ease, height 0.3s ease;
	transition: width 0.3s ease, height 0.3s ease;
}

/* slideMeUp */
@-webkit-keyframes slideMeUp {
0% {
	opacity:1;
	-webkit-transform:translateY(0%);
	transform:translateY(0%);
}
100% {
	opacity:1;
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%);
}
}
@keyframes slideMeUp {
0% {
	opacity:1;
	-webkit-transform:translateY(0%);
	-ms-transform:translateY(0%);
	transform:translateY(0%);
}
100% {
	opacity:1;
	-webkit-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
}

}
.slideMeUp {
	-webkit-animation-name:slideMeUp;
			animation-name:slideMeUp;
}

/* slideMeUpBottom */
@-webkit-keyframes slideMeUpBottom {
0% {
	opacity:1;
	-webkit-transform:translateY(0%);
	transform:translateY(0%);
}
100% {
	opacity:1;
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%);
}
}
@keyframes slideMeUpBottom {
0% {
	opacity:1;
	-webkit-transform:translateY(0%);
	-ms-transform:translateY(0%);
	transform:translateY(0%);
}
100% {
	opacity:1;
	-webkit-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
}

}
.slideMeUpBottom {
	-webkit-animation-name:slideMeUpBottom;
			animation-name:slideMeUpBottom;
}


/* slideSlow */
@-webkit-keyframes slideSlow {
0% {
	opacity:0;
	-webkit-transform:translateY(300px);
	transform:translateY(300px);
}
100% {
	opacity:1;
	-webkit-transform:translateY(0%);
	transform:translateY(0%);
}
}
@keyframes slideSlow {
0% {
	opacity:0;
	-webkit-transform:translateY(300px);
	-ms-transform:translateY(300px);
	transform:translateY(300px);
}
100% {
	opacity:1;
	-webkit-transform:translateY(0%);
	-ms-transform:translateY(0%);
	transform:translateY(0%);
}

}
.slideSlow {
	-webkit-animation-name:slideSlow;
			animation-name:slideSlow;
}

.delay {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

a {
	opacity: 1.0;
	text-decoration:none;
	outline:0;
}
img,
img a {
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}
.wrapper {
	width:100%;
	height:100%;
	min-height:100%;
	margin:0 auto;
	padding:0;
	position:absolute;
	max-width:1430px;
	left:0;
	right:0;
}
.slide0 {
	z-index:3;
	width:100%;
	min-height:100%;
	height:auto;
	position:relative;
}
.slide1 {
	width:100%;
	min-height:100%;
	height:auto;
	position:relative;
}
.team {
	background-color:#fff;
}
.border {
	top:0;
	bottom:0;
	left:0;
	right:0;
	position:fixed;
}
.top {
	position:absolute;
	top:0;
	bottom:0;
	left:10px;
	right:10px;
}
.bottom {
	position:absolute;
	left:10px;
	right:10px;
	height:100%;
	top:100%;
}
.line-top {
	background-color:#fff;
	position:fixed;
	left:0;
	right:0;
	height:10px;
	top:0;
	z-index:1;
}
.line-bottom {
	background-color:#fff;
	position:fixed;
	left:0;
	right:0;
	height:10px;
	bottom:0;
	z-index:1;
}
/*
.fullscreen {
	position:absolute;
	height:100%;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position:center;
}*/
.main {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	top:0;
}
.img-bg {
	background-image: url(../images/bg-preload.jpg);
	background-repeat: repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position:center;
}
.bg-overview {
	background-image: url(../images/bg-overview.jpg);
	background-repeat: repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position:center;
}
.bg-lifestyle {
	background-image: url(../images/bg-lifestyle.jpg);
	background-repeat: repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position:center;
}

.bg-location {
	position:absolute;
	top:40px!important;
	bottom:0;
	left:0;
	right:0;
	width:auto;
	background-image: url(../images/location/bg-location-high.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position:center -40px;
}

@media screen and (min-width: 1441px) {

.bg-location {
	position:absolute;
	top:40px!important;
	bottom:0;
	left:0;
	right:0;
	width:auto;
	background-image: url(../images/location/bg-location-high.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position:center -40px;
}

}

/*
@media screen and (min-width: 1500px) {

.bg-location {
	width:100%;
	background-image: url(../images/location/bg-location.jpg);
	background-repeat: no-repeat;
	background-size: auto;
	-webkit-background-size: auto;
	-o-background-size: auto;
	-moz-background-size: auto;
	background-position:center center;
}

}
*/


.next {
	position:absolute;
	width:100%;
	height:40px;
	bottom:0;
	z-index:4;
}
.next a {
	color:transparent;
	display:block;
	height:40px;
	width:40%;
	left:30%;
	position:absolute;
	background-image: url(../images/arrow-down.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:36px;
	-moz-background-size:36px;
}
.blue {
	background-color:#283942;
}
.next a:hover {
	opacity:0.5;
}
.next.gold {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a26d46+0,b78a53+50,a26d46+100 */
background: #a26d46; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EyNmQ0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2I3OGE1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMjZkNDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #a26d46 0%, #b78a53 50%, #a26d46 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a26d46), color-stop(50%,#b78a53), color-stop(100%,#a26d46)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #a26d46 0%,#b78a53 50%,#a26d46 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #a26d46 0%,#b78a53 50%,#a26d46 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #a26d46 0%,#b78a53 50%,#a26d46 100%); /* IE10+ */
background: linear-gradient(to right,  #a26d46 0%,#b78a53 50%,#a26d46 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a26d46', endColorstr='#a26d46',GradientType=1 ); /* IE6-8 */
}
.next.gold a {
	background-image: url(../images/arrow-up.png);
}


.brandandco {
	position:absolute;
	z-index:5;
	font-size:11px;
	line-height:40px;
	right:20px;
	bottom:0;
}
.brandandco a {
	line-height:30px;
	display:inline-block;
	color:#fff;
}
.brandandco a:hover {
	opacity:0.8;
}
.box-grey {
	position:absolute;
	width:100%;
	bottom:40px;
	background-color:rgba(40,57,66,0.7);
	padding-top:30px;
	padding-bottom:25px;
	z-index:3;
}
.max-width {
	margin:0 auto;
	max-width:1220px;
}
h1 {
	font-family:'textalight', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	font-size:40px;
	line-height:40px;
	margin:0;
	padding-bottom:0;
	padding-left:30px;
}
h2 {
	font-family:'textamedium', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	font-size:14px;
	line-height:19px;
	margin:0;
	margin-bottom:5px;
	padding-bottom:0;
	max-width:580px;
}
h3 {
	font-family:'textalight', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#303c44;
	font-size:24px;
	line-height:27px;
	margin:0;
	padding:0;
	padding-top:20px;
}
h4 {
	font-family:'textamedium', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#303c44;
	font-size:24px;
	line-height:27px;
	margin:0;
	padding:0;
	padding-bottom:10px;
}
h5 {
	font-family:'textalight', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#c6a25f;
	font-size:38px;
	line-height:34px;
	margin:0;
	padding:0;
}
h5 span {
	font-family:'textamedium', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
}
h5 a {
	font-family:'textalight', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#c6a25f;
}
h5 a:hover {
	color:#fff;
}
h5.linked a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6a25f;
	padding-bottom:2px;
	display:inline-block;
}
.paragraph {
	font-family:'textamedium', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#303c44;
	font-size:16px;
	line-height:20px;
	margin:0;
	padding:0;
	padding-top:10px;
}
.paragraph-sml {
	font-family:'textamedium', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#303c44;
	font-size:13px;
	line-height:18px;
	margin:0;
	padding:0;
	padding-top:10px;
}
.text-left {
	width:50%;
	float:left;
}
.text-right {
	width:48%;
	margin-left:50%;
}
.text-align-right {
	text-align:right;
}





/* iOS Slider */

.responsive_height {
	position:absolute;
	overflow: visible;
	z-index:0;
	width:100%;
	height:100%;
}
.responsive_height > .container,
.responsive_height_inner > .container {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.iosSlider {
	width:auto!important;
	top:40px!important;
	bottom:40px!important;
	left: 0!important;
	right:0!important;
	/*height:100%!important;*/
	z-index:0;
	position:absolute!important;
}
.iosSlider .slider,
.iosSlider-gallery .slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.iosSlider .slider .slide,
.iosSlider-gallery .slider .slide {
	float:left;
}
.iosSlider .slider {
	width: 100%;
	height: 100%;
}
ul.slider,
ul.slider li.item {
	margin:0;
	padding:0;
	list-style:none;
}
.iosSlider .slider .item {
	width:100%;
	height:100%;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position:center;
	position:absolute;
}
.banner {
	top:40px;
	position:absolute;
	z-index:4;
	width:300px;
	height:300px;
	background-image: url(../images/gallery/banner.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:300px;
	-moz-background-size:300px;
}
.iosSlider .slider .item img {
	width:100%;
	height:100%;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position:center;
	position:absolute;
}
.fullscreen {
	min-height:100%;
	height:100%;
	width:100%;
	position:absolute;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position:center;
	z-index:0;
}

.iosSlider .slider .item span {
	z-index:8;
}
.iosSlider .slider .item,
.iosSlider .slider .item img {
	width: 100%;
	height: 100%!important;
}
.space-gallery {
	width:100%;
	height:40px;
}
.space-gallery2 {
	width:100%;
	height:35px;
}

.switcher {
	height:40px;
	list-style:none;
	margin:0;
	padding:0;
	z-index:8;
	position:absolute;
	text-align:center;
	left:0;
	right:0;
}
.push-overview {
	bottom:264px;
}
.push-interiors {
	bottom:190px;
}
.push-lifestyle {
	bottom:170px;
}
.switcher li {
	display:inline-block;
	width:14px;
	height:14px;
	margin-left:8px;
	margin-right:8px;
}
.switcher li a {
	background-color:transparent;
	display:inline-block;
	width:14px;
	height:14px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:1px solid #fff;
	background-color:#283942;
}
.switcher li a:hover {
	background-color:#fff;
}
.switcher li a.active {
	background-color:#fff;
	width:14px;
	height:14px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:1px solid #fff;
}
.arrow-left a {
	color:transparent;
	width:70px;
	height:70px;
	display:block;
	position:absolute;
	left:0;
	margin-left:0;
	top:50%;
	margin-top:-140px;
	z-index:2;
	background-image: url(../images/arrow-left.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:22px;
	-moz-background-size:22px;
	opacity:1;
	border:0;
}
.arrow-right a {
	color:transparent;
	width:70px;
	height:70px;
	display:block;
	position:absolute;
	right:0;
	margin-right:0;
	top:50%;
	margin-top:-140px;
	z-index:4;
	background-image: url(../images/arrow-right.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:22px;
	-moz-background-size:22px;
	opacity:1;
	border:0;
}
.arrow-left a:hover,
.arrow-right a:hover {
	opacity:0.7;
}



/* Rego */

.box-rego {
/*	position:absolute;
	margin:0 auto;
	width:90%;
	left:5%;
	right:5%;
	max-width:1170px;
	top:50%;
	margin-top:-230px;
	height:460px;
	background-color:rgba(40,57,66,0.7);
	z-index:3;*/
	margin:0 auto;
	width:90%;
	left:5%;
	right:5%;
	max-width:1170px;
	margin-top:30px;
	background-color:rgba(40,57,66,0.7);
	z-index:3;
}
.box-rego-inner {
	padding:5%;
}
.rego-left {
	float:left;
	width:65%;
}
.rego-right {
	width:35%;
	margin-left:65%;
}
.icon-big {
	width:100%;
	height:70px;
	background-image: url(../images/icon-big.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:45px;
	-moz-background-size:45px;
}
.regoform {
	padding-top:22px;
}
.rego-space {
	width:50%;
	height:40px;
}
.savills-space {
	padding-top:100px;
}
.savills {
	margin-top:20px;
	width:100%;
	/*background-image: url(../images/savills.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size:55px;
	-moz-background-size:55px;*/
}
.savills a.sav {
	width:96px;
	height:96px;
	background-image: url(../images/savills.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size:94px;
	-moz-background-size:94px;
	display:block;
	float:right;
}
.savills-info {
	font-size:10.5px;
	width:68%;
}
.savills-info a {
	color:#fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6D6D6;
}
.randh {
	height:45px;
	width:100%;
	margin-top:58px;
	width:100%;
}
a.rh {
	width:120px;
	height:45px;
	display:block;
	float:right;
	background-image: url(../images/randh.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size:120px;
	-moz-background-size:120px;
}
.logo-raywhite {
	width:140px;
	padding-top:20px;
	float:left;
}
.logo-raine-horne {
	width:100px;
	padding-top:20px;
	float:left;
}
.logo-raywhite a,
.logo-raine-horne a {
	border-bottom:none!important;
}
.thanks {
	font-family:'textalight', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	font-size:40px;
	line-height:40px;
	margin:0;
	text-align:center;
	bottom:110px;
	position:absolute;
	width:90%;
	left:5%;
}
.goback {
	font-family:'textalight', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	font-size:20px;
	line-height:30px;
	margin:0;
	text-align:center;
	bottom:40px;
	position:absolute;
	width:90%;
	left:5%;
}
.goback a {
	font-family:'textalight', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	padding-bottom:2px;
}
.displaysuite {
	font-size:18px;
	padding-top:20px;
	padding-bottom:0;
	width:90%;
}
.callus {
	font-family:'textamedium', Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:14px;
	line-height:40px;
	float:right;
	top:0;
	z-index:5;
	padding-top:1px;
	padding-right:15px;
	padding-left:10px;
}
.callus span {
	color:#c6a25f;
}
.callus a {
	color:#fff;
	text-decoration:none;
}


/* Toggle Box */
.mybox1,
.mybox2,
.mybox3,
.mybox4 {
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.box-closed1,
.box-closed2,
.box-closed3,
.box-closed4 {
	bottom:-20px;
}


.box-closed1.box-grey,
.box-closed2.box-grey,
.box-closed3.box-grey,
.box-closed4.box-grey {
	background-color:transparent!important;
	color:transparent!important;
}
.box-closed1.box-grey .text-left h1,
.box-closed2.box-grey .text-left h1,
.box-closed3.box-grey .text-left h1,
.box-closed4.box-grey .text-left h1,
.box-closed1.box-grey .text-right h2,
.box-closed2.box-grey .text-right h2,
.box-closed3.box-grey .text-right h2,
.box-closed4.box-grey .text-right h2 {
	color:transparent!important;
}



.toggle-box1,
.toggle-box2,
.toggle-box3,
.toggle-box4 {
	z-index:6;
	position:absolute;
	right:10px;
	bottom:0;
	width:100px;
	height:39px;
	display:block;
	cursor:pointer;
	background-image: url(../images/minus.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:38px;
	-moz-background-size:38px;
}
.toggle-box1 .notclicked,
.toggle-box2 .notclicked,
.toggle-box3 .notclicked,
.toggle-box4 .notclicked {
	font-size:12px;
	line-height:39px;
}
.toggle-box1 .clicked,
.toggle-box2 .clicked,
.toggle-box3 .clicked,
.toggle-box4 .clicked {
	font-size:12px;
	line-height:39px;
	display:none;
}
.toggled-box1,
.toggled-box2,
.toggled-box3,
.toggled-box4 {
	z-index:6;
	position:absolute;
	right:10px;
	bottom:0;
	width:70px;
	height:39px;
	display:block;
	cursor:pointer;
	background-image: url(../images/plus.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:38px;
	-moz-background-size:38px;
}
.toggled-box1 .notclicked,
.toggled-box2 .notclicked,
.toggled-box3 .notclicked,
.toggled-box4 .notclicked {
	font-size:12px;
	line-height:39px;
	display:none;
}
.toggled-box1 .clicked,
.toggled-box2 .clicked,
.toggled-box3 .clicked,
.toggled-box4 .clicked {
	font-size:12px;
	line-height:39px;
	display:block;
}


.toggle-box1:hover,
.toggle-box2:hover,
.toggle-box3:hover,
.toggle-box4:hover,
.toggled-box1:hover,
.toggled-box2:hover,
.toggled-box3:hover,
.toggled-box4:hover {
	opacity:0.7;
}


/* ROI */

/* Custom Form elements */
form,
fieldset {
	padding:0;
	margin:0;
	border:0;
}
input {
	font-family:'textamedium', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#fff;
	-webkit-appearance: none;
	width:28%;
	height:24px;
	padding-top:4px;
	padding-left:10px;
	line-height:22px;
	border-radius: 0;
	background-color:transparent;
	border: 1px solid #fff;
	margin-right:10px;
	margin-bottom:15px;
}
input.error {
	border-color: #f9eb51;
	color:#fff;
}
textarea {
	font-family:'textamedium', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#000;
	-webkit-appearance: none;
	width:97%;
	padding-top:5px;
	padding-bottom:4px;
	padding-left:0;
	margin-bottom:3px;
	line-height:22px;
	border-radius: 0;
	background-color:transparent;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6c7680;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}
.send {
	width:100%;
	padding-top:20px;
}
.submit {
	border: 0px solid #103b5e;
	background-color:#fff;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;
	color:#283942;
	font-size:15px;
	cursor:pointer;
	font-family:'textabold', Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0 auto;
	margin-top:10px;
	text-align:center;
}
.submit:hover {
	color:#fff;
	background-color:#677075;
}
.error-msg {
	font-family:'textamedium', Arial, Helvetica, sans-serif;
	font-weight:normal;
	display:none;
	color:#f9eb51;
	font-size:13px;
	padding-bottom:3px;
}
.mandatory {
	font-size:12px;
	color:#fff;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:5px;
}
.holidays {
	font-size:13px;
	line-height:16px;
	width:92%;
	padding-top:6px;
}
.send-left {
	float:left;
}
.send-right {
	margin-left:105px;
}
.agents {
	font-family:'textalight', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:18px;
	line-height:22px;
}
.agents strong {
	font-family:'textabold', Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.agent-left {
	float:left;
	padding-right:30px;
}
.agent-right {
}
.agents a {
	color:#fff;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#fff;
}
.agents a:hover {
	color:#fff;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:transparent;
}

/* Make placeholder text 100% visible */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color:#fff;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
	color:#fff;
	opacity:1;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
	color:#fff;
	opacity: 1;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	color:#fff;
}


.jstyling-select {margin: 0; padding: 0; position:relative; z-index: 0; color:#fff;font-size:14px;font-family:'textamedium', Arial, Helvetica, sans-serif;font-weight:normal; text-align:center;
float:left;
margin-right:15px;
}
.jstyling-select-t {white-space: nowrap; overflow: hidden;}
.jstyling-select-l {margin: 0; padding: 0; width: 100%; display: none; position: absolute; overflow-y: auto; z-index: 1000;}
    .jstyling-select-l div {list-style: none; display: block; white-space: nowrap; overflow: hidden;}
    .jstyling-select-l div:hover {}
    .jstyling-select-l div.disabled {}
    .jstyling-select-l div.disabled:hover {}
.jstyling-select.active {z-index: 700; }    
    .jstyling-select.active .jstyling-select-l {display: block;}
.jstyling-checkbox, .jstyling-radio {margin: 0; padding: 0; display: inline-block; z-index: 1;}
.jstyling-checkbox input[type=checkbox], .jstyling-radio input[type=radio] {opacity: 0; filter: alpha(opacity = 0); z-index: 0;}
.jstyling-select select { visibility: hidden; width: 1px; height: 1px; position: absolute; }


/* Select wrapper */ 
.jstyling-select {
	width: 28%;
	height:29px;
	padding-left:10px;
	cursor: pointer;
	background-color:transparent;
	border: 1px solid #FFF;
	text-align:left;
}
.red .jstyling-select { background-color:transparent;
	border-color: #f9eb51;
	color: #fff; }
/* Select current option */
.jstyling-select-s { height: 30px; line-height: 30px; background: url(../images/dd.png) no-repeat right center; padding-left:0;}
.jstyling-select-t {width: 90%;} 

/* Select options list*/
.jstyling-select-l {max-height: 197px; border: 1px solid #eeece9; border-top:0; top:0; left: -1px; background-color: #283942; } 
    .jstyling-select-l div {height: 30px; line-height: 30px; border-top: 0px solid #000; padding-left:10px; background-color:#283942;} 
    .jstyling-select-l div:hover { background: #1e2c33; }
    .jstyling-select-l div.disabled {background: #fff;}
    .jstyling-select-l div.disabled:hover {color: #000000;}
    .jstyling-select-l div:first-child {border-top: 0}
.jstyling-select.active {background-position: 100% -28px;}
.jstyling-select.disabled {background-color: #fff;}

/* Checkbox */
.jstyling-checkbox {width: 16px; height: 16px;  background: url(../images/jcusel-checkbox-radio.png) no-repeat;  vertical-align: middle;}
.jstyling-checkbox.active {background-position: 100% -16px;}
.jstyling-checkbox.disabled {background-position: 100% -32px;}
.jstyling-checkbox.active.disabled {background-position: 100% -48px;}

/* Radio button */
.jstyling-radio {width: 25px; height: 25px;  background: url(../images/radio.png) no-repeat; background-position: 0 0;  vertical-align: middle; margin-right: 2px;}
.jstyling-radio.active {background-position: 0 -25px;}
.jstyling-radio.disabled {background-position: 100% -96px;}
.jstyling-radio.active.disabled {background-position: 100% -112px;}




/* Warning Sign for Internet Explorer 8 users (This website does not support IE8) */

#warning {
	background-color:#333;
	padding:20px;
	color:#999;
	margin-bottom:10px;
	line-height:21px;
	font-size:16px;
}
#warning strong {
	color:#fff;
}
#warning a {
	color:#fff;
	font-weight:normal;
	padding-bottom:0px;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
#warning a:hover {
	color:#fff;
	font-weight:normal;
	padding-bottom:0px;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: .fff;
}



/* 02. fixed (f) and percentage (p) column setup -------------------------- */

/* Add style to columns to make them visible */

.f1,
.f2,
.f3,
.f4,
.f5,
.f6,
.f7,
.f8,
.p1,
.p2,
.p3,
.p4,
.p5,
.p6,
.p7,
.p8
{
	font-weight:normal;
	margin:0 auto;
}