/*

font-family:'Brandon Grot W01 Bold';
font-family:'BrandonGrotW01-Regular';
font-family:'Brandon Grot W01 Black';
font-family:'Brandon Grot W01 Medium';


new changes

*/

.aboutPage{
	text-align: center;
	padding: 25px 10%;
}

.aboutpara{
	text-align: center;
}

.aboutpara a{
	text-decoration: none;
	color: #000;
}

.wrap_recaptcha{
	 padding-top: 30px;
	 padding-bottom: 30px;
	 position: relative;
	 display: block;
	 
}

.wrap_recaptcha:before,
.wrap_recaptcha:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.wrap_recaptcha:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.wrap_recaptcha {
    *zoom: 1;
}

.g-recaptcha{
	 display: inline-block; float: right;

}
.left_bg, .right_bg{
	display: none !important;
}
.parsley-errors-list{
  list-style-type: none;
  margin-left: 0;
  margin-top: 5px;
  padding-left: 0;
  color: #f04124;
  float:left;
}

.parsley-errors-list {
  list-style:none;
}
.parsley-required, .parsley-type, .parsley-pattern, .parsley-minlength, .parsley-minlength, .parsley-length{
  color:#f04124;
  font-size:10px;
  font-family:Arial, Helvetica, sans-serif;
  

}

#error{ 
	text-align:center; 
	padding:15px; 
	background:#a41320; 
	color:#fff;
	width: 100%;
	margin-right:auto; 
	margin-left:auto;
	margin-bottom:40px;
}
	#error h3{
    font-size: 18px;
  }
	
.close_err{ float:right; cursor:pointer;}




*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html * {
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*	foundation row	*/
.row {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .row::before, .row::after {
    content: ' ';
    display: table; }
  .row::after {
    clear: both; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row .row {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem; }
    .row .row.collapse {
      margin-left: 0;
      margin-right: 0; }
  .row.small-collapse > .column, .row.small-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.small-uncollapse > .column, .row.small-uncollapse > .columns {
    padding-left: 30px;
    padding-right: 30px; }
  @media screen and (min-width: 40em) {
    .row.medium-collapse > .column, .row.medium-collapse > .columns {
      padding-left: 0;
      padding-right: 0; }
    .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns {
      padding-left: 30px;
      padding-right: 30px; } }
  @media screen and (min-width: 64em) {
    .row.large-collapse > .column, .row.large-collapse > .columns {
      padding-left: 0;
      padding-right: 0; }
    .row.large-uncollapse > .column, .row.large-uncollapse > .columns {
      padding-left: 30px;
      padding-right: 30px; } }
  .row.expanded {
    max-width: none; }

.column, .columns {
  width: 100%;
  float: left;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }
  .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right; }
  .column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left; }

.column.row.row, .row.row.columns {
  float: none; }
  .row .column.row.row, .row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0; }


.small-4 {
  width: 33.33333%; float:left; }
  .center_div{
	  text-align:center;
  }
  .left_div{
	  text-align:left;
  }
  .right_div{
	  text-align:right;
  }

