/*
Theme Name: Island Petrolium
Text Domain: islandpetrolium
Version: 1.0
Description: This theme is developed by KB
Author URI: https://kreativebugs.com//
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
*/
@font-face {
	font-family: 'exo-light';
	src: url("fonts/exo-light.woff") format("woff"), url("fonts/exo-light.woff2") format("woff2");
	font-display: swap;
}
@font-face {
	font-family: 'exo-regular';
	src: url("fonts/exo-regular.woff") format("woff"), url("fonts/exo-regular.woff2") format("woff2");
	font-display: swap;
}
@font-face {
	font-family: 'exo-bold';
	src: url("fonts/exo-bold.woff") format("woff"), url("fonts/exo-bold.woff2") format("woff2");
	font-display: swap;
}

@font-face {
	font-family: 'exo-medium';
	src: url("fonts/exo-medium.woff") format("woff"), url("fonts/exo-medium.woff2") format("woff2");
	font-display: swap;
}
/* ****************** Header CSS ******************** */
html{
	overflow-x:hidden;
}
body{
	padding: 0;
	margin: 0;
	scroll-behavior: smooth;
	overflow-x:hidden;
	font-family:'Lato',sans-serif;
	padding-top:120px;
}
.ptop-100{
	padding-top:100px;
}
.pbottom-100{
	padding-bottom:100px;
}
h1{
	font-family:'Lato',sans-serif;
	font-weight:700;
	font-size:48px;
}
h2{
	font-size:35px;
}
strong{
	font-family:'Lato',sans-serif;
	font-weight:700;
}
h2,h3,h4,h5,h6{
	font-family:'Lato',sans-serif;
	font-weight:700;
}
h3{
	font-size:28px;
}
p{
	font-size: 16px;
	margin-bottom:0px;
	font-family: 'Lato', sans-serif;
	font-weight:300;
}
a{
	font-size:15px;
	text-decoration:none;
}
span,li{
	font-size: 17px;
}
.header-menu{
	display:flex;
	align-items:center;
	justify-content:end;
	margin-top:10px;
}
header{
	transition: 0.5s;
	position: fixed;
	width: 100%;
	top: 0;
	background:#003DA5;
	z-index:9;
	padding:22px 0px 23px 0px;
}
.fixed{
	padding:20px 0px 20px 0px;
	transition:0.3s;
	box-shadow: 0px 0px 10px 2px #dddddd42;
}
.header_container{
	margin-top: 10px;
}
.header-top-right img{
	margin-right:11px;
}
.header-top-right a{
	font-size:30px;
	color:#000;
}
.logo_img{
	transition: 0.4s;
	width: 100%;
/* 	filter: drop-shadow(4px 0px 6px rgb(255, 255, 255));
	-webkit-filter: drop-shadow(4px 0px 6px rgb(255, 255, 255)); */
	max-height:75px;
	max-width: 200px;

}
.fixed .logo_img{
	max-width: 150px;
	transition: 0.3s;
}
.nav-col{
	text-align:end;
}

#nav-menu-container ul{
	float: right;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left:0;
	margin-bottom: 0;

}
#nav-menu-container li {
	list-style: none;
	margin-right: 30px;
	position: relative;
}
.nav-list li::after {
	content: '';
	position: absolute;
	width: 0%;
	height: 2px;
	background-color: #D7B401;
	left: 0;
	right: 0;
	transition: 0.4s;
	display: block;
	margin: auto;
}
.nav-list li{
	padding-bottom:5px;
}
.nav-list li:hover::after{
	width: 100%;
	transition: 0.4s;
} 
.nav-list a{
	color:#fff;
	text-decoration: none;
	transition: 0.4;
	font-size: 15px;
}
.nav-list li:hover > a{
	color:#D7B401;
}
.current-menu-item > a {
	color: #D7B401 !important;
	font-weight:800;
}

.sub-menu {
	border-radius:0px !important;
}
.sub-menu li {
	margin-right:0px !important;
	text-align:left;
}
.sub-menu li a{

}
/******************************* color button******************/
.btn,.banner p:last-child a,.block-text p:last-child a{
	background:transparent;
	padding:14px 21px;
	border-radius:25px;
	font-size:14px;
	border:1px solid #fff;
	display:inline-block;
	font-family:'Lato',sans-serif;
}
.btn:hover,.banner p:last-child a:hover,.block-text p:last-child a:hover{
	background-color:#9B2438;
	border:1px solid #9B2438;
	color:#fff;
	transition:0.3s;
}
.block-text p:last-child a{
	border:1px solid #003DA5;
	color:#003DA5;
	font-family:'Lato',sans-serif;
}
.banner p:last-child a,.block-text p:last-child a{
	margin-top:30px;
}
/******************banner**********/
.home .banner{
	height:calc(100vh - 120px);
	text-align:center;
}

.banner{
	height:443px;
}
.banner{
	background-size:cover;
	background-repeat:no-repeat;
	display:flex;
	text-align:center;
	position:relative;
	flex-direction:column;
	z-index:1;
	justify-content:center;
}
.banner::before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	width:100%;
	background-color:#1a215e;
	opacity:0.4;
	height:100%;
	z-index:-1;
}
.banner-text p,.banner p{
	font-size:26px;
	font-weight:400;
	text-transform:capitalize;
}
.banner *{
	color:#fff !important;
}
#hero-slider .owl-dots{
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	bottom:20px;
}
.owl-dots .owl-dot span{
	background:transparent !important;
	height:16px !important;
	width:16px !important;
	border-radius:50%!important;
	display:block;
	border:4px solid #d9d9d9 !important;
}
.owl-dots .owl-dot.active span{
	border:4px solid #fff !important;
}

