/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.before-heading {
	display: inline-block;
	font-size: 12px;
	font-style: normal;
	background-color: rgba(244, 38, 107, 0.1);
	color: #f42626;
	padding: 3px 8px;
	border-radius: 2px;
	font-weight: 600;
	font-family: 'Poppins', sans-serif !important;
}

.testimonials .container::before,
.testimonials .container::after {
	content: "\e7ad";
	font-family: 'font-icons';
	position: absolute;
	top: -38px;
	left: 20px;
	font-size: 80px;
	color: rgba(38, 125, 244, 0.2);
}

.testimonials .container::after {
	content: "\e7ae";
	top: auto;
	left: auto;
	right: 20px;
	bottom: -45px;
}

.testimonials .testi-content p {
	font-style: normal;
	color: #000;
}

.mfp-iframe-holder .mfp-close,
.testi-stars i {
	background-color: #267DF4;
	font-size: 14px;
	color: #FFF;
	padding: 1px 5px;
	border-radius: 2px;
}

#image-carousel { overflow: visible; }

#image-carousel .carousel-column {
	display: flex;
	flex-direction: column;
	flex: 1 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
#image-carousel .column-1 { padding-right: 12px; }
#image-carousel .column-2 { padding-left: 12px; }

#image-carousel .carousel-column-container {
	display: flex;
	flex-direction: row;
}

#image-carousel .carousel-grid-item {
	display: flex;
	flex: 1;
	margin: 0;
	padding: 0;
}

#image-carousel .carousel-grid-item .item {
	flex: 1;
	position: relative;
	width: 100%;
	min-height: 150px;
	margin-bottom: 24px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 5px;
	transition: all .2s ease-out;
}

.button:hover,
.top-phone:hover,
#image-carousel .carousel-grid-item:hover a.item {
	box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
	transform: translateY(-3px);
	opacity: .95;
	color: #FFF;
}

#image-carousel .carousel-grid-item .item blockquote { z-index: 1; }

.img-overlay::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background-color: rgba(38, 125, 244, 0.8);
	background-color: rgba(var(--themecolorrgba), 0.8);
}

.section-schedule .nav-link {
	position: relative;
	padding: 15px 20px;
	font-size: 20px;
	background-color: #FFF;
	margin-bottom: 10px;
	box-shadow: 3px 8px 30px 4px rgba(0, 0, 0, 0.1);
	font-family: "Sansita", sans-serif;
	border-left: 5px solid transparent;
	overflow: hidden;
	color: #444;
	transition: all .3s ease;
}

.section-schedule .nav-pills .nav-link.active {
	box-shadow: 3px 8px 30px 4px rgba(0, 0, 0, 0.2);
	border-left-color: #f42626;
	background-color: #FFF;
	color: #f42626;
}

.section-schedule .nav-link::after {
	content: "";
	position: absolute;
	opacity: 0;
	bottom: 0;
	right: 5px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 100% 90%;
	background-size: 50px 50px;
	transition: all .3s linear;
	background-image: url("images/yoga-icons/color/svg/asana_lotus_col.svg");
}

.section-schedule .nav-link.active::after,
.section-schedule .nav-link:hover::after {
	opacity: .6;
	background-position: 100% 70%;
}

.schedule-wrap {
	position: relative;
	padding: 30px;
	border-radius: 4px;
	background-color: #FFF;
	box-shadow: 3px 8px 30px 4px rgba(0, 0, 0, 0.2);
}

.schedule-wrap::after {
	content: "";
	position: absolute;
	opacity: .07;
	bottom: 20px;
	right: 20px;
	width: 200px;
	height: 200px;
	background: #FFF url("images/yoga-icons/color/svg/asana_lotus_col.svg") no-repeat 100% 100% / 100%;
	z-index: 0;
}

.schedule-wrap:nth-child(2)::after,
.section-schedule .nav-link:nth-child(2)::after { background-image: url("images/yoga-icons/color/svg/asana_cobra.svg"); }
.schedule-wrap:nth-child(3)::after,
.section-schedule .nav-link:nth-child(3)::after { background-image: url("images/yoga-icons/color/svg/man_well.svg"); }
.schedule-wrap:nth-child(4)::after,
.section-schedule .nav-link:nth-child(4)::after { background-image: url("images/yoga-icons/color/svg/mudra_surya.svg"); }
.schedule-wrap:nth-child(5)::after,
.section-schedule .nav-link:nth-child(5)::after { background-image: url("images/yoga-icons/color/svg/vishudda_col.svg"); }
.schedule-wrap:nth-child(6)::after,
.section-schedule .nav-link:nth-child(6)::after { background-image: url("images/yoga-icons/color/svg/woman_well.svg"); }
.schedule-wrap:nth-child(7)::after,
.section-schedule .nav-link:nth-child(7)::after { background-image: url("images/yoga-icons/color/svg/asana_dog_col.svg"); }

