/*
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  ***************/

.h2,h2 {
	font: var(--porto-h2-fst,normal) var(--porto-h2-fw,700) var(--porto-h2-fs,2.2em)/var(--porto-h2-lh,40px) var(--porto-h2-ff,var(--porto-body-ff)),sans-serif;
	color: var(--porto-h2-color,var(--porto-heading-color));
	letter-spacing: var(--porto-h2-ls,-0.05em);
	margin-bottom: 32px;
	font-weight:200;
	letter-spacing: 0.05em;
}

.section-with-shape-divider .shape-divider svg {
	position: relative; 
	width: 100%;
	top: 0;
	left: 0;
	height: auto;
	transform: translate3d(0,0,0); 
}

.porto-btn-large button,
.porto-btn-large .vc_btn3:not(.vc_btn3_input ),
.porto-btn-large .vc_btn3_input input
 {
  padding: 18px 32px !important;
}
.zg_bubble_button.vc_btn3-container{
 /* filter: url("#goo"); */
    z-index: 1;
  position: relative;
  text-align: center;
  background-color: transparent;
  transition: color 0.5s;
  cursor: pointer;
 
  display:inline-block;
overflow:hidden;
}
.porto-btn-large .vc_btn3_input{
	background:#7ab929;
}
.zg_bubble_button.vc_btn3-container .vc_btn3 input{
	background:none;
	color:var(--porto-primary-color) !important;
	border:0;
	font-size: 16px;
	font-weight: 600;
	display:block;
	

}
.zg_bubble_button.vc_btn3-container .vc_btn3{
	 transition: all 0.5s ease;
	 font-weight: 600;
	font-size: 16px;
	/* background:#7ab929; */
	/* color:var(--porto-primary-color); */
	border-radius:0 !important;
	border:0;
}
.zg_bubble_button.vc_btn3-container:hover .vc_btn3,.zg_bubble_button.vc_btn3-container:hover .vc_btn3 input{
	color:var(--porto-secondary-light-7) !important;
	 transition: all 0.5s ease;
	 
}
.zg_bubble_button.vc_btn3-container .vc_btn3:hover{background:transparent !important}
.zg_bubble_button.vc_btn3-container .vc_btn3:after,
.zg_bubble_button.vc_btn3-container .vc_btn3:before,
.zg_bubble_button.vc_btn3-container:before,
.zg_bubble_button.vc_btn3-container:after
{
	content:"";
	z-index:-1;
	 transition: all 0.5s ease;
  position: absolute;
  top: 2px;
  width: 25%;
  height: 125%;
  background: var(--porto-primary-color);
  border-radius: 100%;
  transform: translate3d(0, 150%, 0) scale(1);
  transition: transform 0.45s;
}

@supports (filter: url("#goo")) {
	.zg_bubble_button.vc_btn3-container .vc_btn3:after,
	.zg_bubble_button.vc_btn3-container .vc_btn3:before,
	.zg_bubble_button.vc_btn3-container:before,
	.zg_bubble_button.vc_btn3-container:after
  {
    transform: translate3d(0, 150%, 0) scale(1);
  }
}

.zg_bubble_button.vc_btn3-container .vc_btn3:after {
  left: 0%;
  transition-delay: 0s;
}

.zg_bubble_button.vc_btn3-container .vc_btn3:before
 {
  left: 30%;
  transition-delay: 0.08s;
}


.zg_bubble_button.vc_btn3-container:before
 {
  left: 60%;
  transition-delay: 0.16s;
}

