/*
| --------------------------------------------------------
| Theme Name : Samarpan Meditation
| Theme Date : 24/03/2024
| Fronted Platform : HTML5, CSS3, Bootstrap4, JS, Jquery
| --------------------------------------------------------
*/

/*
| --------------------------------------------------------
| TABLE OF CSS CONTENT
| --------------------------------------------------------
| Section Spacing CSS
| Common Listing CSS
| Line Divider CSS BOF
| Magnific Popup CSS BOF
| All Slider CSS BOF
| 	OWL Carousel CSS BOF
| 	Slick Slider CSS
| 	 - Slick Slider Responsive CSS
| Feature Box Style CSS
| Portfolio Style CSS
| Social Style CSS
| YIT Contact Style CSS
| YIT Footer Style CSS
| YIT Vertical Tab Style CSS
*/

/* Note:
	- yit is a standard prefix of our profile name (yankee infoweb theme)
	- This file include all general elements with variation style
*/

/* Section Spacing CSS BOF
================================================== */
section { padding-top:80px; padding-bottom:80px; } /* general padding for all section */
section.mini-section { padding-top:60px; padding-bottom:60px; }
section.small-section { padding-top:30px; padding-bottom:30px; }

/* Listing Style CSS BOF
=================================================== */
ul.yit-common-listing { margin-top:5px; margin-bottom:5px; font-size:17px; }
ul.yit-common-listing li { margin-bottom:3px; display:block; padding-bottom:3px; }
ul.yit-common-listing li:before { content:""; font-family:'FontAwesome';  margin-right:15px; position:relative; }

	/* Listing With Variation CSS BOF */
	ul.yit-listing-inline li { display:inline-block; }
	ul.yit-listing-block li { display:block; }

/*** Listing Style-3 CSS BOF ***/
ul.yit-common-listing.style-3 li::before { background:#9e9e9e; content: ""; display: inline-block; height:2px; width:13px; top:-4px; }

/*** Responsive CSS BOF ***/
@media (max-width:767px){
	ul.yit-common-listing { font-size:14px; }
	ul.yit-common-listing li { padding-bottom:0; margin-bottom:0; }
}

/* Button Variation Style CSS BOF (.btn.style)
=================================================== */
.yit-btn-group .btn { margin-top:10px; margin-bottom:10px; }
.yit-btn-group .btn + .btn { margin-left: 10px; }

/* Seprator Divider CSS BOF (.yit-seprator)
================================================== */
hr.style-three { height:1px; }
hr.style-three::before { background-color:#9e9e9e; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 5px; width: 60px; }
hr.style-three.white-color-bg:before { background-color: #ffffff;  }
hr.style-six { height:1px; }
hr.style-six:before, hr.style-six:after { background:#9e9e9e; content: ""; height:8px; position: absolute; right: 0; top:-3px; width:8px; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; }
hr.style-six:before { left:0; }
hr.style-six:after { right:0; left:auto; }
hr.yit-seprator-l { margin: 25px 0; }

	/* Seprator Width Dimension CSS BOF */
	hr.width-full { width:100% !important; }
	hr.width-20 { width:20px !important; }
	hr.width-30 { width:30px !important; }

	/* Seprator Height Dimension CSS BOF */
	hr.height-3 { height:3px !important; }
	hr.height-2 { height:2px !important; }
	hr.height-1 { height:1px !important; }

/*** Responsive Seprator CSS BOF ***/
@media (max-width:767px) {
	hr, hr.yit-seprator-l, hr.yit-seprator-r { margin:15px 0; float:none; }
}

/* Hightlight Style CSS BOF (mark)
================================================== */
mark, del { padding:4px 8px; }

/* Magnific Popup Style CSS BOF
================================================== */

/* Fade Transition */
.mfp-fade.mfp-bg { opacity:0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity:0.95; -moz-opacity:0.95; -webkit-opacity:0.95; -o-opacity:0.95; -ms-opacity:0.95; }
.mfp-fade.mfp-bg.mfp-removing {opacity: 0;}
.mfp-fade.mfp-wrap .mfp-content {opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0;}
.mfp-figure {-webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; -ms-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .4s; -moz-animation-duration: .4s; -ms-animation-duration: .4s; -o-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; webkit-backface-visibility: hidden; -moz-backface-visibility:hidden;  -ms-backface-visibility:hidden; }

/* Zoom Transition */
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; -o-opacity: 1; -ms-opacity: 1; }
.mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9; -o-opacity: 0.9; -ms-opacity: 0.9; }
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; }

	/* Keyframe Animation */
	@-webkit-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
	@-moz-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
	@-o-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
	@keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}

