@charset "utf-8";
/* CSS Document */

body{font-family: 'Aldrich', sans-serif; }
*,ul{ margin:0; padding:0; box-sizing:border-box;}
li{ list-style:none}

@font-face {
    font-family: 'Neuropolitical';
    src: url(../fonts/neuropolitical_rg-webfont.woff);
}

.header{padding:0; position:relative; margin-bottom:-120px; z-index:1;}
.logo{padding:0; margin-top:20px;}
.brochure{padding:0; margin-top:55px;}
.brochure h2{margin:0; display:inline-block; background-color:#3268b2; padding:12px 25px; float:right; margin-right:4px;}
.brochure h2 a{text-decoration:none; font-size:15px; color:#fff; font-family:'Lato', sans-serif; display:inline-block; padding:15px 30px; font-weight:300; background:url(../images/download.png) right center no-repeat; padding:4px 25px 4px 0px;}
.brochure h3{margin:0; display:inline-block; background:#eeb901; padding:12px 25px;}
.brochure h3 a{text-decoration:none; font-size:15px; color:#000; font-family:'Lato', sans-serif; display:inline-block; background:url(../images/enquire.png) right center no-repeat; padding:4px 25px 4px 0px;}
.brochure-left{padding:0; }
.brochure-right{padding:0; float:right;}

.menu{padding:0;}
.menu p{font-size:18px; cursor:pointer; color:#fff; display:inline-block; float:left;}

.banner{padding:0;}
.banner img{width:100%;}
.banner .bxslider img{width:100%;}
.banner .bx-wrapper {
    position: relative;
    padding: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    box-shadow:none;
    border:none;
    background: #fff;
}
.banner .bx-wrapper .bx-prev {background:url(../images/prev.png) center no-repeat; left:88%;}
.banner .bx-wrapper .bx-next {background:url(../images/next.png) center no-repeat; right:7%;}
.banner .bx-wrapper .bx-controls-direction a {top:95%; z-index:0;}
.banner .bx-wrapper .bx-controls-auto .bx-start {display:none;}
.banner .bx-wrapper .bx-controls-auto .bx-stop {display:none;}
.banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {display:none;}
.banner-caption {
    position: absolute;
    bottom: 3%;
    left: 8%;
    width:auto;
}
.banner-caption h2{margin:0; color:#fff; font-size:29px; padding:20px 40px; text-transform:uppercase; font-family: 'Neuropolitical'; background:rgba(0, 0, 0, 0.6);}
.banner-caption a{display:inline-block; color:#000; font-size:14px; text-transform:uppercase; font-family: 'roboto'; float:right; text-decoration:none;    margin-top: -14px; margin-right: 12px;}
.banner-caption  h3 a{display:inline-block; color:#373737; font-size:25px; font-family: 'Neuropolitical'; background:#edbe00; padding:10px 18px; font-weight:600; margin-top:-44px; margin-right:-24px;}

.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-y: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 31px;
	line-height: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 5%;
    right: 8%;
    font-size: 50px;
	font-weight:lighter;
	color:#fff;
}

@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

.about-us{padding:0; margin-top:100px;}
.about-us-left{padding:0;}
.about-us-left h2{margin:0; font-size:29px; color:#e3e3e3; text-align:right; background:url(../images/title-front.png) left center no-repeat; margin-right: 140px;}
.about-us-left h1{margin:20px 0px; font-size:21px; color:#707070; font-family:'Neuropolitical'; padding-left:150px; background:url(../images/about-us-dot.jpg) right center no-repeat; display:inline-block; padding-right:30px;}
.about-us-left p{font-size:14px; color:#787878; padding-left:150px; text-align:justify; line-height:24px;}
.about-us-left a{font-size:14px; color:#0f79bf; padding-left:150px; text-decoration:none; text-transform:uppercase;}
.about-us-left a:after{content:''; border-bottom:2px solid #0f79bf; width:0px; display:block; margin-left:150px; transition:0.3s ease-in-out;}
.about-us-left a:hover:after{content:''; border-bottom:2px solid #0f79bf; width:85px; display:block; margin-left:150px; transition:0.3s ease-in-out;}

.about-us-right{padding:0;}
.about-us-right img{margin:0 auto;}

.balck-bg{padding:20px 0px;  background:url(../images/testimonial-bg.png) right no-repeat; background-color:#1f1f1f; border-bottom:2px solid #e5b202;}

.service{padding:0px 50px;}
.balck-bg h2{margin:0; font-size:21px; color:#f0f0f0; font-family:'Neuropolitical'; background:url(../images/title-front.png) left center no-repeat; padding: 40px 0px 40px 365px;}
.service-1 {padding:0px 18px 0px 19px; text-align:center;}
.service-1 img{margin:0 auto;}
.service-1 a{font-size:18px; color:#000; background:#f9c615; text-decoration:none; padding:10px 14px; position:relative; border-radius:50px; top:-12px;}
.service-1 p{margin:0; background:#fff; padding:35px 0px 13px 0px; margin-top:-28px; font-weight:600; line-height:18px; min-height:84px;}

figure {
	margin:0px;
	padding: 0;
	background: #fff;
	overflow: hidden;
	border: 1px solid #fff;
}
.service-1 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .5s ease-in-out;
}
.service-1:hover figure img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}


.testimonial{padding:0; margin:120px 0 40px 0px;}
.testimonial h3{margin:0; font-size:21px; color:#f0f0f0; font-family:'Neuropolitical'; text-align:center;}

.testimonial-right{padding:0; float:right; padding-left:50%;}
.testimonial-right h4{margin:0; font-size:17px; color:#f3c800;}
.testimonial-right h4 span{font-size:35px; color:#bababa; margin:0px 10px;}
.testimonial-right h4:before{content:''; border-top:1px solid #fff; width:50px; display:inline-block; padding-top:12px;}
.testimonial-right p{font-size:14px; color:#f5f5f5; line-height:24px; margin:10px 0px; width:430px; padding-left:111px;}

.testimonial-left{padding:0; float:right; padding-right:50%;}
.testimonial-left h4{margin:0; font-size:17px; color:#f3c800; text-align:right;}
.testimonial-left h4 span{font-size:35px; color:#bababa; margin:0px 10px;}
.testimonial-left h4:after{content:''; border-top:1px solid #fff; width:50px; display:inline-block; padding-top:12px;}
.testimonial-left p{font-size:14px; color:#f5f5f5; line-height:24px; margin:10px 0px; width:450px; padding-left:111px; text-align:right;}

.thumbnail-slider{padding:0; text-align:center;}
.thumbnail-slider .bx-wrapper {
    position: relative;
    margin-bottom: 60px;
    padding: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    box-shadow:none;
    border:none;
    background:none;
}
.thumbnail-slider div#bx-pager {text-align:center; margin-top:-120px; position:relative;}
.thumbnail-slider div#bx-pager a img{border:1px solid #fff; filter:grayscale(100%); transition:0.3s ease-in-out;}
.thumbnail-slider div#bx-pager a.active img{border:1px solid #f9c615; filter:grayscale(0%); transition:0.3s ease-in-out;}
.thumbnail-slider div#bx-pager a:hover img{border:1px solid #f9c615; filter:grayscale(0%); transition:0.3s ease-in-out;}

.footer{padding:0; margin:50px 0px 0px 0px;}
.footer-left{padding:0; margin-top: 35px; width:100%; text-align:center;}
.footer-left a img{ margin:0px auto; width:188px;  margin-bottom:15px;}
.footer-left p{ font-size:14px; color:#f5f5f5;}
.footer-right{padding:0; text-align:center;}
.footer-right iframe{margin:0 auto; text-align:center;}

.quick-links{padding:0px 200px; margin:15px 0px;}
.quick-links ul{text-align:center; border-bottom:1px solid #131313; border-top:1px solid#131313; padding:0px;}
.quick-links ul:before{content:''; border-top:1px solid #262626; display:block; padding-bottom:15px;}
.quick-links ul:after{content:''; border-bottom:1px solid #262626; display:block; padding-top:15px;}
.quick-links ul li{display:inline-block; text-transform:uppercase; color:#eeb901; font-size:13px; font-family:'roboto'; margin:0px 15px;}
.quick-links ul li a{text-decoration:none; color:#4e4e4e; font-size:13px; font-family:'roboto'; transition:0.3s ease-in-out;}
.quick-links ul li a:hover, .quick-links ul li.active a{color:#b1b1b1;}

.social{padding:0;}
.social ul{margin:0 auto; text-align:center;}
.social ul li{display:inline-block; margin:3px;}
.social ul li a{}
.social ul li a img{border:1px solid #666; padding:3px; border-radius:25px; transition:0.2s ease-in-out;}
.social span{text-align:center; display:block; color:#6b6b6b; font-size:13px; margin-bottom:10px;}
.social span a{color:#6b6b6b; text-decoration:none; transition:0.3s ease-in-out;}
.social span a:hover{color:#b3b3b3; padding-left:5px;}

.about-us-title{padding:0;}
.about-us-title h2{margin:50px 0px 30px 0px; font-size:21px; text-align:center; color:#333333; text-transform:uppercase;}
.about-us-title p{font-size:14px; text-align:center; color:#333333; line-height:26px; padding:0px 20px;}
.about-us-title ul{margin:80px 0px; text-align:center;}
.about-us-title ul li{display:inline-block; font-size:14px; color:#333333; border-right:1px dashed #959595; padding:0px 30px;}
.about-us-title ul li:last-child{border-right:none;}
.about-us-title ul li span{font-size:27px; color:#3268b2;}

.factory{padding:70px 0px; background:#1f1f1f;}
.factory h2{margin:0px; font-size:21px; text-align:center; color:#f7f7f7; margin-bottom:50px;}
.factory p{margin:0px; font-size:15px; color:#c8c8c8; line-height:34px; padding-left:50px;}
.factory p span{color:#fcbe00;}

.directors{padding:0;}
.directors h2{margin:50px 0px 30px 0px; font-size:21px; text-align:center; color:#333333;}
.director-1{padding:0; margin:20px 0px 50px 0px;}
.director-1 img{padding:0; margin:0 auto;}
.director-1 h2{font-size:17px; text-align:center; color:#333333; margin:15px 0px;}
.director-1 h3{font-size:16px; text-align:center; color:#333333; margin:15px 0px;}
.director-1 h4{font-size:17px; text-align:center; color:#575757; margin:0px;}
.director-1 p{font-size:15px; text-align:center; color:#d01c4d; margin:0px; padding:10px 30px;}

.Services{padding:0px;}
.services-1{padding:0px; margin:50px 0px;}
.service-left{padding:0px;}
.service-right{padding:0px; padding-left:40px;}
.service-right h2{font-size:21px; color:#626262; margin:0px; text-align:left;}
.service-right h2 span{font-size:45px; color:#3268b2;}
.service-right p{
	font-size: 14px;
    color: #626262;
    margin: 10px 0px;
    text-align: justify;
    font-weight: 100;
    line-height: 30px;
    padding: 0;
}
.service-right a{font-size:14px; color:#3268b2; text-decoration:none; background:url(../images/service-icon.png) right center no-repeat; padding-right:30px;transition:0.3s ease-in-out;}
.service-right a:hover{background:url(../images/service-icon.png) right center no-repeat; padding-right:35px;}

.services-2{padding:0px; margin:50px 0px;}
.service-right-1{padding:0px;}
.service-left-1{padding:0px; padding-right:40px;}
.service-left-1 h2{font-size:21px; color:#626262; margin:0px; text-align:left;}
.service-left-1 h2 span{font-size:45px; color:#3268b2;}
.service-left-1 p{
	font-size: 14px;
    color: #626262;
    margin: 10px 0px;
    text-align: justify;
    font-weight: 100;
    line-height: 28px;
    padding: 0;
}
.service-left-1 a{font-size:14px; color:#3268b2; text-decoration:none; background:url(../images/service-icon.png) right center no-repeat; padding-right:30px;transition:0.3s ease-in-out;}
.service-left-1 a:hover{background:url(../images/service-icon.png) right center no-repeat; padding-right:35px;}


.gallery{padding:0; margin-bottom:30px;}
.gallery-img{padding:0; margin:0 auto; text-align:center; padding:25px;}
.gallery-img a{text-decoration:none;}
.gallery-img p{font-size:15px; color:#d01c4d; display:inline-block; margin:10px;}

.gallery-hover {
  position: relative;
  width:auto;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlays {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top:0;
  background-color:none;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .4s ease;
}

.gallery-hover:hover .overlays {
  height: 100%;
}

.text {
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.nivo-lightbox-theme-default .nivo-lightbox-next {
    background: url(../images/next-1.png) no-repeat;	
    border-radius: 3px 0 0 3px;
}
.nivo-lightbox-theme-default .nivo-lightbox-prev {
    background: url(../images/prev-1.png) no-repeat;
    border-radius: 0 3px 3px 0;
}

.nivo-lightbox-theme-default .nivo-lightbox-nav {
    top:50%;
    width: 8%;
    height: 8%;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 1;
}

.nivo-lightbox-theme-default .nivo-lightbox-close {
    display: block;
    background:url(../images/close-popup.png) no-repeat 5px 5px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    padding: 15px;
    opacity: 1;
	top:30px;
}

.nivo-lightbox-theme-default.nivo-lightbox-overlay {
    background: #666;
    background: rgba(0,0,0,0.9) !important;
}

.nivo-lightbox-theme-default .nivo-lightbox-image img {border: 5px solid #fff;}

.nivo-lightbox-theme-default .nivo-lightbox-title {
    font-size:14px;
	 font-family:'Aldrich';
    font-style: normal;
    font-weight: normal;
    background: #3268b2;
    color: #fff;
    padding: 7px 20px;
    border-radius: 5px;
}
.nivo-lightbox-theme-default .nivo-lightbox-title-wrap {
    /* bottom: -7%; */
    top: -55px;
}
.nivo-lightbox-wrap {
    position: absolute;
    top: 15%;
    bottom: 10%;
    left: 10%;
    right: 10%;
}

.contact-us{padding:0; margin-top:50px;}
.contact-us-left{padding:0}
.contact-us-left h2{margin:0; font-size:20px; color:#3268b2; font-family:'roboto'; text-transform:uppercase;}

.contact-us-adress{padding:15px 0px;}
.contact-us-adress:after{content:''; border-bottom:1px solid #ebebeb; display:inline-block; width:270px;}
.contact-us-adress h2{margin:0; font-size:15px; color:#333333; font-family:'Aldrich'; text-transform:capitalize; padding:10px 0px 10px 30px; background:url(../images/location.png) left center no-repeat;}
.contact-us-adress p{font-size:13px; color:#333333; padding-left:30px; line-height:24px; min-height:100px; min-height:80px;}

.contact-us-adress-1{padding:15px 0px;}
.contact-us-adress-1 h2{margin:0; font-size:15px; color:#333333; font-family:'Aldrich'; text-transform:capitalize; padding:10px 0px 10px 30px; background:url(../images/mail.png) left center no-repeat;}
.contact-us-adress-1 a{font-size:13px; color:#333333; text-decoration:none; padding-left:30px;}
.contact-us-adress-1 h3{margin:0; font-size:15px; color:#333333; font-family:'Aldrich'; text-transform:capitalize; padding:10px 0px 10px 30px; background:url(../images/call.png) left center no-repeat;}
.contact-us-adress-1 p{font-size:13px; color:#333333; padding-left:30px;}

.enquire{padding:0; margin-top:24px;}
.form-group {padding-left:0;}
.form-pad-top {
    padding-top: 30px;
}
.form-control {
    display:block;
    width:100%;
    height:40px;
    background-image:none;
    border:0px solid #ccc;
    border-radius:0px;
    -webkit-box-shadow:inset 0 0px 0px rgba(0, 0, 0, .02);
    box-shadow:inset 0 0px 0px rgba(0, 0, 0, .02);
	border-bottom:solid 1px #e4e4e4;
	font-size:13px;
	color:#8e8e8e;
	margin:0; padding:0;
}
.no-pad-sfr{padding:0px;}
select.form-control{
    background:url(../images/drobdown-arrow.png) no-repeat 97%;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
}

span#txtCaptchaDiv {
    font-size: 25px;
}

.contactus-enqu{width:100%; min-height:350px;}
input.form-control {
    height:45px;
	outline:0;
    box-shadow: none;
	color: #7b7b7b;
    border-radius: 0px;
	background:none;
	padding-left:15px;
	border:1px solid #d4d4d4;
}
select.form-control{
    height:auto;outline:0;
	color: #9b9b9b;
    box-shadow: none;
	font-size:13px;
    border-radius: 0px;background:url(../images/drob-down-arrow.png) no-repeat 97%;appearance:none;-webkit-appearance:none;-moz-appearance:none;
	background-color:#f6f6f6;
	padding: 12px 0px 12px 25px;
	border: 1px solid #d4d4d4;
}

textarea.form-control.txt_area{
    outline:0;
    box-shadow: none;
	font-size:13px;
	color:#9b9b9b;
    border-radius: 0px;
    height: 90px;
	background:none;
	padding:15px 0px 0px 15px;
	border:1px solid #d4d4d4;
}
.no-pad-a{padding:0px; margin:0 auto; display:block;}

span#txtCaptchaDiv {
    top:10px;
    position: relative;
	font-size:17px;
	color:#d33c71;
    line-height:33px;
	padding-left: 20px;
}
input.form-control.submit{
	color:#fff;
	text-transform:uppercase;
	border:none;
	margin: 0;
    padding: 0;
	background:#3268b2;
	transition:0.2s ease-in-out;
}
input.form-control.submit:hover{background:#333; }
.form-title p{font-size:19px; text-align:left; color:#d33c71; padding-left:15px;}
select.form-control{
    outline:0;
	color: #9b9b9b;
    box-shadow: none;
	font-size:13px;
    border-radius: 0px;
	background:url(../images/drob-down-arrow.png) no-repeat 97%;appearance:none;-webkit-appearance:none;-moz-appearance:none;
	height: 45px;
	padding-left:15px;
	border: none;
	border:1px solid #d4d4d4;
}


.contact-us-right{padding:0}
.map-container {
	width: 100%;
	margin: 0px;
}
.map-container iframe{
	width: 100%;
	display: block;
	pointer-events: none;
	position: relative; /* IE needs a position other than static */
}
.map-container iframe.clicked{
	pointer-events: auto;
}


/* Style the tab */
div.tab {
    overflow: hidden;
    border:none;
    background-color:none;
	text-align:center;
}

/* Style the buttons inside the tab */
div.tab button{
    background-color: inherit;
    float:none;
    border: none;
    outline: none;
    border-radius: 6px;
    transition: 0.2s ease-in-out;
    font-size: 14px;
	border:none;
}
div.tab button h2{
    background-color: inherit;
    float:none;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 30px;
    border-radius: 6px;
    transition: 0.2s ease-in-out;
    font-size: 14px;
	border:1px solid #3268b2;
	margin:0px 5px;
}
div.tab button img{display:block; margin:0 auto; opacity:0; transition: 0.2s ease-in-out;}

/* Change background color of buttons on hover */
div.tab button h2:hover {
    background-color:#3268b2;
	color:#fff;
}

/* Create an active/current tablink class */
div.tab button.active h2 {
    background-color:#3268b2;
	color:#fff;
}
div.tab button.active img{
    opacity:1;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 20px;
    border: none;
    border-top: none;
	text-align:center;
}
.tabcontent p{
    font-size:14px;
	color:#333333;
	line-height:26px;
	margin:20px 0px 40px 0px;
}
.tabcontent h5{font-size:17px; color:#333333; border:1px solid #ddd; padding:20px 60px; border-radius:10px; display:inline-block;  font-family:'roboto'; font-weight:300;}
.tabcontent h5 span{font-size:17px; color:#3268b2; font-weight:500;}

.Service-tab{padding:0; margin-bottom:50px;}
.Scania-bus-1{padding:0; margin-bottom:50px;}
.Scania-bus-1 img{margin:0 auto;}
.Scania-bus-1 p{font-size:14px; color:#333333; display:inline-block; float:left; margin:25px 0px 0px 12px;}
.Scania-bus-1 a{display:inline-block; float:right; margin:10px 30px 0px 0px;}
.Scania-bus-1 h3{font-size:14px; color:#333333;}

.trailer{padding:0;}
.trailer p{margin:20px 0px 40px 0px; text-align:center;}
.trailer-left{padding:0;}
.trailer-left img{margin:0 auto;}
.trailer-left p{font-size:17px; color:#333333; font-family:'roboto'; font-weight:600;}


.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 120px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 21px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    left:0px;
    font-size: 36px;
    margin-left:0px;
	margin-top:40px;
}

#main {
    transition: margin-left .5s;
    padding: 64px 0px 0px 0px;
}
#main span{
    color:#fff;
	font-size: 20px;
    cursor: pointer;
    text-transform: uppercase;
}
#main b{
    color:#fff;
	font-size: 20px;
    cursor: pointer;
    text-transform: uppercase;
	font-weight:100;
}


@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}