/*
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;padding-right: 0;}
::-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: #2271b1;color:#fff;}
::selection {background: #2271b1;color:#fff;}*/
/*end common
 * header*/
#header .header-main .header-left {padding: 8px 0;}

/*end header
 * home*/
.feature-box .porto-sicon-box .porto-sicon-img, .feature-box .porto-sicon-box .porto-sicon-img img {
    width: 100%;
	filter: invert(1) brightness(95%);
}
.listing .porto-feature-box {
    width: calc(25% - 30px);
    margin: 0 15px 30px;
    box-shadow: 0 0 5px 0 #ddd;
	border-radius: 4px;
	position: relative;
}
.listing .porto-feature-box .porto-lightbox,.listing .porto-feature-box .porto-sicon-description,.listing .porto-feature-box .porto-sicon-header{
	padding: 0px 10px;
}
.listing .col-md-12>.vc_column-inner {
    display: flex;
	flex-wrap: wrap;
}
.listing .wpb_custom_6bd3ea43243bb56571d580d187f8d1d7.porto-sicon-box.top-icon {
    text-align: left;
}
.porto-lightbox a.porto-popup-content.btn.btn-{
	background-color: #4c8f96;
	color: #fff;
	border-radius: 4px;
	transition: 0.8s ease;
}
.feature-box-info .porto-lightbox.wpb_content_element {
	margin-bottom: 10px
}
.listing .porto-feature-box:hover .porto-sicon-img{
	overflow: hidden
}
.listing .porto-feature-box:hover .porto-lightbox a.porto-popup-content.btn.btn-{
	background-color: #fff;
	color: #4c8f96
}
.listing .porto-feature-box .feature-box{
	position:relative;
	z-index:1;
	height: 100%;
}
.listing .porto-feature-box::before {
    content: '';
    position: absolute;
    bottom: 0;
	left:0;
	right: 0;
    width: 100%;
    background-color: #4c8f96;
    height: 0;
	transition: 0.8s ease;
	border-radius: 4px
}
.listing .porto-feature-box:hover:before {
	height: 100%;
}
.listing .porto-feature-box .porto-sicon-title {
	font-size: 16px;
	font-weight: bold;
}
.listing .porto-feature-box .porto-sicon-title,.listing .porto-feature-box .porto-sicon-description {
	transition: 0.8s ease;
}
.listing .porto-feature-box:hover .porto-sicon-title,.listing .porto-feature-box:hover .porto-sicon-description{
	color: #fff;
}
.porto-lightbox a.porto-popup-content.btn.btn-{
	display: block
}
.listing .porto-just-icon-wrapper.porto-sicon-img{
	box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
.wpcf7-form-control.wpcf7-validates-as-required, input.wpcf7-form-control.wpcf7-captchar {
    border-color: rgb(4 4 4 / 18%);
}
.top-icon h3.porto-sicon-title {
	letter-spacing:1px
}
.submit-btn input{
	width: 100%;
	border-radius: 5px
}
.porto-u-main-heading h2 {
	color:#4c8f96;
}
 .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea {
    background-color: #F3F4F7;
    border: none;
    padding: 12px 15px;
    transition: 0.4s ease;
}
.wpcf7-form-control-wrap input:focus,.wpcf7-form-control-wrap textarea:focus {
	background-color: #fff;
	border:1px solid #788095;
}
.pagination {
	padding-right: 15px
}
.pagination a{
	transition: 0.5s ease
}
.pagination a.active {
	color: #fff;
	background-color:#4c8f96
}
.pagination a.disabled {
	opacity: 0.5;
}
.pagination a:hover {
	background-color: #4c8f96;
	color: #fff;
}
.pagination a.disabled:hover{
	background-color: #fff;
	color: #4c8f96;
}
.listing .feature-box .feature-box-info {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.listing .porto-sicon-top {
	padding: 12px
}
.page-bottom-nav .widget_nav_menu>div>ul li:before{display:none;}
.page-bottom-nav .widget_nav_menu>div>ul li{border:none;padding:0;display: inline-block;border: 1px solid var(--porto-gray-5);margin: 0 -2px;}
.page-bottom-nav .widget_nav_menu>div>ul{border:none;text-align: right;}
.page-bottom-nav .widget_nav_menu>div>ul li>a{display:block;padding: 0.5rem 0.75rem;color: #4c8f96;text-align: center;min-width: 2.125rem;line-height: 1.2;transition: all 0.5s;}
.page-bottom-nav .widget_nav_menu>div>ul li>a:hover, .page-bottom-nav .widget_nav_menu>div>ul li.current-menu-item>a{background-color: #4c8f96;color: #fff;font-weight:400;}

/*end home
 * footer*/
span.footer-copyright {font-size: 14px;}
a#call-now {color: #fff;background-color: #4c8f96;width: 52px;height: 52px;position: fixed;bottom: 60px;right: 10px;border-radius: 100%;z-index: 999;line-height: 52px;font-size: 30px;text-align:center;}
/*end footer*/

/* blog post */
.blog-posts .post-grid>div {
	box-shadow: 0 0 5px 0 #ddd;
	border-radius: 4px;
	padding: 10px;
}
.blog-posts .post-grid .btn-default.btn{
	background-color: #4c8f96;
	color: #fff;
	border-radius: 2px;
}
.blog-posts .post-grid .btn-default.btn:hover {
	opacity: 0.9
}
.right-sidebar .sidebar-content aside{
	box-shadow: 0 0 5px 0 #ddd;
	border-radius: 4px;
	padding: 10px;
}
.sidebar-content .widget .wp-block-search button{
	background-color: #4c8f96;
	color: #fff;
	border-color: #4c8f96;
}
.right-sidebar .sidebar-content h2,.right-sidebar .sidebar-content label {
	color: #4c8f96;
}
.blog-posts .post-grid .post-meta {
	display: none
}
/* end blog post */

/* breadcrumb */
.page-top > .container {
    padding-top: 100px;
    padding-bottom: 100px;
}
.page-top {
	position: relative;
}
.page-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6); 
}
.page-top .page-title:not(.b-none):after{
	content: none
}
/* end breadcrumb */

/* magazine download */
.magazine .vc_column_container>.vc_column-inner {
	display: flex;
    flex-wrap: wrap;
}
.magazine h3.porto-sicon-title {
	color: #fff;
	text-align: center
}
.magazine .porto-sicon-box .img-icon {
	filter: invert(1)
}
.magazine .top-icon .porto-just-icon-wrapper {
	margin: 0 auto 15px;
    display: block;
}
.magazine a.porto-sicon-box-link {
    width: calc(33.33% - 30px);
    margin: 0 15px;
    background-color: #4c8f96;
	box-shadow: 0 0 5px 2px #ddd;
	padding-top: 15px;
	transition: 0.4s ease;
	border-radius: 5px;
}
.magazine a.porto-sicon-box-link:hover {
	transform: translatey(-8px)
}
.page-content section.magazine {
    padding-top: 50px;
    padding-bottom: 50px;
}
/* end magazine download */

/* contact page */
.contact-form-section .vc_column_container.col-md-6:nth-child(2)>div>.wpcf7{
	border-radius: 12px;
    box-shadow: 0 0 5px 0 #ddd;
    padding: 30px;
}
.contact-form-section .porto-sicon-box {
	background-color: #4c8f96;;
	color: #fff;
	padding: 20px;
	border-radius: 12px;
	box-shadow: 0 0 5px 2px #ddd;
	transition: all 0.4s ease;
}
.contact-form-section .porto-sicon-description h3{
	color: #fff;
	transition: all 0.4s ease;
}
.contact-form-section .porto-sicon-left {
	display: flex;
	align-items: center;
}
.contact-form-section .porto-sicon-description p a {
	color: #fff;
	transition: all 0.4s ease;
}
.contact-form-section .porto-sicon-description p a:hover{
	color: #4c8f96;
}
.contact-form-section .left-icon .porto-sicon-left .porto-icon {
    border: 1px solid;
    padding: 8px;
    border-radius: 50%;
	margin-right: 10px;
	font-size: 24px
}
.contact-form-section .porto-sicon-box:hover,.contact-form-section .porto-sicon-box:hover h3,.contact-form-section .porto-sicon-box:hover a{
	background-color: transparent;
	color: #222529;
}
section.vc_section.map-section {
		padding-top: 30px
	}
/* end contact page */


/*responsive*/
@media screen and (min-width: 991px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl {max-width: 1280px;--porto-flick-carousel-width: 1280px;}
	.wpb_gmaps_widget.vc_map_responsive .wpb_map_wraper {
		padding-bottom: 40.25%;
	}
	
}
@media screen and (max-width: 1268px) {
	.contact-form-section .porto-sicon-description p a {
		word-break: break-all;
	}
}
@media screen and (max-width: 991px) {
	.listing .porto-feature-box {
    	width: calc(33.33% - 30px);
	}
	.magazine a.porto-sicon-box-link {
    	width: calc(50% - 30px);
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 768px) {
	.listing .porto-feature-box {
    	width: calc(50% - 30px);
	}
/* 	.post-12.page */
	.page-content section {
		padding-top: 35px;
		padding-bottom: 15px;
	}
	.page-top > .container {
		padding-top: 75px;
		padding-bottom: 75px;
	}
	.page-content section.magazine {
		padding-top: 30px;
		padding-bottom: 0;
	}
}
@media screen and (max-width: 480px) {
	.listing .porto-feature-box {
    	width: calc(100% - 30px);
	}
	.listing .vc_column_container.col-md-12 {
    	padding: 0;
	}
	.pagination {
		padding-right: 0
	}
	.magazine a.porto-sicon-box-link {
    	width: calc(100% - 30px);
	}
	.page-top > .container {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.contact-form-section .vc_column_container.col-md-6:nth-child(2)>div>.wpcf7 {
		padding: 20px
	}
	.page-content section {
		padding-top: 20px;
		padding-bottom: 0;
	}
}
/*end responsive*/