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


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*

light 300
regular 400
medium 500
semi-bold 600
bold 700

font-family: 'Poppins', sans-serif;

*/

* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	margin: 0;
	padding: 0;
	outline: none !important;
}
a {
	text-decoration: none !important;
	transition-duration: 0.8s;
	transition-property: all;
	outline: none !important;
}
ul, li {
	list-style: none;
}
img {
	max-width: 100%;
	outline: none;
}
body {
	font-family: 'Poppins', sans-serif !important;
}
a.navbar-brand {
	display: none;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-light {
	background: none !important;
}
.header-back {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	background: url(../images/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border-bottom: 7px solid #E4BA18;
	min-height: 167px;
}
.header-back .container {
	position: relative;
}
.header-back .logo {
	position: absolute; z-index:9;
}
.headernav {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	padding-top: 70px;
	padding-left: 70px;
}
.headernav li {
	flex: auto; position:relative;
}
.headernav li a {
	font-size: 18px;
	color: #fff;
	font-weight: 500;
	transition-duration: 0.8s;
	transition-property: all;
}
.headernav li a:hover {
	color: #E4BA18;
	transition-duration: 0.8s;
	transition-property: all;
}





ul.headernav li:hover  .sub-menu {max-height:600px; overflow:visible; }


ul.sub-menu {


    z-index: 99;

    width: 225px;    

    left: 1px;

   padding-top:10px;

    max-height:0em;

    overflow:hidden;

    position: absolute;

   

    transition:max-height 1.2s ease


}



.sub-menu li {

    padding: 10px 10px;

    border-bottom: 1px solid #fff;

    float: left;

    width: 100%; background: #0F50A4;

	}



.sub-menu li a  { font-size:16px !Important; padding:0 !Important; color:#fff !important; background:none  !important;     margin: 0 !important;  font-weight: 400 !important; }

.bannersection video {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}



.bannersection {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0px; 	position: relative; background:#174A94;

}
.bannersection .container {
	position: relative;
}
.slidetext1 {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0px;
	line-height: .2em;
	font-size: 77px;
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
	padding-top: 115px;
	text-shadow: -8px 0px 0px #3F73B5;
}
.slidetext2 {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0px;
	line-height: 1.2em;
	font-size: 113px;
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
	text-shadow: -8px 0px 0px #3F73B5;
}
.slidetext3 {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0px;
	line-height: 1.2em;
	font-size: 44px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 35px;
}
a.bannerbtn {
	background: #F9CB17;
	padding: 14px 35px;
	color: #000;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 5px;
}
img.banner_icon1 {
	position: absolute;
	right: 23px;
	top: -42px;
}
img.banner_icon2 {
	position: absolute;
	bottom: -40px;
	right: 23px;
}
.section-one {
	width: 100%;
	float: left;
	margin: 0;
	padding: 130px 0px 40px 0px;
	background: url(../images/bg-02.jpg); background-position: left top;
    background-repeat: no-repeat;
}
.innerbox {
	width: 100%;
	float: left;
	margin: 0;
	border: 2px solid #E4BA18;
	padding: 25px;
	margin-bottom: 32px;
}
.innerbox strong {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0px;
	font-size: 30px;
	line-height: 1.2em;
	padding-bottom: 5px;
	padding-top: 15px;
	font-weight: 500;
}
.innerbox p {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0px;
	font-size: 12px;
	font-weight: 400;
}
.infosection {
	width: 100%;
	float: left;
	margin: 0;
	padding: 100px 0px;
	background: #fff;
}
.adv_box {
	width: 100%;
	float: left;
	margin: 0;
	padding: 35px 20px 30px 280px;
	background: url(../images/bg-06.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.adv_box .text1 {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0px;
	font-size: 36px;
	font-weight: 400;
	color: #fff;
	line-height: 1.2em;
}
.text1 strong {
	color: #39A4FF;
	font-weight: 800;
	font-size: 49px;
}
.adv_box .text2 {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0px;
	font-size: 63px;
	color: #FFCB00;
	font-weight: 700;
	line-height: 1.2em;
}
.product-section {
	width: 100%;
	float: left;
	margin: 0;
	padding: 50px 0px 120px 0px;
	background: url(../images/layerbg.png);
	
	

}
.product-section h3 {
	font-size: 49px;
	font-weight: 800
}
.product-box {
	float: left;
	width: 100%;
	border: 2px solid;
	padding: 0px;
	text-align: center;
	background: #fff; padding-top: 20px;
}
.product-box span {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0px;
	text-align: left;
	font-size: 40px;
	font-weight: 500; padding:0px 30px 0px 30px;
}
.product-box p {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0px;
	text-align: left;
	font-size: 20px;
	font-weight: 300;  padding:0px 30px 30px 30px;
}
.product-box p a {
	font-size: 17px;
	background: #FFCB00;
	float: right;
	color: #000;
	font-weight: 800;
	padding: 8px 15px;
	border-radius: 6px;
	position: relative;
	top: -8px;
	text-transform: uppercase;
}
.product-section-two {
	width: 100%;
	float: left;
	margin: 0;
	padding: 100px 0px 120px 0px;
	background: url(../images/bg-05.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
.product-box-2 {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}
.product-box-2 img {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.product-box-2 span {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0px;
	text-align: left;
	font-size: 28px;
	font-weight: 400;
	color: #fff;
	line-height: 1.2em;
}
.product-box-2 p {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0px;
	color: #FFCB00;
	text-align: left;
	font-size: 48px;
	font-weight: 600;
	line-height: 1em;
}
.textbox {
	position: absolute;
	bottom: 40px;
	padding: 0px 40px;
}
.product-box-2 p a {
	font-size: 17px;
	background: #FFCB00;
	float: right;
	color: #000;
	font-weight: 800;
	padding: 15px 20px;
	border-radius: 6px;
	position: relative;
	text-transform: uppercase;
	top: 0;
	line-height: 1em;
}
.adbox2 {
	width: 100%;
	float: left;
	margin: 0;
	padding: 30px 75px;
	background: url(../images/bg-04.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 100px;
	font-size: 74px;
	color: #fff;
	font-weight: 800;
}


.page-id-6 .adbox2 { 	background: url(../images/ad-bg-2.jpg);
	background-repeat: no-repeat;
	background-size: cover; }

.adbox2 a {
	font-size: 24px;
	background: #FFCB00;
	float: right;
	color: #000;
	font-weight: 600;
	padding: 17px 25px;
	border-radius: 6px;
	position: relative;
	text-transform: uppercase;
	top: 0;
	line-height: 1em;
	margin-top: 25px;
}


.ad_text2 a {
    width: 100%;
    float: left;
    font-size: 63px;
    color: #FFCB00;
    font-weight: 800;
    padding-left: 200px;
    background: no-repeat !important;
    padding: 0;
    margin: 0;
}

.ad_text2 a:hover {  color: #FFf;  }





.mapbox {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0px; text-align:center;
}
.footer {
	width: 100%;
	float: left;
	margin: 0;
	padding: 100px 0px 15px 0px;
	background: url(../images/footer-bg.jpg);
	background-repeat: no-repeat;
	background-size: auto;
	color: #fff;
	font-size: 16px;
	background-position: center center;
}
.ftext {
	font-size: 80px;
	font-weight: 700;
	text-transform: uppercase;
	color: transparent;
	-webkit-text-stroke-width: 0.5px;
	-webkit-text-stroke-color: #fff;
	padding-top: 25px;
}
.footer p {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0px;
	line-height: 1.2em;
	margin-bottom: 20px;
}
.footer .footernav {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0px;
}
.footer .footernav li {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0px;
	margin-bottom: 15px;
}
.footer .footernav li a {
	color: #fff;
	font-size: 16px; margin-bottom:0px  !important;
}

.footernav li a:hover { color:#F9CC10; }
.yellowtext {
	font-size: 30px;
	color: #FFCB00;
	font-weight: 700;
	margin-bottom: 15px !important;
}
.footer a {
	color: #358BF7;
	font-weight: 500;
	margin-bottom: 15px;
	float: left;
}

.footer a:hover { color:#F9CC10; }
.footer strong {
	text-transform: uppercase;
	text-decoration: underline;
	font-weight: 400;
	font-size: 18px;
	width: 100%;
	float: left;
	padding-bottom: 10px;
}
.socialicon {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.socialicon li {
	display: inline-block;
	margin-right: 3px;
}
p.copyrighttext {
	float: left;
	text-align: right;
	padding-top: 12px;
	font-size: 16px;
	font-weight: 300;
}
.space {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 105px;
}
.innerheader {
	width: 100%;
	float: left;
	margin: 0;
	padding: 85px 0px 70px 0px;
/*	background: url(../images/bannerbg.jpg);
	 */
		background: url(../images/on-road-head.jpg);

}



.innerheader h1 {
	font-size: 50px;
	font-weight: 700;
	color: #fff;
}
.innerheader .bannerbtn {
	position: relative;
	top: 15px;
}
.content-area {
	width: 100%;
	float: left;
	margin: 0;
	padding: 100px 0px;
}
.content-area .innerbox strong {
	font-size: 25px;
}
.content-area h2 {
	font-size: 28px;
	font-weight: 800;
	color: #000;
	margin-bottom: 20px;
	width: 100%;
	float: left;
}
.content-area p {
	font-size: 18px;
	font-weight: 400;
	color: #434343;
	line-height: 1.9em;
	margin-bottom: 20px;
	width: 100%;
	float: left;
}
.ad_text1 {
	width: 100%;
	float: left;
	font-size: 36px;
	color: #fff;
	font-weight: 400;
	padding-left: 220px;
}
.ad_text2 {
	width: 100%;
	float: left;
	font-size: 63px;
	color: #FFCB00;
	font-weight: 800;
	padding-left: 200px;
}
.content-area .pbtn {
	background: #F9CB17;
	padding: 14px 35px;
	color: #000;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 5px;
	float: left;
}
.listbox {
	width: 100%;
	float: left;
	margin-top: 100px;
	border: 3px solid #F9CB17;
	padding: 40px 40px 20px 40px;
	margin-bottom: 100px;
}
.listbox ul {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
.listbox ul li {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	background: url(../images/bullet-01.jpg);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-position: left;
	margin-bottom: 15px;
	color: #CDAD35;
	font-size: 18px;
	font-weight: 500;
}


.list1  {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0; padding-top:20px;
}


.list1 li {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    color: #434343;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    list-style: inside;
}

.list1 > ul { padding-left:30px; }

.field {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
.field input {
	float: left;
	width: 75% !important;
	border: 2px solid #F9CB17 !important;
	padding: 12px !Important;
	font-size: 22px !important;
	border-radius: 5px;
	height: auto !important;
}
input.wpcf7-form-control.wpcf7-submit.formsend {
	float: left;
	width: 75%;
	border: 2px solid #F9CB17;
	text-transform: uppercase;
	background: #F9CB17;
	padding: 14px 35px;
	color: #000;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 5px;
}
.field textarea {
	float: left;
	width: 75%;
	border: 2px solid #F9CB17;
	padding: 12px;
	font-size: 22px;
	border-radius: 5px;
	height: 160px;
}
.creatby a {
	color: #187AF7;
}
.creatby {
	float: left;
	width: 100%;
	background: #F9CC10;
	color: #187AF7;
	padding: 5px 0px;
	font-weight: 500;
}
.contactpageinfo p img {
	margin-right: 15px;
	margin-bottom: 18px;
	float: left;
	margin-top: 6px;
}

.content-area .panel {
    float: left;
    width: 100%;
    border: 2px solid #0F50A4;
    padding: 15px;
    margin-bottom: 35px;
    background: #d5d5d5;
}

.panel h4 {
    font-size: 20px;
    padding-top: 15px;
    color: #0F50A4;
}


.wpcf7-response-output {
    float: left;
    margin: 0 !important;
}


span .wpcf7-not-valid {
    border: 1px solid #ff0000 !important;
}


span.wpcf7-not-valid-tip {
    display: none;
}

div.wpcf7-validation-errors {
    background: #ffe2e2;
    border: 1px solid #ff0000;
    color: #C10000;
}
 
div.wpcf7-response-output {
    margin: 2em 0;
    padding: 15px;
    border-radius: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;	
}

div.wpcf7-validation-errors {
    display: none !important;
}

.wpcf7-spam-blocked {
     background: #e2e2e2;
     border: 1px solid #bcbcbc !important;
     color: #383838;
}
 
.wpcf7-mail-sent-ng {
     background: #fcf8e3;
     border: 1px solid #ac9163 !important;
     color: #8a6d3b;
}
 
.wpcf7-mail-sent-ok {
     background: #dff0d8;
     border: 1px solid #3c763d !important;
     color: #3c763d;
}

@media(max-width:1200px) {
}

@media(max-width:1024px) {
}

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

@media(max-width:769px) {
.header-back {
	text-align: center;
	background-size: cover !important;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-light {
	display: none;
}
.adv_box {
	padding: 20px;
	text-align: center;
}
.adv_box .text2 {
	font-size: 55px;
}
.section-one {
	padding: 40px 0px;
}
.infosection {
	padding: 0;
}
.product-section h3 {
	text-align: center;
	font-size: 45px;
}
.product-box {
	margin-bottom: 20px;
}
.product-box span {
	font-size: 35px;
	margin-bottom: 10px;
}
.product-box p {
	font-size: 16px;
}
.product-section {
	padding: 40px 0px;
}
.product-box-2 {
	margin-bottom: 20px;
}
.product-section-two {
	padding: 0px 0px 40px 0px;
	background: #fff;
}
.adbox2 {
	margin-top: 0;
	font-size: 60px;  padding: 25px;
}
.footer {
	text-align: center;
	background-size: cover !important;
	padding: 40px 0px;
}
.ftext {
	font-size: 50px;
}
.footer a {
	float: none;
}
a.bannerbtn {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.slidetext3 {
	margin-bottom: 5px;
}
.header-back .logo {
	position: relative; z-index:9;
}
.ad_text1 {
	padding-left: 0;
}
.ad_text2 {
	padding-left: 0;
	font-size: 46px;
}
.innerheader {
	text-align: center;
}
.bannersection {
	padding-bottom: 15px;
}
.content-area {
	padding: 40px 0px;
	text-align: center;
}
.content-area .pbtn {
	width: 100%;
}
.listbox {
	margin: 15px;
	margin-top: 35px;
}
.listbox ul li {
	width: 100%;
}
.topsapce {
	padding-top: 20px;
}

.field input, .field textarea { width:100% !important; }

.contactpageinfo p { text-align:left; }

ul.sub-menu { max-height:none !important; padding-top:0 !important; }

.mr45 { margin-right:-45px; }

.pr45 { padding-right:45px; }

.w100 { width:100%; }

.bannersection video { display:none; }
	
	.t-content
	.logo img  {
    width: 140px;
}
	
	.adv_box {
  
    background-position: right top;
}
	
	.slidetext1 { padding-top:40px; }
	
	.product-box-2 p { font-size:45px; }

}

@media(max-width:640px) {
}

@media(max-width:480px) {
}

@media(max-width:360px) {
}


.t-box {
    float: left;
    width: 100%;
    padding: 10px;
    border: 2px solid #0d4081;
}

.blog-inner ul { 	width: 100%;
	float: left;
	margin: 0;
	padding: 0; }

.blog-inner ul li {
    width: 100%;
    float: left;
    padding: 0;
    font-size: 17px;
    margin: 0px 0px 20px 0px; line-height: 1.8em;
}

.t-content {
    width: 100%;
    float: left;
    margin: 0;
    text-align: left;
    font-size: 28px;
    padding: 0;
    font-weight: 600;
    margin-top: 8px;
}

.t-content a {
    color:#0d4081
}