/*	//end	*/
/* GRID */
.grid_1, .grid_2, .grid_3, .grid_4, .gird_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	margin: 0 2% 2% 0;
	float: left;
	display: block;
	z-index: 1;
	position: relative;
}
.grid_1 {
	width: 60%;
}
.grid_2 {
	margin: 0 10px 0 0;
	width: auto;
}
.grid_3 {
	width: 20%;
}
.grid_4 {
	width: 32%;
}
.gird_5 {
	width: 48%;
	float: left;
	margin-right: 4%
}
.grid_6 {
	width: 48%;
}
.grid_6.rightcol {
	float: right;
}
.grid_7 {
	width: 53%;
	float: none;
	margin: 0 auto;
}
.grid_8 {
	width: 63%;
}
.grid_9 {
	width: 74.5%;
}
.grid_10 {
	width: 83%;
}
.grid_11 {
	width: 91.5%;
}
.grid_12 {
	width: 100%;
	margin-right: 0;
	clear: both;
}
.right_bg {
	top: 47%;
	position: absolute;
	right: -20px;
	z-index: -1;
}
.left_bg {
	top: 50%;
	position: absolute;
	left: -20px;
	z-index: -1;
}
.grid_6.more {
	width: 55%;
}
.grid_6.less {
	width: 41%;
	margin: 0 0 2% 2%;
	padding-top: 5%;
}
.bottom_bg {
	/*background: url('../images/slider.png') no-repeat left bottom;*/
	padding: 0 0 37px 0;
}
.bottom_bg .right_bg, .left_bg {
	top: 63%;
}
.bottom_bg_right {
	/*background: url('../images/slider.png') no-repeat right bottom;*/
	padding-bottom: 57px;
	display: block;
}
.floatright, a.button.floatright, .button.floatright {
	float: right;
}
.right_txt {
	text-align: right;
}
.container {
	padding: 2.5% 5%;
	width: 90%;
	margin: 0 auto;
	clear: both;
	display: block;
	overflow: auto;
	position: relative;
}
#page_wrapper {
	margin: 0 auto;
	clear: both;
	display: block;
	overflow:hidden;
	position: relative;
	max-width: 1400px;
	width: 100%;
	padding: 20px;
	/*background: #fff;*/
	background: #b2e0e1;
	/*border: 20px solid #fff;*/
	border-left: 20px solid #fff;
	border-right: 20px solid #fff;
	border-bottom: 20px solid #fff;
}
.small_container {
	max-width: 1060px;
	margin: 5% auto 0 auto;
	clear: both;
	display: block;
	overflow: auto;
	position: relative;
}
.clear, * html .clearfix, *:first-child+html .clearfix {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0
}
*, *:before, *:after {
	box-sizing: border-box;
	margin: 0;
}
section {
	clear: both;
	display: block;
	padding-bottom: 200px;
	position: relative;
	float: left;
}
section#home, section.greensquare, section.team {
	padding-bottom: 25px;
}
section.team h2 {
	/*background: transparent url("../images/motif.png") no-repeat scroll center top;*/
	text-align: center;
}
#home h3 {
	font-size: 22px;
	line-height: 1em;
}
#home .grid_6 {
	margin-bottom: 0;
}
section.page-video
{
	width:100%;
	padding-bottom:50px;
}

#page-video iframe
{
	width:100%;
	height:700px;
}
.nomarginright {
	margin-right: 0
}
a.button, .button {
	/*background: #483675;*/
	background: #000;
	font-family: "Brandon Grot W01 Bold";
	margin: 10px 0;
	padding: 5px 15px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	float: left;
	display: block;
}
/* General */
.link_en {
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
	color:#fff;
}
.lang_txt{
	color:#fff;
}

.image {
	max-width: 100%;
}
html {
	color: #de5466;
	font-size: 1em;
	/*background: #de5466;*/
	/*background: #b2e0e1;*/
}
body {
	font-size: 14px;
	color: #000;
	/*background: url('../images/bg-top.png') top right no-repeat, url('../images/bg-bottom.png') bottom left no-repeat;*/
	font-family: 'Open Sans', sans-serif;
	/*padding-top: 280px;*/
	padding-top: 220px;
	background-color: #b2e0e1;
}
.image {
	width: 100%;
	margin: 0;
	display: block;
}
#content {
	margin: 0 auto;
	width: 100%;
	max-width: 806px;
	text-align: center;
	float: none;
}
.centeralign {
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 0;
	border-bottom: 1px solid #000;
}
/* Headings */
h1, h2, h3, h4, h5 {
	margin: 0 0 15px 0;
	font-weight: normal;
	font-family: 'Brandon Grot W01 Bold';
}
p {
	margin: 0 0 15px 0;
}
h1 {
	font-size: 48px;
	line-height: 40px;
	color: #000;
	padding: 0;
	margin-bottom: 20px;
	text-transform: uppercase;
	letter-spacing: normal;
}
h1 span {
	/*color: #de5466;*/
	color: #000;
}
h2 {
	font-size: 36px;
	/*background: url('../images/motif.png') no-repeat top left;*/
	padding-top: 65px;
	text-transform: uppercase;
	line-height: 32px;
}

