@font-face {
	font-family:'Montserrat-Light';
	src: url('Montserrat-Light_gdi.eot');
	src: url('Montserrat-Light_gdi.eot?#iefix') format('embedded-opentype'),
		url('Montserrat-Light_gdi.woff') format('woff'),
		url('Montserrat-Light_gdi.ttf') format('truetype'),
		url('Montserrat-Light_gdi.svg#Montserrat-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

@font-face {
	font-family:'Montserrat-Hairline';
	src: url('Montserrat-Hairline_gdi.eot');
	src: url('Montserrat-Hairline_gdi.eot?#iefix') format('embedded-opentype'),
		url('Montserrat-Hairline_gdi.woff') format('woff'),
		url('Montserrat-Hairline_gdi.ttf') format('truetype'),
		url('Montserrat-Hairline_gdi.svg#Montserrat-Hairline') format('svg');
	font-weight: 250;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

@font-face {
	font-family:'Montserrat-Bold';
	src: url('Montserrat-Bold.eot');
	src: url('Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
		url('Montserrat-Bold.woff') format('woff'),
		url('Montserrat-Bold.ttf') format('truetype'),
		url('Montserrat-Bold.svg#Montserrat-Bold') format('svg');
	font-weight: 250;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

@font-face {
	font-family:'Montserrat-Regular';
	src: url('Montserrat-Regular_gdi.eot');
	src: url('Montserrat-Regular_gdi.eot?#iefix') format('embedded-opentype'),
		url('Montserrat-Regular_gdi.woff') format('woff'),
		url('Montserrat-Regular_gdi.ttf') format('truetype'),
		url('Montserrat-Regular_gdi.svg#Montserrat-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

.container { min-width: 320px !important }

.mobileonly { display: none }
.desktoponly {display: block }
 
body { background: #fff; min-width:320px !important }

.navbar {
    margin-bottom: 0px;
}

.jumbotron{
    min-height: 100vh;
}

.error { border: 1px solid #ff7e00; background: #fff; color: #ff7e00; font-family:'Montserrat-Regular'; font-size:14px; padding: 15px; margin: 20px 0}
.message { border: 1px solid #43963e; background: #fff; color: #43963e; font-family:'Montserrat-Regular'; font-size:14px; padding: 15px; margin: 20px 0}

.homeheader { background: url( ../images/2016/headerbg.jpg ) no-repeat; background-size: cover;font-family:'Montserrat-Regular'; font-size: 18px; color: #43963e; }
.homeheader h1 {font-family:'Montserrat-Bold'; color: #43963e; font-size: 46px; line-height: 60px; margin-bottom:4px }
.homeheader h2 {font-family:'Montserrat-Light'; color: #43963e; font-size: 36px; line-height: 60px; margin-top:0px }

.headerlogo { margin-bottom: 57px }

.loginform { width: 430px; margin: 56px auto; padding-left: 5px }
.loginlabel{ width: 103px; color: #43963e; text-align: left;}
.loginforgot { font-size: 16px; padding-left: 103px}
.loginfield { padding: 0 0 5px 0 }
.loginfield .field { height: 40px; width: 214px;  line-height: 40px; padding: 0 }

.loginbutton { display: inline-block; height: 40px; line-height: 40px; color:#fff; width: 102px; margin-left: 5px; background: #ff7e00; text-align: center }
.loginbutton:hover, .loginbutton:active { text-decoration: none;  color:#fff }
.loginbutton:hover { background: #43963e}

.tcity{ background: #fff; font-size: 14px; line-height: 20px; font-family:'Montserrat-Light'; color: #43963e; text-align: justify; padding-bottom: 30px;padding-top: 24px;}
.tcity a { color: #ff7e00; text-decoration: none }
.tcity a:hover { text-decoration: underline }

.tcity p { color: #43963e; font-size: 18px; line-height: 20px; padding-top: 0; margin-bottom: 24px; margin-top: -4px}

.main { background: #f3f7e8 }
.mainicon { max-width: 100%; }
.main h1, .quote h1{ font-family:'Montserrat-Regular'; color: #43963e; font-size: 36px; line-height: 60px; margin-top: 65px; margin-bottom: 0}
.main p { font-size: 18px; font-family:'Montserrat-Light'; line-height: 30px; color: #43963e;  text-align: justify }
.main .container { padding:  75px 65px 0px 65px }
.main .item { margin-bottom: 69px }
.main h3{color: #43963e;}
.trainingList li{
	list-style: circle;font-size: 18px; font-family:'Montserrat-Light'; line-height: 30px; color: #43963e;
}

  .thumboverlay {   opacity:0; display: block; position: absolute;  top: 0; background-color: rgba( 104, 142, 66, 0.9 ); padding: 15px; color:#fff; text-align: center; font-family:'Montserrat-Regular'; font-size: 18px;  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
 
  transition:.5s; }
.thumboverlay:hover { opacity: 1 }
 
 .thumboverlay .exampletitle,  .thumboverlay .exampletitle a,  .thumboverlay .exampledesc { color: #fff }
 .thumboverlay .exampletitle { margin-bottom: 15px }
 .thumboverlay .exampledesc  { line-height: 20px; font-size: 16px; cursor: default}
 .arrows, .carousel { background: #f3f7e8 }
 .arrows{ padding-bottom: 20px }
 .arrows img { cursor: pointer; margin-right: 10px; margin-left: -6px; opacity: 0.7 }
 .arrows img:hover { opacity:1 }
 
 .linkedIn{
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 11px 14px;
    background: #fff;
    cursor: pointer;
	float: left;
	margin-right: 5px;
	.fa-linkedin-in{
		color: #43963e;
		font-size: 20px;
	}
 }
 .linkedIn:hover{
	background: #43963e;
	.fa-linkedin-in{
		color: #fff;
	}
 }
 
 .quote { background: #e1e8b5; padding: 130px 0  0  0 }
 .quote h1 { margin: -6px 0 0 0; line-height: 36px; }
 .quote h3 { margin:0; font-family: 'Montserrat-Light'; color: #43963e; font-size: 24px;   }
  .qform { margin-top: 55px }
 .qform input[type=text],  .qform input[type=email],  .qform input[type=password] { border: 2px solid #43963e; font-family: 'Montserrat-Light'; color: #43963e; font-size: 18px; line-height: 57px; padding: 0 25px; background: #e3eecf; margin-bottom: 20px; width:100% }
 
 .btn-green { border-radius: 0; background: #43963e; color: #e3eecf; font-size: 24px; font-family:'Montserrat-Regular'; line-height: 65px; padding: 0 65px }
 
 a.btn-green:hover { color: #fff; background: #ff7e00; }
 
  .quote a.btn-green { margin-bottom: 130px }
  
 .boxes { position: absolute; bottom: 215px; font-family:'Montserrat-Regular'; color: #43963e; font-size: 24px; }
.boxes .cblabel { padding-left: 15px; display: inline-block; }
 .boxes .icheckbox_square-green,   .boxes .iradio_square-green { margin-top: -3px }
 #buttonmobile{display: none }
 @media (max-width: 990px) {
	 #buttondesktop{ display: none }
	 #buttonmobile{display: block }
	 .boxes { position: relative; bottom: auto; margin-top: 30px; margin-bottom: 60px }
		.rightcol { padding-top: 55px }
 }
 #thebanner { width: 100% }
 
 #thebannermobile { display: none; max-width: 410px; margin: 0 auto; width: 100% }
  @media (max-width: 600px) {
	#thebannermobile { display: block }
	#thebanner  { display: none }
	.loginform{
		width: 400px;
	}
	.loginbtn{
		    float: right;
    margin-right: 20%;
	}
  }
  
  .banners { padding: 40px 0 }
  
  .footer { background: #e1e8b5; padding: 25px 0;  font-family: 'Montserrat-Light'; color: #43963e; font-size: 14px;  }
  
  .socialicons {   text-align: center;  float: left  }
  .socialicon { background: url( ../images/2016/socialicons.png ) no-repeat; width:45px; height: 45px; display:  inline-block;   margin-left: 5px; margin-right: 5px;  }
  .facebook { background-position: 0px 0px }
  .facebook:hover{ background-position: 0px -50px  }
  
  .twitter { background-position: -55px 0px }
  .twitter:hover{ background-position: -55px -50px  }
  
  .footertext { float: left; line-height: 45px; padding-left: 15px}
  
  .fwrap { margin: 0 auto; display: table}
  
  
  

   
   
   
@media (max-width: 767px) {
	  
		.mainicon { max-width: 90%; min-width: 150px; margin: 0 auto }
		.main h1,.homeheader h1  { margin-top: 0; line-height: 46px; font-size: 36px }
		.item h1 {text-align: center; margin: 20px 0 14px 0 }
		.item p { text-align: center }
		.homeheader h2 { font-size:30px }
		.mobileonly { display: block }
		.desktoponly {display: none }
		.btn-green { font-size: 18px; padding: 0 35px }
		 
		 .main .container {
			padding: 75px 35px 0px 35px;
		}
				.tcity p { margin-top: 30px }
				
		.quote { padding: 56px 0 0 0  }
		.boxes { font-size: 20px }
		.footertext { font-size: 12px; line-height: 18px; text-align: center; margin-bottom: 20px }
		.socialicons {    float: none;
    margin: 0 auto;
    width: 165px;   }
				
}
 
 
    @media (max-width: 400px) {
	
			   .loginform { width:auto }
				   .headerlogo {
						margin-bottom: 30px;
					}
					.homeheader h1 , .main h1 {
				
				font-size: 25px;
				line-height: 36px;
			   
			   }
			   .homeheader h2 { font-size: 18px; line-height: 26px }
			   .homeheader { font-size: 16px }
			   .loginfield .field {width: 180px }
			   .loginfield.buttonfield {
			 clear: both;  
			  
			   }
				.loginfield .loginbutton {   display: block; margin-left:103px  }
				
		
				
				.thumboverlay .exampledesc {
					line-height: 17px;
					font-size: 14px;
				}
				.thumboverlay .exampletitle {
					margin-bottom: 0px;
				}
				
				.boxes { font-size: 17px }
   
   }
   
   
   
   .btn.dropdown-toggle { border-radius: 0; border: 2px solid #43963e !important;
font-family: 'Montserrat-Light';
color: #43963e !important;
font-size: 18px;
line-height: 57px;
padding: 0 25px;
background: #e3eecf !important;
 
width: 100%; !important}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100% }

.dropdown-menu  { border-radius: 0;font-family: 'Montserrat-Light'; }

.btn-group.bootstrap-select { margin-bottom: 20px }