.zg_bubble_button.vc_btn3-container:after {
  left: 90%;
  transition-delay: 0.24s;
}
@supports (filter: url("#goo")) {
	.zg_bubble_button.vc_btn3-container:hover .vc_btn3:after,
	.zg_bubble_button.vc_btn3-container:hover .vc_btn3:before,
	.zg_bubble_button.vc_btn3-container:hover:before,
	.zg_bubble_button.vc_btn3-container:hover:after

  {
    transform: translateZ(0) scale(1.7);
  }
}
@supports not(filter: url("#goo")) {

	.zg_bubble_button.vc_btn3-container:hover .vc_btn3

  {
    background:#7ab929;
  }
}
.zg_bubbles{
	position:absolute !important;
	top:0 !important;
	bottom:0 !important;
	width:100%;
	border:1px solid #f00;
	
}

.header-builder-p .vc_column-inner {
	justify-content: flex-end;
}

#header {
	margin: 0;
	background-color:#fff;
}
#header .main-menu > li.menu-item > a {
  padding: 0 !important;
  margin: 0 !important;
}
#header .main-menu > li.menu-item{
	padding:8px 15px;
}
#header .main-menu > li.menu-item:last-child{
	padding:8px 0 8px 15px;
}
.porto-block-html-content-top{
	position:relative;
}
.shape-divider-wrapper{
	position:absolute;
	top:-1vw;
	bottom:0;
	left:0;
	right:0;
	z-index:1;
}
.section-with-shape-divider .shape-divider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto !important;
	max-height:200px;
	z-index: 0;
}
.section-with-shape-divider .shape-divider {
	margin-bottom: -1px;
	top:-1px;
}
.main-content-wrap{
	/* padding-top:35px; */
}
.zg_trenner,
.zg_trenner_top{
	position:relative
}
.zg_trenner_top:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-position-y: 88%;
	
}
.zg_trenner:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position-y: 88%;
	
}
.trenner_blau_top_1:before{
	background-image: url('assests/img/wave_top_blau_1.svg');
}
.trenner_bottom_1,
.trenner_bottom_1_green{
	padding-bottom:200px;
}
.trenner_bottom_1:after{
	height: 245px;
	background-image: url('assests/img/wave_1.svg');
}
.trenner_bottom_1_green:after{
	height: 245px;
	background-image: url('assests/img/wave_1_green.svg');
}
.trenner_bottom_2:after{
	height: 245px;
	background-image: url('assests/img/wave_2.svg');
}
.page-top{
	z-index:2
}
.page-top>.container{
	padding-top:0 !important;
	padding-bottom:0 !important;
}
.wave-quaternary-color .custom-svg-fill-color-secondary{
	fill:var(--porto-quaternary-color)
}

#header_,.page-top_,.background-quaternary-color {
	background-color: var(--porto-quaternary-color);
}
.background-primary-color {
	background-color: var(--porto-primary-color);
}
.background-secondary-color {
	background-color: var(--porto-secondary-color);
}

.section-with-shape-divider .shape-divider svg {
	width: auto;
	/* margin-top: -1px; */
}
.rotate-180-svg {
  -webkit-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
}

#footer .menu{
	display:flex;
	border:0;
	justify-content:flex-end
}
#footer .menu li{
	border:0;
	padding-left: 10px;
	padding-right: 10px;
}
#footer .menu li a{
	
}
 #footer .mobile .menu li{
	margin:1vw;
}
#footer .mobile  .menu{
	justify-content: center;
}
.mobile{
	padding:1vw;
}
.justify-content-flex-end>.vc_column-inner{
	justify-content:flex-end !important;
	display:flex !important;
}
.hyphens-auto{
	hyphens: auto;
	}
.wpb_single_image img {
    height: auto;
    width: 100%;
}
.alt_headline_colors h2{
	color: var(--porto-secondary-color);
    letter-spacing: var(--porto-h4-ls, -0.05em);
}
.alt_headline_colors h3{
	color: var(--porto-primary-color);
    letter-spacing: var(--porto-h6-ls, -0.05em);
}
.newsletter input[type=submit]:hover{
	background:var(--porto-secondary-color);
}
#nav-panel .accordion-menu li.menu-item > a:active,
#nav-panel .accordion-menu li.menu-item > a:focus,
#nav-panel .accordion-menu li.menu-item > a:hover,
#nav-panel2 .accordion-menu li.menu-item > a:active,
#nav-panel2 .accordion-menu li.menu-item > a:focus,
#nav-panel2 .accordion-menu li.menu-item > a:hover
 {
    background-color: var(--porto-secondary-color);
	color:#fff;
}