.hdesktop{
	padding: 10px 0;
	text-align: center;
}

.hdesktop a{
	color: #000;
	text-decoration: none;
}


#team h2 {
	background-position: center center;
	text-align: center;
	padding-top: 65px;
	line-height: none;
}
.right_txt h2 {
	background-position: top right;
}
h3 {
	font-size: 36px;
	text-transform: uppercase;
	margin-bottom: 0;
}
h4 {
	font-size: 20px;
	font-style: italic;
}
h5 {
	font-size: 36px;
	/*color: #de5466;*/
	color: #000;
	text-transform: uppercase;
}
/* Navigation */ 
/* header */
header {
	width: 100%;
	max-width: 1400px;
	padding: 10px 0;
	position: fixed;
	z-index: 11;
	top: 0;
	margin: 0 auto;
	left: 0;
	right: 0;
	background: #b2e0e1;
	border-top: 20px solid #fff;
	border-left: 20px solid #fff;
	border-right: 20px solid #fff;
}
#logotop img.fixed {
	-ms-transform: scale(0.6, 0.6);
	-webkit-transform: scale(0.6, 0.6);
	transform: scale(0.6, 0.6);
	/*margin-top: -30px;*/
	margin-top: 0;
}
#logotop.fixed {
	margin: 0px auto;
	height: 130px;
}
header.fixed {
	background: #b2e0e1;
	border-left: 20px solid #fff;
	border-right: 20px solid #fff;
	border-top: 20px solid #fff;
}
#logotop {
	position: relative;
	top: 10px;
	left: 0;
	right: 0;
	margin: 0 auto 20px auto;
	text-align: center;
	display: block;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}
#logotop img {
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}
ul#nav {
	padding: 0;
	margin: 0 auto;
	text-align: center;
	clear: both;
	display: table;
	width: 100%;
	position:relative;
	z-index:100;
}
ul#nav li {
	display: table-cell;
}
ul#nav li a {
	color: #fff;
	display: inline-block;
	font-size: 14px;
	padding: 10px 5px;
	text-transform: uppercase;
	text-decoration: none;
	font-family: 'Brandon Grot W01 Medium';
	text-align: left;
	-webkit-transition: padding 500ms;
	-moz-transition: padding 500ms;
	-o-transition: padding 500ms;
	transition: padding 500ms;
}
ul#nav li a:hover, ul#nav li a.active {
	/*background-image: url('../images/nav.png');*/
	background-repeat: no-repeat;
	background-position: center bottom;
	color: #000;
}
ul#nav li a.register, a.register.m {
	margin-right: 0;
	/*background: #483675;*/
	background: #000;
	padding: 5px 15px;
	font-family: 'Brandon Grot W01 Bold';
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
}
a.register.m {
	float: right;
	margin: 5px 10px 5px 0;
}
ul#nav li a.register:hover, ul#nav li a.register.active {
	color: #fff;
	/*background: #483675;*/
	background: #000;
}
a#logo {
	margin: 5% auto 0 auto;
	position: absolute;
	z-index: 10;
	left: 0;
	right: 0;
	display: inline-block;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	text-align: center;
}
.rego_logo {
	display: block;
	text-align: center;
	margin: 5% auto;
}
.rego_logo img, a#logo img {
	max-width: 100%;
}
#mobile-btn {
	display: none;
}
/*menubotton*/