/************block section***********/
.block-text :is(h1,h2){
	position:relative;
	font-size:28px;
	color:#003DA5;
	margin-bottom:20px;
	padding-left:45px;
}
.block-text :is(h1,h2)::before{
	content:'';
	position:absolute;
	left:0;
	width:40px;
	height:1px;
	background-color:#9B2438;
	top:0;
	bottom:0;
	margin:auto;
}
.story-content{
	width:80%;
	margin:auto;
}
.story-sec{
	padding:150px 0px 150px 0px;
}
.story-sec .story-images{
	position:relative;
	text-align:end;
}
.story-images .rel-img{
	width:100%;
	margin-left:auto;
}
.abs-img{
	position:absolute;
	bottom:-65px;
	left:0;
}
.abs-img img{
	max-width:100%;
}
.block-text li strong{
	display:block;
	font-size:22px;
}
.about-bottom .block-text li strong{
	font-family:'Lato',sans-serif;
	color: #003da5;
}
.block-text li{
	list-style:none;
	padding-left:40px;
	font-size:14px;
	font-weight:400;
	padding-bottom:25px;
}
.about-bottom .block-text li{
	font-family:'Lato',sans-serif;
}
.block-text ul{
	padding-left:0px;
	width:90%;
}
.about-top .block-text{
	padding-left:30px;
	padding-right:20px;
}
.about-top .block-text p,.about-bottom .block-text p,.fuel-sec .block-text p{
	font-size:18px;
	font-weight:100;
}
.block-text li {
	position:relative;
}
.block-text li::before{
	content:'';
	position:absolute;
	left:0;
	top:8px;
	background-color:#fff;
	width:20px;
	height:20px;
	border:5px solid #8E2B2B;
	border-radius:50%;
}

/********************************featured*******************/
.info-sec .row:nth-child(even){
	flex-direction:row-reverse;
}

.info-sec .row{
	padding-top:70px;
}
.info-sec .block-text{
	width:78%;
	margin:auto;
}
.info-sec .block-text p{
	font-size:18px;
	font-weight:400;
	line-height:normal;
}
.info-sec .block-text p:last-child a{
	border:unset;
	padding:10px 5px;
	width:unset;
	line-height:1.6;
	margin-top:unset;
	color:#9B2438;
}
.info-sec .block-text p:last-child a:hover{
	background-color:unset;
	color:#003DA5;
}
/*********choose sec**************/
.choose-sec{
	padding:80px 0px 100px 0px;
	position:relative;
	background-color:#536475;
}
.choose-sec::before{
	content:unset;
	background-image:url('images/testimonials-bg.png');
	background-size:cover;
	background-position:bottom;
	width: 100%;
	height: 100%;
	opacity: 0.09;
	position:absolute;
	background-repeat:no-repeat;
	left:0;
	bottom:0;
}
.testimonial-sec .container::before,.contact-tabs::before{
	content:'';
	background-image:url('images/testimonials-bg.png');
	background-size:contain;
	background-position:bottom;
	width: 100%;
	height: 80%;
	background-repeat:no-repeat;
	position:absolute;
	left:0;
	bottom:20%;
}
.contact-tabs::before{
	height:100%;
	z-index:-1;
	bottom:0;
}
.choose-sec .block-text *{
	color:#fff !important;
}
.choose-sec .block-text :is(h2,h1){
	display:inline-block;
}
.choose-sec .block-text :is(h2,h1)::before{
	background-color:#fff;
}
.choose-sec .block-text {
	text-align:center;
}
.choose-card{
	position:relative;
	overflow:hidden;
}
.choose-card img{
	width:100%;
}
.choose-card:before{
	content:'';
	width:100%;
	height:0%;
	position:absolute;
	left:0;
	bottom:0;
	transition:0.3s;
	right:0;
	background: rgb(4,62,164);
	background: linear-gradient(0deg, #003DA5 0%, rgba(0, 0, 0, 0.75) 38.93%, rgba(9, 9, 9, 0.15) 100%);

}
/*.choose-card:hover::before{
	transition:0.3s;
	height:100%;
}*/
.choose-card:after{
	content:'';
	width:100%;

	height:100%;
	position:absolute;
	left:0;
	bottom:0;
	transition:0.3s;
	right:0;
	background: rgb(0,0,0,0.5);
	background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.31) 38.93%, rgba(9, 9, 9, 0.00) 100%);

}
/*
.choose-card:hover:after{
	z-index:-1;
}*/
.bottom-card{
	width:95%;
	text-align:center;
	padding:40px 20px;
	display:grid;
	color:#fff;
	place-items:center;
	position:absolute;
	right:0;
	left:0;
	z-index:1;
	margin:auto;
	bottom:0px;
	/*transition:0.3s;*/
}
/*.bottom-card :is(h3,h2,h4){
	color:#fff;
	opacity:0;
	transition:0.3s;
}*/
.choose-card{
	height:600px;
}
.choose-card img{
	height:100% !important;
	object-fit:cover;
}
/*.choose-card:hover .bottom-card :is(h3,h2,h4){
	transition:0.3s;
	opacity:1;
}
.bottom-card:hover :is(h3,h2,h4){
	color:#fff;
	
}*/
.bottom-card p{
	font-size:14px;
}
.logo-section{
	padding:70px 0px;
}
.logo-section img:first-child{
	padding:0px 40px;
	padding-bottom:30px;
}

/*custom search box*/