/* footer mobile menu */
#nav-panel2 {
    font-size: 0.9em;
    display: none;
    transition: transform 0.2s ease-in-out;
    padding-bottom: 15px;
    position: relative;
}
#nav-panel2.active{
	display:block;
}
#nav-panel2 {
    padding-top: 15px;
    flex: 0 0 100%;
    max-width: 100%;
}
#nav-panel2 .mobile-nav-wrap {
    background-color: var(--porto-light-color);
    max-height: 50vh;
    overflow-x: hidden;
    overflow-y: auto;
    transition: max-height 1.2s;
}
#nav-panel2 .mobile-menu {
    font-size: 1rem;
}
#nav-panel2 .accordion-menu li.menu-item > a, 
#nav-panel2 .accordion-menu > li.menu-item > a, 
#nav-panel2 .accordion-menu .arrow, 
#nav-panel2 .menu-custom-block a, 
#nav-panel2 .accordion-menu > li.menu-item > .arrow {
    color: #333333;
	    border-radius: 4px;
}
#nav-panel2 .accordion-menu > li.menu-item.active > a{
	background-color: var(--porto-primary-color);
		color: #fff;
}
#nav-panel2 .accordion-menu li {
    padding-top: 1px;
    padding-bottom: 1px;
    border-bottom: 1px solid #e8e8e8;
}
  #footer-mobile{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;
    background: #fff;
	padding:3vw;
	border-top:2px solid var(--porto-secondary-color);
	box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .13), 0 1px 4px 0 rgba(0, 0, 0, .11);
	
  }
#footer-mobile .logo{
	margin:0 !important;
	 display: flex;
    align-items: center;
}
.footer-mobile-buttons{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    align-items: center;
	
}
.footer-mobile-buttons .iconlink{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.footer-mobile-buttons .iconlink a{
	font-size:30px;
	color:var(--porto-primary-color);
	padding:0 2.5vw;
	margin-left:2.5vw;
	display:block;

	   
}


#geodir-wrapper [type=button]:active, #geodir-wrapper [type=button]:focus, #geodir-wrapper [type=button]:hover, #geodir-wrapper [type=submit]:active, #geodir-wrapper [type=submit]:focus, #geodir-wrapper [type=submit]:hover, .button:active, .button:focus, .button:hover, .geodir-search [type=button]:active, .geodir-search [type=button]:focus, .geodir-search [type=button]:hover, .geodir-search [type=submit]:active, .geodir-search [type=submit]:focus, .geodir-search [type=submit]:hover, [type=submit]:active, [type=submit]:focus, [type=submit]:hover, input.submit:active, input.submit:focus, input.submit:hover {

    color: var(--porto-primary-color-inverse) !important;
}
@media (min-width: 520px) and (max-width: 899px) {
	.h4,h4{
		font-size: 2vw;
	}
	.h2, h2{
		font-size: 6vw;
		 line-height: 123%;
	}
	#header .share-links a {
		font-size: 12px;
		width: 30px;
		height: 30px;
		margin-left: 4vw !important;
		margin-top: 1vh !important;
		margin-bottom: 1vh !important;
	}
	.follow-us .share-links a {
		width: 30px;
		height: 30px;
		border-radius: 30px;
		margin-right: 4vw !important;
			margin-top: 1vh !important;
			margin-bottom: 1vh !important;
		font-size: 14px;
	}
}	
@media (max-width: 767px) {
	/* #footer *{
		 text-align:center;
	 }*/
	 .max500{
		 width:100%;
	 }
	 .mobile-text-shadow .h2,
	 .mobile-text-shadow h2,
	 .mobile-text-shadow h3,
	 .mobile-text-shadow .h3,
	 .mobile-text-shadow h4,
	 .mobile-text-shadow .h4,
	 .mobile-text-shadow	 p{
		 text-shadow: 1px 1px 1px #777;
	 }
	
}
@media (max-width: 519px){
	.h4,h4{
		font-size: 3.5vw;
	}
	.h2, h2{
		font-size: 6.6vw;
        line-height: 140%;
	}
	#header .share-links a {
		font-size: 12px;
		width: 35px;
		height: 35px;
		margin-left: 4vw !important;
		margin-top: 1vh !important;
		margin-bottom: 1vh !important;
	}
	.follow-us .share-links a {
		width: 35px;
		height: 35px;
		border-radius: 30px;
		margin-right: 4vw !important;
			margin-top: 1vh !important;
			margin-bottom: 1vh !important;
		font-size: 14px;
	}
	}
}