/* User Control Navigation */
.mfp-arrow-right:after, .mfp-arrow-left:after {display: none}
.mfp-arrow-right:before {border-left: none; content: "\f178"; font-size: 2em; font-family: 'FontAwesome'; color: #fff;  -moz-transition:all .5s ease-in-out 0s;
	-webkit-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s; }
.mfp-arrow-left:before {border-right: none; content: "\f177"; font-size: 2em; font-family: 'FontAwesome'; color: #fff;  -moz-transition:all .5s ease-in-out 0s;
	-webkit-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s; }
.mfp-arrow:hover:before,
.mfp-arrow:focus:before,
.mfp-arrow:hover:before,
.mfp-arrow:focus:before { opacity:1; }
.mfp-bottom-bar {margin-top: -24px; font-size: 12px}
.mfp-close {font-size: 36px; font-family: 'Montserrat', sans-serif; font-weight: 500; top:20px; right:20px; -moz-transition:all .5s ease-in-out 0s;
	-webkit-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s; }

/* Custom Popup Close Button CSS */
.mfp-custom-close .popup-modal-dismiss { font-size: 21px; height: 35px; line-height: 32px; padding: 0; position: absolute; right: 0;  top: 0; width: 35px; }

/* Modal With Fade Zoom Animation */
.my-mfp-zoom-in .zoom-anim-dialog {opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(0.8);  -moz-transform: scale(0.8); -ms-transform: scale(0.8);
-o-transform: scale(0.8); transform: scale(0.8); }

	/* Modal Animate In */
	.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);
	transform: scale(1); }

	/* Modal Animate Out */
	.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {-webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8);
	transform: scale(0.8); opacity: 0;}

/* Modal With Fade Slide Down Animation */
.my-mfp-slide-bottom .zoom-anim-dialog {opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-20px) perspective(600px) rotateX(10deg); -o-transform: translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-20px)
perspective(600px) rotateX(10deg); transform: translateY(-20px) perspective(600px) rotateX(10deg);}

	/* Modal Animate In */
	.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {opacity: 1; -webkit-transform: translateY(0) perspective(600px) rotateX(0); -moz-transform: translateY(0)
	perspective(600px) rotateX(0); -ms-transform: translateY(0) perspective(600px) rotateX(0); -o-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0)
	perspective(600px) rotateX(0); }

	/* Modal Animate Out */
	.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {opacity: 0; -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-10px)
	perspective(600px) rotateX(10deg); -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg); -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
	transform: translateY(-10px) perspective(600px) rotateX(10deg); }

/*======================================================================================================
	ALL Slider CSS BOF
====================================================================================================== */

