@charset "UTF-8";


/* RESET 
------------------------------------------------*/
* {margin:0; padding: 0; border: 0; outline: 0; background: transparent;}
	

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
html, body{font-family: 'Lato', sans-serif; line-height: 1.5; color: #111; height: 100%; width: 100%; background:#fff;}

/* SELECTION */	
::selection {text-shadow: none; color:#fff; background: #004222;}
::-moz-selection {text-shadow: none; color:#fff; background: #004222;}

/* CLEAR */
.clear {clear: both;}

/* HEADERS */
h1, h2, h3, h4 ,h5 ,h6 {font-weight: 700; font-family: 'Oswald', sans-serif;}
h1 {font-size:36px;}
h2 {font-size:24px;}
h3 {font-size:28px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}

/* PARAGRAPH/LIST/GENERAL TEXT */

/* LINKS */
a{-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;}
a:link, a:visited {color:inherit; text-decoration:none;}
a:hover, a:active {color:inherit; text-decoration:none;}

a[href^="tel:"] {color:inherit;  text-decoration: none;}

/* IMAGES */
img {display:block;}

/* TEXT EMPHASIS */
em {font-style:italic;}
strong {font-weight: 700;}

/* TEXT STYLINGS */
.dark {color:#131313;}
.gray {color:#4F4F4F;}
.green {color: #004222 !important;}
.red {color:#D70104;}
.lightweight {font-weight:400;}
.heavy {font-weight:800;}

/* ALIGNMENT */
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.center-img {margin:0 auto;}











.sidebarColumn{min-height: inherit !important;}
.wrap{max-width:1240px; margin: 0 auto; padding: 0 20px;}

.main .wrap .col-sm-11, .main .wrap .col-sm-10, .main .wrap .col-sm-9, .main .wrap .col-sm-8, .main .wrap .col-sm-7, .main .wrap .col-sm-6, .main .wrap .col-sm-5, .main .wrap .col-sm-4, .main .wrap .col-sm-3, .main .wrap .col-sm-2, .main .wrap .col-sm-1{padding-right: 25px !important;}
.cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *{box-sizing: border-box;}

/* TYPOGRAPHY */



/* HEADER */

.header {display: flex; align-items: center; flex-wrap: wrap; font-family: 'Oswald', sans-serif; border-bottom: 1px #ddd solid;}
.header .logo {width:300px;}
.header .logo img {display: block; width:100%; max-width:350px; padding:0px;}
.header .header-mid {width: calc(100% - 600px);}
.header .logo-transport {width:275px; padding-right:25px;}
.header .logo-transport img {display:block; clear: both; width:100%; max-width:80px !important; margin:0 0 0 auto; padding: 0px;}

.header .contact{display: block; width: 100%; padding: 25px 0; font-size: 14px; text-align: center;}
.header .contact a{display: inline-block; margin-left: 15px; font-size: 18px; font-weight: 700; font-style: italic;}
.header .navigation{margin-top: auto;}



/*  NAVIGATION
------------------------------------------------*/
#menu-button{display:none;}
nav.mobile {display:none;}
nav.primary {z-index:500; position:relative; margin:0; padding:0;}
nav.primary ul {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; margin:0; padding:0;}
nav.primary ul li {margin:0; padding:0; list-style-type:none;}
nav.primary ul li a {
	display:block; margin:0; padding:5px 10px; font-size:14px; text-align:center; text-decoration:none; text-transform:uppercase;
	color:#737373; border-bottom: 5px transparent solid;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;	
}
nav.primary ul li a:hover {color:#000; border-bottom: 5px #004222 solid;}


/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width: 250px;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
	width: 250px; padding:15px 0; font-size:.94em; line-height:18px; text-indent:20px; text-align:left; color:#fff; border:0; background: #181818;
}
nav.primary ul li li a:hover,nav.primary ul li li a:active {line-height:18px; color:#fff; background:#058fce;}

/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {display: none; position: absolute;} 
nav.primary ul ul ul {position: absolute; left: 100%; top:0;}
nav.primary ul li:hover > ul {display: block; line-height:18px; z-index: 500;}
nav.primary ul ul li {float: none; position: relative; margin:0;}





/*  HOME
------------------------------------------------*/	
.hero{position: relative;  border-bottom: 5px #004222 solid; overflow: hidden;}
.hero video{width:100%;}
.hero-cta{display: flex; flex-wrap: wrap; align-items: center; position: absolute; left: 0; bottom: 150px; width: 100%; padding: 0 20px; color: #fff;}
.hero-cta img {display: inline-block;}
.hero-cta strong{margin: 0 10px; font-size: 18px; line-height:1; font-style: italic;}
.hero-cta .cta-inner{display: flex; justify-content: center; align-items: center; width: calc(50% - 10px); line-height:1.5;  background: rgba(0, 66, 34, 0.75); padding: 15px 25px; margin: 5px; border-radius: 10px;}
.hero-cta .hero-btns{margin-left: auto;}
.hero-cta .hero-btns a{display: inline-block; background: #F9D407; padding: 10px 15px 10px 20px; font-size: 14px; line-height: 1; color: #004222;}
.hero-cta .hero-btns a:hover{background: #E2C316;}
.hero-cta .hero-btns a i{margin-left: 10px;}

.manus{padding: 25px 50px;}
.manus ul{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.manus ul li{width: 14%; list-style: none; padding: 15px; text-align: center;}
.manus ul li img{max-width: 100% !important; margin: auto !important;}

.title{background: #004222; padding:22px 0 28px 0; text-align: center; color: #fff;}
.title h1{font-weight:400;}
.title hr{width: 100px; margin: 6px auto 0; border: 3px #F9D407 solid;}

.welcome-container{display: flex; flex-wrap: wrap; background: url("/siteart/bg.jpg") center center no-repeat; background-size: cover;}
.welcome-container .welcome{width: 50%; background: rgba(255, 255, 255, 0.75); background-size: cover; padding: 50px;}
.welcome-container .search{width: 50%; background: rgba(0, 66, 34, 0.75); background-size: cover; padding: 50px;}
.welcome-container .search h2{text-align: center; color: #fff;}
.welcome-container .search hr{width: 100px; margin: 10px auto 25px; border: 3px #F9D407 solid;}
.welcome-container .search label{display: block; color: #F9D407;}
.welcome-container .search input[type="text"], .welcome-container .search select{display: block; width: 100%; margin-bottom: 10px; padding:10px;}
.welcome-container .search button{display: block; width: 100%; background: #F9D407; margin-top: 35px; padding:13px 10px; font-weight: 700; text-align: center; color: #004222; border: none; cursor:pointer;}
.welcome-container .search button:hover{background: #E2C316;}

#popupContainer{display: none; position: absolute; top: 15px !important; left: 0; right: 0; max-width: 1000px; height: auto; margin: 0 auto; padding: 30px; color: #fff; border: 2px #fff solid; background: #004222; border-radius: 3px; z-index: 10000;}
#popupContainer img{width: 100%; margin: 0;}
#popupContainer h3{color: #F9D407;}
#popupContainer ul{list-style: inside !important;}
#popupContainer ul li{list-style-type: circle !important;}
#popupContainer a{color: #fff !important;}
#popupInnercontainer{position: relative;}
#popupClose{position: absolute; top: 16px; right: 16px; padding: 1px 3px; font-size: 20px; line-height: 20px; color: #000; cursor: pointer; background: #fff; border-radius: 3px; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.23);}
#popupOverlay{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 999;}

/*  BODY
------------------------------------------------*/	
.responsive-editor-img{padding: 15px !important;}
.page-bg{background: url("/siteart/bg.jpg") fixed center center no-repeat; background-size: cover; padding: 50px 0;}
.content-box{background: #fff; max-width: 1240px; margin: 0 auto; padding: 35px 25px 50px;}
.content-box h1{text-align: center; color: #004222;}
.content-box hr{width: 100px; margin: 10px auto 0; border: 3px #F9D407 solid;}

.manu-btns{margin: 25px 0;}
.manu-btns ul{display: flex; justify-content: center; flex-wrap: wrap;}
.manu-btns ul li{width: calc(25% - 10px); margin: 5px; list-style: none;}
.manu-btns ul li a{display: flex; align-items: center; justify-content: center; background: #F9D407; padding: 10px; font-family: 'Oswald', sans-serif; font-size: 18px; text-align: center; color: #004222;}
.manu-btns ul li a:hover{background: #E2C316;}

.staff-box{display: flex; align-items: center; flex-wrap: wrap; margin: 15px 0; text-align: left;}
.staff-box .staff-img{width: 100%; max-width: 400px;}
.staff-box .staff-img img {width: 100%; max-width: 400px;}
.staff-box .staff-details{width: calc(100% - 400px); padding: 25px;}
.staff-box .staff-details h4{margin: 10px 0; font-weight: 400; color: #F9D407;}
.staff-box .staff-details a:hover{text-decoration: underline;}

.manu-list{display:flex; flex-flow:row wrap; align-items:center; border: 1px #ddd solid;}
.manu-list li{display: block; width:50%;  padding:15px; text-align: center; border-bottom: 1px #ddd solid;}
.manu-list li:nth-of-type(odd) {border-right: 1px #ddd solid;}
.manu-list li:nth-last-of-type(2){border-bottom: none;}
.manu-list li:last-child{border-bottom: none;}

.post-container-category-buttons{display: flex; flex-wrap: wrap;}
.column-padding-category-buttons{width: 25%;}
.zoom{position: relative; margin: 5px; overflow: hidden;}
.zoom a{display: flex; align-items: center; justify-content: center;}
.zoom img{display: block; width: 100%; transition: all .5s ease;}
.zoom .zoom-caption{display: flex; align-items: center; justify-content: center; position: absolute; width: 100%; background: rgba(249, 212, 7, 0.8); padding: 10px; font-family: 'Oswald', sans-serif; text-transform: uppercase; transition: all .5s ease; z-index: 10;}
.zoom:hover .zoom-caption{transform: scale(1.05);}

.contactForm h1{display: none;}
.contactForm .checkbox, .contactForm .radio{display: inline-block; padding: 0 5px;}
.contactForm .btn-success, .contactForm .btn-success:focus, .contactForm .btn-success:hover{background-color: #004222 !important; border-color: #004222 !important; font-weight: 700; color: #fff;}
.contactForm .contactFormLabel{display: block; font-size: 12px; font-weight: 700;}
.contactForm .form-control{height: auto; margin-top: 5px; padding: 10px;}





/*  CERTIFIED BANNER
------------------------------------------------*/	
.certified-banner {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:flex-start;}
.cert-logo {width: 100%; max-width: 300px; }
.cert-logo  img {width: 100%; max-width: 131px; display: block; padding: 0px; margin: auto; float: none; clear: both;}
.cert-title {width: calc(100% - 300px); padding:0 25px;}
.cert-title h3 {font-size: 1.7rem; line-height: 1.2;}
.cert-title h4 {font-size: 1.4rem; font-family: Lato, sans-serif; font-weight: 500; line-height: 1.2; color: rgb(17, 17, 17);}



/*  ACCORDION BUTTON
------------------------------------------------*/	
.accordionButton {padding:20px 5% 18px 5%;font-size:1em; font-weight:400; text-transform:uppercase; text-align:center; color:#fff; cursor:pointer;}
.accordionHide {display:none !important;}
.accordionShow {display:block !important;}
.acOff {background:#004222;}
.acOn {margin:0; background:#292929;}


/*  SLIDER
------------------------------------------------*/
.heroSlider {position:relative; overflow:hidden;}

/*  CYCLE SLIDESHOW
------------------------------------------------*/
.cycle-slideshow, .cycle-slideshow * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index:5;}
.cycle-slideshow {width:100%; margin:0; padding:0; position:relative; z-index:2; background:#585858;}
.cycle-slideshow img {width:100%;}

.cycle-pager {text-align: center; width: 100%; z-index: 500; position: absolute; bottom:10px; overflow: hidden;}
.cycle-pager span {font-family: arial; font-size:65px; width:22px; height:22px; display: inline-block; color: #fff; cursor: pointer;}
.cycle-pager span.cycle-pager-active {color:#004222;}
.cycle-pager > * {cursor: pointer;} 


/*  FOOTER
------------------------------------------------*/
.site-footer{display:flex; flex-flow:row wrap; align-items:flex-start;  background: #004222; padding: 50px; font-size: 14px; color: #fff;}
.site-footer .footer-col {width:33.333%;}
.site-footer .foot-nav {display:flex; flex-flow:row wrap;}
.site-footer h4{width:100%; margin-bottom: 10px; color: #F9D407;}
.site-footer ul {width:50%;}
.site-footer ul li{list-style: none;}
.site-footer ul ul li{margin-left: 15px;}
.site-footer ul li a:hover{text-decoration: underline;}

.site-footer .footer-logo{width:calc(33.333% - 50px); padding: 0 25px !important; box-sizing: inherit !important;}
.site-footer .img-bg{background: #fff; max-width: 400px; margin: auto; padding: 15px; border-radius: 10px;}
.site-footer .copyright{margin-top: 15px; font-family: 'Oswald', sans-serif; text-align: center;}
.site-footer .warning-box{margin-top: 25px; padding: 25px !important; text-align: center;  background:#13653D;}
.site-footer .warning-box a {word-break:break-all;}



/************************************************ Responsive Styles **/

@media screen and (max-width: 1500px){
	.header .header-mid{width: calc(100% - 425px);}
	.header .logo-transport{width: 100px;}
}

@media screen and (max-width: 1350px){
	nav.primary ul li a {
		display:block; margin:0; padding:5px 5px; font-size:14px; text-align:center; text-decoration:none; text-transform:uppercase;
		color:#8e8e8e; border-bottom: 5px transparent solid;
		-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;	
	}
	
	.hero-cta .cta-inner{display:flex; flex-flow: row wrap; text-align: center; justify-content:center;}
	.hero-cta .hero-btns {width:100%; margin-left: 0;}
	.hero-cta .hero-btns a{display: flex; align-items: center; justify-content: center; margin: 2px 0; text-align: center;}
}

@media screen and (max-width: 1200px){
	.header .header-mid{width: calc(100% - 300px);}
	.header .logo-transport{display: none;}	
}
@media screen and (max-width: 1100px){
	.header .logo{width: 100%;}
	.header .logo img{max-width: 300px !important; margin: 10px auto !important;}
	.header .contact{display: none;}
	.header .header-mid{width: 100%;}
	.manus ul li{width: 20%;}
}

@media screen and (max-width: 980px){
	.page-bg{padding: 0;}
	.content-box{padding: 25px 20px 35px;}
	.welcome-container .welcome, .welcome-container .search{width: 100%; padding: 25px 20px;}
	
	
	.header .logo{max-width: calc(100% - 80px);}
	.header .logo img{margin: 10px 0 !important;}
	.header .header-mid{max-width: 80px;}
	
	nav.primary{display:none;}
	#menu-button{display: block; position: relative; z-index:400;}
	#menu-button a{text-decoration: none; padding: 12px 20px; font-size: 18px; font-weight:700; border: 1px #ddd solid;
    border-radius: 5px; color:#777;}

	nav.mobile ul li a .fa{
		width:25px;
		font-weight:100;
		padding:8px 3px;
		margin:0 0 0 5px;
		text-align:center;
		background:#292929;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	
	nav.mobile ul li .fa-chevron-down {position:absolute; right:10px; margin:18px 0 0 0;}

	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		right: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		overflow:auto;
		background:#333;
	}
	
	/* MENU HEADER SOCIAL MEDIA */
	nav.mobile .social-media {
		position: absolute;
		text-decoration: none;
		vertical-align: top;
		z-index:9999;
		display: inline-block;
		
		top: 15px;
		left: 15px;
		font-size:16px;
		word-spacing:13px;
		color: #ccc !important;
	}
	
	nav.mobile .social-media a:link, nav.mobile .social-media a:visited {color:#ccc; text-decoration:none;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}
	
	/* MENU HEADER STYLES */
	nav.mobile h3 {	
		color: #ccc;
		padding: 23px 0;
		position: relative;
		font-size: 18px;
		background:#313131;
	}			
	nav.mobile .menu-title {position: absolute; vertical-align: top; top: 16px; right: 47px; text-transform:uppercase; font-size:12px; color: #ccc;}
		
	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {position: absolute; top: 8px; right: 10px; padding: 6px 9px 5px; display: inline-block; font-weight: 700; font-size: 18px; line-height: 1; color: #ccc; text-decoration: none; vertical-align: top; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color: #fff;}
	
	/* MENU LIST STYLE */
	nav.mobile ul {list-style: none; font-weight: 300; margin:0; padding:0;}
	nav.mobile ul li {color: #999; font-size:15px; border-bottom: 1px solid #303030;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #999;
		position: relative;
		display: block;
		font-size:15px;
		text-align:left;
		text-decoration: none;
		border-left:4px #333 solid;
		padding: 15px 35px 15px 20px;
		font-family: 'Lato', sans-serif;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	nav.mobile ul li a:hover {background:rgba(45,45,45,0.5); color: #fff; border-left:4px #F9D407 solid;}
	
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {color: #ccc; background: #444; border-left:4px #444 solid; padding: 15px 10px 15px 15px;}
	nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}
	
	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {color: #ccc; background: #555; border-left:4px #555 solid;}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}
	
	.staff-box .staff-img{max-width: 250px;}
	.staff-box .staff-details{width: calc(100% - 250px);}
	
	.site-footer {padding: 25px 20px;}
	.inv-footer .site-footer {padding: 25px 20px 75px 20px;}
	.site-footer ul {width:100%;}
}
@media screen and (max-width: 768px){
	.responsive-editor-img{float: none !important; margin: auto !important; padding: 15px 0 !important;}
	.main .wrap .col-sm-11, .main .wrap .col-sm-10, .main .wrap .col-sm-9, .main .wrap .col-sm-8, .main .wrap .col-sm-7, .main .wrap .col-sm-6, .main .wrap .col-sm-5, .main .wrap .col-sm-4, .main .wrap .col-sm-3, .main .wrap .col-sm-2, .main .wrap .col-sm-1{margin-bottom: 15px; padding-right: 0 !important;}
	
	
	
	
	.hero-cta{background: rgba(0, 66, 34, 0.75); height: 100%; bottom: 0; padding: 0 20px;}
	.hero-cta .cta-inner{display: flex; align-items: center; flex-wrap: wrap; background: none; width: 100%; padding: 0; margin: 0; border-radius: 0;}
	.hero-cta .hero-btns{width: 100%;}
	.title h1{font-size: 28px;}
	.manus{padding: 20px;}
	.manus ul li{width: 33.333%;}
	.manu-btns ul li{width: calc(50% - 10px);}
	.column-padding-category-buttons{width: 50%;}
	
	.site-footer{text-align: center;}
	.site-footer img{margin: auto !important;}
	.site-footer .footer-col {width:100%; margin:10px 0;}
	.site-footer .foot-nav{display: none;}
}

@media screen and (max-width: 480px){
	.manu-list li{width:100%;}
	.manu-list li:nth-of-type(odd) {border-right:0;}
	.manu-list li:nth-last-of-type(2){border-bottom: 1px #ddd solid;}
}

@media screen and (max-width: 480px){
	.hero-cta .hero-btns{display: flex;}
	.hero-cta .hero-btns a{flex: 1; margin: 1px;}
	.hero-cta .hero-btns i{display: none;}
	.manus ul li{width: 50%;}
	
	.manu-btns ul li{width: 100%; margin: 3px 0;}
	.column-padding-category-buttons{width: 100%;}
	.zoom{margin: 3px 0;}
	.staff-box .staff-img{max-width: 100%;}
	.staff-box .staff-details{width: 100%; padding: 25px 0;}
}