.search-container {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background-color: white;
	display: none;
	z-index: 999;
}
.search-container form {
	width: 80%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.search-container span {
	position: absolute;
	right: 0;
	margin-top: 30px;
	font-weight: bold;
}
.search-container input {
	display: block;
	margin: auto;
	margin-top: 20vh;
	font-size: 4rem;
	width: 100%;
	border: none;
	border-bottom: 2px solid gray;
	padding: 10px;
}
.search-container input:focus-visible {
	outline: unset;
	border-color: #9B2438;
}

.search-container a {
	position: absolute;
	top: 20px;
	right: 60px;
	font-size: 2rem;
	border: none;
	background: none;
	cursor: pointer;
	color:#000;
}

.search-open {
	margin-top: 15px;
	padding: 0;
	font-size: 0;
	background: transparent;
	border: none;
}
.search-open img{
	filter:invert(1)brightness(100);
}
.search_results ul li{
	list-style:none;
}
.search_results ul li:hover h2{
	color:#9f2d40;
}
.search-open::before {
	content: unset;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 14px;
	font-size: 20px;
	color: #ffffffd6;
}
.scrolled .search-open::before {
	color: #333;
}
.search_content h1 {
	display: none;
}
.search_content h2 {
	font-size: 25px;
	color: #000;
	transition: .3s ease-in-out;
}
.search_content h2:hover, .search_content span:hover {
	color: #8ec441;
	transition: .3s ease-in-out;
}
.search_content span {
	display: inline;
	color: #000 !important;
	transition: .3s ease-in-out;
	border-bottom: 2px solid #000;
}
.col-md-9.search_content h2:nth-child(2) {
	display: none;
}
.col-md-9.search_content {
	border-bottom: 1px solid #eee;
	margin-bottom: 40px;
	padding-bottom: 20px;
}
.search .top_banner_content {
	background: transparent;
	text-align: center;
}
.search .top_banner .col-md-6 {
	width: 100%;
}
.search-results .top_banner_content * {
	color: #fff;
	font-weight: 700 !important;
}
.search .items_count {
	font-size: 14px;
	font-weight: 300 !important;
}

/*custom search box end*/



/***************************footer form**********************/
input{
	width:100%;
	border-radius:0px !important;
	border:1px solid #E6E6E6;
}
button[type=submit],input[type=submit]{
	border-radius:20px !important;
	font-size:14px !important;
	font-family:'Lato',sans-serif;
	font-weight:400!important;
	background-color:#003DA5 !important;
}
button[type=submit]:hover{
	background-color:#9B2438!important;
	transition:0.3s;
}
.footer-logo > img {
	max-width:200px;
/*  filter: drop-shadow(4px 0px 6px rgb(255, 255, 255));
    -webkit-filter: drop-shadow(4px 0px 6px rgb(255, 255, 255)); */
}
.footer-form-main{
	box-shadow: 0px 0px 53px 3px rgba(193,193,193,0.25);
	-webkit-box-shadow: 0px 0px 53px 3px rgba(193,193,193,0.25);
	-moz-box-shadow: 0px 0px 53px 3px rgba(193,193,193,0.25);
	padding-top:46px;
	padding-bottom:46px;
	text-align:center;
	/* background-image:url('./images/footer-form-bg.png'); */
	background-position:bottom;
	background-repeat:no-repeat;
	position:relative;
	background-color:#fff;
	margin-bottom:90px;
}
.footer-form-main::before{
	content:'';
	position:absolute;
	top:0;
	width:70%;
	border-bottom-left-radius:100px;
	border-bottom-right-radius:100px;
	left:0;
	right:0;
	margin:auto;
	height:5px;
	background-color:#394149;
}
.footer-form-main strong{
	color:#9B2438;
	font-size:24px;
	font-weight:600;
}
footer ul{
	padding-left:0px;
}
/***************************about***********************************/
.about-top .container{
	padding:45px 0px;
}
.about-img-wrap{
	position:relative;
}
.about-img-wrap .about-abs-1{
	position:absolute;
	left:-64px;
	top:-150px;
}
.about-img-wrap .about-abs-2{
	position:absolute;
	right:0;
	bottom:-150px;
}
.block-text p{
	margin-bottom:20px;
}
.about-bottom{
	position:relative;
	z-index:1;
}
.product-section{
	position:relative;
	z-index:1;
}
.about-bottom::before,.other-section::before,.product-section::before{
	content:'';
	position:absolute;
	left:0;
	background-position:center bottom;
	bottom:0;
	/*background-image:url('./images/bg-double.png');*/
	background-repeat:no-repeat;
	width:100%;
	z-index:-1;
	height:50%;
}
.about-bottom .img-wrap{
	text-align:end;
	position:relative;
}
.about-bottom-abs{
	position:absolute;
	width:30%;
	height:205px;
	bottom:-150px;
	left:0;
}
/*********************************fuel solution**********************/
.page-template-fuel-solution{
	background-color:#F5F5F5;
}
.testimonial-sec .container{
	background-color:#efefef;
	position:relative;
}
.rel-images{
	position:relative;
}
.ptop-150{
	padding-top:150px;
}
.pbottom-150{
	padding-bottom:150px;
}
.fuel-sec .block-text{
	padding-left:50px;
}
.rel-images .img-fuel{
	width:90%;
}
.rel-images .img-abs-fuel{
	position:absolute;
	right:0;
	bottom:-40px;
}
.heading-w{
	width:500px;
	max-width:100%;
	margin:auto;
	font-weight:400;
	font-size:18px;
}
.review-bottom{
	width:80%;
	position:relative;
}
.review-bottom img{
	margin-right:10px;
	max-width:76px;
	max-height:76px;
}
.review-bottom p{
	font-size:14px;
	font-weight:400;
}
.review-bottom  br{
	display:none;
}
.heading-test.block-text{
	text-align:center;
}
.testimonial-sec h2{
	display:inline-block;
}
.testimonial-sec strong:first-child{
	display:block;
}
.botom-test p{
	font-size:14px;
	font-weight:500;
}
.botom-test strong{
	font-size:16px;
	font-family:'Lato',sans-serif;
	font-weight:700;
}
.testimonail-slider img{
	width:unset !important;
	display:inline-block !important;
}
.quote-img{
	position:absolute;
	right:25px;
}
.test-card{
	background:#fff;
	padding:25px;
	min-height: 330px;
}
.test-card span p{
	display:inline-block;
	color:#9B2438;
}
.botom-test{
	display:flex;
	align-items:end;
	margin-top:20px;
}
.testimonail-slider .owl-dots{
	margin-top:46px !important;
}
.testimonail-slider .owl-dots .owl-dot.active span,.testimonail-slider .owl-dots .owl-dot:hover span{
	border: 4px solid #9B2438 !important;
}
.testimonail-slider .owl-dots .owl-dot span{
	border:4px solid #9B2438;
}
.fuel-small strong{
	display:block;
	font-size:74px;
	line-height:normal;
	color:#003DA5;;
}
.fuel-small strong a{
	color:#003DA5;;
	font-size:74px;
	line-height:normal;
	font-weight:700;
}
.fuel-bottom .block-text{
	padding-left:0px;

}
.fuel-small{
	padding:28px 22px 32px 22px;
	position:relative;
	box-shadow: 0px 0px 53px 3px rgba(193,193,193,0.25);
	-webkit-box-shadow: 0px 0px 53px 3px rgba(193,193,193,0.25);
	-moz-box-shadow: 0px 0px 53px 3px rgba(193,193,193,0.25);
	text-align:center;
}
.fuel-small span{
	font-size:15px;
}
.fuel-small::before{
	content:'';
	position:absolute;
	bottom:21px;
	left:0;
	right:0;
	margin:auto;
	background-color:#9B2438;
	width:70%;
	height:2px;
}
/**************************lubricants********************/
.pro-card{
	box-shadow: 0px 0px 16px 7px rgba(0,0,0,0.03);
	-webkit-box-shadow: 0px 0px 16px 7px rgba(0,0,0,0.03);
	-moz-box-shadow: 0px 0px 16px 7px rgba(0,0,0,0.03);
	padding:35px 30px;
	background-color:#fff;
	transition:0.3s;
	border-radius:1px;
}
.pro-card:hover{
	box-shadow: 0px 0px 16px 7px rgba(0,0,0,0.09);
	-webkit-box-shadow: 0px 0px 16px 7px rgba(0,0,0,0.09);
	-moz-box-shadow: 0px 0px 16px 7px rgba(0,0,0,0.09);
	transform:translatey(-5px);
	transition:0.3s;
	cursor:pointer;
}
.pro-card img{
	margin-bottom:64px;
}
.pro-card-logo{
	position:relative;
}
.pro-card-logo::before{
	content:'';
	position:absolute;
	left:0;
	background-color:#9B2438;
	height:1px;
	width:79px;
	top:0;
	bottom:0;
	margin:auto;
}
.pro-card-text{
	min-height:214px;
}
.pro-card-text p,.other-card-text p{
	font-weight:400;
	font-size:16px;
}
.main-section .block-text{
	text-align:center;
}
.main-section .block-text h2{
	display:inline-block;
}
.main-section{
	padding:88px 0px 88px 0px;
}
.main-section .col-md-6:nth-child(odd) .pro-card {
	margin-right: 12px;
}
.other-section{
	position:relative;
	z-index:1;
}
.other-card{
	padding:36px 39px;
	background-color:#F4F4F4;
	transition:0.3s;
}
.other-card-text{
	min-height:142px;
}
.other-card-text strong{
	color:#003DA5;
	font-size:22px;
	display:block;
	margin:25px 0px 13px 0px;
}
.other-card img{
	padding:10px;
	background-color:#003DA5;
	width:55px;
	object-fit:contain;
	height:55px;

}
.about-top .small-card strong{
	font-size:30px;
}
.about-top .small-card span{
	position:relative;
}
.about-top .small-card span::before{
	content:'';
	position:absolute;
	bottom:-13px;
	left:0;
	height:1px;
	width:95px;
	background-color:#9B2438;
}
.about-top .small-card{
	padding-left:30px;
	padding-right:30px;
	text-align:unset;
	padding-bottom:38px;
}
.about-abs-2.small-card{
	width:60%;
	text-align:center;
}
.about-abs-2.small-card span::before{
	right:0;
	margin:auto;
}
.about-abs-2.small-card strong{
	margin-bottom:30px;
}
.about-top .small-card img{
	margin-bottom:18px;
}
/* ****************** footer CSS ******************** */
.footer-logo{
	margin-bottom:30px;
}
.mian-footer p{
	font-size:16px;
	font-weight:400;
}
.mian-footer span{
	font-size:16px;
	font-family:'Lato',sans-serif;
	font-weight:500;
}
.footer-logos{
	margin-top:30px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.footer-logos a{
	width:53px;
	height:53px;
	margin-left:14px;
	background:#fff;
	border-radius:50%;
	display:grid;
	transition:0.3s;
	place-items:center;
}
.footer-logos a:hover {
	transform:translatey(-5px);
	transition: 0.3s;
}
.left-bod{
	position:relative;
	padding-left:20px;
	font-size:18px;
	font-family:'Lato',sans-serif;
	font-weight:600;
}
.left-bod::before{
	content:'';
	background-color:#f2f2f2;
	position:absolute;
	left:-12px;
	top:0;
	bottom:0;
	margin:auto;
	height:1px;
	width:29px
}
.footer-ul li{
	position:relative;
	padding:15px 20px;
	line-height:normal;
	border-bottom:1px solid #d9d9d9;
	list-style:none;
	transition:0.3s;
}
.footer-ul li::before{
	content:'';
	position:absolute;
	left:0;
	width:9px;
	height:9px;
	top:22px;
	border-radius:50%;
	background:#DA291C;
}
.mian-footer li a{
	font-size:14px;
	transition:0.3s;
	font-family:'Lato',sans-serif;
}
.footer-ul li:hover{
	transform:translatex(-3px);
	transition:0.3s;
}
.copyright *{
	font-size:12px !important;
	font-family:'Lato',sans-serif !important;
}
.kiwi a:first-child{
	border-right:1px solid #fff;
}
.kiwi a{
	padding:0px 10px;
}
/***************contact page*****************/

.contact-top{
	padding:150px 0px;;
}
.contact-top .wpforms-field-container{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.contact-top input,.contact-top textarea{
	background-color:#F8F8F8 !important;
	border-color:#E6E6E6 !important;
}
.contact-top textarea{
	height:167px !important;
}
.contact-top .wpforms-field-label{
	margin-bottom:5px !important;
	font-size:16px !important;
	font-family:'Lato',sans-serif;
	font-weight:400!important;
	color:#807F7F !important;
}
.contact-top .wpforms-field-label span{
	color:#807F7F !important;
}
.contact-top .wpforms-field{
	width:100%;
}
.contact-top .wpforms-one-half{
	width:48%;
}
.contact-top .container{
	background:#fff;
}
.small-card{
	padding:15px 40px;
	box-shadow: 0px 0px 53px 3px rgba(193,193,193,0.25);
	-webkit-box-shadow: 0px 0px 53px 3px rgba(193,193,193,0.25);
	-moz-box-shadow: 0px 0px 53px 3px rgba(193,193,193,0.25);
	text-align: center;
	background:#fff;
}
.small-card span{
	font-size:15px;
}
.small-card strong,.small-card strong a{

	font-size: 37px;
	line-height: normal;
	color: #8E2B2B;
}
.small-card strong{
	display: block;
}
.contact-img-wrap img{
	padding-left:60px;
	width:100%;
}
.contact-img-wrap{
	position:relative;

}
.abs-1{
	position:absolute;
	right:-13px;
	top:-82px;
}
.abs-2{
	position:absolute;
	bottom:-70px;
	right:-12%;
}
/***********tabs************/
.contact-slider{
	position:relative;
}
.contact-slider .owl-dot{
	margin-right:5px;
}
.contact-slider .owl-dots{
	position:absolute;
	bottom:-70px;
	left:0;
	right:0;
	text-align:center;
	margin:auto;
}
.contact-tabs{
	background-color:#F2F2F2;
	padding:76px 0px 140px 0px;
	position:relative;
	z-index:1;
}
.contact-tabs .owl-dots .owl-dot span{
	border:4px solid #9B2438 !important;
	opacity:0.36;
}
.contact-tabs .owl-dots .owl-dot.active span{
	opacity:1;
}
.contact-item{
	background-color:#fff;
	position:relative;
	min-height:154px;
	padding:30px 34px 30px 28%; 
}
#contact-slider1 .contact-item{
	min-height:117px;
}
.contact-item *{
	font-size:16px !important;
	color:#000!important;
	line-height:normal;
}
.contact-item strong{
	display:block;
	font-family:'Lato',sans-serif;
	font-weight:600;
}
.contact-iframe{
	width:100%;
	background-size:cover;
	background-repeat:no-repeat;
	height:681px;
}
.contact-item::before{
	content:'';
	position:absolute;
	left:34px;
	top:34px;
	margin:auto;
	background-image:url('http://kreativebugs.com/demo/islandpetrolium/wp-content/uploads/2023/09/pin-1.svg');
	width:49px;
	height:49px;
	background-repeat:no-repeat;
	background-size:28px;
	background-position:center;
	background-color:#003DA5;
	border-radius:5px;
}
.tab-content{
	padding-top:40px;
}
.img-comm img{
	height:347px;
	object-fit:cover;
}
.img-comm{
	margin-top:30px;
}
.nav-link{
	color:#828282;
	padding:12px 30px 12px 50px;
	font-size:28px !important;
	border:unset !important;
	font-family:'Lato',sans-serif;
	font-weight:700;
	transition:0.3s;
	line-height:normal;
	border-bottom:2px solid #828282 !important;
	background:unset !important;
}
.nav-link.active,.nav-link:hover{
	border:unset !important;
	position:relative;
	transition:0.3s;
	background:unset !important;
	color:#003DA5 !important;
	border-bottom:2px solid #003DA5 !important;
}
.nav-link.active::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:29px;
	height:1px;
	background-color:#9B2438;
	margin:auto;
}
#map{
	/* 	background-image:url('http://kreativebugs.com/demo/islandpetrolium/wp-content/uploads/2023/08/mapZ.png');
	background-repeat:no-repeat;
	background-size:100% 100%;
	height:681px; */
}
/* ****************** Toggle Button CSS ******************** */
#mobile-nav-toggle {
	display: inline;
}
#mobile-nav-toggle {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999;
	margin: 20px 20px 0 0;
	border: 0;
	background: none;
	font-size: 24px;
	display: none;
	transition: all 0.4s;
	outline: none;
	cursor: pointer;
}
#mobile-body-overly {
	width: 100%;
	height: 100%;
	z-index: 997;
	top: 0;
	left: 0;
	position: fixed;
	background:#25485891;
	display: none;
}
.mobile-nav-active #mobile-nav {
	left: 0;
}