#nav-toggle {
	position: fixed;
	top: 140px;
	left: 10px;
	z-index: 10;
	cursor: pointer;
	display: none;
	width: 35px;
	height: 35px;
}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
	cursor: pointer;
	border-radius: 1px;
	height: 3px;
	width: 35px;
	background: #fff;
	position: absolute;
	display: block;
	content: '';
	top: 10px;
}
#nav-toggle span:before {
	top: -10px;
}
#nav-toggle span:after {
	bottom: -10px;
}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
	-webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 360ms ease-in-out;
}
#nav-toggle.active span {
	background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
	top: 0;
}
#nav-toggle.active span:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: a rotate(45deg);
}
#nav-toggle.active span:after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: a rotate(-45deg);
}
nav.display {
	display: none
}
/* enquiry */
form {
	padding: 5% 5% 0 5%;
	overflow: auto;
}
.reg_con {
	overflow: auto;
}
#enquiry_wrapper {
	overflow: auto;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0;
	margin-bottom: 50px;
}
#enquiry_wrapper h1 {
	margin-bottom: 30px;
}
#enquiry_content {
	max-width: 1000px;
	margin: 0 auto;
	border: 1px solid #979797;
	padding: 25px;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, select {
	border: 2px solid #483675;
	-moz-appearance: none;
	background-color: #ffffff;
	border-radius: 0;
	color: rgba(0, 0, 0, 0.75);
	display: block;
	font-family: inherit;
	font-size: 0.875rem;
	height: 2.3125rem;
	margin: 0;
	padding: 0.5rem;
	transition: border-color 0.15s linear 0s, background 0.15s linear 0s;
	width: 100%;
}
select {
	-webkit-appearance: none;
}
label {
	text-align: left;
	text-transform: uppercase;
	color: #000;
	color: #4d4d4d;
	cursor: pointer;
	display: block;
	font-size: 0.875rem;
	font-weight: normal;
	line-height: 1.5;
}
.submit {
	width: 100%;
	display: block;
	margin: 0 auto;
	padding: 3px 0;
	border: 0;
	/*background: #483675;*/
	background: #000;
	color: #fff;
	font-family: "Brandon Grot W01 Bold", sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 22px;
	cursor:pointer;
}
.privacy {
	font-size: 12px;
	text-align: right;
}
.privacy a {
	text-decoration: none;
}
p.lead {
    font-size: 1.21875rem;
    line-height: 1.6;
}
 input:-webkit-input-placeholder, textarea:-webkit-input-placeholder {
color: #fff;
opacity: 1;
}
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #fff;
opacity: 1;
}
 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: $form-field-text;
opacity: 1;
}
 input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
color: transparent;
}
 input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
color: transparent;
}
 input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
color: transparent;
}
 input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
color: transparent;
}
/*footer*/ 
.test{
	border:1px solid #000;
}
footer {
	padding: 5% 5% 0 5%; position:relative;
}
footer h2 {
	font-size: 30px;
	font-family: 'Brandon Grot W01 Bold';
	background: none;
	display: inline-block;
	padding: 0;
	margin: 0 auto;
	width: calc(90% - 133px);
	text-align: center;
}

footer a.phone {
	/*color: #de5466;*/
	color: #000;
	text-decoration: none;
	margin: 0;
}
.phone strong{
	color:#000;
	font-size:22px;
}
.phone span{
	font-size:22px;
}
#jqz {
	float: left;
	/**/display: inline-block;
}
#cbre {
	float: right;
	/**/display: inline-block;
}
#rare {
	padding: 1%;
	width: 100%;
	max-width: 1400px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	text-align: right;
	color: #fff;
}
#rare a {
	display: inline-block;
	width: 33px;
	height: 11px;
	overflow: hidden;
	float: right;
}
#rare a img {
	display: block;
	margin-top: -11px;
}
#rare a:hover img {
	margin-top: -11px;
}
.m, ul#nav li a.m {
	display: none
}
.d {
	display: block
}
ul#nav li a.d {
	display: inline-block;
}
#logonav {
	display: none;
}
.thankyou {
	padding-top: 30px;
	text-align: center;
}

