/* CSS Document */
/*-------------------------------------------------
GLOBALS & GENERAL CASES
-------------------------------------------------*/
* {margin:0;padding:0;}
body {background: #ffffff;font-family: 'Trebuchet MS', serif;font-size:12px;color:#9e6659;}

h1{font-family: 'Oswald', sans-serif; font-size:24px; text-transform: uppercase; font-weight:normal; color:#fff;}
h2{font-family: 'Oswald', sans-serif; font-size:20px; text-transform: uppercase; font-weight:normal;}
h3{font-family: 'Oswald', sans-serif; font-size:14px; text-transform: uppercase; font-weight:normal;}
h4{ font-size:15px; font-weight:normal; font-family: 'Trebuchet MS', serif;} 
h6{color: #fff;
    font-size: 14px;
    font-weight: normal;
    line-height: 23px;}

p{font-size: 16px;}
a{ color:#fff; text-decoration:none;}
a:hover{color: #d81e1e;}
.clear{clear:both;}
.title{ margin-bottom:30px;}
.title h1{ color:#ffc01d;}
.title h2{ color:#fff;}
/*-------------------------------------------------
body sytles start
-------------------------------------------------*/
.border-bottom{border-bottom:none!important;}
.marRight30{margin-right:30px;}
.button a{ font-family: 'Oswald', sans-serif; font-size:14px; text-transform: uppercase; text-decoration:none; color:#104f94;}
.button a:hover{ color:#fff;}


.wrapper{width: 1100px;margin:0 auto;}
.page-wrapper{width: 1100px;margin:0 auto;margin-top:-30px;}
.wrapper2{width: 1100px;margin-bottom:60px;overflow:hidden;}
/*-------------------------------------------------
PANEL  
-------------------------------------------------*/
.services{width: 346px;float:left;}
.servicesPage{width:100%;float:left;padding: 50px 0;border-bottom: 1px solid #f1f1f1;}
.servicesPage .content {
    float: left;
    width: 35%;
}
.serviceImage {
    float: right;
    width: 40%;
}
.services .ititle h1{color: #e24d5b;margin-bottom:30px;}

.services .content p{ color:#85aedb; font-size:14px;}
/*-------------------------------------------------
HEADESECTION 
-------------------------------------------------*/
.header-wrapper{background: #d81e1e;}
.logo{float:left;width: 240px;height:120px;padding-top:50px;text-align:center;background:url(../images/logobg.png) no-repeat center;position:absolute;}
.logo h1{ color:#ffffff; font-size:35px;font-weight:normal;}
.logo span{ color:#ffffff; font-size:12px;}

/*.menu{ float:right; padding-top:38px;}
.menu ul li{list-style:none; margin-right:20px;}
.menu ul li a{ color:#ffffff; text-decoration:none; font-family: 'Oswald', sans-serif; font-size:15px; text-transform: uppercase;}
.menu ul li a:hover{ color:#104f94;}
.menu ul li a.active{ color:#104f94;}*/

/*-------------------------------------------------
BANNER SECTION 
-------------------------------------------------*/
.banner-wrapper{;overflow:hidden;background-image: url("../images/banner.jpg");min-height: 530px;background-size: cover;background-position: center;}
.banner{width:960px; margin:0 auto; padding-top:60px; overflow:hidden;}
.banner img{float:right; margin-top:30px;}
.banner .content{ float:left; overflow:hidden;}
.banner .content{overflow:hidden; }
.banner .content .title{ float:left;}
.banner .content .title h1{ font-size:95px; color:#104f94; font-weight:normal; margin-top:75px;}
.banner .content .title span{ color:#ffffff; font-size:32px;}
.banner .content .button{ background:url(../images/button.png) no-repeat; width:170px; height:50px; text-align:center; line-height:50px; margin-top:50px; margin-bottom:116px;}
.banner .content .button:hover{ background:url(../images/button-hover.png) no-repeat; width:170px; height:50px; text-align:center; line-height:50px; margin-top:50px; margin-bottom:116px;}
.banner .content .button a{font-family: 'Oswald', sans-serif; font-size:20px; text-transform: uppercase; text-decoration:none; color:#ffc01d;}
.banner .content .button a:hover{ color:#104f94;}

/*-------------------------------------------------
PAGE CONTENT SECTION 
-------------------------------------------------*/

.page-content{background: #ffffff;overflow:hidden;}
.page{width: 1100px;margin:0 auto;margin-top: 50px;}
.panel{width:100%;padding-bottom: 50px;float: left;}
.panel .title{ margin-bottom:30px;}
.panel .title h1{color: #333;text-transform:uppercase;}
.panel .title h2{color: #333;font-size:16px;}
.panel .content p{color: #333;padding-bottom:20px;font-size: 16px;}
.footer .panel .title h1{color: #fff !important;}
.content p {
    float: left;
    width: 100%;
    color: #b9b9b9;
    margin: 10px 0 0 0;
}
.content a {
    font-size: 14px;
    margin: 10px 0 0 0;
    float: left;
    text-decoration: underline;
}
/*-------------------------------------------------
SERIVES SECTION 
-------------------------------------------------*/
.serivces{width:960px; margin:0 auto; margin-top:130px;}
.serivces .panel{ float:left;}

span.intro-header {
    text-align: center;
    float: left;
    width: 100%;
    margin: 20px auto 30px;
    font-size: 40px;
    color: #d81e1e;
}
p.subheader {
    text-align: center;
    color: #333;
    margin: 0 0 30px 0;
    font-size: 23px;
    padding: 0 15%;
    line-height: 38px;
}
.intro-box-panel.text-center {
    margin-bottom: 70px;
}
.pages{
    background: #efefef;
    color: #000;
    width: 100%;
    margin: 0 0 60px 0 !important;
    padding: 10px 0;
}
.pages span {
    padding: 0 10px;
    font-size: 15px;
}
.services img {
    width: 100%;
}
.footer .content p {
    color: #fff;
}
.top-banner {
    background: #f1f1f1;
    display: inline-block;
    width: 100%;
}
.top-banner .page {
    margin-top: 0;
}
.top-banner .left, .top-banner .right {
        width: 50%;
	float: left;
    }
#breadcrumbs {
    margin: 60px 0 0 0;
    color: #333;
    font-size: .8125rem;
    line-height: 2rem;
}#breadcrumbs a {
    color: #333;
}
.entry-title {
    font-size: 30px;
    margin-bottom: 25px;
    word-wrap: break-word;
    color: #333;
}
.entry-content li, .entry-content p {
    color: #000;
    line-height: 1.35;
    margin-bottom: 20px;
}
#breadcrumbs img {
    height: 1rem;
    width: auto;
    margin: -3px .5rem;
}
.entry-content {
    padding: 0 50px 0 0;
}
.servicesPage h1 {
    color: #d81e1e;
}
.serviceImage img {
    width: 100%;
}
.copyright{
	font-size: 12px !important;
}
.careerPage .serviceImage {
    width: 50%;
}
.servicesPage.careerPage {
    border: none;
    padding-bottom: 0;
}
.specifications-list {
    margin: 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.63;
	color: #333;
	list-style: none;
}
.specifications-list span {
    font-weight: 600;
}
.innerPage .content {
    width: 50%;
}
h3.vehicle-name {
    color: #d81e1e;
    margin: 0 0 30px 0;
    font-size: 30px;
    font-weight: 600;
}
h2.vehType {
    color: #333;
    margin: 0 0 30px 0;
    font-size: 30px;
    font-weight: 600;
}
ul.vehicalList {
    list-style: none;
    float: left;
    width: 100%;
    margin: 20px 0;
}
.vehicalList li img {
    width: 70%;
    bottom: 0;
    position: absolute;
    left: 15%;
}
.vehicalList li {
    float: left;
    width: 16.66%;
    text-align: center;
    height: 100px;
    position: relative;
}
span.vehicle-type-name {
    color: #333;
    text-align: center;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    font-size: 16px;
}
.moreServiceConatiner{
	float: left;
	margin: 0 0 50px 0
}
h4.moreServices {
    font-size: 25px;
    margin: 0 0 20px 0;
    color: #333;
}
.moreServiceConatiner .content {
    background: #f1f1f1;
    float: left;
    padding: 20px;
}
.moreServiceConatiner .content span {
    color: #d81e1e;
    font-size: 20px;
}
.moreServiceConatiner .content p {
    color: #333;
}
ul.no-style {
    margin: 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.63;
    color: #a3a3a3;
    list-style: none;
}
/*-------------------------------------------------
BOX SECTION 
-------------------------------------------------*/
.box{width: 326px;overflow:hidden;float:left;padding: 35px 20px 35px 20px;}
.box .icon{float:left;margin-right:20px;height: 40px;width: 70px;}
.box .content{float:left;width: 100%;margin: 10px 0 0 0;}
.box .content h2{color:#ffffff;float: left;width: 100%;}
.bg-color1{background: #424242;!;}
.bg-color2{background: #3a3a3a;!;}
.bg-color3{background: #333333;!;}

/*-------------------------------------------------
PORTFOLIO CLASSES
-------------------------------------------------*/
.portfolio-content{ width:960px; margin:0 auto;overflow:hidden; }
.portfolio-categ{text-align:left; margin:0px 0px 30px 0px; font-size:17px; font-weight:normal;  background:url(../images/portfolio-categbg.png) no-repeat; line-height:50px; padding-left:20px; width:600px; color:#0a4689;font-family: 'Oswald', sans-serif;}
.portfolio-categ li{display:inline;margin-right:10px;}
.image-block{ display:block;position: relative;}
.image-block img{border: 1px solid #d5d5d5; background:#104c8f; padding:5px; border:none;}
.image-block img:hover{}
.portfolio-area li{float: left;overflow: hidden;width:200px; padding:5px; margin-right:30px;}
.home-portfolio-text{margin-top:10px;}
li.active a{ text-decoration:none; color:#0a4689;}

.portfolio-categ a{ text-decoration:none; color:#104f94;}
.portfolio-categ a:hover{ text-decoration:none; color:#fff;}

/*-------------------------------------------------
CONTACT FORM CLASSS
-------------------------------------------------*/

.contact-form {padding:30px 30px 30px 0px; width:530px; float:left;}
.contact-form label {display: block; padding:10px 0 10px 0;}
.contact-form label span {display: block;color: #333;font-size:16px;font-family:'Oswald', sans-serif;float:left;width:80px;text-align:left;padding:5px 20px 0 0;}
.contact-form .input_text {color:#000 !important; padding:10px 10px;width:400px;background: #f3f3f3;border: #e3e3e3 1px solid;color:#fff;outline:none;font-family: 'Trebuchet MS', serif;}
.contact-form .message{color:#000 !important; padding:10px 10px;width:400px;background: #f3f3f3;border: #e3e3e3 1px solid;overflow:hidden;height:150px;color:#fff;font-family: 'Trebuchet MS', serif;font-size:14px;outline:none;}
.button{background: url(../images/submit-btn.png) no-repeat;color:#ffffff;text-transform:uppercase;font-family:'Oswald', sans-serif;border: none;margin-top:20px;width:100px;height:40px;color: #ffffff;cursor: pointer;}
.contact-form .button{margin-left:100px;}
.address { float:left; width:370px; margin-left:30px;}
.address .panel {border:none;color: #333;}
.address .panel .title h1 {color: #333;padding-bottom:10px;}
.address .panel .content p span {color: #333;float: left;}
.address .panel .content p a{text-decoration:none;color: #d81e1e;float: left;margin: 0;}
.address .panel .content p a:hover{color:#fff;}

/*-------------------------------------------------
FOOTER SECTION 
-------------------------------------------------*/
.footer-wrapper{background: #333333;overflow:hidden;padding-bottom:20px;}
.footer{width: 1100px;margin:0 auto;overflow:hidden;margin-top:60px;}
.footer .panel{float:left;width: 346px;}
.footer .panel .title h1{ margin-bottom:30px;}
.footer .panel .contnet{margin-top:20px;}
ul.footerLinks {
    margin: 0 0 0 15px;
}
.footer .panel .contnet ul li{list-style: circle;color: #fff;}
.footer .panel .contnet ul li a{color: #fff;text-decoration:none;line-height:40px;font-size:14px;}
.footer .panel .contnet ul li a:hover{color:#d81e1e;}

.footer .panel .contnet img{ float:left; margin-right:20px;}
.footer .panel .contnet spna{text-decoration:underline;color: #d81e1e;}
.footer .panel .contnet p{color: #fff;font-size:14px;padding-top:6px;}
.phone{margin-top:20px;padding-bottom:30px;}
.phone img{ float:left; margin:5px 10px 0 0;}
.phone h1{color: #d81e1e;float: left;}
@media(max-width:1099px) {
	.wrapper,.wrapper2 {
    width: 100%;
}
.page-wrapper {
    width: 100%;
}	
	.box {
    width: 33.33%;
    padding: 0;
}
	.box .icon {
    padding: 20px;
}
	.box .content {
    width: auto;
    margin: 0;
    padding: 0 20px 20px 20px;
}
	.services {
    width: 30%;
    float: left;
    margin: 0 1.6% !important;
}
.marRight30 {
    margin-right: 0;
}
	.footer {
    width: 100%;
}
	.footer .panel {
    width: 33.33%;
}
	.panel .title {
    margin-left: 20px;
}
	ul.footerLinks {
    margin: 0 0 0 35px;
}
	.phone {
    margin-left: 20px;
}
	.panel .content {
    margin-left: 20px;
}
	.page {
    width: 100%;
}
	.feature-image img {
    width: 100%;
}
	.left .page-intro {
    padding-left: 20px;
}
	h2.vehType {
    padding: 0 0 0 20px;
}
	h4.moreServices {
    padding: 0 0 0 20px;
}
}