/*  Credit: http://www.templatemo.com	*/

body {
	margin: 0px;
	padding: 0px;
	color: #333;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.7em; 
	background-color: #bbb;
	background-repeat: repeat-x;
	background-position: top	
}

.homepage { background-image: url(images/templatemo_body.jpg) }
.subpage { background-image: url(images/templatemo_body_subpage.jpg) }

a, a:link, a:visited { color: #e98236; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }

p { margin: 0 0 10px 0; padding: 0; }
img { border: none; }
em { color: #000; font-weight: bold; font-style: normal }

h1, h2, h3, h4, h5, h6 { color: #000; font-weight: normal; }
h1 { font-size: 28px; margin: 0 0 20px 0; padding: 5px 0 }
h2 { font-size: 25px; margin: 0 0 15px 0; padding: 5px 0; }
h3 { font-size: 22px; margin: 0 0 15px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; background-color:#333333; color:#FFFFFF; padding-left:4px; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 14px; margin: 0 0 5px; padding: 0; }

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }

a.more { 
	clear: both; 
	display: block; 
	width: 80px; 
	height: 24px; 
	text-align: center; 
	color: #fff; 
	font-weight: bold;
	font-size: 11px;
	background: url(images/templatemo_more.jpg);
}

a.more:hover { text-decoration: none; color: #fff; background: url(images/templatemo_more_hover.jpg) }

.float_l { float: left }
.float_r { float: right }

.image_wrapper { display: inline-block; border: 5px solid #fff; background: none; margin-bottom: 5px }
.image_fl { float: left; margin: 3px 15px 0 0 }
.image_fr { float: right; margin: 3px 0 0 15px }


.tmo_list { margin: 20px 0 20px 20px; padding: 0; list-style: none }
.tmo_list li { color:#e98236; margin: 0; padding: 0 0 0 20px; background: url(images/templatemo_list.jpg) no-repeat scroll 0 7px  }
.tmo_list li a { color: #e98236; font-weight: normal }
.tmo_list li a:hover { color: #e98236 }

#templatemo_wrapper {
	width: 960px;
	padding: 0 20px;
	margin: 0 auto;
	/*background: url(images/templatemo_header.jpg) top center no-repeat*/
}

#templatemo_header {
	width: 960px;
	height: 110px;
}

#site_title { float: left; width: 23%; }
#site_title h1 { margin: 0px 0 0 0; padding: 0 }
#site_title h1 a { display: block; width: 225px; height: 108px; color: #fff; text-indent: -10000px; background: url(images/logo.png) no-repeat }
#site_title h1 span { display: block; text-align: left; padding: 0px 0px 0px 10px; font-size: 12px; color: #fff }

#search_box { float: right; margin: 40px 0 0 0; width: 240px; height: 26px; background: url(images/templatemo_search.jpg) no-repeat }
#search_box form { clear: both; width: 240px; height: 26px; padding: 0; margin: 0 } 
#searchfield { float: left; display: block; height: 16px; width: 195px; padding: 5px; font-size: 12px; color: #ccc; line-height: 0; background: none; border: none; } 
#searchbutton { float: right; display: block; height: 26px; width: 31px; padding: 0; margin: 0; cursor: pointer; background: none; border: none; }

#search_box1 {
	float: right;
	width: 75%;
	height: 110px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	text-align: right;
}


#templatemo_menu {
	clear: both;
	width: 960px;
	height: 40px;
	background: url(images/templatemo_menu.jpg)
}

#templatemo_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#templatemo_menu ul li {
	padding: 0px;
	margin: 0px;
	display: inline;
}

#templatemo_menu ul li a {
	float: left;
	display: block;
	height: 32px;
	padding: 8px 30px 0 30px;
	margin: 0;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	/*color: #383838;	*/
	color: #FFFFFF;	
	font-weight: normal;
	outline: none;
	border: none;
}

#templatemo_menu ul li a:hover, #templatemo_menu ul li .current { 
	color: #000; 
	height: 34px; 
	padding: 2px 30px 0 30px; 
	background: url(images/templatemo_menu_hover.png) bottom center no-repeat;
}


#templatemo_middle { 
	clear: both;
	width: 100%;
	height: 240px;
	padding: 30px 0;
	/*background: url(images/templatemo_middle.jpg) left top no-repeat*/
}