.left_bg.ipad
{
	display:none;
}
.hmobile
{
	display:none;
}
.language
{
	position:absolute;
	top:22px;
}
.language a
{
	color:#fff;
	text-decoration:none;
	
}
.gold{
	color: #483675;
}

.language a.active
{
color:#483675;
}

/* colorbox */
#colorbox{
	border:1px solid #CCC;
	background-color:#fff;
}
@media screen and (max-width : 1400px) {
.right_bg, .left_bg {
	width: 450px
}
.language
{
	left:20px;
}
}

@media screen and (max-width : 1200px) {
.right_bg, .left_bg {
	width: 400px
}
.left_bg
{
	top:45%;
}
}

@media screen and (max-width : 1000px) {
.right_bg, .left_bg {
	width: 280px
}
section {
	padding-bottom: 100px;
}
ul#nav li a
{
	font-size:11px;
}

}

@media screen and (max-width : 810px) {
ul#nav li a {
	font-size: 11px;
	padding: 10px 0;
	background: none;
}
ul#nav li a, ul#nav li a.register {
	padding: 10px 4px;
}
ul#nav li a.register {
	padding: 5px;
}
.bottom_bg_right, .bottom_bg{
	background-size:50%;
}
.left_bg.ipad
{
	display:block
}
}

@media screen and (max-width : 680px) {
.grid_1, .grid_2, .grid_3, .grid_4, .gird_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_6.more, .grid_6.less {
	width: 100%;
	margin: 0 0 2% 0;
	padding: 5%;
}
.grid_6 {
	margin-bottom: 4%;
}
body {
	background: #de5466;
	background: #b2e0e1;
	padding-top: 174px;
}
#logotop {
	/*background: url('../images/mobile_bg.jpg') no-repeat top center;*/
	top: 0;
	padding: 10px 0;
	margin-bottom: 0;
}
#logotop img {
	height: 110px;
}
.right_bg, .left_bg {
	top: auto;
	bottom: -5%
}
.m, ul#nav li a.m {
	display: block
}
.d, ul#nav li a.d {
	display: none
}
ul#nav li {
	display: block;
}
ul#nav li a{
	font-size:14px;
}
ul#nav {
	padding: 20px 0;
	background-color: #DE5466;
	display: none
}
ul#nav li a:hover, ul#nav li a.active {
	background: none;
}
#nav-toggle {
	display: block;
}
#logotop img.fixed {
	transform: scale(1, 1);
	margin-top: 0;
}
header {
	padding: 0;
	position: fixed !important;
	background: #DE5466;
	background: #b2e0e1;
}
.right_txt, section, .privacy {
	text-align: center;
}
section {
	padding-bottom: 4%;
}
h2, .right_txt h2 {
	background-position: top center;
}
a.button, .button {
	float: none !important;
	width: 140px;
	margin: 0 auto;
}
#page_wrapper {
	padding: 10px;
}
.bottom_bg {
	margin-bottom: 40px;
}
section#page-team {
	max-width: 420px;
	margin: 0 auto;
	float: none;
	text-align: left;
}
#page-team h2 {
	text-align: center;
}
#logonav {
	margin: 10px auto;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
}
.right_bg.desktop
{
	display:none;
}
.grid_12.bottom_bg {
    padding: 0;
	
}
.hmobile{
	/*
	width: 238px !important;*/
	font-size: 24px;
	display:block;
	text-align: center;
	padding: 10px 0;
}

.hmobile a{
	color: #000;
	text-decoration: none;
}

.hdesktop
{
	display:none;
}
footer a.phone {

    display: block;
}
footer h2 {
    font-size: 20px;
}

.hdesktop{
	font-size: 20px;
}
#page-video iframe
{

	height:300px;
}

h5{ font-size:24px;}
h1{ font-size:24px;line-height: 26px;}
.grid_1, .grid_2, .grid_3, .grid_4, .gird_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_6.more, .grid_6.less{ padding:0;}
}