#mobile-nav {
	position: fixed;
	top: 0;
	padding-top: 18px;
	bottom: 0;
	z-index: 998;
	background:#003DA5;
	text-align:center;
	padding-top:15vh;
	left: -100%;
	width: 100%;
	overflow-y: auto;
	transition: 0.4s;
}
#mobile-nav ul {
	padding: 0;
	margin: 12px 0 0 12px;
	list-style: none;
}
#mobile-nav ul li {
	position: relative;
}
#mobile-nav ul li a {
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	overflow: hidden;
	padding: 10px 22px 10px 15px;
	position: relative;
	text-decoration: none;
	width: 100%;
	display: block;
	outline: none;
}
#mobile-nav ul .menu-has-children i.fa-chevron-up {
	color: #18d26e;
}
#mobile-nav ul .menu-has-children i {
	position: absolute;
	right: 0;
	z-index: 99;
	padding: 15px;
	cursor: pointer;
	color: #fff;
}
#mobile-nav ul .menu-item-active {
	color: white;
}
#mobile-nav ul li li {
	padding-left: 30px;
}

.menu-item-has-children {
	position: relative;
}
#nav-menu-container .sub-menu {
	display:none !important;
	top: 30px;
	position: absolute;
	left: -15px;
	transition: 0.3s ease-in;
	z-index: 999;
	background-color: #536475;
	padding: 5px;
	width: 175px;
	border-radius: 15px 15px 15px 15px;
}
#nav-menu-container .menu-item-has-children:hover .sub-menu{
	display:flex !important;
	/* 	    box-shadow: rgb(2 2 2 / 15%) 0px 5px 15px; */
	text-align:left;
}
#nav-menu-container .sub-menu li a:hover {
  color: #8a8a8a;
  transition: .3s ease-in-out;
}
.sub-menu li::after{
	right:unset;
}
.sub-menu .menu-item {
	padding-top: 10px;
}
.new-section{
	padding:80px 0px;
}
.top-wrapper{
	position:relative;
}
.top-wrapper img{
	display:block;
	width:100%;
	border-radius:10px;
	height:500px;
	object-fit: cover;
}
.category-sec .top-wrapper img{
	height:250px;
}
.top-wrapper .cat{
position:absolute;
	left:10px;
	top:10px;
	padding:5px 10px;
	border-radius:3px;
	background-color:#003DA5;
	color:#fff;
}
.main-post {
	padding-bottom:30px;
	border-bottom:1px solid rgba(0,0,0,0.25);
	margin-bottom:30px;
}
.main-post h2{
	margin:15px 0px;
}
.main-post .post_url{
	margin-top:20px;
	display:inline-block;
	font-size:17px;
	color:#003DA5;
	transition:0.3s;
}
.main-post .post_url i{
	padding-left:5px;
}
.main-post .post_url:hover{
	color:#D7B401;
	transition:0.3s;
}
.main-post p{
	font-size:17px;
}
.post-meta{
	display:flex;
	flex-wrap:wrap;
	margin-top:15px;
	gap:20px;
	align-items:center;
}
.post-meta .author{
	font-weight:500;
}
.new-section .categories,.new-section .recent-posts{
	padding:30px 20px;
	border-radius:0px;
	background-color:#d8d8d873;
}
.new-section :is(.categories,.recent-posts) h3{
	font-size:25px;
	margin-bottom:40px;
}
.new-section :is(.categories,.recent-posts){
	position:relative;
	z-index:1;
}
.new-section :is(.categories,.recent-posts)::before{
	content:'';
	position:absolute;
	left:30px;
	top:0;
	width:6px;
	height:17px;
	background-color:#DA291C;
}
.new-section .recent-posts{
	margin-top:20px;
} 
.new-section .recent-posts li img{
	display:block;
	width:100%;
	border-radius:5px;
	object-fit:cover;
}
.new-section .recent-posts li {
	margin-bottom:30px;
}

