/* stops resizing */
/* iPhone, portrait & landscape. */
@media all and (max-device-width: 480px) {html,body { -webkit-text-size-adjust:none; }}
/* iPad, portrait & landscape. */
@media all and (min-device-width: 768px) and (max-device-width: 1024px) {html,body { -webkit-text-size-adjust:none; }}

/* Resets */
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 

::selection 	 	{background: #f7f7f7;}
::-moz-selection 	{background: #f7f7f7;}
img::selection 		{background: #f7f7f7;}
img::-moz-selection	{background: #f7f7f7;}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, hr, ol, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td, footer, header, nav, section, input, textarea, button, ul, li {margin: 0px; padding: 0px;} 

img {
	vertical-align: central;
	display: block;
	max-width: 100%;
	height: auto;}
	a img {border: 0;}		

a {color: inherit; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;}
  a:active, a:hover {outline: 0;}

.float {float: right;}
@media (max-width: 767px) {.float {float: left;}}

ul.circle {
	list-style-type: disc; margin-left: 20px; line-height: 1.8em;}
	p + ul, ul + p {margin-top: 30px;}

.trust {color: #aa3434; font-size: 15px; font-weight: 800;}

/* base */
body {
	border-top: 5px solid #a3844a;
	font-family: 'Open Sans', sans-serif;
	font-size:  15px !important;
	font-weight: 400;
	color: #6f6f6f;
	background-color: #fff;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}

/* text */
h1, h2, h3 {
	font-family: 'Merriweather', sans-serif;
	font-weight: 700; }
  
h1 {font-size: 16px;}
h2 {font-size: 16px;}
h3 {font-size: 15px;}

p {line-height: 1.5em;}
p + p {margin-top: 30px;}
p + fieldset {margin-top: 30px;}
	

/* header */
header {
	padding: 90px 0px 40px 0px;
	background: #191919;}
	@media screen and (max-width: 768px) {header {padding: 40px 0px 25px 0px;}}
	header img {margin: 0 auto;}
	
	

/* sections */	
section {padding: 75px 0px; overflow: hidden;}
@media (max-width: 767px) {section {padding: 40px 0px;}}


#main {
	height: 200px;
	background:url(../images/main.jpg) no-repeat center center;
	background-size: cover;}
	@media screen and (max-width: 768px) {#main {height: 100px;}}
	
#main-2 {
	height: 200px;
	background:url(../images/main-2.jpg) no-repeat center center;
	background-size: cover;}
	@media screen and (max-width: 768px) {#main-2 {height: 100px;}}
	
	
#main-3 {
	height: 200px;
	background:url(../images/main-3.jpg) no-repeat center center;
	background-size: cover;}
	@media screen and (max-width: 768px) {#main-3 {height: 100px;}}
	
	
#main-4 {
	height: 200px;
	background:url(../images/main-4.jpg) no-repeat center center;
	background-size: cover;}
	@media screen and (max-width: 768px) {#main-3 {height: 100px;}}
	
	

/* dropboxes */	

#services .drop {
	 border-bottom-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	
	border-bottom-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	
	text-align: center;
	background: #942D2D; 
	padding: 30px 20px;
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}
	
#services .drop:hover {background: #942D2D;}
#services img:hover ~ .drop, #services .drop:hover {background: #792424;}

 #services p {font-weight: 600; margin-top: 15px; font-size: 14px;} 
  
/* fieldsets */	
fieldset {
	margin-bottom: 40px;
	border:none;
	border-top:#F0F1F3 1px solid;}
	fieldset legend {padding-right:30px;}
	
.grey-bg fieldset {border-top: 1px solid #fff;}
	
	
.partners fieldset {margin-bottom: 60px; text-align: center;}
.partners fieldset legend {padding: 0px 30px;}
	
	
	
		

	
	

.grey-bg {background: #E5E5E5;}

/* aside */	
aside {background: #aa3434;padding: 40px;}
@media (max-width: 767px) {aside {padding: 15px;}}
	
	
	/* form */	
form, input, textarea, form button {width: 100%;}

input {height: 33px;}

textarea {
	height: 130px;
	resize: none;
	overflow: scroll-y;
	margin-bottom: 8px;}	
	
input, textarea {
	font-size: 15px;
	font-weight: inherit;
	color: inherit;
	 border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 5px;
	-webkit-appearance: none;
	border: none;
	background-color: #fff;
	-webkit-transition: border 0.2s ease-in-out;
	-moz-transition: border 0.2s ease-in-out;
	-ms-transition: border 0.2s ease-in-out;
	-o-transition: border 0.2s ease-in-out;
	transition: border 0.2s ease-in-out;
	margin-bottom: 15px;}
	input:focus, textarea:focus {
	outline: 0;
	border-color: #2c467c;}
			


























	
	
#logo {
	margin: 0 auto; 
	background-image: url(../images/logo.png); 
	background-size: 361px 115px; 
	width: 361px; 
	height: 115px;}


/* high-res-logo */	
@media only screen and (-min-moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	#logo {
	margin: 0 auto; 
	background-image: url(../images/high-res/logo.png); 
	background-size: 220px 70px; 
	max-width: 220px; 
	max-height: 70px;}}
	
	
	


/* footer */	
footer {
	clear: both;
	padding: 70px 0px; 
	background: #000;}
	@media screen and (max-width: 768px) {footer {padding: 40px 0px;}}
	 
footer h3 {color: #fff;}

footer a {-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}
footer a:hover {color: #fff;}

footer ul {
	list-style-type: none;
	margin-top: 25px;}
	footer ul li, footer p {line-height: 22px; font-size: 14px;font-weight: 700;}
	
footer hr {height: 1px; width: 100%; background: #1c1c1c; margin: 35px 0px; border: 0px;}
	
.contact ul {margin-top: 25px;}
.contact ul li {list-style-type: none; line-height: 22px;}
	
	
/* topper */		
.topper {background: #a98f58; padding: 15px 0px;}



.social {
	width: 34px; 
	height: 34px; 
	 border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	display: block; 
	float: right;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
	margin-right: 4px;}
	
@media (max-width: 767px) {.social {float: left;}}
		
.facebook {background: #204385 url(../images/facebook.png) center center no-repeat;}
.twitter {background: #2aa9e0 url(../images/twitter.png) center center no-repeat;}
.instagram {background: #3c729c url(../images/instagram.png) center center no-repeat;}
.linkedin {background: #02669a url(../images/linkedin.png) center center no-repeat;}


/* form */	
form {width: 94%;}
@media (max-width: 767px) {form {width: 100%;}}

input {
	height: 44px;
	margin: 8px 0px 30px 0px;}

textarea {
	height: 160px;
	resize: none;
	overflow: scroll-y;
	margin: 8px 0px 0px 0px;}	
	
input, textarea {
	-webkit-appearance: none;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	padding: 5px;
	width: 100%;
	border: 1px solid #CCC;
	background-color: #fff;}
	
input:focus, textarea:focus {
	-webkit-transition: border 0.2s ease-in-out;
	-moz-transition: border 0.2s ease-in-out;
	-ms-transition: border 0.2s ease-in-out;
	-o-transition: border 0.2s ease-in-out;
	transition: border 0.2s ease-in-out;
	outline: 0;
	border-color: #a98f58;}
	
	
/* buttons */			
form button, .button{		
	background: #aa3434;
	display: inline-block;
	width: auto;
	color: #fff; 
	padding: 10px 25px; 
	outline: none;
	font-size: 14px; 
	font-weight: 700; 
	margin-top: 40px; 
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border: none; 
	-webkit-appearance: none;
	 border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;}
	form button:hover, .button:hover {background: #942D2D;}
	form button {padding-top: 8px;}
	
	
	
#mission {
	position: relative;
	top: 7px;
	font-size: 17px;
	font-style: italic;
	font-family: 'Merriweather', sans-serif;
	font-weight: 700;
	color: #EBE5D8;}
	

	
/* Validation */		
.box {
	
	-webkit-appearance: none;
	 border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 100%;
	color: #fff;
	padding: 15px;
	margin-bottom: 25px;
	font-weight: 700;
	font-size: 16px;
	font-family: 'Merriweather', sans-serif;}
	
.sent {background: #348d32;}
.error {background: #aa3434;}

.red {color: #C02D2F;}
	form span {font-size: 14px; font-weight: 600;}
	
	
form .f-right {float: right;}