/* OWL Carousel CSS BOF
================================================== */
.owl-theme.nav-style .owl-nav [class*="owl-"] { font-size:30px; line-height:40px; height:45px; width:45px; padding:0; } /* for common nav style */
.owl-theme.nav-light .owl-nav [class*="owl-"] { background:#fff; color:rgba(0, 0, 0, .5); }
.owl-theme.nav-light .owl-nav [class*="owl-"]:hover { background:#fff; color:rgba(0, 0, 0); }
.owl-theme.nav-dark .owl-nav [class*="owl-"] { background:#333; color:rgba(255, 255, 255, .5); }
.owl-theme.nav-dark .owl-nav [class*="owl-"]:hover { background:#000; color:rgba(255, 255, 255); }

/* Slick Slider CSS BOF (.yit-slick-slider)
=================================================== */
.yit-slick-slider { position: relative; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; overflow: hidden; }
.yit-slick-slider:before { background-image: url(../images/img-dotted-pattern-white.svg); background-position: left top; background-repeat: repeat; background-size: 10px auto; top: 300px;
	content: ""; height: 250px; left: 20px; position: absolute; width: 250px; z-index: 1; }
.yit-slick-slider::after { background-image: url(../images/img-dotted-pattern-white.svg); background-position: left top; background-repeat: repeat; background-size: 13px auto; bottom: 100px;
	content: ""; height: 100px; right: 100px; position: absolute; width: 250px; z-index: 1; border-radius:50px 0 0 50px; }
.yit-slick-slider .slick-list { border-bottom-right-radius: 130px; -moz-border-bottom-right-radius: 130px; -webikit-border-bottom-right-radius: 130px; }
.yit-slick-slider .slick-slide-img { height:calc(100vh - 250px); background-position:0 0; background-repeat:no-repeat; }
.yit-slick-slider .slick-slider-content { height:calc(100vh - 250px); }
.yit-slick-slider .slick-prev::before, .yit-slick-slider .slick-next::before { font-family:inherit; }
.yit-slick-slider .slick-prev, .yit-slick-slider .slick-next { width:45px; height:46px; border:solid 1px rgba(255, 255, 255, .5); font-family:inherit;
	z-index:1; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; }
.yit-slick-slider .slick-prev:hover, .yit-slick-slider .slick-next:hover { border:solid 1px #fff; }
.yit-slick-slider .slick-dotted.slick-slider { margin-bottom:0; }

	/* Slider Control Navigation CSS BOF */
	.yit-slick-slider .slick-prev, .yit-slick-slider .slick-next, .yit-slick-slider .slick-prev::before, .yit-slick-slider .slick-next::before {
		-moz-transition:all .5s ease-in-out 0s; -webkit-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s;
		-ms-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s;  }
	.yit-slick-slider .slick-prev  { left:20px; }
	.yit-slick-slider .slick-next  { right:20px; }
	.yit-slick-slider .slick-dots { bottom:0; left:0; right:0; margin:0 auto; width:100px; background-color:var(--grey-light); border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0;
		-webkit-border-radius:10px 10px 0 0; height:35px; }
	.yit-slick-slider .slick-dots li { margin:0 auto; }
	.yit-slick-slider .slick-dots li button::before { font-size:30px; color:rgba(0, 0, 0, .8); -moz-transition:all .5s ease-in-out 0s; -webkit-transition:all .5s
		ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s; top:3px; }
	.yit-slick-slider .btn i { padding-left:10px; }
	.yit-slick-slider.style-2 .slick-dots li { margin:0 10px; }
	.yit-slick-slider.style-2 .slick-dots li button::before { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; content:""; width:25px; height:5px;
		background-color:#000 }
	.yit-slick-slider.style-2 .slick-prev, .yit-slick-slider.style-2 .slick-next { background-color:rgba(0, 0, 0, .5); -moz-border-radius:100px; -webkit-border-radius:100px;
		border-radius:100px; border:medium none; height:150px; }
	.yit-slick-slider.style-2 .slick-prev { left:0; -moz-border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0; border-radius:0 10px 10px 0; }
	.yit-slick-slider.style-2 .slick-next { right:0; -moz-border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; border-radius:10px 0 0 10px; }

/* Animation Slide CSS BOF */
.yit-slick-slider .slick-slide.slick-active .animate-zoomin {
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

/*** Slick Thumbnail Slider CSS BOF (.slick-thumbnail-slider) ***/
.yit-slick-slider.slick-thumbnail-slider { position:relative; }
.yit-slick-slider.slick-thumbnail-slider .yit-slick-thumbslider-nav { position:absolute; left:0; right:0; margin:0 auto; bottom:40px; }
.yit-slick-slider.slick-thumbnail-slider .yit-slick-thumbslider-nav .item-link { display:table; margin:0 auto; text-align:center; }
.yit-slick-slider.slick-thumbnail-slider .yit-slick-thumbslider-nav .item-text { display:table-cell; padding-left:15px; padding-right:15px; }

	/* Active State CSS BOF */
	.yit-slick-slider.slick-thumbnail-slider .yit-slick-thumbslider-nav .slick-current .item-link { color:#fff; -moz-transition:all .5s ease-in-out 0s; -webkit-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s; }

	/* Appear (.is-body-scroll.js)  Class CSS BOF */
	.is-body-scroll .yit-slick-slider { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }

/*** Responsive Slick Slider CSS BOF ***/
@media(max-width:767px) {
	.yit-slick-slider { margin-top:80px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }
	.yit-slick-slider .slick-list { border-bottom-right-radius:0; -moz-border-bottom-right-radius:0; -webkit-border-bottom-right-radius:0; }
	.yit-slick-slider .slick-slide-img { height:500px; }
	.yit-slick-slider .slick-slider-content { height:350px; }
	.yit-slick-slider h2 { font-size:2rem; line-height:normal; }
	.yit-slick-slider .slick-slider-content .yit-display-centrize { margin-top:70px; }
	.yit-slick-slider .slick-prev, .yit-slick-slider .slick-next { opacity:0; }
	.yit-slick-slider:before, .yit-slick-slider:after { display:none; }
}
@media(min-width: 320px) and (max-width:480px) {
	.yit-slick-slider h2 { font-size:2rem; line-height:normal; }
	.yit-slick-slider .slick-slider-content .yit-display-centrize { margin-top:70px; }
}
@media (min-width:768px) and (max-width:980px) {
	.yit-slick-slider h2 { font-size:3rem; line-height:normal; }
	.yit-slick-slider .slick-slide-img { height:650px; }
	.yit-slick-slider .slick-slider-content { height:650px; }
}
@media (min-width:979px) and (max-width:1024px) {
	.yit-slick-slider .slick-slider-content h2 { font-size:3.4rem; }
	.yit-slick-slider .slick-slide-img { height:650px; }
	.yit-slick-slider .slick-slider-content { height:650px; }
}

/* Feature Style CSS BOF (.yit-feature)
================================================== */
.yit-feature .yit-feature-item { margin-top:10px; margin-bottom:15px; }

/*** Feature Style-1 CSS BOF ***/
.yit-feature.style-1 { display:flex; height:calc(100% - 15px); position: relative; }
.yit-feature.style-1 .yit-feature-item
{
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:var(--white); padding:40px 30px;
	clip-path:polygon(9.202% 0%,90.798% 0%,90.798% 0%,92.289% .11%,93.705% .429%,95.025% .939%,96.231% 1.622%,97.303% 2.463%,98.223% 3.442%,98.972% 4.543%,99.531% 5.748%,99.879% 7.041%,100% 8.403%,100% 69.468%,100% 69.468%,99.633% 73.178%,98.616% 75.937%,97.076% 77.918%,95.14% 79.293%,92.934% 80.235%,90.585% 80.917%,88.221% 81.511%,85.967% 82.19%,83.95% 83.128%,82.298% 84.496%,82.298% 84.496%,81.047% 86.306%,80.14% 88.282%,79.405% 90.341%,78.671% 92.399%,77.767% 94.371%,76.523% 96.173%,74.767% 97.721%,72.33% 98.931%,69.039% 99.719%,64.724% 100%,9.202% 100%,9.202% 100%,7.711% 99.89%,6.295% 99.571%,4.975% 99.061%,3.769% 98.378%,2.697% 97.538%,1.777% 96.558%,1.028% 95.457%,.469% 94.252%,.121% 92.959%,0% 91.597%,0% 8.403%,0% 8.403%,.121% 7.041%,.469% 5.748%,1.028% 4.543%,1.777% 3.442%,2.697% 2.463%,3.769% 1.622%,4.975% .939%,6.295% .429%,7.711% .11%,9.202% 0%);
}
.yit-feature.style-1 .yit-feature-item .card-title { position: relative; }
.yit-feature.style-1 .yit-feature-item .card-title:after { content:""; position:absolute; left:0; width:0;  transition:all .5s ease-in-out 0s; -moz-transition:all .5s ease-in-out 0s;
	-webkit-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; -ms--transition:all .5s ease-in-out 0s; background-color:var(--black); height:1px; bottom:-5px; }
.yit-feature.style-1 .btn-fab-group .svg-icon-wrap { position: relative; overflow: hidden; display:inline-flex; }
.yit-feature.style-1 .btn-fab-group .hover-svg-icon { position: absolute; top: 0; right: 0; width: 1em; height: auto; transform: scale(.26) translate(-55px, 50px);
	transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; }
.yit-feature.style-1 .btn-fab-group .normal-svg-icon { transition:transform 0.4s ease-in-out,opacity 0.4s ease-in-out; }
.yit-feature.style-1:hover .btn-fab-group .hover-svg-icon { transform:scale(1) translate(-2px,0); }
.yit-feature.style-1:hover .btn-fab-group .normal-svg-icon { transform:scale(.26) translate(45px,-50px); }
.yit-feature.style-1 .btn-fab { position:absolute; right:10px; bottom:20px; overflow:hidden; }

	/* Hover Focus Active State CSS BOF */
	.yit-feature.style-1:hover .yit-feature-item {
		box-shadow:0 5px 15px 0 rgba(0, 0, 0, 0.1);
		-moz-box-shadow:0 5px 15px 0 rgba(0, 0, 0, 0.1);
		-webkit-box-shadow:0 5px 15px 0 rgba(0, 0, 0, 0.1);
	}
	.yit-feature.style-1:hover .yit-feature-item .card-title:after { width:80px; }

/*** Feature Style-35 CSS BOF ***/
.yit-feature.style-35 .yit-feature-item { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; overflow:hidden; }
.yit-feature.style-35 .yit-feature-item, .yit-feature.style-35 .yit-feature-item figure::before { -moz-transition:all .5s ease-in-out 0s; -webkit-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s; }
.yit-feature.style-35 .yit-feature-item figure { margin-bottom:0; position:relative; overflow:hidden; }
.yit-feature.style-35 .yit-feature-item figure::before { content: ""; height: 100%; left: 0; right:0; margin:0 auto; top:0; position: absolute; top: 0; width:0;
	background: -moz-linear-gradient(135deg, rgba(34, 29, 32, 0.90) 0%, rgba(208, 197, 5, 0.50) 35%, rgba(217, 22, 125, 0.70) 70%, rgba(0, 146, 199, 0.90) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(135deg, rgba(34, 29, 32, 0.90) 0%, rgba(208, 197, 5, 0.50) 35%, rgba(217, 22, 125, 0.70) 70%, rgba(0, 146, 199, 0.90) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(34, 29, 32, 0.90) 0%, rgba(208, 197, 5, 0.50) 35%, rgba(217, 22, 125, 0.87) 70%, rgba(0, 146, 199, 0.90) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.yit-feature.style-35 .yit-feature-item:hover figure::before { width:100%; height:100%; }

/*** Responsive Feature Style CSS BOF ***/
@media (max-width:767px ){
	.yit-feature .etline-icon { display:block; text-align:center; }
	.yit-feature .yit-feature-item.xs-last-item { margin-bottom:0; }
	.yit-feature.style-35 a { display:table; margin:0 auto; }
	.yit-feature.style-1 .yit-feature-item .card-title:after { right:0; margin:0 auto; }
}
@media (min-width: 768px) and (max-width: 980px) {
	.yit-feature.style-35 .yit-feature-item h6 { font-size:1rem; }
}
@media (min-width: 979px) and (max-width: 1200px) {
	.yit-feature.style-35 .yit-feature-item h6 { font-size:14px; }
	.yit-feature.style-35 .yit-feature-content.pad-20-all { padding:20px 10px;}
}

/* Portfolio Style CSS BOF (.yit-portfolio)
================================================== */
.yit-portfolio a { display:block; }
.yit-portfolio a:hover img { opacity:1; }

/* ISO Top Portfolio Style CSS BOF (.isotop-filters)
================================================== */
.isotop-filters button { margin:0 5px; }
.isotop-filters .is-checked { font-weight:500; }

/*** Portfolio Tab Style CSS BOF ***/
.filter-tab.yit-portfolio-tab-3 .btn, .masonry-filter-tab.yit-portfolio-tab-3 .btn, .metro-filter-tab.yit-portfolio-tab-3 .btn { background:none; border-width:2px 0 2px 0; border-style:solid
	none solid none; border-color:transparent; color:rgba(0,0,0, .6); }
.filter-tab.yit-portfolio-tab-3 .btn:hover, .masonry-filter-tab.yit-portfolio-tab-3 .btn:hover, .metro-filter-tab.yit-portfolio-tab-3 .btn:hover { border-color:#01AFEF transparent #01AFEF
	transparent; color:#01AFEF; }

/*** Portfolio Style-3 CSS BOF ***/
.yit-portfolio.style-3 .yit-portfolio-item { margin-bottom:20px; overflow:hidden; position:relative; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.yit-portfolio.style-3 .yit-portfolio-hover { position: absolute; bottom:0; width: 100%; height:0; text-align: center; background-color: rgba(33, 40, 45, 0.85);
	color:#fff; opacity:0; visibility:hidden; padding:20px; }
.yit-portfolio.style-3 .yit-portfolio-item, .yit-portfolio.style-3 .yit-portfolio-hover { -moz-transition:all .4s ease-in-out 0s;
	-webkit-transition:all .4s ease-in-out 0s; -o-transition:all .4s ease-in-out 0s; -ms-transition:all .4s ease-in-out 0s; transition:all .4s ease-in-out 0s; }
.yit-portfolio.style-3 img { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);
  transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s;
  -ms-transition: all 0.8s ease-in-out 0s; }
.yit-portfolio.style-3 .portfolio-cta { font-size:28px; height: 55px; line-height: 55px; width: 55px; padding:0; display:inline-block; margin:10px 5px; }
.yit-portfolio.style-3 .portfolio-cta i { padding:0; }

	/* Hover State CSS BOF */
	.yit-portfolio.style-3 .yit-portfolio-item:hover .yit-portfolio-hover { opacity:1; visibility:visible; height:100%; }
	.yit-portfolio.style-3 .yit-portfolio-item:hover img { transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -moz-transform: scale(1.5);
		-ms-transform: scale(1.5); }

/*** Responsive Portfolio Listing Style CSS BOF ***/
@media (max-width:767px) {
	.filter-tab .btn { width:auto; margin:0 auto; }
	.filter-tab.yit-portfolio-tab .btn-rounded { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
	.yit-portfolio.style-3 .yit-portfolio-hover { padding:10px; }
	.yit-portfolio.style-3 .portfolio-cta { width:45px; height:45px; line-height:45px; font-size:25px; }
}
@media (min-width:768px) and (max-width:980px) {
	.yit-portfolio.style-3 .portfolio-cta { width:45px; height:45px; line-height:45px; font-size:25px; }
}
@media (min-width:980px) and (max-width:1200px) {
	.yit-portfolio.style-3 .portfolio-cta { width:45px; height:45px; line-height:45px; font-size:25px; }
}

/* Social Icon Style CSS BOF (.yit-social)
================================================== */
.yit-social li { display:inline-block; }
.yit-social a { display: inline-block; font-size: 16px; height: 35px; line-height: 35px; text-align: center; width: 35px; text-align:center; border-radius:5px; -moz-border-radius:5px;
	-webkit-border-radius:5px; }

    /*** Social Icon Color Variation CSS BOF ***/
    .yit-social a.facebook { background-color:#3b5998; }
    .yit-social a.instagram { background-color:#fe1f49; }
    .yit-social a.facebook, .yit-social a.instagram  { color:#fff; }

	/* Hover State CSS BOF */
	.yit-social a.facebook:hover, .yit-social a.facebook:hover:focus, .yit-social a.facebook:hover:active,
	.yit-social a.instagram:hover, .yit-social a.instagram:focus, .yit-social a.instagram:active { color:rgba(255, 255, 255, .6); }

/*** Social Style-1 CSS BOF ***/
.yit-social.style-1 a { color:rgba(0, 0, 0, .4); }
.yit-social.style-1 a:hover { color:rgba(0, 0, 0, .8); }

/*** Social Style-6 CSS BOF ***/
.yit-social.style-6 a i { -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); transform:rotate(0deg);
    -moz-transition:all .5s ease-in-out 0s; -webkit-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s;
    transition:all .5s ease-in-out 0s; }
.yit-social.style-6 a:hover i, .yit-social.style-6 a:focus i, .yit-social.style-6 a:active i  {
    -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg); }

/*** Responsive Social Style CSS BOF ***/
@media(max-width: 767px){
    .yit-social { text-align:center; }
    .yit-social.float-right { float:none !important; }
}

/* YIT Contact Style CSS BOF (.yit-contact)
================================================== */
.yit-contact-item p { line-height:1.3; }

/* YIT Footer Style CSS BOF (.yit-footer)
================================================== */
.yit-footer.style-1 .quick-links li a:before { content:""; font-family:var(--font-awesome); font-size:20px; margin-right:10px; }
.yit-footer.style-1 .address-info p { overflow:hidden; padding:0; margin:0; line-height:20px; }
.yit-footer.style-1 .address-info i { font-size: 20px; margin-top:2px; }
.yit-footer.style-1 .address-info .fa-envelope-open { font-size:15px; }

/* YIT Vertical Tab Style CSS BOF (.yit-vertical-tab)
================================================== */
.yit-vertical-tab .nav-pills .nav-link {
	margin-bottom:20px; border-radius:50px; background-color:var(--white); color:var(--black); border:medium none; font-weight:var(--font-weight-medium); text-align:left; position: relative;
	display:inline-flex; justify-content:space-between; align-items:center; padding-left:25px; padding-right:8px; width:100%; transition:all .4s ease-in-out 0s;
}
	/* Hover Focus Active State CSS BOF */
	.yit-vertical-tab .nav-pills .nav-link:hover, .yit-vertical-tab .nav-pills .nav-link:focus, .yit-vertical-tab .nav-pills .nav-link.active { background-color:var(--green); color:var(--white); }
	.yit-vertical-tab .nav-pills .nav-link.active .btn-fab { background-color:var(--white); color:var(--black); }
	.yit-vertical-tab .nav-pills .nav-link.active .btn-fab svg { fill:var(--black); }