@import url(reset.css);


/* Global */

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 62.5%;
    min-height: 100%;
    height: 100%}
body {
    font-smooth: always;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    height: 100%;
    line-height: 1;
    color: #717073;
  	font-family: 'Montserrat', Arial, sans-serif;
  	background: #eeefef;
  	margin: 0;
  	padding: 0;
    font-weight: 400;
}

a, a:visited { color: #26bcd7; text-decoration: none; font-weight: 700; }
a:hover, a:active	{ text-decoration: none; transition: 0.2s ease-in; color: #8dc63f; }
a.phone:hover { color: #1e4164; }
a.grey, a.grey:hover  { color: #717073!important; }

em, i  { font-style: italic; }
b, .bold { font-weight: 700; }

.noborder { text-decoration: none!important; }

.mobile	{ display: none; }

.left	{ float: left; }
.right	{ float: right; }
.center	{ text-align: center; margin-left: auto; margin-right: auto; }

img	{ max-width: 100%; }

.more-link  { display: inline-block; }

.hide { display: none; }


/* Heading, Paragraph, List, Dividers */

h1	{ font-size: 5rem; font-weight: 400; line-height: 1.5em; margin-bottom: 6rem; }
h1 span { display: block; font-size: 2.4rem; margin-top: 2rem; }
h2	{ font-size: 3.6rem; font-weight: 700; line-height: 1.5em; margin-bottom: 2.5rem; color: #26bcd7; }
h3  { font-size: 2.6rem; font-weight: 700; line-height: 1.5em; margin-bottom: 1.5rem; color: #8dc63f; }
p { font-size: 1em; line-height: 1.85em; padding-bottom: 1.8em; margin: 0; }

ul	{ font-size: 1em; margin: 0 0 1.6em 0; padding: 0; list-style: none; }
li	{ margin: 0; padding: 0 0 0.5em 0; font-size: 1.6em!important; line-height: 1.85em; }
.content li:before  { content: "•"; color: #8dc63f; display: inline-block; width: 1em; margin-left: 0; font-size: inherit; font-weight: 700; }

hr {
    border: 0;
    height: 17px;
    max-height: 17px;
    background: url(../images/hr.png) no-repeat top center;
    margin: 2rem 0 0;
    background-size: contain;
}

.divider  { height: 0; position: absolute; top: -150px; }


/* Responsive Header */

#header {
    width: 100%;
    max-width: 1200px;
    height: 130px;
    position: fixed;
    z-index: 101;
    display: block;
    background: #fff url(../images/background_header.png) repeat-x top left;
}
#header .header-content {
    position: relative;
    height: 130px;
    padding: 0 45px;
}

#logo { position: absolute; top: 1rem; left: 4.5rem; }
#navigation { position: absolute; top: 5rem; right: 4.5rem; }
.shadow { background: url(../images/bgNav.png) repeat-x top left; width: 100%; height: 25px; }

#main { padding-top: 130px; }

#shadow { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: url(../images/shadow.png) no-repeat top center; }

@media screen and (max-width:960px) {
  #logo	{ position: relative; text-align: center; padding-top: 4.2rem; left: 0; }
	#logo img { max-height: 6.5rem; }
	#navigation { position: absolute; top: 0; right: 0; width: 100%; text-align: center; z-index: 101; background: #26bcd7; }
}

@media screen and (max-width:540px) {
  #logo	{ width: 100%; position: relative; text-align: center; left: 0; }
}


/* Content */

#wrapper { width: 100%; margin: 0 auto; }
#container  { 
	background: #ffffff;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 0px 25px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 0px 25px 0px rgba(0, 0, 0, 0.3);
	overflow: hidden;
}

.hero { width: auto; padding: 0 0 2rem; }

.content { padding: 5rem 15%; overflow: hidden; position: relative; }
.content p  { font-size: 1.6rem; }


/* Intro */

.content.intro  { padding-top: 0; }
.content.intro .left  { width: 37.3%; text-align: center; }
.content.intro .left img  { display: inline-block; margin: 0; border-radius: 100%; }
.content.intro .right { width: 51.3%; padding-top: 5rem; padding-bottom: 4em; }
.content.intro.team .right  { padding-bottom: 0; }
.content.intro .right h2  { margin-bottom: 0; }
.content.intro p  { padding-bottom: 1em; }


/* Digits */

.content.digits  { padding-top: 0; }
.content.digits hr {
    border: 0;
    height: 1px;
    max-height: 1px;
    background-color: #b8b8b9;
    margin: 0;
    background-image: none;
}
.content .overflow { overflow: hidden; padding: 4rem 0; }
.content .overflow .left  { width: 20%; text-align: right; }
.content .overflow .right { width: 70%; margin: 3rem 5% 0 0; }
.content .overflow p  { padding-bottom: 1em; }


/* Connect */

.content .large p { font-size: 2rem; font-weight: 700; padding-bottom: 1em; }
.content .large span  { color: #8dc63f; font-size: 3rem; font-weight: 700; color: #8dc63f; margin: 0 1.2rem; }
.content .large a { font-weight: 400; }
.content .address a { font-weight: 400; }
.content.connect a, .content.connect a:visited { color: #717073; }
.content.connect a:hover, .content.connect a:active	{ color: #8dc63f; }
.content.connect .address a:hover, .content.connect .address a:active	{ color: #717073; }


/* Contact Form */

.content.contact  { padding: 0 0 5rem; max-width: 600px; margin: 0 auto; }
.contact form { margin-top: 0; margin-bottom: 5em; width: 100%; }
.contact form .input-fields { float: left; width: 42%; margin-right: 8%; margin-bottom: 4em; }
.contact form .input-fields.cleared  { float: none; width: 100%; margin-right: 0; clear: both; }
.contact form fieldset  { padding: 0; position: relative; margin: 0; }
.contact legend  { display: none; }
.contact .required { font-size: 18px; }
.contact label { color: #8dc63f; font-weight: 700; font-size: 1.6em; display: block; margin: 0 0 0.2em 0; padding-left: 4px; line-height: 1.85em; }
.contact input[type="text"], .contact input[type="email"], .contact textarea, .contact select {
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 400!important;
  width: 100%;
  padding: 10px 10px;
  margin: 0;
  background: #fff;
  border: 1px solid #ccc;
  font-size: 1.4em;
  color: #717073;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(000, 000, 000, 0.2);
  -moz-box-shadow:  0px 1px 5px 0px rgba(000, 000, 000, 0.2);
  box-shadow: 0px 1px 5px 0px rgba(000, 000, 000, 0.2);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-focus-ring-color: none;
}
.contact .input-fields.cleared input  { width: 92%; }
.contact textarea  { width: 92%; height: 214px; }
.contact select { width: 95%; padding: 10px 2%; background: url(../images/arrow.png) no-repeat right 50%; }

}

.contact input[type="text"]:focus, .contact input[type="email"]:focus, .contact textarea:focus	{ border: 1px solid #acd4f1; /*color: #706f73;*/ }

.contact input[type="submit"] {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 700;
  padding: 12px 30px;
  margin: 0 6% 0 0;
  border: 0;
  font-size: 1.8em;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  cursor: hand;
  background: #8dc63f;
}

.group.submit { text-align: center; position: relative; }
.contact .disclaimer { font-size: 1.2em; position: absolute; top: 25%; right: 6%; text-align: right; }
.contact .xError { color: #dc192a; font-weight: 400; font-size: 14px; display: block; margin-bottom: 20px; margin-left: 4px; }

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #ce4652;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #ce4652;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #ce4652;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #ce4652;
}

/* Group Fix */

.group:after {
  content: "";
  display: table;
  clear: both;
}



/* Footer */

.content.footer { text-align: left; padding: 9rem 10% 6rem; color: #fff; background: #1d4164 url(../images/background_footer.png) repeat-x top left; }
.content.footer .right  { text-align: right; }
.content.footer p { font-size: 1.4rem; color: #fff; }
.content.footer .nocturnal {
    line-height: 13px;
    padding-right: 176px;
    color: #fff;
    background: url(../images/nocturnal.png) right center no-repeat;
    background-size: auto 13px;
}
.content.footer a { color: #fff; font-weight: 400; }
.content.footer .left a { margin-left: 2rem; }


/* Mobile Queries - Mobile Only */

@media screen and (max-width:960px) {
	
	.content { padding: 3rem 4rem; }
	.content.intro .right { padding-top: 3rem; }
	
	.content.footer  { padding: 4rem 0 2rem; }
  .content.footer .left, .content.footer .right { width: 100%; text-align: center; }
  .content.footer .nocturnal  { line-height: 12px; padding: 0 0 30px 0; background: url(../images/nocturnal.png) bottom center no-repeat; display: block; background-size: auto 12px; }
  .content.footer .left a { margin-left: 0rem; display: block; }
	
}

@media screen and (max-width:800px) {
  
  .content.intro .left  { width: 24.9%; }
  .content.intro .right { width: 66.6%; }
  
}

@media screen and (max-width:768px) {

  .content.connect div  { display: block; padding: 0; text-align: center; }

}

@media screen and (max-width:640px) {
  
  h1, h2, h3  { font-size: 2.6rem; text-align: center; }
  h1  { margin-bottom: 8rem;}
  h1 span { font-size: 1.6rem; }
  h3  { font-size: 2.2rem; }
  
  .desktop { display: none!important; }
	.mobile	{ display: block; }
	
	img	{ margin: 0 auto; width: auto; }
	
	.content .left, #footer .left	{ float: none!important; width: 100%!important; margin: 0!important; padding: 0!important; text-align: center; }
	.content .right, #footer .right	{ float: none!important; width: 100%!important; margin: 0!important; padding: 0!important; text-align: center; }
	
	.content { padding: 3rem; }
	.content.intro .right { padding-bottom: 3em!important; }
	.content.intro.team { padding-top: 3rem!important; padding-bottom: 0!important; }
	
	.content .large p { font-size: 1.8rem; }
	.content .large a { display: block; }
	
	.content.intro .left img { margin: 1rem 3rem 2rem; width: 24rem!important; }
	
	.content .overflow .left { width: 100%; text-align: center; padding-bottom: 3rem!important; }
	
	.rights-reserved { display: block; }
	
	.content.contact  { padding: 0 3rem; max-width: none; margin: 0 auto; }
	.contact form .input-fields { float: none; width: 100%; margin-right: 0; margin-bottom: 2em; }
	.contact input[type="text"], .contact input[type="email"], .contact textarea, .contact select	{ 
		width: 92%; margin-right: 0;
	}
	.contact input[type="submit"] { margin: 0; }

}

@media screen and (max-width:480px) {

  .group.submit { text-align: left; position: relative; }
  .contact .disclaimer { right: 2%; text-align: right; }

}


/* Clearfix */

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

.clearfix:after {
    clear: both;
}

/* For IE 6/7 only */

.clearfix {
    *zoom: 1;
}

/* Image Replacement */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/* Read More */

.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'MORE >';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: '< LESS';
}

.read-more-trigger, .read-more-trigger:visited, .read-more-trigger:active {
  cursor: pointer;
  display: inline-block;
  font-size: 1.6em;
  color: #26bcd7;
  font-weight: 700;
  line-height: 1;
  width: 100%;
}

.read-more-trigger:hover { transition: 0.2s ease-in; color: #8dc63f; }