/************* Common page *******/
.contactform h3,
.contact-box .contactform .wpcf7 input,
.contact-box .contactform .wpcf7 textarea,
.contact-address .contact-address-details p strong,
p,
h1, h2, h3, h4, h5, h6 { font-family: Lato; }
.container { max-width: 1440px; width: 100%}
.blog_shorttext,
.inner-test-bg .short_text,
#why_choose_us p,
.about-content p { font-size: 14px; line-height: 24px}
#footer ul li a,
#footer p { font-size: 14px; line-height: 21px }
#about a.about_button,
.about-button i,
a.testimonialbtn,
.testimonial-button i,
.why-choose-button i,
a.servicebtn,
#services .service-button i,
#latest_post a.latestpost-btn,
#latest_post .latest-post-button i,
.why-choose-button a,
.why-choose-button i,
.why-choose-button { font-size: 16px; line-height: 24px }
.postbtn { border-radius: 0px;}
.serach-page input.search-field { border: 1px solid #EC4C4C; }
#footer ul li a::before,
#about h3::before,
#about h3::after,
#services h3::before,
#services h3::after,
#why_choose_us h3.whychoose-heading::before,
#why_choose_us h3.whychoose-heading::after,
#testimonials .testimonial-heading h3::before,
#testimonials .testimonial-heading h3::after,
#latest_post .post-heading h3::before,
#latest_post .post-heading h3::after,
.main_title h1::after  {
    content: inherit;
}
.home .nav ul li a { color: #000 !important; font-size: 16px;}
.about-heading h3,
.about-heading h1,
#why_choose_us h3.whychoose-heading,
#engine_oil_campaign h3.engine_oil-heading,
h3.service-heading,
.team-heading h3,
.testimonial-heading h3,
.post-heading h3{ font-size: 30px; font-weight: 600; text-align: center; text-transform: uppercase; color: #09386c}
.main_title h1 { text-align: left; text-transform: uppercase; color: #09386c }
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a { color: #ec4c4c !important }
a.page-numbers { background: #ec4c4c; border: 1px solid #ec4c4c; }
.navigation span.page-numbers.current {border: 1px solid #ec4c4c; }
.main-navigation ul ul { min-width: 260px; }
.single-post strong { color: #5b5b5b; font-weight: 400; font-size: 16px }
.outer_dpage.about-us .middle-content p,
.outer_dpage .products-lists ul li,
.outer_dpage.about-us .aboutus-lists ul li,
.careers-lists ul li,
.blog-listsblocks ul li { font-size: 16px; }
.bradcrumbs a:hover { background-color: #EC4C4C }
.wp-block-search .wp-block-search__button { border: 1px solid #EC4C4C }
button.wp-block-search__button::after,
#sidebar .widget ul li::before { color: #EC4C4C }
.title-box h1 { text-shadow: inherit; font-size: 64px; color: #fff; letter-spacing: 2px; }
.aboutus-image { position: relative; }
.aboutus-image .aboutus-imageposition { position: absolute; bottom: -30px; right: 30px; }
.latest_post_text .content_box { height: 96px; overflow: hidden; }
#sidebar { display: none; }
.title-box { background-size: cover; display: flex; align-items: center; justify-content: center; text-align: center; }
.title-box .container { display: contents; }
.title-box .above_title { margin-top: 0px; }
.align-row-center { align-items: center; }

/******** Home page ***********/
.title-box { width: 100%; height: 400px; }
.home-listblocks { text-align: left; max-width: 400px; width: 100%; margin: 0px auto; }
.home-listblocks ul li { position: relative; padding: 0px 0px 10px 35px; font-size: 14px; margin: 0px; }
.home-listblocks ul li:before { display: inline-block; content: ''; top: 2px; left: 7px; background: url('../images/tick.png') no-repeat 0px 0px; width: 20px; height: 20px; position: absolute; }

#slider ol.carousel-indicators { margin: 0px; left: 50%; transform:translateX(-50%); right: inherit; top: inherit; bottom: 70px }
#slider ol.carousel-indicators li { display: inline-block; margin: 10px; padding: 7px; }

body.home #video .play-button { padding-bottom: 10em; padding-top: 0px }
body.home #video .video-content { padding-top: 10em; margin: 0px auto; max-width: 1200px; width: 100% }
#video .video-content h3.video-heading { text-transform: uppercase; line-height: 48px; margin-bottom: 15px }
#video .video-content .aboutvideo-heading { padding-bottom: 20px; }
#video .video-content .aboutvideo-heading p.subheading { line-height: 24px }
.latest_post_box { background: #F3F3F3; border-radius: 10px; border: 0px }
section .latest_post_box .post_thumb img { border-radius: 10px }
.datebox { margin-left: 15px; display: none; }
.latest_post_name { margin-top: 0px; line-height: 24px}
.smallpostimage .latest_post_name { padding-top: 0px }
h4.latest_post_name a { font-size: 18px !important; color: #EC4C4C }
p.blog-date { font-size: 14px; font-style: italic; color: #5b5b5b }
.why-choose-content .why-choose-homecontent { text-align: center; display: block; margin: 0px 0px 30px }
#why_choose_us .why-choose-content .why-choose-description { text-align: left; display: block; }
#why_choose_us .why-choose-content .why-choose-homecontent p { color: #09386c; font-size: 20px; line-height: 28px }
#why_choose_us .why-choose-content .why-choose-description p { color: #09386c; font-size: 24px; font-weight: 600; }
.home-partner-program ul { list-style: none; margin: 0px 0px 20px; }
.home-partner-program ul li { position: relative; padding: 0px 0px 10px 35px; font-size: 18px; margin: 0px; }
.home-partner-program ul li:before { display: inline-block; content: ''; top: 5px; left: 0px; background: url('../images/tick.png') no-repeat 0px 0px; width: 20px; height: 20px; position: absolute; }
.our-partner-but a { background: #09386C; color: #fff; font-size: 20px; border-radius: 20px; padding: 10px 25px 12px; }
#engine_oil_campaign { background: #FEF6F6; }
#engine_oil_campaign .why-choose-homecontent { text-align: center; }
#engine_oil_campaign h3.engine_oil-heading { margin-bottom: 15px; }
#engine_oil_campaign .why-choose-homecontent p { color: #09386c; font-size: 20px; line-height: 28px }
.engineoil-imgblocks,
.home-partner-program.oil-campaign { display: block; margin-top: 50px; }

/******** About us page ***********/
.outer_dpage.about-us .aboutus-subtitle { margin-top: 100px; background: #EFF7FF; border: 1px solid rgb(195 220 255); padding: 10px 25px 20px 25px; }
.outer_dpage.about-us .aboutus-subtitle .aboutus-icons { background: #ffffff; width: 150px; height: 150px; border-radius: 100px; padding: 27px; margin: -95px auto 0 auto; box-shadow: 0px 5px 10px 0px rgba(195, 220, 225, 0.7); }
.outer_dpage.about-us  h2,
.outer_dpage.about-us h3 { font-size: 22px; color: #09386c; font-weight: 600 }
.outer_dpage.about-us h4 { font-size: 24px; color: #09386c; font-weight: 600; margin: 20px 0px 0px; }
.ourpartner-desc { font-size: 16px; color: #ec4c4c; margin: 10px 0px 0px; font-weight: bold; }
.outer_dpage.about-us .aboutus-lists ul,
.outer_dpage .products-lists ul,
.careers-lists ul,
.blog-listsblocks ul { list-style: none; margin: 0px }
.outer_dpage.about-us .aboutus-lists ul li,
.outer_dpage .products-lists { margin: 0px 0px 20px; }
.outer_dpage .products-lists ul li,
.outer_dpage.about-us .aboutus-lists ul li,
.careers-lists ul li,
.blog-listsblocks ul li { position: relative; padding: 0px 0px 10px 35px; font-size: 14px; margin: 0px; }
.outer_dpage.about-us .aboutus-lists ul li:before,
.outer_dpage .products-lists ul li:before,
.careers-lists ul li:before,
.blog-listsblocks ul li:before { display: inline-block; content: ''; top: 2px; left: 7px; background: url('../images/tick.png') no-repeat 0px 0px; width: 20px; height: 20px; position: absolute; }
.outer_dpage.about-us .our-partner-logos { margin: 50px 0px 0px; }
.outer_dpage.about-us .our-partner-logos h4 { font-size: 22px; color: #09386c; font-weight: 600; text-transform: uppercase; padding: 0px; margin: 0px 0px 15px }
.outer_dpage .our-partner-logos .owl-carousel,
.our-partner-logos .owl-carousel .owl-stage-outer { height: 120px; overflow: hidden; }
.outer_dpage .our-partner-logos .owl-carousel .owl-nav { display: block; }
.outer_dpage .our-partner-logos .owl-carousel .owl-nav button.owl-prev,
.outer_dpage .our-partner-logos .owl-carousel .owl-nav button.owl-next { position: absolute; top: 50%; transform: translateY(-50%); }
.outer_dpage .our-partner-logos .owl-carousel .owl-nav button.owl-prev { left: 0px }
.outer_dpage .our-partner-logos .owl-carousel .owl-nav button.owl-next { right: 0px }
.outer_dpage .our-partner-logos .owl-carousel .owl-nav button.owl-prev i,
.outer_dpage .our-partner-logos .owl-carousel .owl-nav button.owl-next i { font-size: 24px; }

/************ product page ************/
.products-contentblocks { text-align: center; }
.products-contentblocks h2 { font-size: 30px; font-weight: 600; text-align: center;text-transform: uppercase; color: #09386c; }
.products-contentblocks p { color: #09386c; font-size: 20px; line-height: 28px; }
.outer_dpage .middle-content .products-range p { text-align: left; font-size: 18px; font-weight: 600; color: #000000 }
.outer_dpage.products-section,
.outer_dpage.careers-section,
.outer_dpage.promotions-news-section { background: #ffffff; padding: 0px; }
.outer_dpage.products-section .middle-content { max-width: 1000px; margin: 20px auto; }
.outer_dpage.products-section .products-listings { border: 1px solid #09386c; padding: 10px; border-radius: 10px; text-align: center; margin-bottom: 30px; }
.outer_dpage.products-section .products-listings p { font-size: 20px; font-weight: 600 }

.outer_dpage.products-oilblocks { padding: 0px; margin: 0px; background: none }
.outer_dpage.products-oilblocks .middle-content h2,
.outer_dpage.products-oilblocks .middle-content h3,
.outer_dpage.products-oilblocks .middle-content h4 { color: #ec4c4c; font-size: 24px; font-weight: 600 }
.outer_dpage.products-oilblocks .middle-content h4 i { font-size: 16px; }
.outer_dpage.products-oilblocks .middle-content p { text-align: left; }

/********* Promotions & News ***************/
.outer_dpage.promotions-news-section .middle-content h2,
.outer_dpage.promotions-news-section .middle-content h3 { color: #09386c; font-size: 15px; font-weight: 400; letter-spacing: 0px; }
.outer_dpage.promotions-news-section .middle-content .video-section { margin-top: 50px; text-align: center; }
.outer_dpage.promotions-news-section .middle-content .video-section h4 { color: #ec4c4c; font-size: 20px; font-weight: 600 }

/************** Careers page *************/
.careers-box { margin: 30px 0px 0px; }
.careers-box .shorthcode p,
.careers-details p { font-size: 16px; }
.careersform input[type="text"],
.careersform input[type="tel"],
.careersform input[type="email"],
.careersform input[type="phno"],
.careersform input[type="password"],
.careersform textarea { border: 1px solid #09386c !important; margin-bottom: 10px; font-family: Lato; color: #5b5b5b }
.careersform select { border: 1px solid #09386c; border-radius: 0px; background: #ffffff; height: 46px; line-height: 42px; margin-bottom: 10px; font-family: Lato; color:#5b5b5b }
.careersform input[type="submit"] { float: right; margin: 15px 0px 50px; font-size: 16px; font-weight: bold; letter-spacing: 1px }
.careers-details{ margin: 0px 0px 30px; }
.careers-lists { margin: 0px 0px 10px; }
.menubar .nav ul li.menu-item-object-custom a,
.custom-external-links a { background: #EC4C4C; color: #ffffff !important; border-radius: 30px; padding: 3px 25px; }
.custom-external-links a {display: none;}
/****************** Blog ******************/
#full-width-blog .post-featured { background: #F3F3F3; border-radius: 10px; border: 0px; }
#full-width-blog .navigation { margin-bottom: 30px }
.single-blogs-details { margin-top: 30px; border: 1px solid #F3F3F3; border-radius: 5px; padding: 10px; }
.navigation span, .navigation a { margin-bottom: 0px; float: none; display: inline-block; }
.nav-links .nav-previous, .nav-links .nav-next { margin: 10px 0px 30px; border: 1px solid #EC4C4C; text-align: center; }
#full-width-blog .post-featured { margin-bottom: 38px !important; }
#full-width-blog .navigation { width: 100%; text-align: right; margin-right: 15px; }
#full-width-blog .navigation span,
#full-width-blog .navigation a { float: none; display: inline-block; }
#full-width-blog .navigation a.page-numbers,
#full-width-blog .navigation span.page-numbers.current { padding: 10px 20px !important }
.single-post .title-box h1 { font-size: 50px; }
.metabox { background: none; padding: 0px }
.metabox span { margin: 0px; }
.single-post .content_page,
.single-post .content_page p,
.single-post ul.wp-block-latest-posts__list.wp-block-latest-posts li a,
.single-post footer.wp-block-latest-comments__comment-meta a { font-size: 16px; font-weight: 400 }
.single-post .content_page p img { display: block; }
.single-post .content_page .breakpoints  { max-width: 100%; margin-top: 15px }
.single-post .content_page .component.btn-primary { color: #5b5b5b; background-color: inherit; border: 0px; font-style: italic; padding: 0px }
.single-post .content_page .post_tag { padding: 0px }
.single-post .content_page .post_tag a { padding: 7px 15px; border: 1px solid #09386c; border-radius: 10px; margin-right: 10px }
.single-post .content_page .featured-title-copy-wrap { border-radius: 10px; padding: 10px; border:1px solid #c9ced2; margin-top: 25px }
.single-post .content_page .featured-title-copy-wrap h2,
.single-post .content_boxes h2 { font-size: 24px; }
.single-post .wp-video { margin: 10px 0px; }
.single-post .content_boxes iframe { clear: both; display: block; }
.single-post .content_boxes img { margin: 0px 0px 15px }

/************************** Testimonials page *********************/
#testimonials .testimonial_box p, h4.latest_post_name a:hover { text-align: left; }
#testimonials .testimonial_box .short_text p { margin-top: 15px }
.single-testimonials .content_boxes .feature-box { max-width: 250px; margin: 0px 0px 20px; }
.single-testimonials .content_boxes .teams-desig strong { color: #000 }

/************************** Contact us page *********************/
.contact-box { padding: 20px; background: #ffffff; margin: 0px 0px 30px }
.contact-address .contact-address-details { float: left; width: 100%; margin: 0px 0px 25px; border-radius: 20px; background: #ffffff; padding: 25px; border: 1px solid #ccc; }
.contact-address .contact-address-details i { width: auto; font-size: 14px; color: #000; text-align: left; padding-right: 5px }
.contact-address .contact-address-details i.fa-phone { transform: rotate(120deg); }
.contact-address .contact-address-details .contact-title { font-size: 18px; color: #EC4C4C; margin: 0px 0px 10px; font-weight: 600; }
.contact-address .contact-address-details p { margin-bottom: 7px }
.contact-address .contact-address-details p strong { color: #000000; font-style: italic; font-size: 14px; font-weight: normal; }
.shorthcode { padding: 0px; background: none }
.contact-box .contactform .wpcf7 input[type="text"],
.contact-box .contactform .wpcf7 input[type="email"],
.contact-box .contactform textarea { border-radius: 10px; background: #ffffff; border: 1px solid #ffffff !important; margin-bottom: 10px }
.contact-box .contactform input[type="submit"] { font-size: 16px; padding: 10px 30px; letter-spacing: 2px; }
span.wpcf7-not-valid-tip { color: #FF0000; font-weight: 600; }
.wpcf7 form.invalid .wpcf7-response-output { border: 2px solid #FF0000; }
.contact-box p.contact-para { font-size: 16px; color: #000000; }
.contact-address .contact-address-details.contact-workinghours { border-radius: 10px; background: #ec4c4c; padding: 15px 25px; border: 1px solid #ec4c4c; display: block; margin-top: 20px }
.contact-address .contact-address-details.contact-workinghours p { font-size: 15px; font-weight: 600; color: #ffffff }
.contact-address.contact-contactform { background: #F6F6F6; padding: 25px; border-radius: 20px; }

@media screen and (min-width: 1025px) {
	.carrier-label { flex: 0 0 20%; max-width: 20%; }
}
@media screen and (max-width: 767px) {
	.about-content p,
	.home-listblocks ul li,
	.home-partner-program ul li,
	.blog_shorttext, .inner-test-bg .short_text, #why_choose_us p, .about-content p,
	#video .video-content .aboutvideo-heading p.subheading { font-size: 16px; }
	.mobile-mb-2 { margin-bottom: 15px; }
	.menubar .nav ul li.menu-item-object-custom a { display: none; }
	.custom-external-links a { margin: 5px 0px 10px; display: inline-block; text-align: right; float: right; padding:7px 25px }
	.aboutus-image .aboutus-imageposition { display: none; }
	#slider ol.carousel-indicators { bottom: 0px }
	#video .video-content h3.video-heading { line-height: 30px; font-size: 24px; }
	header .bg-media .align-self-center { align-self: inherit !important; text-align: right; margin-top: 18px; }
	.title-box .above_title { margin-top: 0px; }
	.title-box h1 { font-size: 32px; }
	.outer_dpage.about-us iframe { height: 300px }
	.outer_dpage.about-us h3.mobile-top { margin-top: 20px }
	.content_page .post-box { text-align: left; }
	.our-partner-but a { display: block; margin-bottom: 30px; text-align: center; font-size: 16px }
	.home-partner-program.oil-campaign { text-align: left; }
}

@media screen and (min-width: 375px) and (max-width: 932px) and (orientation: landscape) {
	.toggle-nav { float: right; margin-right: 5px; }
	.toggle-nav i { color: #000000; }
	.sidenav { right: 50px }
	.menubar .nav ul li a { color: #ffffff }
	.menubar .nav ul li.menu-item-object-custom a { text-align: center; margin-bottom: 10px; }
	.our-partner-but a { display: inline-block; margin-bottom: 30px; text-align: center; }
	.home-partner-program.oil-campaign { text-align: left; }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.aboutus-image .aboutus-imageposition { display: none; }
	.title-box .above_title { margin-top: 0px; }
	.title-box h1 { font-size: 44px; }
	iframe { height: 300px }
	.latest_post_text .content_box { display: block; }
	.smallpostimage .latest_post_name { height: 66px; overflow: hidden; }
	.our-partner-but a { display: inline-block; margin-bottom: 30px; text-align: center; font-size: 16px; }
}

@media (min-width: 0px) and (max-width: 875px) and (orientation: landscape){
	.aboutus-image .aboutus-imageposition { display: none; }
	.title-box .above_title { margin-top: 0px; }
	iframe { height: 300px }
}

@media screen and (min-width: 649px) and (max-width: 1200px) and (orientation: landscape) {
	.home .nav ul li a,
	.menubar .nav ul li.menu-item-object-custom a,
	.main-navigation li a,
	.menubar .nav ul li a { font-size: 14px; }
	.about-heading h3,
	.about-heading h1,
	#why_choose_us h3.whychoose-heading,
	h3.service-heading,
	.team-heading h3,
	.testimonial-heading h3,
	.post-heading h3 { font-size: 24px; }
	.main-navigation li { padding: 5px }
	.menubar .nav ul li.menu-item-object-custom a { padding: 0px 5px; }
	#slider ol.carousel-indicators { bottom: 20px; }
	.aboutus-image .aboutus-imageposition { display: block; }
	.outer_dpage.about-us .aboutus-subtitle { padding: 10px 10px 20px 10px }
	.aboutus-image .aboutus-imageposition { right: -50px; }
	.aboutus-image .aboutus-imageposition img { width: 90%; }
	.latest_post_name { height: 68px; overflow: hidden; }
	#full-width-blog { padding: 0px 15px }
	.title-box img { height: auto; object-fit: inherit; }
}

@media screen and (min-width: 649px) and (max-width: 1366px) and (orientation: portrait) {
	#full-width-blog { padding: 0px 15px }
	.main-navigation li { padding: 5px }
	.main-navigation li a,
	.menubar .nav ul li a { font-size: 14px }
	.menubar .nav ul li.menu-item-object-custom a { padding: 0px 5px; font-size: 16px }
	.title-box img { height: auto; object-fit: inherit; }
	.outer_dpage.promotions-news-section .middle-content h2,
	.outer_dpage.promotions-news-section .middle-content h3 { font-size: 14px; }
}