.new-section .recent-posts li *{
	color:#000;
}
.new-section .categories ul,.new-section .recent-posts ul{
	list-style:none;
	padding:0px;
} 
.new-section :is(.categories, .recent-posts) li:hover h4{
	color:#003DA5;
	transition:0.3s;
}
 .recent-posts  .post-meta{
margin-top:0px;	
}
.recent-posts h4{
	font-size:19px;
}
.new-section .categories li a{
	background-color:#fff;
	padding:10px 15px;
	display:block;
	position:relative;
	border:1px solid #d8d8d8;
	margin-bottom:10px;
}
.new-section .categories li a::after{
	content:'\f061';
	right:15px;
	position:absolute;
	top:11px;
	bottom:0;
	margin:auto;
	font-family:'Fontawesome';
}
.new-section .categories li a{
	color:#000;
}
.new-section .recent-posts li a{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	align-items:start;
}
.new-section .recent-posts li a > div{
	max-width:calc(100% - 85px);
}
.new-section .recent-posts li a img{
	max-width:70px;
	height:unset;
}
.new-section .recent-posts li:last-of-type{
	margin-bottom:0px;
}
:is(.product-section,.product-cat-section) .block-text{
	text-align:center;
	margin-bottom:40px;
} 
:is(.product-section,.product-cat-section) .block-text *{
	display:inline-block;
}
.product-section .main-post img{
	height:280px;
	object-fit:cover;
}
.product-cat-section .main-post img{
	height:144px;
	object-fit: contain;
    text-align: left;
    object-position: left;
	padding: 10px;
}
.product-cat-section .main-post h2{
	position:relative;
	padding-bottom:10px;
}
.product-cat-section .main-post h2::after{
	content:'';
	width:40%;
	left:0;
	position:absolute;
	height:2px;
	bottom:0px;
	background-color:#FD000C;
}
.product-cat-section .main-post{
	padding:15px;
	background-color:#fff;
	border:0.8px solid #D7D7D7;
	box-shadow: 0px 0px 10.93px 6.83px #00000008;
	display:flex;
	gap:15px;
	transition:0.3s;
}
:is(.product-cat-section,.product-section) .main-post{
	transition:0.3s;
	padding-left: 30px;
}
:is(.product-cat-section,.product-section) .main-post:hover{
		box-shadow: 0px 0px 16px 7px rgba(0,0,0,0.09);
	-webkit-box-shadow: 0px 0px 16px 7px rgba(0,0,0,0.09);
	-moz-box-shadow: 0px 0px 16px 7px rgba(0,0,0,0.09);
	transform:translatey(-5px);
	transition:0.3s;
	cursor:pointer;
}
:is(.product-cat-section,.product-section) .main-post:hover{
		box-shadow: unset;
	-webkit-box-shadow: unset;
	-moz-box-shadow: unset;
	transform:unset;
}
.product-cat-section .main-post .top-wrapper{
	width:30%;
}
.product-cat-section .main-post .top-wrapper img{
	width:100%;
}
.product-cat-section .main-post .post-right{
	width:calc(70% - 15px);
}
:is(.product-section,.product-cat-section) :is(h2,h3){
	font-size:24px;
	color:#000;
}
.product-cat-section .main-post h2{
	font-size:18px;
}
.product-cat-section .main-post p{
	font-size:14px;
	display: none;
}
:is(.product-section,.product-cat-section) .main-post p{
	color:#000;
}
.single .product-section .main-post img{
	height:300px;
	object-fit:contain;
	margin-bottom: 50px;
	width: 200px;
    margin-top: 20px;
}
/*.choose-card .bottom-card p{
    opacity:0;
    transition:0.3s;
}
.choose-card .bottom-card {
    transform:translateY(200px);
    transition:0.3s;
}

.choose-card:hover .bottom-card{
    transform:translateY(0px);
    transition:0.3s;
}
.choose-card:hover .bottom-card p{
    opacity:1;
    transition:0.3;
}*/
.contact-top .wpcf7-form :is(input,textarea,select){
    width:100% !important;
	border-color:#E6E6E6 !important;
	background:#f8f8f8;
    padding:8px 15px;
}
.wpcf7-form :is(input,textarea,select):focus{
	outline:unset;
	border-radius:0px !important;
	border:1px solid blue !important;

}
.wpcf7-form label{
	font-weight:400;
	margin-bottom:3px;
}
.wpcf7-spinner{
	position:absolute;
}
.form-section :is(input,textarea,select){
	width:100% !important;
	margin:15px 0px;
	border-radius:3px !important;
	border-color:rgba( 0, 0, 0, 0.25 ) ;
	font-size:16px;
	padding:8px 24px !important;
}
.form-section .wpcf7-not-valid-tip{
	text-align:left;
}
select{
	appearance:none;
	    -webkit-appearance: none;
    -moz-appearance: none;
	background-image:url('images/down-arrow.svg') !important;
	background-repeat:no-repeat !important;
	background-size:15px !important;
	background-position:center right 15px !important;
}
.form-section :is(input,textarea,select):placeholder{
	color:rgba(0,0,0,0.7) !important;
}
.form-section textarea{
	max-height:219px;
}
button[type=submit],.wpcf7-form input[type=submit]{
	border-radius:20px !important;
	font-size:14px !important;
	font-family:'Lato',sans-serif;
	max-width:120px !important;
	font-weight:400!important;
	color:#fff !important;
	padding-inline:15px !important;
	width:auto !important;
	background-color:#003DA5 !important;
}
:is(button[type=submit],input[type=submit]):hover{
	background-color:#9B2438!important;
	transition:0.3s;
}
.contact-top select{
	margin-top:30px !important;
}
.blue-text{
	font-size:28px !important;
	color:#003DA5 !important;
}
/* ****************** Media CSS ******************** */
@media (min-width: 1200px){

	.container{
		max-width: 1240px;
	}
}

