﻿/*
School Bus Project

*/


/*--------------- Document Setup (body, divs, img) ---------------*/

body{ margin:0px; padding:0px; background:#ffead5;}
body, div, img, a
{
	font-family: 'Ubuntu', sans-serif;
 }
.clear
{
	clear:both;
}
ol,ul,li{ list-style:none !important;}
.fl
{
	float:left !important;
}
.fr
{
	float:right !important;
}
a
{    
	transition:all .2s linear !important; 
    -o-transition:all .2s linear !important; 
    -moz-transition:all .2s linear !important; 
    -webkit-transition:all .2s linear !important;
}
a:hover{ text-decoration:none;}
input.field{ width:190px !important; height:30px; border:#d5d5d5 solid 1px; font-size:13px; color:#6f6f6f; padding:0 0 0 25px; border-radius: 0px; background:url(../images/search-icon.jpg) #FFF 7px 8px no-repeat; font-family: 'Ubuntu', sans-serif !important; float:left;}
input.field2{ width:48%; margin-bottom:15px;}
.form-control{ width:100%; height:46px; border:#d9d9d9 solid 1px; font-size:14px; color:#666666; padding:0 0 0 10px; margin-bottom:0px; border-radius:0px !important;}
.form-control2{ width:60%; height:46px; border:#d9d9d9 solid 1px; font-size:14px; color:#666666; padding:0 0 0 10px; margin-bottom:20px; border-radius:0px !important;}
textarea{ width:100%; height:190px !important; border:#d9d9d9 solid 1px; font-size:14px; color:#666666; padding:10px !important; margin-bottom:20px; border-radius:0px !important;}
select{ padding:10px !important;}

/*--------------- Heading Styles ---------------*/
h1
{
	font-family: 'Ubuntu', sans-serif;
	font-size:50px;
	color:#FFF;
	text-align:left;
	font-weight:100;
	line-height:80px;
	border-bottom:#0d1119 solid 1px;
	box-shadow: 0px 1px 0px #1c273c;
	text-shadow:0px 1px 0px rgba(0, 0, 0, 0.5);
}

h2
{
	font-family: 'Ubuntu', sans-serif;
	font-size:18px;
	color:#FFF;
	line-height:36px;
	margin:0px;
}

h3
{
	font-family: 'Ubuntu', sans-serif;
	font-size:14px;
	color:#333333;
	font-weight:500;
	margin:5px 0 0 0;
	
}

h4
{
	font-family: 'Ubuntu', sans-serif;
	font-size:24px;
	color:#111a2c;
	line-height:40px;
	font-weight:300;
	
}
h5
{
	font-family: 'Ubuntu', sans-serif;
	font-size:14px;
	color:#333333;
	font-weight:500;
	text-align:center;
	
}

/*--------------- topbar Style ---------------*/
.topbar
{ 
	padding:0px;
}
	.topbar .logo
	{
		float:left;
	}
	.topbar .search-box
	{
		float:right;
		margin:43px 0px;
	}



/*--------------- Custom Nav Style ---------------*/
.navbar
{
	background: #ff8108; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff8108 0%, #d66900 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8108), color-stop(99%,#d66900)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff8108 0%,#d66900 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff8108 0%,#d66900 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff8108 0%,#d66900 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff8108 0%,#d66900 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8108', endColorstr='#d66900',GradientType=0 ); /* IE6-9 */

	height:45px;
	margin-bottom:0px;
	box-shadow:0px 5px 0 #17120f;
	border-radius:0px !important;
	border:0px;
}

.navbar-nav
{
}
.navbar-nav>li
{ 
	float:left; 
	height:45px; 
	padding:0px 0 0 0px;
}
.navbar-nav>li>a
{ 
	float:left; 
	padding:0px 30px; 
	font-size:14px; 
	color:#FFF; 
	line-height:50px;
	font-weight:normal; 
	border-right:#884401 solid 1px;
	box-shadow:1px 0px 0px #f39006;
}
.navbar-nav>li>a:hover 
{ 
	background:#17120f;
}
.navbar-nav>li>a.active
{ 
	background:#17120f;
}
.navbar-nav>li>ul{ position:absolute; width:250px; background:#17120f; padding:0px; top:50px; z-index:10000; display:none;}
.navbar-nav>li>ul>li{float:left; width:100%;
	height:auto; 
	padding:0px 0 0 0px;}
	.navbar-nav>li>ul>li>a
{ 
	float:left; 
	padding:0px 20px; 
	font-size:14px; 
	color:#FFF; 
	line-height:40px;
	font-weight:normal; 
	border-right:0px;
	border-bottom:#222 solid 1px;
	box-shadow:none;
	width:100%;
}
.navbar-nav>li>ul>li>a:hover{ color:#f88200;}
.navbar-nav>li:hover ul{ display:block !important;}
.navbar-collapse{ padding:0px !important;}


/*--------------- Header Style ---------------*/
.header-bg
{
	margin:5px 0 30px 0;
	position:relative;
	overflow:hidden;
}
.slotholder img{ width:100% !important;}
.darker-black{ background:url(../images/header-strip.png) repeat; padding:15px 20px; font-size:24px !important; color:#FFF; width:521px; top:50px; left:30px;}
.lighter-black{ background:url(../images/body-strip.png) repeat; padding:20px; width:521px; font-size:14px !important; color:#e3dcd6 !important; line-height:24px !important;}

/*.home-banner{height:469px;}	
	.slide{}
	.slide-dec{ position:absolute; text-align:left; top:50px; left:30px;}
	.slide-dec h1{ color:#fff; font-size:24px; font-family: 'Ubuntu', sans-serif; font-weight:normal; line-height:normal; margin:0px 0 2px 0;}
	.slide-dec p{ color:#fff; font-size:14px;}
	.slide-dec .view-btn{ background:#e3dcd6; font-size:13px;display:inline-block; padding:5px 10px; color:#333; margin:10px 0 0 0;}
	*/

.header-left
{
	width:485px;
	padding:20px 0 0 0;
	float:left;
}
.header-left p
{
	font-size:16px;
	color:#FFF;
	line-height:30px;
	font-weight:100;
	padding-top:20px;
}
.header-left p a
{
	font-size:16px;
	color:#fcad17;
}
.header-left ul
{
	margin:0px;
}
.header-left ul li
{
	float:left;
	line-height:48px;
	font-size:20px;
	color:#FFF;
	background:url(../images/star-icon.png) 0px 18px no-repeat;
	list-style:none;
	width:100%;
	font-weight:100;
	padding-left:30px;
}

.fotorama__arr{ display:none !important;}
.align-right{ text-align:right !important;}

.content-container{ margin:0px 0px;}

.boxstyle
{
	background:#FFF;
	padding:10px 20px 20px 20px;
	border:#cec7c2 solid 1px;
}
	.boxheader
	{
		border-bottom:#cec7c2 solid 1px;
		font-size:24px;
		color:#222222;
		font-weight:300;
		padding-bottom:5px;
	}
	.body-content
	{
		padding:20px 0 0 0;
	}
	.body-content p
	{
		font-size:14px;
		color:#666;
		line-height:24px;
	}
	.large-thumbanil
	{
		background:#FFF;
		padding:5px;
		border:#e7e7e7 solid 1px;
		float:left;
		width:100%;
		margin:10px 0px;
	}
	.body-content img{ width:100%;}
	
	.listing-box{}
	.listing-box ul{ margin:0px; padding:0px;}
	.listing-box ul li
	{ 
		list-style:none;
		float:left;
		background:url(../images/arrow-icon.png) 0 10px no-repeat;
		font-size:14px;
		color:#666;
		line-height:30px;
		width:100%;
		padding-left:15px;
	}
	.news-listing
	{
		border-bottom:#cec7c2 solid 1px;
		padding:20px 0px;
	}
	.news-thumbnail
	{
		float:left;
		border:#cec7c2 solid 1px;
		margin:5px 0 0 0;
	}
	.news-listing:hover .news-thumbnail{ opacity: 0.6;}
	.news-detail
	{
		margin-left:90px;
	}
	.news-detail span
	{
		font-size:13px;
		color:#666;
	}
	.news-detail p
	{
		font-size:14px;
		color:#3d3d3d;
		line-height:18px;
		margin:0px;
	}
	.news-detail p a
	{
		color:#f88200 !important;
	}
	.news-detail p a:hover
	{
		color:#17120f !important;
	}
	.see-all
	{
		float:left;
		width:100%;
		text-align:center;
		font-size:13px;
		color:#d64d3d;
		padding:15px 0 0 0;
	}
	.see-all:hover
	{ color:#333 !important;}
	
.footer-container{ margin:30px 0 0 0; background:#353535;}
.footer-nav
{
	background:#1e1e1e;
	border-bottom:#000000 solid 3px;
	height:54px;
}
.footer-nav p
{
	text-align:center;
	font-size:14px;
	color:#FFF;
	line-height:54px;
}
.footer-nav p a
{
	color:#FFF;
	padding:0 10px;
}
.footer-nav p a:hover
{
	color:#fd8008;
}
.footer-container .footer-body
{
	padding:15px 0px;	
}
.footer-listing
{}
.footer-listing ul
{ padding:0px; margin:0px;}
.footer-listing ul li{ float:left; width:100%;}
.footer-listing ul li a
{
	list-style:none;
	float:left;
	width:100%;
	background:url(../images/footer-arrow.png) 0px 12px no-repeat;
	padding-left:10px;
	font-size:13px;
	color:#939393;
	line-height:30px;
}
.footer-listing ul li a:hover{ color:#FFF;}
.social-links{}
.social-links a
{
	float:left;
	margin:10px 0 0 0;
	color:#666;
	font-size:12px;
	width:100%;
}
.social-links a:hover
{ color:#FFF;}
.social-links a img{ margin-right:8px;}
	
.copyright
{
	border-top:#454545 solid 1px;
	padding:15px;
	float:left;
	width:100%;
	margin:20px 0 0 0;
}	
.copyright p
{
	text-align:center;
	font-size:12px;
	color:#939393;
	margin:0px;
	padding:0px;
}
	
/*--------------- News Styles ---------------*/
.border-bottom{ border-bottom:0px !important;}
.listing-row
{
	border-bottom:#cec7c2 solid 1px;
	padding:20px 0px;
}	
.listing-row:hover .thumbnail{ opacity:0.6;}
	.listing-row .thumbnail
	{
		float:left;
		border:#cec7c2 solid 1px;
		margin:0;
		border-radius:0px;
	}
	.listing-detail
	{
		margin-left:155px;
	}
	.listing-detail p
	{
		font-size:14px;
		color:#666;
		line-height:24px;
		padding-top:10px;
	}
	.listing-detail p span
	{
		font-size:14px;
		color:#f88200;
		line-height:24px;
		padding-top:10px;
	}

/*--------------- Training Styles ---------------*/	
.training-listing{}	
.training-listing .thumbnail{ margin:10px 0 0 0px; border-radius:0px;}
.training-listing p{ font-size:13px; text-align:center; padding:5px 0 0 0;}
.col-md-4:hover .thumbnail{opacity:0.6;}	

.captcha{ width:48%;}
	
/*--------------- Search Results Styles ---------------*/
.search-results
{
	padding:0px;
}
.search-results .result-row
{
	border-bottom:#ebebeb solid 1px;
	padding:0px;
}
.search-results .result-row h5
{
	text-align:left;
	color:#111a2c;
	font-size:16px;
	line-height:normal;
	padding:0px;
}
	.search-results .result-row h5 a
	{
		color:#333;
	}
	.search-results .result-row h5 a:hover
	{
		color:#f88200;
	}

.search-results .result-row p
{
	font-size:14px;
	color:#666;
	line-height:24px;
}
.page-box
{
	text-align:center;
	width:100%;
}

.panel-heading
{
	background:#212a3a !important;
	color:#FFF !important;
}
.panel-body
{
}
.panel-body ul
{
	padding:0px !important;
}
.panel-body ul li
{
	float:left;
	width:100%;
	border-bottom:#ebebeb solid 1px;
	list-style:none;
}
.panel-body ul li a
{
	float:left;
	width:100%;
	line-height:normal;
	color:#666;
	font-size:13px;
	padding:10px 0 10px 20px;
	background:url(../images/nav-icon.png) 5px 14px no-repeat;
}
.panel-body ul li a:hover
{
	color:#333;
}

	
/*--------------- Buttons Styles ---------------*/
.btn-search
{
	float:left;
	border-left:0px !important;
	border:#c5c5c5 solid 1px;
	height:30px;
	width:58px;
	text-align:center;
	font-size:12px;
	color:#989999;
	
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top,  #ededed 1%, #dedede 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ededed), color-stop(100%,#dedede)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ededed 1%,#dedede 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ededed 1%,#dedede 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ededed 1%,#dedede 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ededed 1%,#dedede 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */

}
.btn-search:hover
{background: #dedede; /* Old browsers */
background: -moz-linear-gradient(top,  #dedede 0%, #ededed 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(99%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dedede 0%,#ededed 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dedede 0%,#ededed 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dedede 0%,#ededed 99%); /* IE10+ */
background: linear-gradient(to bottom,  #dedede 0%,#ededed 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.submit-btn{ background:#1e1e1e; width:110px; height:42px; color:#FFF; font-size:16px; border:0px; margin:10px 0 0 0;}
.submit-btn:hover{ background:#fa7e07;}

.readmore-btn{ float:left; width:100px !important; height:30px !important; background:#e3dcd6; font-size:14px; color:#333; line-height:30px !important; text-align:center; margin:0px 0 0 0;}

/*--------------- 13. Padding, Margin, Color Styles ---------------*/

/*--Padding classes--*/
.paddingleft0{ padding-left:0px;}
.paddingtop10
{
	padding-top:10px;
}
.paddingtop20
{
	padding-top:20px;
}
.paddingtop60
{
	padding-top:60px;
}
.paddingtop40
{
	padding-top:40px;
}
.padding0
{
	padding:0px;
}

.margintop50
{
	margin-top:50px;
}
.marginbottom20
{
	margin-bottom:20px;
}
.marginleft
{
	margin-left:40px;
}
.margin-top-bottom{ 	margin-top: 50px;
	margin-bottom:50px;}
/*--Color classes--*/


/*--------------- 14. Media Queries ---------------*/


/* Varous Classes*/
.delay1s
{
	-webkit-animation-delay:.1s;
	-moz-animation-delay:.1s;
	-o-animation-delay:.1s;
	animation-delay:.1s;
}

.delay2s
{
	-webkit-animation-delay:.2s;
	-moz-animation-delay:.2s;
	-o-animation-delay:.2s;
	animation-delay:.2s;
}

.delay3s
{
	-webkit-animation-delay:.3s;
	-moz-animation-delay:.3s;
	-o-animation-delay:.3s;
	animation-delay:.3s;
}


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

.darker-black{ background:url(../images/header-strip.png) repeat; padding:5px; font-size:11px !important; color:#FFF; width:95% !important;}
.lighter-black{ background:url(../images/body-strip.png) repeat; padding:5px; width:95% !important; font-size:10px !important; color:#e3dcd6 !important; line-height:18px !important; margin-top:5px !important;}	
.readmore-btn{ float:left; width:70px !important; height:20px !important; background:#e3dcd6; font-size:10px !important; color:#333; line-height:20px !important; text-align:center; margin:15px 0 0 0;}	
.footer-nav{ height:auto !important; padding:10px 0px;}
.footer-nav p a{ float:left; width:100%; line-height:30px; text-align:left; padding:0px 30px !important;}
.logo{ float:left; width:100%; text-align:center;}
.topbar .search-box {
    float: right;
    margin: 13px 0;
    width: 100%;
}
input.field2{ width:100% !important;}
input.field{ width:202px !important;}
.navbar-nav>li{ float:left; width:100%;}
.navbar-nav>li>a
{ 
	float:left; 
	padding:0px 30px; 
	font-size:14px; 
	color:#333; 
	line-height:50px;
	font-weight:normal; 
	border-bottom:#884401 solid 1px;
	box-shadow:0;
	width:100% !important;
}
.navbar-nav>li>a:hover{ color:#FFF;}
.navbar-nav>li>a.active{ color:#FFF;}

.listing-row .thumbnail {
    border: 1px solid #CEC7C2;
    border-radius: 0;
    float: left;
    width:100%;
	text-align:center;
}
.listing-detail {
    float: left;
    padding: 10px 0 0;
	margin:0px !important;
}
.mobile_margin{ margin:30px 0 0 0 !important;}
.readmore-btn{ margin:0px;}
	.tp-caption.large_black_text{ width:auto !important;}
	.tp-caption.very_large_primary_text{ width:auto !important;}
	.tp-caption p{ font-size:10px !important; line-height:normal !important;}
.captcha{ width:100%; margin-bottom:15px;}

}

@media (min-width: 360px) and (max-width: 640px){
.footer-nav{ height:auto !important; padding:10px 0px;}
.footer-nav p a{ float:left; width:100%; line-height:30px; text-align:left; padding:0px 30px !important;}
.logo{ float:left; width:100%; text-align:center;}
.topbar .search-box {
    float: right !important;
    margin: 13px 0;
    width: auto;
}

.captcha{ width:100%; margin-bottom:15px;}
input.field{ width:242px !important;}
input.field2{ width:100% !important;}
.navbar-nav>li{ float:left; width:100%;}
.navbar-nav>li>a
{ 
	float:left; 
	padding:0px 30px; 
	font-size:14px; 
	color:#333; 
	line-height:50px;
	font-weight:normal; 
	border-bottom:#884401 solid 1px;
	box-shadow:0;
	width:100% !important;
}
.navbar-nav>li>a:hover{ color:#FFF;}
.navbar-nav>li>a.active{ color:#FFF;}
.mobile_margin{ margin:30px 0 0 0 !important;}
.readmore-btn{ margin:0px;}
	.tp-caption.large_black_text{ width:auto !important;}
	.tp-caption.very_large_primary_text{ width:auto !important;}
	}
}

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

@media (max-width: 768px) {
	.readmore-btn{ margin:0px;}
	.tp-caption.large_black_text{ width:auto !important;}
	.tp-caption.very_large_primary_text{ width:auto !important;}
	.content-container{ margin:30px 0px;}
	.readmore-btn{ float:left; width:auto !important; height:auto !important; background:#e3dcd6; font-size:11px; color:#333; line-height:normal !important; text-align:center; margin:15px 0 0 0; padding:0px 5px;}
	}
@media (max-width: 980px){
	
	}	