/* IMPORT RESET */
@import url("reset.css");

/* IMPORT 12 COLUMN RESPONSIVE GS */
@import url("responsive.gs.12col.css");


p {margin: 0 0 15px 0;}
img {max-width: 100%;}
a {color:#4472B9; text-decoration:none; font-weight:700;}
a:hover {text-decoration: underline;}
iframe {width:100%;}
strong {font-weight: 700;}
.clear { clear:both;}
.aligncenter {text-align: center;}
.alignright {text-align: right;}
.justify {text-align: justify;}
.img-alignleft { float:left;}
.img-alignright {float:right; margin:15px 0 15px 15px;}
.img-100 {width:100%;}
hr.faded {
  clear: both;
  float: none;
  width: 100%;
  height: 1px;
  margin: 1.4em 0;
  border: none;
  background: #ddd;
  background-image: -webkit-gradient(
      linear,
      left bottom,
      right bottom,
      color-stop(0, rgb(255,255,255)),
      color-stop(0.1, rgb(221,221,221)),
      color-stop(0.9, rgb(221,221,221)),
      color-stop(1, rgb(255,255,255))
  );
  background-image: -moz-linear-gradient(
      left center,
      rgb(255,255,255) 0%,
      rgb(221,221,221) 10%,
      rgb(221,221,221) 90%,
      rgb(255,255,255) 100%
  );
}
.box {
	padding-bottom: 10px;
	background-image: url(../images/shadow-bottom.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.box .image_wrapper {
 
}
.box .image_wrapper:after {content: ""; 
	display: table; 
	clear: both; }
	
.grey-text-bg {
	border-bottom: solid 1px #ccc;
  background: rgba(36, 168, 98, 0.7);
  padding: 15px;
  color: #fff;
  font-weight: 700;
	}
	
.required {color:#900; font-size:13px; font-weight:700;}
	
/*Table*/
.responstable {
  margin: 0 0 1em 0;
  width: 100%;
  overflow: hidden;
  background: #FFF;
  color: #024457;
  box-sizing:border-box; 
}
.responstable tr {}
.responstable tr:nth-child(odd) { background-color: #EAF3F3;}
.responstable th { border: 1px solid #626060; background-color: #333333; color: #FFF; padding: 1em; vertical-align: middle; text-align: center !important;  font-weight:700;}
.responstable th:first-child { display: table-cell; }
.responstable th:nth-child(2) {display: table-cell;}
.responstable th:nth-child(2) span {  display: none;}
.responstable th:nth-child(2):after { content: attr(data-th);}

.table-subheader { padding: 10px; text-align: center;
  background: rgba(111,111,111,1);
  background: -moz-linear-gradient(top, rgba(111,111,111,1) 0%, rgba(51,51,51,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(111,111,111,1)), color-stop(100%, rgba(51,51,51,1)));
  background: -webkit-linear-gradient(top, rgba(111,111,111,1) 0%, rgba(51,51,51,1) 100%);
  background: -o-linear-gradient(top, rgba(111,111,111,1) 0%, rgba(51,51,51,1) 100%);
  background: -ms-linear-gradient(top, rgba(111,111,111,1) 0%, rgba(51,51,51,1) 100%);
  background: linear-gradient(to bottom, rgba(111,111,111,1) 0%, rgba(51,51,51,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f6f6f', endColorstr='#333333', GradientType=0 );
  color: #FFF;  font-size: 16px;   font-weight: 700;
  }
.table-subheader h2 {text-align: center;}

/*Typography*/

h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif; font-weight:700;}
h1 {font-size: 21px;  color: rgba(36, 168, 98, 0.4); font-weight:700; font-family: 'Montserrat', sans-serif; margin-bottom:25px; text-transform:uppercase;}
.homepage-title {color: rgba(36, 168, 98, 1); margin: 20px 0 10px; text-align: left;}
.inside-title {color:rgba(36, 168, 98, 0.7); text-align:center; padding:25px 0; font-size:22px; text-transform:uppercase;}
.white-title {color:#fff; text-align:center; padding:10px 0; margin-bottom:10px; font-size:22px; text-transform:uppercase; border-bottom:solid 1px #fff;}


	
	
	
/*	LAYOUT */
body { font-family: sans-serif; color: #999;  padding:0 15px; font-size:15px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; line-height:1.4em;
background: rgba(204,217,197,1);
background: -moz-linear-gradient(top, rgba(204,217,197,1) 0%, rgba(246,246,246,1) 53%, rgba(252,255,244,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(204,217,197,1)), color-stop(53%, rgba(246,246,246,1)), color-stop(100%, rgba(252,255,244,1)));
background: -webkit-linear-gradient(top, rgba(204,217,197,1) 0%, rgba(246,246,246,1) 53%, rgba(252,255,244,1) 100%);
background: -o-linear-gradient(top, rgba(204,217,197,1) 0%, rgba(246,246,246,1) 53%, rgba(252,255,244,1) 100%);
background: -ms-linear-gradient(top, rgba(204,217,197,1) 0%, rgba(246,246,246,1) 53%, rgba(252,255,244,1) 100%);
background: linear-gradient(to bottom, rgba(204,217,197,1) 0%, rgba(246,246,246,1) 53%, rgba(252,255,244,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccd9c5', endColorstr='#fcfff4', GradientType=0 );
}
main {padding: 20px 50px 50px !important;} 
header { text-align: center;  padding: 0; min-height:150px; position:relative; border-bottom: solid 10px rgba(36, 168, 98, 0.4);; }
.logo {position:absolute; top:15px; left:0; z-index:10; color:#fff; padding:10px 25px;  width:100%;
background-color: rgb(36, 168, 98);
    /* RGBa with 0.6 opacity */
    background-color: rgba(36, 168, 98, 0.4);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#24a862, endColorstr=#24a862);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#24a862, endColorstr=#24a862)";
}
.logo h1 {margin: 0;}
.logo h1 a{color:#fff; font-weight:700; text-transform:uppercase; font-size:30px; margin-bottom:0;}
.logo h1 a:hover {color:#000; text-decoration:none;}
.logo-text { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #999; font-size: 14px;}
.menu-container {background-color:#00103C; margin-top:25px; }
ul.feature-list li { list-style:inside; color:#fff; font-size: 14px; line-height:25px; text-transform:uppercase; font-family: 'Montserrat', sans-serif;}

.full-width {margin: 50px -50px; padding:15px 50px; background-color:#FEF3E3; }
.full-width2 {margin: 15px -50px; padding:15px 50px;  }
.full-width-header {font-size: 30px; font-weight:700; text-transform:uppercase; margin:25px 0; color:#d74518;   letter-spacing: -1px;}
.full-width-subheader {font-size: 17px; font-weight:700; text-transform:uppercase; margin:25px 0; color:#069;}
.full-width ul li { list-style:circle; list-style-position:inside; margin-left:25px; margin-bottom:10px;}




article {text-align: center; }

aside {	text-align: center; }

footer { 
	text-align: center;
	background-color: rgba(36, 168, 98, 1);
	min-height:110px;
	  padding:25px 50px;
	  color:rgba(255, 255, 255, 0.7);
	  font-weight:400;
	  
}
footer p {text-align: center;}
footer a {color:#eee290; text-decoration:none;}
footer a:hover {color:#fff;}

/*Elements*/
.button, input[type="button"], button {padding: .5em 1em;}
.button2 {  padding: 1em 3em;}
.button, input[type="button"], button, .button2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #444444;
  
  margin: 0;
  text-decoration: none;
  color: #fff;
  border: 0px;
  font-size: 1em;
  font-family: "Montserrat", helvetica, arial, sans-serif;
  cursor: pointer;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  position: relative;
  display: inline-block;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s; }
  /* line 449, ../sass/screen.scss */
  .button:hover, input[type="button"]:hover, button:hover {
    background: #000; text-decoration:none;}
  /* line 453, ../sass/screen.scss */
  .button.button-and-icon, input[type="button"].button-and-icon, button.button-and-icon {
    padding-left: 6.5em; }
    /* line 456, ../sass/screen.scss */
    .button.button-and-icon div, input[type="button"].button-and-icon div, button.button-and-icon div {
      background: rgba(0, 0, 0, 0.2);
      display: inline-block;
      padding: 1em 1.4em;
      position: absolute;
      top: 0px;
      left: 0px; }
button.button-submit, input[type="button"].button-submit, button.button-submit {
    background: #d74518; }
	.button.button-submit:hover, input[type="button"].button-submit:hover, button.button-submit:hover {
      background: #000; }
	  
	  .button-submit {
    background: #d74518; }
	.button-submit:hover {
      background: #000; text-decoration:none; }
	  
	  

/*Email form*/
input, input[type="text"], textarea, select {background-color:#eee; padding:10px 15px; border:none; margin:5px 10px;  box-sizing:border-box; }


	  
 /*Mobile*/
 
 @media only screen and ( max-width: 767px) { 
 	header {background-image: none;}
	#navigation { padding: 0 0 0 0; height: 45px; }
	#navigation a.nav-btn { display: block; line-height: 45px;  padding-top: 0px; height: 28px; padding-left: 22px; text-transform: uppercase; color: #fff; font-size: 14px; font-weight: 700; text-decoration:none; }
	#navigation a.nav-btn:hover { text-decoration: none; }
	#navigation a.nav-btn span.arr { background: url(images/nav-arr.png) no-repeat 0 0; width: 13px; height: 9px; position: absolute; right: 14px; top: 19px; }
	#navigation a.nav-btn span.arr.active { background: url(images/nav-arr.png) no-repeat 0 bottom; }

	#navigation { position: relative; z-index: 1000; }
	#navigation ul { display: none; position: absolute; top: 45px; left: 0;  width: 100%;}
	#navigation ul li { display: block; line-height: 36px !important; float: none; background:#eee;  }
	#navigation ul li a { padding: 0 22px; color:#333;}
	#navigation ul li.first a { padding-left: 26px; display: none; }
	main {padding: 20px !important;}
	.full-width {
  margin: 15px -20px;
  padding: 15px 20px;
	}
 }
 
 @media (min-width: 480px) {
  
  .responstable {width:100%; box-sizing:border-box;}
  .responstable td {
    border: 1px solid #D9E4E6;
  }

.responstable th, .responstable td {
  text-align: left;
  margin: .5em 1em;
}
  
  .responstable th, .responstable td {
    display: table-cell;
    padding: 0.5em;
	box-sizing:border-box;
  }
  .responstable th:nth-child(2) span {
    display: block;
  }
  .responstable th:nth-child(2):after {
    display: none;
  }
  
  
}