/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
/*common*/

.white, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white a{color: #fff;}

.justify{text-align:justify;}

.page-content section {padding-top: 80px;padding-bottom: 50px;}

.page-content section.wpb-content-wrapper {padding-top: 0;padding-bottom: 0;}

.porto-u-main-heading {margin-bottom: 3%;}

.wpcf7-form-control.wpcf7-validates-as-required, input.wpcf7-form-control.wpcf7-captchar {width: 100%;min-height: 50px;border-color: rgba(4,4,4,.4);border-radius: 2px;}

.wpcf7 .vc_row > div {margin-bottom: 15px;}

.wpcf7 .vc_row {margin-left: -15px;margin-right: -15px;}

.submit-btn input {width: 150px;}

.no-breadcrumbs .main-content {padding-top: 0;}

.slick-slider .slick-prev{left: -20px;}

.slick-slider .slick-next{right: -20px;}

.share-links .share-twitter:before {content: "\e61b";}

.vc_column_container>.vc_column-inner {padding-left: 0 !important; padding-right: 0 !important;}


::-webkit-scrollbar{width:5px;}

::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px;}

::-webkit-scrollbar-thumb{background:var(--porto-primary-color);border-radius:30px;}

::-webkit-scrollbar-thumb:hover{background:#444;}

::-moz-selection {background: var(--porto-primary-color);color:#fff;}

::selection {background: var(--porto-primary-color);color:#fff;}

/*end common

* header*/
 
 
/*end header

* home*/
 
/*end home

* footer*/
 
 
/*end footer*/
 /*  purple - 28306e */
#header .main-menu .narrow li.menu-item:hover > a{
	background-color: #28306e;
	color: #fff
}

.porto-btn-ctn-center.btn-styling {
	margin-top: 15px
}

#header .main-menu .narrow ul.sub-menu {
	border-top: 3px solid #28306e;
}

.slick-slider .slick-dots li.slick-active i {
	color: #28306e !important;
}

#footer .footer-bottom {
	background-color: #161929;
	color: white
}

.page-top.page-header-3 {
	padding: 100px 0;
}

.parallax-background.skrollable.skrollable-between::after {
	content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

#header .mobile-toggle {
	background-color:  #fd6239
}

#nav-panel .accordion-menu li.menu-item.active > a {
    background-color: #fd6239;
}

#nav-panel .accordion-menu li.menu-item > a:hover {
    background-color: #28306e;
	color: white;
}

.max-height-250px .testimonial{
min-height:230px !important;
	background-color: white;
	border-radius: 5px
}

.about-text p {
	text-align: justify ;
}

#header.sticky-header .header-main.sticky .header-right,#header.sticky-header .header-main.sticky .header-left  {
	padding: 0
}

.vc_column_container>.vc_column-inner {padding-left: 0 !important; padding-right: 0 !important;}

#header .main-menu > li.menu-item.active > a {
	background-color: #fd6239
}

#header .main-menu > li.menu-item > a {
	color: #28306e;
}

#header .main-menu > li.menu-item.active:hover > a, #header .main-menu > li.menu-item:hover > a {
		background-color: #28306e ;
}

.red-text,.testimonial-carousel::before,.testimonial-carousel::after{
	color: #fd6239;
}

.btn-styling .porto-btn, .contact-section .wpcf7-submit{
	background-color: #fd6239;
	color: white;
	border: 0px;
}

.btn-styling .porto-btn:hover,.contact-section .wpcf7-submit:hover {
		background-color: #28306e;
	color: white
}

.heading-2 {
	font-style: italic;
	font-size: 40px;
}

.heading-2-block {
	text-align: center;
}

.product-box {
	background-color: #ddd;
	padding: 40px 40px 5px;
}

.product-box h3 {
	font-weight: 600;
}

.product-btn {
	background-color: #fd6239;
	color: white;
	padding: 10px 25px;
}

.product-box:hover  {
	background-color: #fd6239;
	color: white;
}

.product-box:hover .product-btn {
	background-color: white;
	color: #fd6239;
}

.product-box:hover h3 {
	color: white
}

.product-box h3 {
	border-top: 1px solid  #cc2229;
	padding-top: 10px
}

.product-box:hover h3 {
	border-top: 1px solid white;
}

.product-box {
	transition: all 0.8s;
}

.product-box .porto-just-icon-wrapper,.product-box .porto-just-icon-wrapper img{
	width: 100%
}

.category-box {
	color: black;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	padding: 10px 0;
}

.category-box .wpb_content_element {
	margin-bottom: 0px !important;
}

.category-box .porto-sicon-title {
	text-align: left !important;
}

.category-box:hover h3,.category-box:hover i {
		color: white;
}

.category-box:hover .porto-sicon-box  {
	background-color: #fd6239;
	color: white;
}

.category-box:hover .porto-sicon-box {
		transition: all 1s;
}

