/* ----------------------------------------------------------------
	CSS Specific to the Bike Demo

	Some of the CSS Codes have been modified from the Original
	style.css File to match the Styling of this Demo

	-----------------------------------------------------------------*/

	:root{
		--theme1: #f4ffe6;
		--theme2: #e2e9d9;
		--themecolor: #E83C3C;
	}

	/* width */
	::-webkit-scrollbar {
		width: 8px;
	}
	
	/* Track */
	::-webkit-scrollbar-track {
		background: #f1f1f1; 
	}
	
	/* Handle */
	::-webkit-scrollbar-thumb {
		background: #888; 
		border-radius:3px;
	}
	
	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
		background: #555; 
	}

	/***************** Home page ********************/

	@font-face {
		font-family: courgette;
		src: url(fonts/Courgette-Regular.ttf);
	}

	@font-face {
		font-family: PoiretOne;
		/* src: url(fonts/Quicksand-VariableFont_wght.ttf); */
		src: url(fonts/PoiretOne-Regular.ttf);
	}

	body, h1, h2, h3, h4, h5, h6, small,#primary-menu ul li > a, #primary-menu ul li,.counter,.button.button-desc{
		font-family: PoiretOne !important;
		color:#000 !important;
		font-weight: bold;
	}

	.button.button-desc{
		color:#fff !important;
	}

	#primary-menu ul li > a, #primary-menu ul li {
		letter-spacing: 2px;
	}

	#header.full-header {
		border-bottom: 1px solid #efefef;
		transition:none !important;
	}
	

	#primary-menu ul li:hover > a, #primary-menu ul li.current > a {
		color: #85ad3a !important;
		text-decoration: none !important;
	}

	.template-name a{
		color:#3a8a35 !important;
	}

	.light-green-text{
		color: #85ad3a !important;
	}
	
	.dark-green-text{
		color: #3a8a35  !important;
	}

	.button-light-green{
		background-color: #85ad3a !important;
	}

	.button-light-green:hover, #light-green-contact-us-button:hover{
		background-color: #799c37 !important;
	}
	
	.button-dark-green{
		background-color: #3a8a35 !important;
	}

	.button-dark-green:hover{
		background-color: #33772e !important;
	}

	.button-black{
		background-color: #333333 !important;
	}

	.button-black:hover{
		background-color: #3a8a34 !important;
	}

	.button-oval{
		border-radius:30px !important;
	}

	.light-green-bg{
		background-color: #f4fbeb !important;
	}

	.grey-bg{
		background-color: #f7f7f7 !important;
	}
	.owl-carousel .owl-nav [class*=owl-]:hover {
		background-color: #2372b9 !important;
	}

	#home-main-heading {
		font-size: 50px;
		color: #cbcbcb !important;
	}

	.slider-container .heading-block  small{
		font-size:24px;
		font-weight: bold !important;
		line-height: 70px;		
		color: #cbcbcb !important;
	}

	
	#home-main-heading small{
		font-size:24px;
		font-weight: normal !important;
		color: #cbcbcb !important;
	}


	#home-main-heading small span{
		font-size:50px;
		/* font-size:40px; */
	}
	
	.slider-btn{
		background-color: #ffffff !important;
		color: #333;
		font-weight: bolder;
		text-shadow: none;
	}

	.slider-btn.button:hover {
		background-color: #cfdfb2 !important;
		color: #333 !important;
		text-shadow: none;
	}

	.banner-img-side{
		height:550px;
	}

	.banner-img-side img{
		height:85%;
		/* box-shadow: 5px 5px 10px #ddd; */
		padding: 10px;
		background: #fff;
		border-radius: 3px;
	}

	.btn-primary{
		background-color: #3a8a35;
		border-color: #388a34;
		letter-spacing: 1px;
	}

	.button{
		letter-spacing: 1px  !important;
	}

	.btn-success{
		letter-spacing: 1px;
	}

	.btn-primary:hover,.btn-primary:active,.btn-primary:focus {
		background-color: #85ad3a;
		border-color: #85ad3a;
	}

	#login-box label, #register-form label, #fp-box label{
		font-size:14px;
	}

	#login-box .remember-me{
		font-weight: bold;
	}

	.message{
		font-weight: bold;
		font-size: 16px;
	}

	#contact-form-overlay{
		box-shadow: none !important;
		border-radius: 15px !important;
		border:1px solid #ddd;
	}


	

	@media (min-width:768px){
		.slider-container{
			max-width:100%;
		}

		#footer .justify-content-md-end{
			justify-content: flex-end !important;
			display: inline-grid;
		}
	}

	@media (max-width:767px){
		#home-main-heading {
			font-size: 40px;
		}

		.slider-container{
			max-width:100%;
		}

		.section-curve{
			height:850px !important;
		}

		.banner-detail-side{
			text-align:center;
		}
	}


	@media (max-width:535px){
		#home-main-heading {
			font-size: 40px;
		}
	}

	@media(max-width:400px){
		.slider-container .heading-block{
			margin-bottom:30px;
		}
		.slider-container .heading-block small{
			line-height: 50px;
		}
		#home-main-heading {
			font-size: 30px !important;
		}
		.banner-img-side img{
			width:100%;
			height: auto !important;
		}
		
	}

	
	@media(max-width:300px){
		#home-main-heading {
			font-size: 25px !important;
		}

		#home-main-heading small span {
			font-size: 35px;
		}

		.slider-container .heading-block small {
			line-height: 35px;
		}

		.section-curve {
			height: 760px !important;
		}

		.template-type-detail{
			min-height: 100px !important;
			height: auto !important;
		}

		#faq-btn{
			font-size: 13px;
			max-width: 100%;
			white-space: pre-wrap;
			height: auto;
		}
	}

	.testimonial{
		background-color: #f8f8f8;
		box-shadow: 1px 1px 2px rgb(0 0 0 / 10%);
		border:none;
		border-radius: 15px;
	}

	.testi-image{
		float: none;
		width: 100%;
		height: 80px;
		text-align: center;
	}

	.testi-image a{
		display: initial !important;
		text-align: center;
	}
	
	.testi-image img{
		width:80px !important;
		height: 80px;
		display: initial !important;
		margin-top: -40px;
		border-radius: 5px;
		padding: 4px;
		/* border: 1px solid #ddd; */
		background: #fff;
	}

	.testi-meta{
		color:#398935;
	}

	.test-content p{
		font-size: 17px;
		min-height: 55px;
		height:auto !important;
	}

	#footer .footer-widgets-wrap{
		padding:20px 0;
		color: #fff !important;
    	font-size: 18px !important;
	}

	#footer .footer-widgets-wrap h4{
		color:#fff !important;
		font-size: 18px !important;
		margin:0 0 30px 0 !important;
	}

	#footer .footer-widgets-wrap .text-muted{
		color:#777777 !important;
	}

	#footer .footer-widgets-wrap .mb-2{
		margin-bottom: 0.5rem !important;
	}

	#footer .footer-widgets-wrap .my-4{
		margin-bottom: 1.5rem !important;
		margin-top: 1.5rem !important;
	}

	#footer  #copyrights{
		padding: 40px 0 !important;
	}
	/***************** End of Home Page *************/

	.template-type-img{
		box-shadow: 1px 1px 5px #ddd;
		text-align: center;
		padding: 10px !important;
		border-radius: 3px;

		/* animation-duration: 1ms;
		animation-timing-function: ease;
		animation-delay: 0s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards; */
	}

	.template-type-detail{
		height:120px;
		/* font-weight: bold; */
		color: #7c7b7b;
		letter-spacing: 1px;
		font-size:17px !important;
	}

	.counter-box{
		color: #fff !important;
		padding: 10px;
		border-radius: 25px;
		margin-top:10px;
	}

	.dark-theme-box {
		background: #3a8a35;
	}

	.light-theme-box {
		background: #84ac39;
	}

	.counter-box div.counter{
		font-size: 45px;
	}

	.counter.counter-large + h5, .counter.counter-xlarge + h5 {
		font-size: 18px;
		font-weight: 300;
		letter-spacing: 6px;
	}

	.counter-box i, .counter-box div.counter, .counter-box h5{
		color:#fff !important;
	}

	.dark #copyrights,.dark .copyright-links a{
		color: rgb(255 255 255 / 50%);
		letter-spacing: 2px;
	}


	@media (min-width:768px) and (max-width:991px){
		#fact-counters{
			max-width: 100%;
		}
	}

	.step-col{
		background: #fdfdfd;
		padding: 10px;
		margin-bottom:20px;
	}

	.step-number{
		background: #85ad3a;
		width: 50px;
		border-radius: 100px;
		height: 50px;
		text-align: center;
		align-self: center;
		line-height: 36px;
		border: 7px double #ffffff;
		position: absolute;
		font-size: 20px;
		left: 5px;
		top: -9px;
		font-weight: bold;
		color: #ffffff;
	}

	.step-img{
		padding:5px;
		border-radius: 10px;
	}

	.step-name{
		text-align: center;
		font-weight: bold;
		/* color: #454c44; */
		/* letter-spacing: 3px; */
		font-size:18px;
		min-height: 30px;
	}

	.step-big-letter{
		font-size:24px;
		color: #3a8a35;
	}

	.step-details{
		font-size: 17px;
		text-align: center;
		padding: 0 10px;
		/* margin: 10px; */
		/* border-top: 1px solid #ede9e9;
		border-bottom: 1px solid #ede9e9; */
		min-height: 110px;
		height: auto !important;
		color: #7c7b7b;
		/* letter-spacing: 2px; */
	}

	.step-details .divider{
		margin: 5px 0;
		color:#d9d8d8;
	}

	.step-details .divider i{
		font-size: 15px !important;
	}
	s
	.bg1,
	#header,
	#header.sticky-header #header-wrap { 
		/* background-color: var(--theme1); */
		background-color: #fff;  
	 }
	 

	 .section{
		background:#fff;
	 }

	 #content{
		overflow: initial;
	 }

	#content p:not(.lead) {
		font-size: 15px;
		line-height: 1.7;
	}

	.button-shadow:not(:hover) {
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		transform: translateY(-1px);
	}

	.section-curve:after {
		height: 50px;
		background-image: url('images/curve.svg');
		background-size: 100% 100%;
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		z-index: 0;
		bottom: 0;
	}

	#ytb-video { cursor: pointer }

	#ytb-video-button.play-icon {
		position: absolute;
		display: block;
		left: 50%;
		top: 50%;
		width: 60px;
		height: 60px;
		line-height: 61px;
		margin-top: -31px;
		margin-left: -31px;
		transition: transform .3s ease;
	}

	#ytb-video:hover .play-icon {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}

	#ytb-video-button.play-icon i {
		width: 60px;
		height: 60px;
		line-height: 61px;
		font-size: 24px;
		color: #000;
		text-align: center;
		border-radius: 50%;
		background-color: #FFF;
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		z-index: 2;
		transition: all .3s ease;
	}

	#ytb-video:hover .play-icon i {
		background-color: red;
		color: #FFF;
	}

	#ytb-video-button.play-icon i.icon-play { padding-left: 4px; }

	#ytb-video-button.play-icon i:nth-of-type(2),
	.video-played #ytb-video-button.play-icon i:nth-of-type(1) { display: none; }

	.video-played #ytb-video-button.play-icon i:nth-of-type(2) { display: block; }

	#ytb-video:not(:hover) i:nth-of-type(2) { opacity: 0; }

	.ytb-card { margin-top: -430px; }

	.device-xs .ytb-card { margin-top: -310px; }


	.showcase-section .showcase-target { display: none; }

	.showcase-section .showcase-target.showcase-target-active { display: block; }

	.showcase-section ul { list-style: none; }

	.showcase-section ul li {
		display: block;
		position: relative;
		padding: 24px 0;
		cursor: pointer;
		border-top: 1px solid #F0F2F6;
	}

	.showcase-section ul li:first-child {
		padding-top: 0;
		border-top: 0;
	}

	.showcase-section ul li h3 {
		display: block;
		position: relative;
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 5px;
	}

	.showcase-section ul li p {
		font-weight: 400;
		font-size: 15px;
		line-height: 1.6;
		margin-bottom: 0;
		color: #777;
	}

	.showcase-section ul li h3:before {
		opacity: 0;
		content: "\e77d";
		font-family: 'font-icons';
		position: absolute;
		margin-left: -20px;
		top: -2px;
		-webkit-transition: margin-left .3s ease, opacity .3s ease;
		-ms-transition: margin-left .3s ease, opacity .3s ease;
		-o-transition: margin-left .3s ease, opacity .3s ease;
		transition: margin-left .3s ease, opacity .3s ease;
	}

	.showcase-section ul li.showcase-feature-active h3:before {
		opacity: 1;
		margin-left: -15px;
	}

	.showcase-section ul li.showcase-feature-active h3 { color: var(--themecolor); }

	.showcase-section .showcase-target {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		opacity: 0;
		width: 100%;
		-webkit-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		-o-transform: translateX(-10px);
		transform: translateX(-10px);
		-webkit-transition: all .3s .1s ease;
		-o-transition: all .3s .1s ease;
		transition: all .3s .1s ease;
		-webkit-backface-visibility: hidden;
	}

	.showcase-section .showcase-target.showcase-target-active {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		z-index: 9;
	}

	.showcase-section .showcase-target:first-child { position:  relative; }

	.heading-block p { 
		font-size: 17px !important; 
		letter-spacing: 2px;
		color: #000;
	}


	.progress.skills-animated:after {
		content: "\e095";
		font-family: 'lined-icons';
		color: var(--themecolor);
		position: absolute;
		right: -5px;
		top: -26px;
		font-size: 36px;
	}

	.progress:before {
		width: 20px;
		height: 20px;
		content: ''; 
		position: absolute;
		top: -8px;
		left: 0;
		background-color: #FFF;
		border: 4px solid var(--themecolor);
		border-radius: 50%;
		display: none;
	}

	.progress-percent:before { display: none; }
	.progress-percent:after {
		background-color: #fff;
		border: none;
		position: absolute;
		z-index: 2;
		width: 8px;
		height: 8px;
		content: ' ';
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-transform: translateX(-14%) translateY(-69%) rotate(45deg);
		transform: translateX(-14%) translateY(-69%) rotate(45deg);
		border-radius: 2px;
		left: 50%;
		-webkit-box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.24);
		box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.24);
		bottom: -1.8px;
	}

	.skills li .progress-percent {
		top: -50px;
		right: -20px;
		padding: 5px 10px;
		text-align: center;
		background-color: #FFF;
		-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.24);
		box-shadow: 0 2px 4px 0 rgba(0,0,0,0.24);
		height: auto;
		font-size: 15px;
		line-height: 16px;
		text-shadow: none;
		color: #232D41;
	}

	.irs-bar-edge,
	.irs-line-mid,
	.irs-line-left,
	.irs-line-right { background-color: rgba(232, 60, 60, 0.3); }

	.pricing-price:after { display: none; }

	.portfolio-desc h3 {
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 600;
		letter-spacing: 0px;
		margin-bottom: 0;
	}

	.portfolio-desc h6 {
		margin-bottom: 0;
		font-size: 15px;
		font-weight: 400;
	}

	.pricing-name{
		text-align: center;
		font-weight: bold;
		color: #454c44;
		/* letter-spacing: 3px; */
		font-size: 17px !important;
		min-height: 30px;
	}

	.pricing-box{
		border: 1px solid #ddd;
		border-radius: 25px;
		background: #fff;
		padding: 15px;
		margin-bottom: 10px;
	}

	.pricing-box .icon{
		font-size: 24px;
		color: #8b909d;
	}

	.pricing-box:hover{
		box-shadow: 0px 0px 10px #d3d3d2;
	}
	
	.pricing-box:hover .icon{
		color:#85ad3a;
		font-weight: bold;
	}

	.pricing-box .currency-symbol{
		font-size: 24px;
		vertical-align: top;
	}

	.pricing-box .price-value{
		font-size: 40px;
	}

	.pricing-sentence{
		font-weight: bold;
		margin: 0 0 1em 0;
		padding: 0 0 0.5em;
		color: #85ad3a;
		font-size: 14px;
	}

	.monthly-fee-row{
		background-image: linear-gradient(to right top, #3a8a35, #4d9336, #609c37, #72a438, #84ad39);
    	color: #fff;
	}

	.monthly-fee{
		font-size: 30px;
	}

	.pricing-feature-list {
		font-size: 14px;
		/* font-size: 0.85em; */
		margin: 0;
		padding: 0.25em 0 2.5em;
		list-style: none;
		text-align: left;
		color: #8b909d;
	}

	.pricing-feature .icon{
		font-size: 14px !important;
		font-weight: bold !important;
		margin-right: 10px;
	}

	.pricing-feature .icon-line-check {
		color: #18d112 !important;
	}
	
	.pricing-feature .icon-line-cross {
		color: #d35757  !important;
	}

	#section-features .media.row{
		background: #f3f9ec;
		box-shadow: 0px 4px 5px #efefef;
		min-height:380px;
		margin-bottom:25px;
	}

	#section-features .media img{
		padding: 3px !important;
		background:#fff;
		box-shadow: none;
	}

	
	#section-features .media p{
		font-size: 14px;
	}
	#section-features .media h3{
		border-bottom:1px solid #f7f7f7;
	}

	#section-features .media .media-body{
		padding: 10px;
		border-top: 1px solid #f7f7f7;
		background-color: #fff;
		min-height: 380px;
		height:100%;
	}

	#section-features .prompt-text{
		color:#000 !important;
		font-weight: bold;
	}

	#section-features .feature-img-side{
		animation-delay: 0;
		animation-duration: 1s;
		padding: 10px;
		width:55% !important;
	}
	
	#section-features .divider {
		margin: 0;
		display: flex;	
	}

	#section-features .divider i{
		font-size: 12px !important;
		height: 15px;
		width: 15px;
	}

	#section-features .feature-detail-side{
		width: 45% !important;
	}

	#section-features .feature-detail-side p{
		font-size: 24px;
		font-weight: normal;
   	    /* font-family: system-ui; */
	}

	#section-features .portfolio-desc h3{
		text-transform: capitalize !important;
		font-size:24px;
	}

	/*
	#section-testimonials .media.row{
		background-image: linear-gradient(to right top, #ffffff, #fbfeff, #f4feff, #ecffff, #e9fff8, #e9fff8, #e9fff8, #e9fff8, #ecffff, #f4feff, #fbfeff, #ffffff);
		font-family: courgette;
	}

	#section-testimonials .testimonial-img{
		left: 3%;
		position: sticky;
		box-shadow: -15px 7px 20px #ddd;
		text-align: center;
		padding: 3px !important;
		border-radius: 3px;
		width:35%;
	}

	#section-testimonials .testi-item-1 .testimonial-img{
		left:3%;
	}
	#section-testimonials .testi-item-2 .testimonial-img{
		left:103%;
	}
	#section-testimonials .testi-item-3 .testimonial-img{
		left:203%;
	}

	.testimonial-quote{
		width: 50px !important;
		height: 50px;
		z-index: 100;
		border-radius: 50px;
		position: absolute;
		left: 36%;
		top: 17%;
	}

	#section-testimonials .media{
		align-items: center;
	}

	#section-testimonials .owl-theme .owl-dots .owl-dot span{
		display:none;
	}

	#section-testimonials .owl-carousel .owl-dots .owl-dot{
		margin-top:0;
	}

	#section-testimonials .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
		background: #3a8a35;
		color: #fff;
		font-weight: bold;
		font-size: 24px;
	}
	#section-testimonials .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
		background: #3a8a35;
		color: #fff;
		font-weight: bold;
		font-size: 24px;
	}

	#section-testimonials .owl-carousel .owl-nav [class*=owl-]:hover {
		background-color: #84ad39 !important;
	}

	.testimonial-main-content{
		font-size: 24px;
		margin-bottom: 15px;
		line-height: 36px;
	}

	.testimonial-content{
		background:#f9f9f9;
		padding:5% 5% 5% 8%;
		line-height: 32px;;
	}

	.testimonial-content p{
		color: #7c7b7b;
		font-family: 'PoiretOne';
		font-size: 17px !important;
		letter-spacing: 1px;
	}

	.testimonial-name{
		font-size:18px;
		font-weight: bold;
		font-family: PoiretOne;
	}

	.testimonial-website{
		font-size:15px;
		font-weight: bold;
		color: #7c7b7b;
		font-family: PoiretOne;
		letter-spacing: 2px;
	}*/


	.template-type-filter-row a{
		font-weight:bold;
	}

	.progress-bar{
		background-color: #85ad3a;
	}
	
	#section-testimonials .testi-content p {
		font-size: 13px;
		font-weight: normal;
	}

	.testi-content p {
		text-align: center;
		font-style: normal;
		color: black !important;
		margin-bottom: 0;
	}

	#section-testimonials .testimonial-name {
		font-weight: bold;
		font-size: 14px;
		color: #83ab3a;
	}

	.testimonials-carousel .owl-item {
		opacity: .6;
		transition: transform .3s ease;
		transform: scale(0.8);
	}

	.owl-carousel .owl-item {
		position: relative;
		min-height: 1px;
		float: left;
		-webkit-tap-highlight-color: transparent;
		-webkit-touch-callout: none;
	}

	.testimonials-carousel .owl-item.active.center {
		opacity: 1;
		transform: scale(1);
	}

	.testimonial {
		border: 0;
		box-shadow: 0 0 35px rgba(140, 152, 164, 0.2);
		border-radius: 0.25rem;
		padding: 25px;
		border: 1px solid #efefef;
	}

	.testi-image, .testi-image a, .testi-image img, .testi-image i {
		display: block;
		width: unset;
		height: unset;
	}

	.testi-image {
		float: none;
		margin: 20px auto 0;
		margin-bottom: 20px;
	}

	.testi-image img {
		width: 150px !important;
		height: 150px !important;
		margin-top: -65px;
		display: block;
	}

	.testi-meta span{
		color: #000;
		letter-spacing: 2px;	
	}

	@media (max-width:767px){

		#section-testimonials .testimonial-img{
			width: 100% !important;
			left: 0;
			box-shadow: 3px 7px 20px #ddd;
			padding: 20px !important;
			height:auto !important;
		}	

		.testimonial-quote{
			display:none !important;
		}
	}


	@media (max-width: 991.98px){
		#section-features .feature-img-side{
			width: 100% !important;
    		height: auto;
		}

		#section-features .feature-detail-side{
			width: 100% !important;
			padding: 0 !important;
		}
	}


	@media (max-width:991px){
		#section-testimonials .media.row{
			min-height:590px;
			height:auto !important;
		}

		#section-testimonials .testimonial-content{
			min-height:590px;
			height:auto !important;
		}

		.testimonial-quote {
			left: 36% !important;
			top: 34% !important;
		}
	}

	@media (min-width: 992px) {

		#slider + #header.transparent-header {
			top: -60px;
			margin-bottom: -60px;
		}

		#header.transparent-header.floating-header + #slider {
			top: -120px;
			margin-bottom: -120px;
		}

		#primary-menu ul li > a {
			padding-top: 19px;
			padding-bottom: 19px;
			font-weight: 600;
			text-transform: uppercase;
			font-size: 14px;
		}

		#top-search,
		#top-cart,
		#side-panel-trigger {
			margin-top: 20px;
			margin-bottom: 20px;
		}

		#top-cart .top-cart-content { top: 40px; }

		#header,
		#header-wrap,
		#logo img { height: 60px; }

		#header.sticky-header:not(.static-sticky),
		#header.sticky-header:not(.static-sticky) #header-wrap,
		#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img { height: 60px; }

		#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {
			padding-top: 19px;
			padding-bottom: 19px;
		}

		#header.sticky-header:not(.static-sticky) #top-search,
		#header.sticky-header:not(.static-sticky) #top-cart,
		#header.sticky-header:not(.static-sticky) #side-panel-trigger {
			margin-top: 20px !important;
			margin-bottom: 20px !important;
		}

		#header.sticky-header:not(.static-sticky) #top-cart .top-cart-content,
		#header.sticky-header:not(.static-sticky) #primary-menu.sub-title.style-2 > div #top-cart .top-cart-content { top: 40px; }

		.ytb-card { max-width: 820px; }

		.iportfolio { transition: transform .3s ease; }

		.iportfolio:hover {
			transform: translateY(-5px);
		}

	}


	@media (max-width: 1199px){
		.testimonial-quote{
			left: 36%;
			top: 27%;
			width: 30px !important;
			height: 30px;
		}
	}