#templatemo_middle_subpage {
	clear: both;
	width: 960px;
	padding: 30px 0;
	background: url(images/templatemo_middle.jpg) left center no-repeat
}

#templatemo_middle_subpage h2 { color: #fff }
#templatemo_middle_subpage p { font-size: 16px; color: #fff; line-height: 30px }

#intro {
	float: left;
	width: 64%;
	background-color:#FFFFFF;
	padding-top: 15px;
	/*padding-right: 30px;*/
	padding-bottom: 15px;
	/*padding-left: 30px;*/
}
#intro h2 {
	font-size: 28px;
	color:#660000;
	/*margin-bottom: 30px;*/
	font-weight: bold;
	text-transform: capitalize;
	margin-left: 20px;
}
#intro p {
	font-size: 14px;
	letter-spacing: 1px;
	word-spacing: 2px;
	color: #000000;
	/*margin-bottom: 30px;*/
	line-height: 15px;
	margin-left: 20px;
}

#intro form{margin-left: 20px;}

#intro div{margin-left: 20px;}

#intro a.learn_more { display: block; width: 170px; height: 40px; background: url(images/templatemo_learn_more.jpg) no-repeat }
#intro table {color: #000000;}

#slider {
	float: right;
	width: 33% !important;
	height: 240px; 
	overflow: hidden;
}

#templatemo_main {
	clear: both;
	width: 100%;
	padding: 30px 0;
	background: #fff;
}

.col_w900 {/* width: 900px;*/ padding: 0 0px; margin-bottom: 50px; }
.col_w580 { width: 580px }
.col_w420 { width: 420px }
.col_w280 { width: 280px }
.col_allw280 { float: left; width: 31%; margin-right: 1%; }
.col_w900_last { padding: 0 30px; margin: 0; background: none; }
.col_last { margin: 0; }