.category-box:hover img{
	transform: scale(1.2);
}

.category-box img{
	transition: all 1s;
}

.category-box  {
	transition: all 2s;
}

.category-box .porto-sicon-body {
	text-align: left !important;
} 

.category-box h3 {
	padding-left: 10px
} 

.category-box .porto-sicon-right {
		padding-right: 15px
}

.category-box .porto-sicon-box {
	position: absolute;
	bottom: 10px;
	justify-content: space-evenly;
	width: 100%;
	align-items: center;
	background-color: white;
	padding: 10px 0;
}

.category-box .wpb_wrapper {
	padding: 0 !important
}

.category-box > div {
	overflow: hidden
}

.category-box i{
	color: black
} 

.category-box:hover .porto-just-icon-wrapper  {
	border-color:  white
}

.about-img:hover {
	transform: translate(-15px,15px);
}

.about-img {
	transition: all 0.8s;
}

.categories_row {
	justify-content: space-evenly;
/* 	column-gap: 20px */
}

.categories_row .porto-just-icon-wrapper {
	border: 1px solid black;
	transform: rotate(45deg)
}

.categories_row .porto-just-icon-wrapper i {
	transform: rotate(-45deg)
}

.contact-section .wpcf7-form label {
	margin-top: 20px
}

.custom-contact-details i {
	color: #fd6239;
	font-size: 30px
}

.custom-contact-details {
	font-size: 20px
}

.wpcf7-form-control-wrap  {
	display: block;
	width: 100%;
}

.custom-contact-details .porto-info-list-item {
	color: black;
}

.custom-contact-details .porto-info-list-item.link:hover{
	color:  #28306e;
}


.custom-contact-details .porto-info-list-item.link:hover i {
	color: #28306e;
}

.contact-form-styling {
	color: black;
}

.contact-form-styling input[type="text"],
.contact-form-styling input[type="email"] ,
.contact-form-styling textarea{
	border: 1px solid rgba(0,0,0,0.3);
}
.contact-form-styling textarea {
	height: 100px
}

.wpcf7-submit {
	margin-top: 20px
}

.contact-form-styling input,.contact-form-styling textarea, .contact-form-styling label{
	width: 100% !important;
}

.customers-row .slick-track > div:hover img {
	transition: all 1s
}

.customers-row .slick-track > div:hover .testimonial-author p strong {
	color: #fd6239 ;
}

.feature-box {
	display: flex;
	justify-content: space-between;
	column-gap: 20px
}

.feature-section > div>div,.feature-image>div,
.feature-section  .wpb_wrapper.vc_column-inner{
	padding: 0 !important
}

.footer a:hover {
	color: #fd6239;
}

.contact-details i {
	color: #fd6239;
}

.custom-testimonial-section {
	background-color: #28306e;
}

.custom-testimonial-section h2 {
	color: white;
}

.custom-category-section {
	background-color:#28306e
}

.custom-category-section h2 {
	color: white;
}

.page-top .yoast-breadcrumbs, .page-top .breadcrumbs-wrap , .page-top .breadcrumbs-wrap a{
	color: #fff;
}

.who-we-are-section {
	color: white;
	background-color: #28306e
}

.who-we-are-block {
	border: 1px solid white;
	color: white;
	padding-top: 20px
}

.who-we-are-block h3, .who-we-are-section h2 {
	color: white;
}

.who-we-are-block i {
	color: #fd6239;
}

.mission-vision-tabs .vc_tta-tab.vc_active>a{
	color: #fd6239 !important;
	background-color: #f7f7f7 !important;
}

.mission-vision-icons i {
	color: #fd6239 !important;
}

.mission-vision-icons .porto-just-icon-wrapper.porto-icon.circle {
	border: 1px solid #fd6239;
}

.sulf-lubricant ,
.sulf-lubricant h2{	
	color: white;
}

 .sulf-lubricant {
	display: flex;
	align-items: center;
	background-attachment: fixed;
} 

.sulf-lubricant-box {
	background-color: white;
	padding: 15px 0;
	border-radius: 5px
}

.sulf-lubricant-box h3 {
	font-size: 1em;
	color: black;
}

.sulf-lubricant-box i {
	color:  #fd6239
}

.value-box-2 {
	background-color: #fd6239;
	color: white;
	padding: 0 20px 30px;
	transition: all 0.8s;
}

.value-box-1 {
	background-color: #28306e;
	color: white;
	padding: 0 20px 30px;
	transition: all 0.8s
}

.value-box-2 h3 , .value-box-1 h3 {
	color: white
}

.value-box-2 .porto-sicon-top, .value-box-1 .porto-sicon-top  {
	position: relative;
	top: -30px;
}

.value-box-2 .porto-just-icon-wrapper {
	border: 1px solid white;
	border-radius: 50%;
	padding: 20px;
	background-color: #fd6239;
}