.schedule-wrap dt { margin-bottom: 10px; }

.schedule-wrap dt:not(:nth-last-of-type(1)) + dd {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}

.schedule-wrap dt:nth-last-of-type(1),
.schedule-wrap dt:nth-last-of-type(1) + dd { margin-bottom: 0px; }

.schedule-time,
.schedule-desc {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.6;
}

.schedule-desc small {
	display: block;
	font-size: 13px;
	opacity: .5;
	margin-top: 4px;
}

.schedule-teacher {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	z-index: 2;
	position: relative;
}


/* img-hover-wraps */
.img-hover-wrap {
	-webkit-transition: transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease;
	-moz-transform-style: flat !important;
	-webkit-backface-visibility: hidden;
}

.img-hover-wrap:hover {
	-webkit-transform: scale(1.06);
	-ms-transform: scale(1.06);
	-o-transform: scale(1.06);
	transform: scale(1.06);
	z-index: 2;
}

.img-hover-card > a::after {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 0;
	-webkit-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.img-hover-wrap:hover .img-hover-card > a::after { background-color: rgba(0, 0, 0, 0.6); }

.img-hover-card {
	position: relative;
	display: block;
	will-change: transform;
	transition: all .3s ease;
	box-shadow: 0 10px 40px transparent;
}

.img-hover-card a {
	width: 100%;
	max-width: 100%;
	display: block;
	z-index: 99;
}

.img-hover-card.hover-in {
	transition: -webkit-transform .2s ease-out;
	transition: transform .2s ease-out;
	transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}

.img-hover-card.hover-3d { z-index: 2; }

.img-hover-card.hover-out {
	transition: -webkit-transform .2s ease-in;
	transition: transform .2s ease-in;
	transition: transform .2s ease-in, -webkit-transform .2s ease-in;
}

.img-hover-wrap:hover .img-hover-card { box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4); }

.img-hover-wrap .img-hover-detail {
	position: absolute;
	top: auto;
	left: 40px;
	bottom: 40px;
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-webkit-transform: scale(1) translateY(40px) translateZ(50px);
	-ms-transform: scale(1) translateY(30px) translateZ(50px);
	-o-transform: scale(1) translateY(30px) translateZ(50px);
	transform: scale(1) translateY(30px) translateZ(50px);
	-webkit-transition: transform .2s ease;
	-o-transition: transform .2s ease;
	transition: transform .2s ease;
}

.img-hover-wrap:hover .img-hover-detail {
	opacity: 1;
	-webkit-transform: scale(1.06) translateY(-5px) translateZ(50px);
	-ms-transform: scale(1.06) translateY(-5px) translateZ(50px);
	-o-transform: scale(1.06) translateY(-5px) translateZ(50px);
	transform: scale(1.06) translateY(-5px) translateZ(50px);
}

.img-hover-wrap .img-hover-title {
	margin: 0 0 6px 0;
	font-size: 17px;
	font-weight: 600;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	z-index: 9;
}

.img-hover-wrap .img-link {
	opacity: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #FFF;
	border-radius: 50%;
	text-align: center;
	line-height: 18px;
	font-size: 11px;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.img-hover-wrap:hover .img-link { opacity: 1; }

.img-hover-detail a { color: #FFF; }

.dark .testimonials-carousel { border-left-color: rgba(255, 255, 255, 0.1); }


.testimonials-carousel::before {
	content:  '"';
	position: absolute;
	top: -17px;
	left: 2rem;
	font-size: 70px;
	color: #DDD;
	z-index: -1;
	font-family:"Segoe Print", "Times New Roman", Verdana;
}

.dark .testimonials-carousel::before { color: #333; }

.testimonials-carousel .testi-content p {
	font-weight: 300;
	color: #888;
	font-style: normal;
}

.testimonials-carousel .owl-item {
	transform: translateX(-40px);
	opacity: 0;
	transition: transform .4s, opacity .3s;
}

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