.frontpage_box h2 { font-size: 20px; padding: 0; margin-bottom: 5px; color: #333 }
.frontpage_box img { float: left; margin-right: 15px }
.frontpage_box a.more { margin-top: 15px }
.tagline { display: block; font-size: 11px; font-weight: bold; font-style: italic; color: #000; margin-bottom: 20px }

.lbe_box { clear: both; margin-bottom: 20px }
.lbe_box h3 { font-size: 16px; margin-bottom: 0 }
.lbe_box h3 a { color: #0e4369; font-size: 16px; font-weight: normal }
.lbe_box h3 a span { font-size: 12px; color: #333 }
.lbe_box p { margin-bottom: 0; }
.lbe_box p.date { font-size: 10px; font-weight: 700; color: #0e4369 }

.lp_box img { border: 1px solid #CCC; padding: 4px; margin-bottom: 20px; }

.news_box { clear: both; margin-bottom: 30px }
.news_box h2 { font-size: 20px; margin-bottom: 0 }
.news_box p.date { color: #000 }
.news_box img { float: left; width: 100px; height: 100px; padding: 4px; border: 1px solid #000; margin-right: 30px }
.news_box a.more { float: right; }

.sb_lp_box { clear: both; margin-bottom: 20px }
.sb_lp_box img { padding: 9px; border: 1px solid #ccc }

.post_box { clear: both; margin-bottom: 30px }
.post_box h2 { font-size: 20px; margin-bottom: 10px }

.post_box p.post_meta { margin-bottom: 0 }
.post_box p span.cat a { color: #cb5c02; font-weight: 400 }

.post_box img { width: 550px; height: 160px; border: 10px solid #eee; margin-bottom: 10px }
.post_box a.more { float: right; }

#cp_contact_form { padding: 0; width: 400px }
#cp_contact_form form { margin: 0px; padding: 0px; }

#cp_contact_form form .input_field { 
	width: 400px; 
	font-size: 12px;
	color: #333;
	padding: 5px; 
	height: 20px; 
	border: 1px solid #ccc;  
	background: #fff; 
}

#cp_contact_form form label { display: block; width: 220px; margin-right: 10px; font-size: 12px; color: #000; }

#cp_contact_form form textarea { 
	width: 390px; 
	height: 160px; 
	padding: 5px; 
	color: #333; 
	border: 1px solid #ccc;
	background: #fff; 
	font-size: 11px;
	font-family: Tahoma, Geneva, sans-serif;
}

#cp_contact_form form .submit_btn { margin: 10px 0px; padding: 5px 14px; border: 1px solid #ccc; background: #fff; }

#map img { width: 270px; height: 160px; border: 1px solid #999; padding: 4px }

#gallery { margin: 0; padding: 0 }
#gallery ul { margin: 0; padding: 0; list-style: none }
#gallery ul li { display: block; float: left; width: 168px; margin: 0 15px 15px 0; }
#gallery ul .lmb { margin: 0 0 15px 0; }
#gallery ul li a img { width: 162px; height: 116px; padding: 2px; border: 1px solid #ccc }
#gallery ul li a img:hover { background: #ccc }

#templatemo_footer_wrapper {
	clear: both;
	width: 100%;
	/*background: #062a44;*/
	background-color: #003300;
}

#templatemo_footer {
	width: 100%;
	margin: 0 auto;
	padding: 15px 0 15px 0;
	text-align: center;
	/*color: #84b2d3;	
	/*background:  url(images/templatemo_footer.jpg) top center no-repeat;*/
	color:#FFFFFF;
	
	font-size: 11px;
}

#templatemo_footer a { color: #E98236; font-weight: normal; }

#templatemo_footer a:hover { color: #FFFFFF; }


.imgRight
{   
    float:right;
    padding-bottom:5px;
    padding-left:10px; 
}

#industryLogos
{ margin: auto; text-align:center;}

.icons { margin-top:8px; z-index:502; }
.icons a { width:28px; height:28px; margin-left:5px; display:inline-block;z-index:503;}
.icon-1 {background:url('images/twitter.png') 0 0 no-repeat;}
/*.icon-1:hover {background:url(../images/icon-1.png) 0 bottom no-repeat;}*/
.icon-2 {background:url('images/facebook_logo.png') 0 0 no-repeat;}
/*.icon-2:hover {background:url(../images/icon-2.png) 0 bottom no-repeat;}*/
.icon-3 {background:url('images/Google-Plus-Logo.png') 0 0 no-repeat;}
/*.icon-4:hover {background:url(../images/icon-4.png) 0 bottom no-repeat;}*/

.callusButton
{
	margin-left:20px;
	margin-right:20px;
	margin-top:20px;
	padding:15px;
	background-color:#330000;
	color:#FFFFFF;
	font-size:1.5em;	
	text-align:center;
	font-weight:bold;
}
.callusbutton a 
{
	color:#FFFFFF;
}
.largeFont {
	font-size: 2.4em;
	line-height: 30px;
}

.quote{
    color: #000000;
    font-size: 30px;
    font-weight: bold;
	font-family:"Times New Roman", Times, serif;
}
#content-wrapper
{	
	min-height:420px;
	height:420px;
}
#content-left
{
	float:left;
	width:65%;
	padding:5px;
}

#content-right
{
	float:right;
	width:32%;
}

.box-right
{
	border:solid 1px #333333;	
	margin-bottom:12px;
	padding-bottom:6px;
	text-align:center;
}
.box-right h3
{ color:#660000;}
select
{ width: 200px; }

.t30padding{padding: 0 30px;}


/* Add a black background color to the top navigation */
.topnav {
    background-color: #333;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 9px 13px;
	text-decoration: none;
	font-size: 14px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Add an active class to highlight the current page */
.active {
    background-color: #84C044;
    color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

.fa-bars{font-size: 23px !important;}

#formCallback input{width: 100%; max-width: 200px;}
#frmCareers input{width: 100%; max-width: 200px;}


.speech-bubble {
	position: absolute;		
	float:right;
	right:13%;
	z-index:1000;
}


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1280px) { 
	#templatemo_wrapper{ padding:0px;}
	#templatemo_header{ width:97%;}
	#templatemo_menu ul li a {padding: 8px 22px 0 22px;}

}

@media only screen and (max-width: 992px) {
	#templatemo_wrapper{ width:97%; padding:0px;}
	#templatemo_header{ width:100%;}
	#templatemo_menu{width:100%; }
	#templatemo_middle{width:100%}
	#templatemo_main{width:100%;}
	#templatemo_menu ul li a {padding: 8px 13px 0 13px;}
	#intro{ width:100%;}
	#slider{ display:none;}
	.col_allw280{ width:49%; height: 155px;}
	
	.topnav a {padding: 9px 8px;font-size: 12px;}
	
	} 

@media only screen and (max-width: 768px) {
	#templatemo_wrapper{ width:97%; padding:0px;}
	#templatemo_header{ width:100%;}
	#templatemo_menu{width:100%;}
	#templatemo_middle{width:100%}
	#templatemo_menu ul li a {padding: 8px 6px 0 6px;font-size: 12px;}
	.largeFont {font-size: 1.8em;line-height: 28px;	}
	#intro{ width:100%;}
	#slider{ display:none;}
	.col_allw280{ width:49%; height: 155px;}
	
	
	} 

@media only screen and (max-width: 736px) {
	#templatemo_wrapper{ width:97%; padding:0px;}
	#templatemo_header{ width:100%;}
	#templatemo_menu{width:100%;}
	#templatemo_middle{width:100%}
	#templatemo_main{width:100%;}
	#templatemo_menu ul li a {padding: 8px 6px 0 6px; font-size: 12px;}
	.largeFont {font-size: 1.8em; line-height: 28px;}
	#intro{ width:100%;}
	#slider{ display:none;}
	#content-left{width: 100%; margin-bottom: 10px;}
	#content-right{width: 100%;}
	.col_allw280{ width:49%; height: 155px;}
	.topnav a {padding: 9px 5px; font-size: 10px;}
	.speech-bubble {	position: relative;}
	} 

@media only screen and (max-width: 600px) {
	#templatemo_wrapper{ width:97%; padding:0px;}
	#templatemo_header{ width:100%;}
	#templatemo_menu{width:100%;}
	#templatemo_middle{width:100%}
	#templatemo_main{width:100%;}
	#templatemo_menu ul li a{ width:97.5%; clear: both; background: url(images/templatemo_menu.jpg);}
	#templatemo_menu ul li a:hover{ width:97.5%; padding: 6px 6px 0 6px; background:none; background: url(images/templatemo_menu.jpg);}
	.largeFont {font-size: 1.4em; line-height: 20px;}
	#intro{ width:100%;}
	#slider{ display:none;}
	#content-left{width: 100%; margin-bottom: 10px;}
	#content-right{width: 100%;}
	.col_allw280{ width:100%;}
	
	.topnav a {padding: 9px 8px; font-size: 14px;}
	
	  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
    .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .speech-bubble {	position: relative;}
	} 

@media only screen and (max-width: 480px) {
	#templatemo_wrapper{ width:97%; padding:0px;}
	#templatemo_header{ width:100%;}
	#templatemo_menu{width:100%; height:auto;}
	#templatemo_middle{width:100%}
	#templatemo_main{width:100%;}
	#templatemo_menu ul li a{ clear: both; }
	#templatemo_menu ul li a:hover{padding: 6px 6px 0 6px;}
	.largeFont {font-size: 1em; line-height: 20px;}
	#intro{ width:100%;}
	#slider{ display:none;}
	#content-left{width: 100%; margin-bottom: 10px;}
	#content-right{width: 100%;}
	.col_allw280{ width:100%;}
	#search_box1{ display:none;}
	.imgRight {display:none;}
	.speech-bubble {	position: relative;}
	} 

@media only screen and (max-width: 320px) {
	#templatemo_wrapper{ width:97%; padding:0px;}
	#templatemo_header{ width:97%;}
	#templatemo_menu{width:100%; height:auto;}
	#templatemo_middle{width:100%}
	#templatemo_main{width:100%;}
	#templatemo_menu ul li a{clear: both;}
	#templatemo_menu ul li a:hover{padding: 6px 6px 0 6px;}
	.largeFont {font-size: 0.8em;line-height: 20px;	}
	#intro{ width:100%;}
	#slider{ display:none;}
	#content-left{width: 100%; margin-bottom: 10px;}
	#content-right{width: 100%;}
	.col_allw280{ width:100%;}
	#search_box1{ display:none;}
	.imgRight {display:none;}
	.speech-bubble {	position: relative;}
	
	} 

	
	
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 3000; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  font-family: Arial, Helvetica, sans-serif;
}
.modal h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.modal h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.modal p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #84C044;
  color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: #84C044;
  color: white;
}

#COVIDHeader
{
	background-color: #84C044;
	margin-top:22px;
	padding: 10px;
	margin-bottom:2px;
	color:#FFFFFF;	
}
#COVIDHeader a
{
	color: #000;
}