.value-box-1 .porto-just-icon-wrapper {
	border: 1px solid white;
	border-radius: 50%;
	padding: 20px;
	background-color: #28306e
}

.value-box-1:hover .porto-just-icon-wrapper {
	background-color: #fd6239;
}

.value-box-1:hover {
	background-color: #fd6239;
}

.value-box-2:hover .porto-just-icon-wrapper {
	background-color: #28306e;
}

.value-box-2:hover {
	background-color: #28306e;
}


article.post-title-simple .entry-title a:not(:hover){
	color: #fd6239;
}

article.post-title-simple .entry-title a:hover{
	color: #28306e;
}

.blog .post-meta a, .single-post .main-content .post-meta a{
	color: #28306e;
}

.blog .btn-readmore {
	padding: 8px 15px;
	background-color: #fd6239;
  color: white;
	border: none
}

.post-item .read-more{
	color: #fd6239;
}

.post-item .read-more:hover{
	color: #28306e;
}

.blog .btn-readmore:hover {
	background-color: #28306e;
	color: white
}

article.post .post-date .day, .single-post .main-content .entry-title, .post-item .post-date .day {
	color: #fd6239
}

article.post .post-date .month, .post-item .post-date .month{
	background-color: #fd6239
}

.blog-posts article.post-grid > div{
	box-shadow: 0px -1px 5px 2px #0000002b;
    padding: 15px;
}

.widget .wp-block-search button {
	background-color: #fd6239;
	border: none
}

.widget .wp-block-search button:hover {
	background-color: #28306e;
	border: none
}

.img-thumbnail .zoom{
	background-color: #fd6239;
}

.img-thumbnail .zoom:hover {
	background-color: #28306e;
}

.dealer-price-row {
	width: 100%;
	margin: 40px auto;
	padding: 20px;
	background-color: #ffffff;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	border-left: 6px solid #fd6239;
	border-radius: 8px;
}

.dealer-price-row p {
	font-size: 16px;
}

.dealer-price-row iframe {
	width: 100%;
	height: 850px;
	border: none;
}
.distributor-height iframe{
	height: 1100px
}

.single-post .main-content h2 {
	margin-bottom: 15px
}

.single-post .main-content p {
	margin-bottom: 15px
}

.certificate-box {
	padding-top: 30px;
	width: 400px;
	border-radius: 16px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
	border-top: 6px solid #fd6239;
}

.certificate-row{
	justify-content: space-evenly;
	gap: 40px;
}

.certificate-box img {
	transition: all 1s
}

.certificate-box:hover img{
	transform: scale(1.3)
}

.certificate-box > div > div {
	overflow: hidden
}

.certificate-box p {
	color: #28306e;
	text-align: center;
	font-size: 18px;
  font-weight: 600;
}


.mission-section .top-icon .porto-just-icon-wrapper {
	margin-bottom: 0;
}

@media (min-width: 767px) {
.categories_row > div {
	width: 45%;
}
	.who-we-are-row {
	margin: 10px 4em;
}
	.sulf-lubricant {
		height: 500px
	}
}

@media (min-width: 992px) {
.contact-section .wpcf7-form label:nth-child(5) {
	display: grid
}
	
	.who-we-are-row {
	margin: 10px 8em;
}
}

@media (max-width: 768px){
	.dealer-price-row iframe {
		height: 550px;
	}
	
	.heading-2 {
		font-size: 35px;
	}
	
	.page-content section {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.categories_row {
    row-gap: 20px;
	}
	
	.custom-contact-details {
    font-size: 16px;
	}
	
	.mission-section > div > .vc_column_container.col-md-4 {
    margin-top: 30px;
	}
	
	.page-top.page-header-3 {
		padding: 70px 0;
	}
}

@media (max-width: 575px) {
	.custom-category-section {
		padding-left: 15px !important;
		padding-right: 15px !important
	}
	
	.dealer-price-row iframe {
        height: 400px;
    }
}

@media (max-width: 480px){
	.custom-contact-details {
    font-size: 14px;
	}

	.heading-2 {
		font-size: 30px;
	}
	.page-content section {
    padding-top: 25px;
    padding-bottom: 25px;
	}
	
	.product-box {
    padding: 28px 28px 5px;
	}
	
	.custom-contact-details i {
    font-size: 25px;
	}
	
	.porto-info-list .porto-info-icon {	
		margin-right: 14px
	}
	
	.wpcf7-form-control.wpcf7-validates-as-required {
		min-height: 40px
	}
	
	.porto-icon.none {
		font-size: 25px
	}
	
	.certificate-box {
		width: 300px
	}
	
	.main-content {
    padding-top: 10px;
    padding-bottom: 10px;
	}
	
	.dealer-price-row iframe {
		height: 300px;
	}
	
	.dealer-price-row {
		padding: 10px
	}
	
	.page-top.page-header-3 {
		padding: 40px 0;
	}
	
	.single-post .main-content h2 {
    font-size: 24px;
	}
}