@import "fonts.css";
@import "font-awesome.min";


body {
	font-family: 'Poppins';
	overflow-x:hidden!important
}

@-moz-document url-prefix() {
    body .navbar-dark .navbar-nav .nav-link {
        font-weight: lighter !important;

    }
}


img {
	max-width:100%;
}
p{ color: #1f1f1f; font-size: 16px; line-height: 26px; font-family: 'Poppins';}

.clear {clear:both}
.left {float:left;}
.right {float:right}
*{ transition: all 0.3s ease-in-out;}
.displayNo { display: none}
.demo { position: relative}
.container {max-width: 1260px; margin: auto}
.topNo { font-size: 24px; font-family: 'poppinsbold'; color: #fff; line-height: 34px; float: right; margin-bottom: 20px}
.indexup { z-index: 1; }
.topNo span { font-family: 'poppins'; font-size: 16px; margin-left: 20px}
.marginTop20 { margin-top: 20px}
.fa { color: #fff; font-size: 20px!important; font-family: 'Poppins';}
.marginTop50 { margin-top: 50px}
.logoArea {position:absolute; top:40px; width:100%; z-index:1000}
.navbar-light .navbar-nav .nav-link { color: #fff; text-transform: uppercase; font-size: 14px; font-family: 'poppinsbold'; margin: 0px 15px}
.navbar-light .navbar-nav .nav-link:hover { color: #ff0000}
a.getaquote { background: #fff; color: #001129; padding: 10px; border: 3px solid #ff0000; box-shadow:0px 0px 10px #3b3b3b; text-transform: uppercase}
a.getaquote:hover { background: #001129; text-decoration: none; color: #fff; font-weight: bold}
.navArea { float: right}
.carousel-indicators {left:auto}
.marTop20 { margin-top: 20px}
.marTop30 { margin-top: 30px; display: block}


.headerBottom { background: #f4f4f4; height: 157px;}
.headerBottom p span{ color: #00020d; font-size: 24px; font-style: normal!important; font-weight: bold}
.headerBottom p { margin-top: 15px}
.addressBox { border: 1px solid #c1c1c2; background: #fff; padding:5px 10px; font-size: 16px}
.boxOnTime { background: #001129; width: 29%; padding: 3%; float: left; height: 212px; }
.boxquoting { background: #000710; width: 29%; padding: 3%; float: left; height: 212px;}
.abPosition { position: absolute; top: -100px; height: 212px;}
.boxcomputerised { background: #ff0000; width: 29%; padding: 3%; float: left;}
.boxOnTime p, .boxquoting p, .boxcomputerised p { color: #fff; text-transform: uppercase; line-height: 24px; margin-top: 15px; font-size: 18px!important}
.boxOnTime a, .boxquoting a, .boxcomputerised a { position: absolute; bottom: 20px;}
.boxOnTime a:hover, .boxquoting a:hover, .boxcomputerised a:hover { bottom: 25px;}
.boxOnTime:hover i { color:#0053c8}
.boxquoting:hover i { color:#002e69}
.boxcomputerised:hover i { color:#ff7777}
ul.welcome{ list-style: none; padding: 0px; margin: 0px}
ul.welcome li {font-size: 16px; font-weight: bold; line-height: 30px; padding-left: 20px;}
ul.welcome li:before{ font-family: 'FontAwesome'; color: #ff0000; font-size: 14px; content: "\f0a9"; margin-right: 10px}
.welcomeImge { background: #000710; position: absolute; height: 230px; width: 206px; border: 3px solid #dfe5e8; bottom: 20px; left: -150px}
.welcomeImge p {font-size: 100px; color:#fff; text-align: center; font-family: 'poppinsbold'; padding-top: 70px }
.welcomeImge p span { font-size: 30px; text-align: center; color: #fff; line-height: 30px!important; margin-top: 26px; display: block; text-transform: uppercase}
.parallax {
  background-image: url("../images/services-bg.jpg");
  min-height: 675px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	padding: 30px;
}

.parallax-test {
  background-image: url(../images/testimonials-bg.jpg);
  min-height: 400px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	padding: 50px 0;
}
a.homeServicesBox{ border: 1px solid #823d41;background-color:rgb(0,7,16,0.8); padding: 30px; margin-top: 30px; display: block; text-decoration: none}
a.homeServicesBox p { color: #fff; font-size: 14px!important;}
a.homeServicesBox:hover{ background-color:rgb(0,37,88,0.8); }
.servicesBotBox { background: #000710; border: 2px solid #2e323b; color: #fff; font-size: 18px; padding: 10px; width: 60%; margin: 20px auto 0 auto; text-transform: uppercase; text-align: center}
.servicesBotBox a { color: #ff5555; text-decoration: underline}
.servicesBotBox a:hover { text-decoration: none}
.imgHover:hover img{ box-shadow:#000 0px 0px 20px; -webkit-filter: brightness(140%); }
.parallax-test p{ color: #fff; font-size: 15px}
.testimonialBox { background: #fff; padding: 30px}
.testimonialBox p { color: #545454}
.fa-star { color: #e81718; font-size: 10px!important}
footer p { font-size: 15px!important; line-height: 24px}
footer ul { list-style-type: none; padding: 0px; margin: 0px; width: 50%; float: left}
footer ul li a{ color: #5E5E5E;text-transform: uppercase; font-size: 14px; line-height: 36px; font-weight: bold}
footer ul li a:hover{ color: #d4050b; text-decoration: none;}
footer { border-top:1px solid #DBDBDB; padding-bottom: 20px; margin-top: 20px}
.redText{ color: #dd0b0c}
.bigText { color: #dd0b0c; font-size: 26px; font-family: 'poppinsbold'; letter-spacing: -1px }
.footerStrip { background: #001129; padding: 10px 0; color: #fff; font-size: 13px; margin-top: 20px}
.testimonialsBox{ border: 1px solid #c1c1c1; padding: 20px; margin-top: 20px}

.parallax-inner {
  background-image: url("../images/services-bg.jpg");
  min-height: 200px;
  background-attachment: fixed;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
	padding: 50px 0;
	position: relative
}
.breadcrumb-item { font-size:14px;}
.contact_box { border: 1px dotted #ff9c9c; padding: 10px 20px; box-shadow:0px 0px 10px #ececec; height: 100px}
.input { border: 1px solid #b4b4b4!important; height: 50px!important; border-radius: 0px!important; margin-bottom: 10px; margin-top: 10px}
.input1 { border: 1px solid #b4b4b4!important; height: 150px!important; border-radius: 0px!important; margin-bottom: 10px; margin-top: 10px; width: 100%; padding: 20px!important}

h1 { font-family: 'poppinsbold'; color: #000; font-size: 26px; letter-spacing: -1px; padding: 0px; margin:0px; line-height: 32px}
h1 span { color: #ff0000; font-size: 16px; font-family: 'poppins'; line-height: 20px; font-weight: bold; display: block; letter-spacing: 1px }
h2 { color: #ff5555; font-size: 30px; font-family: 'poppinsbold'; text-transform: uppercase; letter-spacing: -2px }
h2 span { color: #fff; font-size: 16px; font-family: 'poppins'; text-transform: none; letter-spacing: normal; display: block; line-height: 24px }
h2.inner { color: #ff5555; font-size: 20px; font-family: 'poppins'; text-transform: uppercase; letter-spacing: normal; font-weight: bold; line-height:30px!important }
h3 { color: #fff; font-size: 20px; font-family: 'poppinsbold';  text-transform: uppercase; line-height: 24px; padding: 0px; margin: 0px;  }
h3.inner { color: #000; font-size: 20px; font-family: 'poppinsbold';  text-transform: uppercase; line-height: 24px; padding: 0px; margin: 0px;  }
h4 { color: #fff; font-size: 32px; font-family: 'poppinsbold';  font-weight: 500;  text-transform: uppercase; line-height: 40px; padding: 0px; margin: 0px; letter-spacing: -1px }
h5 {color: #3c3d3e; font-size: 30px; font-family: 'poppinsbold'; text-transform: uppercase; letter-spacing: -1px }
h6 {color: #25aae2; font-size: 18px; font-family: 'poppins';  }
h2.customer { font-size: 60px;}
h2.customer span { color: #fff; display: inline; font-size: 60px; text-transform: none; letter-spacing: -1px}
h1.inner {font-family: 'barlowregular'; font-size: 30px}
ul li a.innerpage { font-size: 16px; font-family: 'barlowregular'; line-height: 30px  }
.displayNoneLap { display: none}
.carousel-indicators  { bottom: 30px}
.tab-content  { width:900px}
.input { width: 100%; border: 1px solid #759aa9; border-radius: 5px; height: 42px; text-indent: 20px}
.button { background: #000000; color: #fff; padding:10px 20px; margin-top: 20px}


@media all and (max-width: 1259px) {
	.container, .topcon {width:98%;
		margin:auto}
		

}


@media all and (max-width: 1024px) {
	.navbar-light .navbar-nav .nav-link { color: #fff; text-transform: uppercase; font-size: 14px; font-family: 'poppinsbold'; margin: 0px 5px}
	.marginTop50 { margin-top: 50px}
	
}



@media all and (max-width: 991px) {
	.navbar-light .navbar-toggler-icon { background-color:rgb(255,255,255,0.8); padding: 10px}
}

@media all and (max-width: 900px) {
	
}

@media all and (max-width: 830px) {

	
}

@media all and (max-width: 800px) {
.hide800 { display: none}
	.marTop20 { margin-top: 20px}
.topNoBox {  margin-top: 5px; }
	.carBox h2 { font-size: 28px; letter-spacing:-1px; line-height: 34px}
	.carTextPosition1 {position: absolute; right: 40px; bottom: 60px; }
	.carBoxAnch { bottom: 20px; left: 20px; letter-spacing: 0}
	a.Vehi-readmore { width: 70%;}
	.card-body {padding: 10px}
	.tab-content  { width:100%; }
	.navArea { float: none!important}
	.navbar-collapse { background: #000013!important}
	.navbar-light .navbar-toggler { border: 1px solid #fff!important; background: #fff!important}
	.noBox { background: #000710; padding: 10px 0px; color: #fff; display: block}
	.logoArea {position:absolute; top:10px; width:100%; z-index:1000}
	.headerBottom { background: #f4f4f4; height:217px;}
	.only800mar { padding-top: 110px}
}

@media all and (max-width: 768px) {
	.right768{ text-align: right}
	.left768{ text-align: left}
	.center768{ text-align: center!important}
	.hide768 { display: none}
	.margin50 { margin-top: 10px!important; margin-bottom: 20px}
	.investSerLeft, .investSerRight { width: 100%; float: none}
	.textcenter768 { text-align: center!important}
	.welcomeImge {  height: 230px; width: 206px;  bottom: 20px; left: -100px}
	.carousel-indicators {left:0}
	.noBox { background: #000710; padding: 10px 0px; color: #fff; display: block}
	.logoArea {position:absolute; top:10px; width:100%; z-index:1000}
	.navbar-collapse { background: #000013!important}
	.navbar-light .navbar-toggler { border: 1px solid #fff!important; background: #fff!important}
}




@media all and (max-width: 640px) {
	.carBox { width: 100%; float: none; margin: 0px; padding: 0px}
	.hide640 { display: none!important}
	.carTextPosition {position: absolute; left: 0px; bottom: 40px; }
	.carBox h2 { font-size: 58px; letter-spacing:-1px; line-height: 54px}
	.marTop50{ margin-top: 50px}
	.imgSize img { width: 50%}
}



@media all and (max-width: 575px) {
.tabBox { width: 90%; height: 350px }
.tabBoxContent { width: 100%; position: absolute;  top: -63px; }
	.topNoBox { background: transparent; border: none; padding: 0px; font-size: 14px; margin-top: 10px; }
	
}

@media all and (max-width: 460px) {
	.tabBox { width: 90%; height: 400px!important }
	h1 { font-size: 50px; line-height: 50px}
	.carousel-indicators { display: none!important}
	.navbar { padding: 0px}
}
	
	@media all and (max-width: 430px) {
	.tabBox { width: 90%; height: 440px!important }
	h1 { font-size: 50px; line-height: 50px}
		h1 span { letter-spacing: 0px}
}