/* ---------------------------------------- GLOBAL ---------------------------------------- */
@import url('//fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('//fonts.googleapis.com/css?family=Lato:300,400,700');
@import url("//hello.myfonts.net/count/2ff461");
@font-face { font-family: 'Pinto NO_01'; src: url("/font/2FF461_0_0.eot"); src: url("/font/2FF461_0_0.eot?#iefix") format("embedded-opentype"), url("/font/2FF461_0_0.woff2") format("woff2"), url("/font/2FF461_0_0.woff") format("woff"), url("/font/2FF461_0_0.ttf") format("truetype"); }
@font-face { font-family: 'Genericons'; src: url('/font/genericons-regular-webfont.eot'); src: url('/font/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/font/genericons-regular-webfont.woff') format('woff'), url('../fonts/genericons-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }
body { margin: 0; }
article { display; block; }
ul, ol { margin-top: 0; margin-bottom: 10px; font-size: 16px; list-style: none; padding: 0; }
a { text-decoration: none; word-wrap: break-word; word-break: break-word; }
html, button, body, legend { font-family: "Lato", Arial, Sans-Serif; color: #878787; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
h1, h2, h3, h4, h5, h6 {   font-family: "Lato", Arial, Sans-Serif; font-weight: 400; line-height: normal; color: #000; }
img { max-width: 100%; }
::selection { background: #f0a1ed; text-shadow: none; }
/* ---------------------------------------- FORM ---------------------------------------- */
.button { font-family: "Lato", Arial, Sans-Serif; margin-top: 20px; background-color: #6cc05d !important; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; color: #fff; padding: 10px 20px; transition: all .2s ease-out; }
a.button { font-family: "Lato", Arial, Sans-Serif; margin-top: 20px; background-color: #6cc05d; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; color: #fff; padding: 10px 20px; transition: all .2s ease-out; }
a.button:link { font-family: "Lato", Arial, Sans-Serif; margin-top: 20px; background-color: #6cc05d; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; color: #fff; padding: 10px 20px; transition: all .2s ease-out; }
.button:hover, a.button:link:hover, a.button:visited:hover, .commentAddImage:hover, button:hover { background-color: #51a842 !important; }
/* ---------------------------------------- HEADER ---------------------------------------- */
#header-container { width: 100%; }
#header-container:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; }
#header-container .header-content { width: 100%; max-width: 1180px; margin: 0 auto; position: relative; padding: 0 20px; }
#header-container a.main-logo { width: 270px; height: 105px; margin-bottom: 20px; background: url("https://tlg.ritdns.co.uk/Handlers/GetImage.ashx?IDMF=0379e215-ee43-428d-ac86-506aeaaecec4&w=266&h=105") no-repeat 0 0; background-size: contain; }
#header-container .main-logo { float:left; display: block; margin-top: 20px; text-indent: -999px; overflow: hidden; -webkit-print-color-adjust: exact; }
#header-container .main-call-to-action { margin: 30px 220px 0 0; float: right; }
#header-container ul.social-icons { margin-bottom: 0; padding-top: 12px; } 
#header-container ul.social-icons li { display: inline-block; margin-right: 5px; } 
#header-container ul.social-icons li a { width: 30px; height: 30px; moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; display: block; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
#header-container ul.social-icons li a:hover { text-decoration: none; } 
#header-container ul.social-icons li a:before { font-family: 'Genericons'; font-size: 17px; vertical-align: middle; color: #fff; width: 30px; height: 30px; line-height: 31px; text-align: center; display: block; background-color: #6cc05d;  } 

#header-container ul.social-icons li a.twitter:before { content: '\f202'; }
#header-container ul.social-icons li a.facebook:before { content: '\f204'; }
#header-container ul.social-icons li a.youtube:before { content: '\f213'; }
#header-container ul.social-icons li a.linkedin:before { content: '\f207'; }
#header-container ul.social-icons li a.vimeo:before  { content: '\f212'; }
/* ---------------------------------------- NAVIGATION ---------------------------------------- */
/*
Menus
*/
.menu-main { float: left; background-color: gainsboro; width: 100%; }
.menu-main ul { padding: 0; list-style: none; }
.menu-main ul:after { content: ""; clear: both; display: block; }
.menu-main ul li { padding: 0px; }
.top-level { position: relative; width: 1000px; margin: -2px auto 0 auto; }
.top-level > li { display: inline-block; position: relative; }
.menu-main ul li a { display: block; text-decoration: none; color: #303030; }
.menu-main ul li > a { height: 40px; padding: 8px 12px; }
.menu-main ul ul > li a { padding: 5px 15px 5px 10px; background-color: #f4f4f4; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -ms-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; }
.menu-main ul ul > li a:hover { background-color: orange; color: #fff; }
.menu-main { background-color: #6cc05d; float: none; transition: all 0.2s ease-in-out; }
.menu-main ul { padding: 10px 0; }
.menu-main ul li { margin: 6px 0; }
.menu-main ul li > a { color: #fff; height: auto;  padding: 10px 20px; font-size: 18px; font-size: 1.8rem; font-weight: 400; }
.menu-main ul li > a:hover { color: #37712c; }
.menu-main > ul > li:nth-last-child(3) { float: right; }
.menu-main > ul > li:nth-last-child(3) a { background-color: #085863; margin-right: 20px; transition: all 0.2s ease-out; }
.menu-main > ul > li:nth-last-child(3) a:hover { color: #fff; background-color: #06434b; }
.menu-main > ul > li:nth-last-child(4) { float: right; }
.menu-main > ul > li:nth-last-child(4) a { border: 3px solid #fff; padding: 7px 20px; margin-right: 20px; transition: all 0.2s ease-out; }
.menu-main > ul > li:nth-last-child(4) a:hover { color: #fff; border-color: #e6e6e6; }

.top-level { max-width: 1180px; width: 100%; }
@media screen and (min-width: 768px) {
  .menu-main.scrolled { position: fixed; top: 0; z-index: 1000; }
}
@media screen and (max-width: 768px) {
  .menu-main.active, .menu-main > ul ul.active { max-height: 200em; }
  .menu-main { cursor: pointer;  position: absolute;  top: 169px; z-index: 2; -moz-transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; }
  .menu-main ul li { margin: 0; background-color: #6cc05d; }
  .menu-main ul li:hover { background-color: #51a842; }
  .menu-main ul li a { border-bottom: 1px solid #fff; }
  .menu-main ul li a:hover { color: #fff; }
  .menu-main > ul > li:nth-last-child(3) { float: none; background-color: #085863; transition: all 0.2s ease-out; }
  .menu-main > ul > li:nth-last-child(3):hover { background-color: #06434b; }
  .menu-main > ul > li:nth-last-child(3) a { margin-right: 0; padding: 10px 20px; }
  .menu-main > ul > li:nth-last-child(3) a:hover { background-color: #06434b; }
  .menu-main > ul > li:nth-last-child(4) { float: none; background-color: #f9b233; transition: all 0.2s ease-out; }
  .menu-main > ul > li:nth-last-child(4):hover { background-color: #f29e07; }
  .menu-main > ul > li:nth-last-child(4) a { border-width: 0 0 1px 0; padding: 10px 20px; margin-right: 0; }
  .menu-main > ul > li:nth-last-child(4) a:hover { border-color: none; }
}
/* ---------------------------------------- PAGE ---------------------------------------- */
#page-wrapper #header-wrapper { width: 100%; }
#page-wrapper #header-wrapper .header-text { margin-top: 40px; max-width: 1180px; padding: 0 20px; width: 100%; margin: 0 auto;  }
#page-wrapper #header-wrapper .header-text h1 {  font-size: 38px; margin-top: 48px; font-family: "Pinto NO_01", cursive; color: #000; font-weight: 100; letter-spacing: 0.05em; }
#page-wrapper .content-block-wrapper  { max-width: 1180px; padding: 0 20px; margin-top: 20px; width: 100%; margin: 0 auto; } 
#page-wrapper .content-block-wrapper:after  { content: " "; visibility: hidden; display: block; height: 0; clear: both; } 
/* ---------------------------------------- FOOTER ---------------------------------------- */
#page-footer-wrapper { height: 180px; border-top: 0; background-color: #085863; padding: 0px 0 0; margin-top: 150px; }
#page-footer-wrapper .page-footer { max-width: none; width: 100%; margin: 0 auto; }
#page-footer-wrapper .page-footer:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; }
#page-footer-wrapper .top-section { width: 100%; clear: both;  background-color: #6cc05d !important; height: 90px; }


/* === FORM CLASSES === */
.form-wrapper {
	background:#f4f4f4;
	padding: 0 15px 15px 15px; /* No top padding */
	font-family: 'Gill Sans MT', 'Gill Sans', Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
.form-group-label {
	color:#1b57aa;
	padding: 10px 0; /* Top and bottom padding */
	font-weight: bold;
	font-size: 1.1em;
}
.form-group {
	background:#e4e4e4;
	padding: 15px; /* All-round padding */
}
.form-row {
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
}
.form-row-submit {
	width:100%;
	overflow:hidden;
	padding: 15px 0; /* All-round padding */
	margin-bottom:10px;
}
.label {
	width:150px;
	float:left;
	font-weight: bold;
	font-size: 0.9em;
	color:#333;
}
.wide-label {
	width:400px;
}
.very-wide-label {
	width:600px;
}
.full-width-label {
	width:100%;
}
.input {
	float:left;
}
.radio_list ul {
	margin:0;
	padding:0;
	list-style:none;
}
.radio_list li {
	display:inline;
	margin:0;
	padding:0;
}
input[type="text"],
input[type="password"],
textarea{
	padding:5px 4px;
	border:1px solid #ccc;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	_border:1px solid #ccc!important;
	_padding:none;
	-webkit-background-clip:padding-box
}
input:focus,textarea:focus{
	border:1px solid #EEAB41;
	outline:none
}
/* === ERROR CLASSES === */
ul.error_list {
	color:#E77750;
	font-weight: bold;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
ul.error_list li {
	padding-left: 20px;
	background-image: url(/images/icons/error.png);
	background-repeat: no-repeat;
	background-position: 0em;	
}
.input.error input {
	background-color:#fdd;
}
.input.error textarea {
	background-color:#fdd;
}
span.highlight {
	color:#E77750;
	font-weight: bold;
}