@media (min-width: 1440px){

}

@media (max-width: 991px){
	.top-wrapper img{
		height:300px;
		object-fit:cover;
	}
	.choose-card{
	height:450px;
	}
	.search-open img{
		filter:invert(1) brightness(100);
	}.mobile-nav-active .mobile-nav-toggle-btn{
		padding-right:20px;
	}
	.img-comm img{
		height:170px;
	}
	/* 	#map, iframe{
	height:400px !important;
} */
	/* 	.current-menu-item > a{
	color:#536475 !important;
	font-weight:500;
} */
	.search-container input{
		font-size:30px;
	}
	.nav-list li::after{
		content:unset;
	}
	.header-right.search-drop{
		padding-left:22px;
	}
	.contact-img-wrap{
		margin-top:70px;
		margin-bottom:70px;
		margin-right:50px;
	}
	.nav-link{
		font-size:15px !important;
	}
	.contact-img-wrap img{
		padding-left:unset;
	}
	.block-text ul{
		width:100%;
	}
	.about-top .small-card strong{
		font-size:20px;
	}
	.about-abs-2.small-card{
		width:70%;
	}
	.bottom-card{
		min-height:160px;
	}
	header{
		padding:40px 0px;
		padding: 20px 0px 20px 0px;
	}
	.header-menu{
		margin-top:0px;
	}
	.logo_img{
		max-width:150px;
	}
	body{
		padding-top:64px;
	}
	section{
		padding:30px 0px !important;
	}
	.contact-tabs{
		padding-bottom:90px !important;
	}
	.pbottom-100{
		padding-bottom:30px;
	}
	.ptop-100{
		padding-top:30px;
	}
	.rel-images .img-abs-fuel{
		bottom:-80px;
	}
	.header-menu{
		display:block;
	}
	.footer-logos a{
		margin-left:10px;
	}
	.info-sec .block-text{
		width:100%;
		padding:0px 15px;
	}
	.block-text :is(h1,h2){
		font-size:20px;
	}
	.bottom-card{
		width:80%;
	}
	h3{
		font-size:18px;
	}
	.story-content{
		width:100%;
	}
	.abs-img{
		right:20px;
	}
	#mobile-nav .menu-item-has-children .sub-menu li a{
		color: #fff !important;
		text-align:center;
	}
	#mobile-nav-toggle {
		position: fixed;
	}
	#mobile-nav .nav-list li::after{
		left:0;
		right:unset;
	}

	#nav-menu-container {
		display: none;
	}

	#mobile-nav-toggle {
		display: inline;
		margin-top: -5px;
	}
	#mobile-nav-toggle i {
		color:#fff;
		margin-top: 29px;
	}

	#mobile-nav ul li li{
		padding-left: 0px;
	}

	#mobile-nav ul li ul{
		display: none;
	}
	.menu-item-has-children i {
		color: #fff;
		display: inline;
		position: absolute;
		right: 60px;
		font-size: 18px;
		top: -3px;
		padding: 20px;
		z-index: 1;
	}

	#mobile-nav-toggle {
		position: fixed;
		margin-right:0px;
	}

	#nav-menu-container {
		display: none;
	}
	#mobile-nav .nav-logo{
		filter: invert();
		text-align: center;
		margin-left: 18px;
		display: unset;
		width: 60%;
	}
	.header_set #mobile-nav-toggle {
		margin-top:-5px;
	}
	.search_results ul{
		margin-left:0px;
		padding-left:0px;
	}
}
@media (min-width: 992px) and (max-width:1199px){
	.contact-item::before{
		left:6%;
	}
	.nav-list a{
		font-size:13px;
	}#nav-menu-container li{
		margin-right:10px;
	}
	.about-img-wrap .about-abs-1{
		left:0;
	}

}
@media (min-width: 992px){
	.news-right{
		padding-left:0px;
	}
	.asl-map-canv{
	min-height:550px !important;
}
	header{
		height:120px;
		display:flex;
		align-items:center;
	}
	.home .banner :is(h1,h2) strong{
		font-size:54px;
		display:block;
	}
	.home .banner :is(h1,h2){
	font-size:72px;
}
	.banner-text p, .banner p{
		font-size:35px;
	}
	#nav-menu-container .menu-item-has-children:hover > a {
		color: #000;
		padding: 0px 9px;
		transition: .3s ease-in-out;
	}
	#nav-menu-container .sub-menu {
		width: 100% !important;
		padding: 15px;
		padding: 15px 10px;
		top: 84px !important;
		margin-top: 0px;
		background: #fff !important;
		border-radius: 2px !important;
		transition: .3s ease-in-out;
		left:0;
		right:0;
	}
	.fixed #nav-menu-container .sub-menu{
		top:73px !important;
	}
	#nav-menu-container .sub-menu li{
		display:inline-block;
		padding:0px;
		line-height:normal;

	}
	#nav-menu-container .sub-menu li a{
		color:#000;
		margin-right:15px;
	}

	li.menu-item-has-children{
		line-height:40px;
		position:unset !important;
	}

	li.menu-item-has-children:hover{
		background-color:#fff !important;
		color:#000;
	}
	li.menu-item-has-children a::after,li.menu-item-has-children::after{
		content:unset !important;
	}
	.sub-menu li::after{
		content:unset;
	}
	header.fixed{
		height:90px;
	}
	.search.search-results{
		padding-top:150px;
	}
	.container-fluid {
		padding-left:0px;
	}
}
@media (max-width: 767px){
	.choose-card{
	height:500px;
	}
	.main-post h2{
		font-size:25px;
	}
	.top-wrapper img{
		height:200px;
	}
	.contact-tabs li{
		width:50%;
	}
	.contact-tabs li button{
		min-height:70px;
	}
	.story-images,.rel-images{
		margin-bottom:100px;
	}
	.about-img-wrap .about-abs-2{
		position:unset;
		margin-left:auto;
		margin-bottom:30px;
	}
	.about-img-wrap .about-abs-1{
		position:unset;
		width:60%;
	}
	.footer-ul ul{
		margin-top:30px;
		padding-left:0px;
	}
	.copyright_content{
		text-align:center;
	}
	.kiwi{
		justify-content:center !important;
	}
	.about-bottom .row{
		flex-direction:column-reverse;
	}
	.about-bottom .img-wrap {
		margin-bottom: 120px;
	}
	.img-abs-fuel{
		max-width:90%;
	}
	.contact-iframe {
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		height: 231px;
		margin-top:50px;
	}
	.fuel-sec .block-text{
		padding-left:unset;
	}
	.story-images .rel-img{
		width:100%;
	}
	.home .story-images,.rel-images{
		margin-bottom:30px;
	}
	.rel-images .img-fuel{
		width:100%;
		margin-bottom:30px;
	}
	:is(.product-cat-section,.product-section) .main-post{
		padding-right:30px;
	}
	.about-bottom img{
		max-width:100%;
	}
	.about-bottom-abs{
		width:50%;
	}
	.nav.nav-tabs{
		justify-content:center;
	}
	.ptop-150{
		padding-top:30px;
	}
	.pbottom-150{
		padding-bottom:30px;
	}
	.story-images .abs-img img{
		width:100%;
	}
	.info-sec .block-text{
		padding-top:30px;
	}
}
@media (max-width: 575px){
	#map,iframe{
		/* 		height:257px !important; */
	}
	.nav-tabs .nav-link{
		font-size:12px !important;
	}
	.nav.nav-tabs{
		padding-left:15px;
	}
	.nav-tabs button{
		min-height:85px!important;
		width:100%;
		padding: 12px 15px 12px 30px;
	}
	.home .banner{
		height:600px;
	}
}
.nav.nav-tabs{
	border-bottom:unset !important;
}
input[type="search"] {
	width: 100%;
	margin-bottom: 20px;
	height: 50px;
	border-radius: 20px;
	padding: 20px;
	margin-top: 20px;
}