/*custom classes*/
.custom-font-secondary { font-family: "Playfair Display", Poppins!important;  }
.btn-gradient:not(.btn-outline) { background: linear-gradient(135deg, var(--porto-primary-color) 0%, var(--porto-tertiary-color) 80%); color: #fff; transition: all 0.5s ease; }
.btn-gradient:not(.btn-outline):hover { background: linear-gradient(135deg, var(--porto-tertiary-color) 0%, var(--porto-primary-color) 80%); color: #fff;  transition: all 0.5s ease;}
.z-index-2 { z-index: 2 !important; }
/* svg container*/
.rotate-no-svg { -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; }
.svg-3d-180 { -webkit-transform: rotate3d(0, 1, 0, 180deg) !important; transform: rotate3d(0, 1, 0, 180deg) !important; }
.custom-section-svg { position: relative; }
.custom-section-svg .intro-content { position: absolute; top: 43%; left: 50%; transform: translate3d(-50%, -50%, 0); }
.custom-section-svg svg { position: relative; width: 100%; top: 0; left: 0; height: 100%; }
.custom-svg-wrapper-1 svg { position: absolute; top: 60%; left: 43%; width: 150%; height: 170%; transform: translate3d(-50%, -50%, 0); z-index: 0; }
.custom-svg-wrapper-1>.wpb_wrapper { padding-left: 3rem !important; padding-right: 3rem !important; position: relative;  }
.custom-svg-wrapper-2 svg { position: absolute; top: 60%; left: 50%; width: 144%; height: 80%; transform: translate3d(-50%, -50%, 0); z-index: 0; }
.custom-svg-wrapper-3 svg { position: absolute; top: 60%; left: 50%; width: 144%; height: 80%; transform: translate3d(-50%, -50%, 0); z-index: 0; }
.custom-svg-wrapper-4 .footer-svg svg { position: absolute; top: 46%; left: 50%; width: 144%; height: 112%; transform: translate3d(-50%, -50%, 0); z-index: 0; }
/*page*/
.intro-content .vc_btn3.vc_btn3-size-lg { line-height: 1.5; }
.blog-posts .porto-tb-item { margin-bottom: 3rem !important;  }
.custom-gallery .vc_single_image-wrapper img ,.custom-gallery .vc_single_image-wrapper { transition: .3s; }
.custom-gallery .wpb_single_image:hover img { transform: scale(1.1, 1.1); }
.custom-gallery img { width: 100%!important; }
.custom-gallery .wpb_single_image .vc_single_image-wrapper { overflow: hidden; width: 100%; }
.custom-gallery .wpb_single_image:hover .vc_single_image-wrapper { box-shadow: 0px 0px 50px -10px #000; }
#works .wpb_single_image { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.custom-carousel-backward-shape:before { content: ''; position: absolute; width: 100%; max-width: 1200px; top: 0px; left: 50%; right: auto; bottom: 60px; background-color: #ccc; opacity: 0.15; transform: translate3d(-50%, 0, 0); }
.custom-carousel-backward-shape .owl-dots { margin-top: 30px !important; }
.custom-dots-style-1 .owl-dots .owl-dot > span { width: 16px; height: 16px; border-color: #c5c5c5; }
.custom-dots-style-1 .owl-dots .owl-dot:hover > span, .custom-dots-style-1 .owl-dots .owl-dot.active > span { border-color:#36393d; }
.custom-dots-style-1 .owl-dots .owl-dot > span:after { background: #36393d; width: 6px; height: 6px; border-color: #36393d !important; }
.custom-dots-style-1.custom-dots-style-1-light .owl-dots .owl-dot.active > span, .custom-dots-style-1.custom-dots-style-1-light .owl-dots .owl-dot > span, .custom-dots-style-1.custom-dots-style-1-light .owl-dots .owl-dot:hover > span { border-color: #fff !important; }
.custom-dots-style-1.custom-dots-style-1-light .owl-dots .owl-dot > span:after { background: #fff; border-color: #fff !important; }
.owl-carousel.dots-style-1 .owl-dots span { margin: 5px 4px; }
.custom-pricing-style-1 .plan { display: flex; flex-direction: column; margin: 0 0 0 -1px; padding-bottom: 0; box-shadow: 0px 0px 40px rgba(200, 200, 200, 0.3); }
.custom-pricing-style-1 .plan h3 strong { padding: 1.7rem 1rem; color: #999; font-size: 1rem; font-weight: 400; letter-spacing: 4px; margin: 0; background: #f1f3f7; }
.custom-pricing-style-1 .plan .plan-price { padding-bottom: .2rem; background: transparent;  }
.custom-pricing-style-1 .plan-price .price { font-size: 3rem; font-weight: 800; align-items: flex-end; font-family: "Poppins", sans-serif; }
.custom-pricing-style-1 .plan-price .price-unit { font-weight: 400; }
.custom-pricing-style-1 .plan-price .price-label { font-family: 'Playfair Display', sans-serif; font-size: 1.3rem; margin-top: 1rem; text-transform: none; }
.custom-pricing-style-1 .plan .btn { display: inline-block; border: none; margin: .7rem auto 2.5rem; font-weight: 700; text-transform: capitalize; border-radius: 4px; padding: 17.5px 2.4rem; order: 2; }
.custom-pricing-style-1 .plan ul { font-size: 14px; padding: .8rem 1.3rem; }
.custom-pricing-style-1 .plan ul li { border: none; font-size: 1em !important; padding: 0; line-height: 2.9; }
.custom-pricing-style-1 .plan.plan-featured h3 strong { padding: 2.3rem 1rem; background-color: var(--porto-secondary-color); color: #fff; }
.custom-pricing-style-1 .plan.plan-featured .plan-price { padding-top: 1.6rem; }
.custom-pricing-style-1 .plan.plan-featured .btn { background: linear-gradient(135deg, var(--porto-primary-color) 0%, var(--porto-secondary-color) 80%); color: #fff; }
.custom-pricing-style-1 .plan.plan-featured { transform: scale(1) translate3d(0, -11px, 0); position: relative; z-index: 1; }
.svg-fill-color-primary path { fill: var(--porto-primary-color) !important; }
.page-top .page-title { font-size: 2em; font-weight: 700; font-size: 40px; }
.page-top .container { padding-top: 30px; padding-bottom: 30px; }

@media (min-width: 1921px){ .section-with-shape-divider .shape-divider svg { height: unset !important;} }
@media (min-width: 1840px){ .bottom-divider .shape-divider svg,footer  .shape-divider svg{ width: 100% !important;} }
@media (max-width: 1920px) { .section-with-shape-divider .shape-divider svg { width: auto; } }
@media (max-width: 1400px) { .custom-section-svg svg { left: 70px; } }
@media (max-width: 991px) { .custom-section-svg svg { width: 180%; } }