@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');
body { font-family: 'Open Sans', sans-serif;  color: #2c2c2c; }
img, iframe { max-width: 100%; }
a:hover { text-decoration: none; }
p {
    font-size: 16px;
}
table {width: 100%;}
.main-banner { background:  url(../images/banner.jpg) no-repeat center center; background-size: cover; padding: 150px 0px 50px; }
.enquiry-main-banner { 
	background:  url(../images/banner.jpg) no-repeat center center; 
	background-size: cover; 
	padding: 150px 0px 50px; 
}
.box-body.table-responsive .form-inline {
    display: block;
}
.txt-center {
	text-align:center; 
}
.banner-text {  max-width: 800px;margin: 80px auto;}
.banner-text h1 {color: #fff;  margin: 0 auto 40px; font-size: 46px; font-weight: 300; text-transform:uppercase;}
.banner-text h1 strong {font-weight: 800;color: #f99b0c;}
.banner-texts p { color: #fff;  margin: 0 auto 40px; }
header.main-header.transparent-header { position: absolute; width: 100%;}
.main-header ul.navbar-nav { background: #fff; position: relative; height:64px; line-height: 64px;}
.main-header ul.navbar-nav li a.nav-link {color: #2c2c2c;font-size: 16px;font-weight: 600;text-transform: uppercase;padding: 0px 20px;}
.main-header ul.navbar-nav::before {position: absolute;top: 0px;left: -64px;content: '';border-width: 32px;border-style: solid;border-top-color: rgba(0,0,0,0);border-left-color: rgba(0,0,0,0);border-right-color: #fff;border-bottom-color: #fff;}
.top-call {display: table;margin: 0 80px 0 auto;padding: 10px;background: #F99B0C;color: #fff;font-size: 16px; position: relative;}
.top-call a { color:#fff; font-weight: 600; display: inline-block;}
.top-call a i { padding: 0 10px;}
.nav-box { width:100%; }
.top-call::before {position: absolute;top: 0px;left: -46px;content: '';border-width: 23px;border-style: solid;border-top-color: rgba(0,0,0,0);border-left-color: rgba(0,0,0,0);border-right-color: #F99B0C;border-bottom-color: #F99B0C;width: 0;height: 0;}
.top-call::after {position: absolute;top: 0px;right: -46px;content: '';border-width: 23px;border-style: solid;border-bottom-color: #F99B0C;border-left-color: #F99B0C;border-right-color: rgba(0,0,0,0);border-top-color: rgba(0,0,0,0);width: 0;height: 0;}
.btn.btn-style {background: #f99b0c;text-transform: uppercase;font-weight: 700;padding: 10px 30px;color: #000;}
.supplier-part { background: url(../images/supply-bg.jpg) no-repeat center center; background-size: cover; padding: 40px; }
.supplier-part2 { background: #f99b0c  ;  padding: 40px;}
.supplier-part2 .btn.btn-style {background: #fff;}
.home-sec2 h2 { font-size: 36px;color: #000; margin-bottom: 30px;}
.benefit-sec { padding: 50px 0;}
h2.main-title { font-weight: 700; color: #2c2c2c; text-transform: uppercase;font-size: 36px}
.benefit-box { margin-top: 40px; }
.benefit-box i { font-size: 40px; color: #f99b0c;}
.benefit-box h4 { font-weight: 700;  margin: 20px 0;}
.getback-sec { background: #f99b0c; padding: 40px 0;}
.getback-sec a.btn.btn-style {background: #fff;}
.howwork-sec { padding: 50px 0; }
.hw-box i {width: 80px;height: 80px;line-height: 80px;background: #f99b0c;border-radius: 50%;font-size: 30px;color: #fff;box-shadow: 0 0 0 5px rgba(249, 155, 12, 0.2);margin: 20px;}
section.brand-sec {padding: 40px 0;background: #f7f4e9;}
.brand-container {padding: 20px 0 40px;}
section .app-section {
    background: url(../images/app_bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 40px 0;
}
.brand {width: 12.5%;padding: 5px; }
.brand:nth-child(8) ~ .brand  { display: none; }
.brand-container.active .brand:nth-child(8) ~ .brand  { display: block; }
.brand img { height: 50px; width: auto; margin-bottom: 10px; }
.brand h4 {font-size: 14px;font-weight: 600;}
footer.site-footer {background: #101010;padding-top: 50px;}
h4.footer-title {font-size: 22px;font-weight: 600;color: #fff;}
h4.footer-title::after {width: 80px;height: 3px;display: block;content: "";background: #f99b0c;margin-top: 10px;}
ul.footer-menu { padding:0px; }
ul.footer-menu> li { padding:0px; list-style: none;}
ul.footer-menu> li > a {color: #989898; margin-top: 10px; display: block; border-bottom: 1px dashed #504747; padding: 5px 0; position: relative; padding-left: 20px;}
ul.footer-menu> li > a:hover {color: #ffffff;  }
ul.footer-menu> li > a::before {content: "\f101";font-family: 'Font Awesome 5 Free';font-weight: 600;position: absolute;left: 0;}
ul.contact-menu {padding: 0;margin: 0;}
ul.contact-menu > li {  list-style: none;}
ul.contact-menu> li> a { padding: 10px;display: block;color: #989898; position: relative; padding-left: 40px; margin-top: 10px;}
ul.contact-menu> li> a:hover {color: #ffffff;}
ul.contact-menu> li> a i {width: 34px;height: 34px;line-height: 32px;border: 1px solid;top: 5px;text-align: center;position: absolute;left: 0; }
p.footer-text {font-size: 14px;margin-top: 30px;color: #a2a2a2;}
ul.footer-social {padding: 0;}
ul.footer-social> li { list-style: none;display: inline-block;vertical-align: middle;padding: 0 3px;}
ul.footer-social> li > a {color: #989898;width: 36px;height: 36px;line-height: 34px;display: block;text-align: center;border: 1px solid #989898;}
ul.footer-social> li > a:hover {color: #ffffff; border: 1px solid #f99b0c;background: #f99b0c;}
.sub-footer {padding: 10px 0px;background: #000; margin-top: 40px;}
.sub-footer p {font-size: 14px;color: #989898;margin: 5px 0;}
.sub-footer p a {color: #989898; }
.sub-footer p a:hover {color: #ffffff; }
.innerpage-sec {
    padding: 50px;
}
/* admin dashboard*/
.newsletter-section { background: #231f20; padding: 3.125VW 0;}
.newsletter-section .title h5 { color: #fff;}
.newsletter-section .title h2 { color: #fff;}
.news-form .form-feild {
    width: 100%;
    padding: 0 0.8vw;
}
.news-form .form-feild input[type="text"] {
    background: none;
    border: 1px solid #fff;
    color: #fff;
    padding: 0.9vw 0.9375vw;
}
.news-form .form-feild input[type="submit"] {
    padding: 0.9vw 0.9375vw;
    font-size: 1vw;
}

.form-feild input[type="submit"] {
    text-align: center;
    background: #a70921;
    color: #fff;
}
.form-feild input {
    width: 100%;
    padding: 0.625vw 0.9375vw;
    border: none;
    color: #000;
    font-size: 0.9375vw;
    font-weight: 500;
}
section.app-section { background: url(../images/app_bg.jpg) no-repeat center center; background-size: cover; }
.app-section h2 { color: #fff; font-size: 3vw; margin-top: 5VW; margin-bottom: 1.25VW; }
.app-section p {color: #fff;font-size: 1.125VW;}
section.app-section img {
    margin-top: -74px;
}
section.app-section .app-btn {
    margin-top: 75px;
}
.title {
    padding-left: 1.875vw;
    background: url(../images/boder-left.png) no-repeat 0 0;
    background-repeat-y: repeat;
}
footer.main-footer {
    padding: 1vw 0;
    margin: 0px;
}
.copy-right {
    color: #2c2c2c;
    font-size: 0.875vw;
    font-weight: 500;
    display: block;
    line-height: 1;
}
.copy-right a {
    color: #a70921;
}
ul.footer-nav {
    text-align: right;
    margin: 0;
    padding: 0;
}
ul.footer-nav li {
    margin: 0;
    padding: 0 1vw;
    list-style: none;
    display: inline-block;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 220px;
    object-fit: contain;
    background-color: #9e9e9e24;
}
ul.footer-nav li a {
    color: #2c2c2c;
    font-size: 0.875vw;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    line-height: 1;
}
/* admin dashboard*/
.enquiry-form .form-group input, .enquiry-form .form-group select{
    background: #f3f3f3;
    border: none;
    padding: 12px;
    height: auto;
}
.enquiry-form .form-group textarea {
    background: #f3f3f3;
    border: none;
    padding: 12px;
    height: 48px;
}
.enquiry-form .form-group input[type="file"] {
    height: 80px;
    padding: 25px 25px; 
}
.part_container > .countdiv{ box-shadow: none;padding:0 15px; background:none; }
.part_container > .countdiv hr { background: #fa9b0d; margin-bottom: 30px; }
.enquiry-form a.btn.btn-style {
    background: none;
    text-transform: none; padding: 0px;}
.enquiry-form a.btn.btn-style i {
    background: #fa9b0d;
    width: 40px;
    height: 40px;
    line-height: 40px; color: #ffffff;
    border-radius: 50%;
    font-size: 24px;
    margin-left: 10px;
}
.enquiry-form .form-group input[type="submit"] {
    background: #fa9b0d; color: #fff; font-weight: 400; padding: 15px 40px; font-size: 18px;
}
.countdiv {
    padding: 10px 10px 0;
    background: #fcfcfc;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    margin: 0;
}
.enquiry-form a#del { 
    text-align: center; 
    background: #ff5555;
    color: #fff;
    margin-top: 15px; 
    display: inline-block;padding: 10px 20px; 
}
.enquiry-form a#del i { margin-right: 10px; }
.enquiry-form a#del span { display: inline-block; width: 100%; text-align: center; }

.owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
  left: 0;
}
.owl-nav button.owl-next {
  right: 0;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}
.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc !important;
  margin: 0 3px;
}
.owl-dots button.owl-dot.active {
  background-color: #f99b0c !important;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}
.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}
.owl-slider {
    overflow: hidden !important;
}
.owl-slider span {
    font-size: 70px;    
    position: relative;
    top: -5px;
}
.owl-slider .item img {
    border-radius: 10px !important;
}
.owl-slider .item a {
    background: #f99b0c;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 27px;
    color: #000;
    border-radius: 5px;
    font-size: 13px;
}
.owl-slider .item h3 {
    font-weight: 700;
    color: #2c2c2c;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 10px;
    min-height: 50px;
}	
.parts-slider {
    padding: 0 0 60px 0px;
    max-width: 95%;
    margin: auto;
}

.owl-slider .item {
    padding: 25.4px 24px 16.2px 26.1px;
    border-radius: 10px;
    border: solid 2px #f99b0c;
    background-color: #ffffff;
    transition: .5s ease;
    cursor: pointer;
    margin-top: 25px;
    text-align: center;
}
.owl-slider .item:hover {
    transform: translate(0px, -20px);
    box-shadow: 0px 10px 20px rgb(0 0 0 / 12%);
}
.owl-nav button:focus {
    outline: none;
}

.adv_item_desc {
    height: 100px;
    overflow: hidden;
}

@media only screen and (max-width: 1080px) and (min-width: 992px) {
label {font-size: 14px;}
}
@media only screen and ( max-width: 1060px ) {
    
    .main-header ul.navbar-nav li a.nav-link { font-size: 14px; padding: 0 10px; }
    .top-call { margin-right: 50px;     font-size: 14px; }
    
}
@media only screen and ( max-width: 991px ) {
.main-header button.navbar-toggler {background: rgba(0,0,0,0.5);color: #fff;padding: 10px 12px;}
.main-header ul.navbar-nav {height: auto;z-index: 9999;line-height: 50px;}
    .main-header ul.navbar-nav::before { display: none;}
.main-header .navbar-collapse {
    position: absolute;
    width: 100%;
    top: 100%;
}
    .nav-box { order: -1; }
  
    .top-call {
    margin: 0 50px; 
    height: 45px;
    line-height: 26px;
    width: calc(100% - 100px);
    text-align: center;
}
    p {
    font-size: 14px;
}
    .main-header nav.navbar {
    position: relative;
    padding: 10px 0 0;
}
.benefit-box h4 {font-size: 20px;}
h2.main-title, .home-sec2 h2 {font-size:  30px;}
.banner-text h1 {font-size:  36px;}
 .form-group.text-right {
	text-align: center !important;
}   
}
@media only screen and ( max-width: 767px ) {
    .main-header a.navbar-brand {
    max-width: calc(100% - 100px);
}
.banner-text h1 {font-size:  26px;}
    .top-call { width: 100%; margin: 0px; overflow: hidden;}
    .banner-text h1 {
    font-size: 26px;
    margin-bottom: 10px;
}
 .home-sec2 .supplier-part, .home-sec2 .supplier-part2 { text-align: center !important ; }
.benefit-box {
    margin: 20px auto 0;
    max-width: 280px;
}
    .hw-box {
    max-width: 280px;
    margin: 10px auto;
}
    .brand { width: 25%; }
    .sub-footer p {
    text-align: center;
}
#part h3 {
	text-align: center;
}
.main-banner .col-md-3 {
	text-align: center;
}
.app-section {
	text-align: center;
}
}

#part h3 {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 2rem;
}

.enquiry-form a#del {
	text-align: center;
	background: #ff5555;
	color: #fff;
	margin-top: 15px;
	display: inline-block;
	padding: 10px 20px;
	width: 195px;
	border-radius: 5px;
}
#remarks {
	height: 73px;
}

@media only screen and ( max-width: 480px ) {
.innerpage-sec {
	padding-left: 0px;
	padding-right: 0px;
}
}