#notfound{
	background-image:url('images/404-bg.png');
	background-size:contain;
	background-size:50%;
	background-position:center center;
	background-repeat:no-repeat;
}
.text-404{
	width:60%;
	text-align:center;
}
.text-404 .btn{
	border:1px solid #003DA5;
	color:#003DA5;
	margin-top:30px;
}
.text-404 :is(h1,h2,h3,span){
	color:#172C59;
}
.text-404 h2{
	font-size:80px;
}
.text-404 h2 span{
	font-size:90px;
}
#notfound .img-404{
	text-align:end;
	max-width:100%;
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before{
	content:'';
	background-image:url('images/menu-icon.svg');
	width:40px;
	background-repeat:no-repeat;
	height:40px;
	filter:invert(1)brightness(100);
	display:inline-block;
	background-size:contain;
}
/* 
* Always set the map height explicitly to define the size of the div element
* that contains the map. 
*/
.banner :is(h1,h2){
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50);
}
#shadow-host-companion{
	display:none !important;
}
#asl-panel{
	display:none !important;
}
.pol-md-7.asl-map{
	width:100% !important;
	max-width:100%!important;
	flex:unset !important;
	
}

.sl-container{
	max-width:100% !important;
	width:100% !important;
}

#tab1 {
	display: none;
}

@media (max-width: 900px){
	.wp-image-827 {
		width: 100% !important;
		height: auto !important;
	}
}