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

	Custom CSS



	Add all your Custom Styled CSS here for New Styles or

	Overwriting Default Theme Styles for Better Handling Updates

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

:root {

	--themecolor: #b3b379;

	--themecolorrgba: 250,143,25;

	--slider-padding: 140px;

}

/* -- SVG CSS -- */

.svg-separator {

	position: absolute;

	width: 100%;

	padding: 0;

	margin: 0;

	bottom: 0;

	left: 0;

	display: flex;

	justify-content: center;

	flex-direction: column;

	z-index: 1;

}

.svg-separator.top {

	top: -1px;

	bottom: auto;

}

.svg-separator.rotate {

	transform: rotate(180deg);

}

.svg-separator svg {

	display: block;

	background: 0 0;

	position: relative;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 1;

	width: 100%;

}

.svg-separator svg::before {

	content: '';

	width: 100%;

	height: 200px;

	background-color: #FFF;

}

.counter-section {

	position: relative;

	border-top: 1px dashed #E5E5E5;

	padding-top: 40px;

	margin-top: 0px;

}

.counter-dots {

	position: absolute;

	display: block;

	height: 16px;

	width: 16px;

	top: -40px;

	left: 50%;

	margin-left: -10px;

	margin-top: -9px;

	background-color: var(--themecolor, #0F66DD);

	border: 4px solid #FFF;

	border-radius: 50%;

	-webkit-box-shadow: -1px 0 10px -1px rgba(0, 0, 0, .2);

	box-shadow: -1px 0 10px -1px rgba(0, 0, 0, .2);

}

.map-title {

	position: absolute;

	min-width: 70%;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	margin-top: -70px;

}

.map-title .iconlist li:not(:first-child) {

	margin-top: 8px;

}

.map-title .iconlist li img {

	position: relative;

	margin-top: -2px;

	width: 16px;

	margin-right: 15px;

}

.map-title .iconlist a {

	font-size: 13px;

	color: #888;

}

.device-xs .map-title {

	margin-top: 40px;

}

.device-xs .counter-dots {

	display: none;

}

.device-xs .counter-section {

	border-top: 0;

	margin-top: 120px;

}

.counter + h5 {

	opacity: .5;

}

.section-map .map-image {

	opacity: .2;

}

.box-img {

	position: relative;

	box-shadow: 14px -14px 0 0 rgba(var(--themecolorrgba, 253, 92, 99), 0.30);

}

@media (min-width: 992px) {

	.counter-section {

		margin-top: -140px;

	}

}

/* About Page

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



#page-title.page-title-parallax h1 {

	font-size: 44px;

	font-weight: 700;

	letter-spacing: 0;

}

#page-title.page-title-parallax span {

	margin-top: 30px;

	font-weight: 400;

	color: #666;

	font-size: 17px;

}

.about-img > img {

	position: absolute;

	top: 0;

	right: 0;

	width: 60%;

	height: 80%;

}

.about-img > img + img {

	position: relative;

	margin-top: 60px;

	border: 12px solid #FFF;

}

.promo-section::before {

	content: '';

	position: absolute;

	top: -17%;

	left: 45%;

	width: 80%;

	height: 451px;

	background-size: 1280px 451px;

	background-repeat: no-repeat;

	background-image: url(../../images/hero/hero-3.svg);

}

#footer {

	background: url('../../images/icons/icon g 3.png') repeat center center;

	background-size: cover;

}

#copyrights {

	background: url('../../images/animatefooter6.svg') no-repeat center center;

	background-size: cover;

	padding-top: 70px;

	/*    */

}

.beforcopyrights {

	position: absolute;

	bottom: -13px;

	left: 0;

	width: 100%;

	height: 30px;

	background: url('../../images/svg/brush.svg') no-repeat top center / 110% auto;

	z-index: 2;

	background-color: #f1efe5;

}

.section-yogas .card {

	padding: 35px;

	background-image: url(../../images/card-wave-2.svg);

	background-repeat: repeat-x;

	background-position: 0% 101%;

	background-size: cover;

	-webkit-background-size: auto;

	-moz-background-size: auto;

	-o-background-size: auto;

	border-top-left-radius: 8px;

	border-top-right-radius: 8px;

	border: 0;

	border-top: 6px solid #7E9680;

	border-top-color: var(--themecolor, #7E9680);

}

.section-yogas .card2 {

	padding: 35px;

	background-image: url(../../images/animcard-waves2.svg);

	background-repeat: repeat-x;

	background-position: 0% 150%;

	background-size: cover;

	-webkit-background-size: auto;

	-moz-background-size: auto;

	-o-background-size: auto;

	border-top-left-radius: 8px;

	border-top-right-radius: 8px;

	border: 0;

	border-top: 6px solid #7E9680;

	border-top-color: var(--themecolor, #7E9680);

}

.section-img img {

	width: 100%;

	border: 10px solid #FFF;

}

.section-img {

	display: block;

	position: absolute;

	top: -30px;

	left: 0;

	width: 52%;

	height: 100%;

}

@media (min-width: 992px) {

	.section-img {

		display: block;

		position: absolute;

		top: -30px;

		left: 0;

		width: 52%;

		height: 100%;

	}

	.section-img .section-img-sm {

		position: absolute;

		top: auto;

		bottom: -30px;

		/* 	left: -40px;   */

		right: auto;

		width: 360px;

		height: auto;

	}

}

.entry {

	background-color: #FFF;

	padding: 0;

	vertical-align: top;

	border-bottom: 0;

	border-radius: 4px;

	-webkit-transform-origin: 50% 50% 0px;

	transform-origin: 50% 50% 0px;

	-webkit-transition: all 250ms cubic-bezier(.02, .01, .5, 1);

	-o-transition: all 250ms cubic-bezier(.02, .01, .5, 1);

	transition: all 250ms cubic-bezier(.02, .01, .5, 1);

}

.entry-title,

.entry-meta,

.entry-content {

	padding: 0 20px;

}

.entry-title,

.entry-meta,

.entry-content {

	padding: 0 20px;

}

.entry-meta.nohover,

.entry:hover .entry-meta.hover {

	display: block;

}

.entry-meta {

	font-size: 0.8125rem;

	text-transform: uppercase;

	border-top: 1px solid #E9EBEE;

	padding: 15px 0;

	margin: 15px 15px 0;

}

.entry-title,

.entry-meta,

.entry-content {

	padding: 0 20px;

}

.entry-meta.hover,

.entry:hover .entry-meta.nohover {

	display: none;

}

.entry-meta {

	font-size: 0.8125rem;

	text-transform: uppercase;

	border-top: 1px solid #E9EBEE;

	padding: 15px 0;

	margin: 15px 15px 0;

}

.entry-title,

.entry-meta,

.entry-content {

	padding: 0 20px;

}

.entry:hover {

	box-shadow: 0 10px 20px rgba(0, 0, 0, .05);

	-webkit-transform: translate(0, -8px);

	-ms-transform: translate(0, -8px);

	-o-transform: translate(0, -8px);

	transform: translate(0, -8px);

}

.story-box {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	cursor: pointer;

}

.story-box .story-box-image {

	height: 500px;

	z-index: 2;

	overflow: hidden;

	-ms-flex-preferred-size: auto;

	flex-basis: auto;

}

.story-box .story-box-image img {

	display: block;

	height: auto;

	width: 100%;

	opacity: 1;

	transition: opacity .3s ease;

}

.story-box:hover .story-box-image img {

	opacity: .9;

}

.story-box .story-box-info {

	box-sizing: border-box;

	width: 66%;

	padding: 60px;

	margin: 35px 0 0 -20px;

	background: #fff;

	z-index: 4;

	box-shadow: 0 10px 45px rgba(0, 0, 0, .1);

	transition: all ease-in .3s;

	-ms-flex-preferred-size: auto;

	flex-basis: auto;

}

.story-box.description-left .story-box-info {

	-ms-flex-order: -1;

	order: -1;

	margin: 35px -20px 0 0;

}

.story-box .story-box-info .story-title {

	font-family: 'Playfair Display';

	font-size: 26px;

	line-height: 1.4;

	font-weight: 700;

	letter-spacing: 0;

	color: #1d2c4c;

}

.story-box .story-box-info .story-box-content p {

	font-size: 15px;

	font-weight: 300;

	color: #666;

	line-height: 16px;

}

.story-box .story-box-info .story-box-content a {

	font-size: 16px;

	text-decoration: underline !important;

}

/* ----- Story-Box Responsive ----- */



@media (max-width: 991px) {

	.story-box .story-box-image {

		height: auto;

		width: 100%;

		height: 400px;

		-ms-flex-order: -1;

		order: -1;

	}

	.story-box.description-left .story-box-info {

		-ms-flex-order: -1;

		order: -1;

		margin: 35px -20% 0 0;

	}

	.story-box.description-left .story-box-info {

		margin: -40px 5% 0;

	}

	.story-box .story-box-info {

		max-width: 90%;

		height: auto;

		-ms-flex-preferred-size: 90%;

		flex-basis: 90%;

		margin: -40px 5% 0;

	}

}

@media (max-width: 767px) {

	.story-box.description-left .story-box-info {

		margin: -100px 5% 0;

	}

	.story-box .story-box-info {

		padding: 35px;

		text-align: center;

		margin: -100px 5% 0;

	}

	.customers-count {

		border-right: none

	}

}

@media (max-width: 479px) {

	.story-box .story-box-info {

		width: 100%;

		padding: 15px;

		text-align: center;

		margin: -200px 5% 0;

	}

	.story-box.description-left .story-box-info {

		margin: -200px 5% 0;

	}

	ul.tab-nav:not(.tab-nav-lg) li a i {

		display: none;

	}

}

.color-2 {

	color: #ed1c24 !important;

}

.color-3 {

	color: #2e9404 !important;

}

/* Create an overlay effect */



.fusion-page-title-bar {

	background-blend-mode: soft-light;

}

/* Adjust overlay effect opacity to make photos brighter - lower opacity = brighter photo */



.fusion-page-title-bar {

	background-color: rgb(0 0 0 / 60%) !important;

}

/* Size background image to cover 100% width */



.fusion-page-title-bar {

	background-position: center center !important;

	background-size: cover !important;

}

/*! CSS Used from: https://themes.semicolonweb.com/html/canvas/css/bootstrap.css */



*,

*::before,

*::after {

	box-sizing: border-box;

}

h4,

.h2 {

	margin-top: 0;

	margin-bottom: 0.5rem;

	font-weight: 500;

	line-height: 1.2;

}

.h2 {

	font-size: calc(1.325rem + 0.9vw);

}

@media (min-width: 1200px) {

	.h2 {

		font-size: 2rem;

	}

}

h4 {

	font-size: calc(1.275rem + 0.3vw);

}

@media (min-width: 1200px) {

	h4 {

		font-size: 1.5rem;

	}

}

a {

	color: #0d6efd;

	text-decoration: underline;

}

a:hover {

	color: #0a58ca;

}

::-moz-focus-inner {

	padding: 0;

	border-style: none;

}

.position-relative {

	position: relative!important;

}

.m-0 {

	margin: 0!important;

}

.fw-bold {

	font-weight: 700!important;

}

/*.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb), var(--bs-text-opacity))!important;}*/



/*! CSS Used from: https://themes.semicolonweb.com/html/canvas/style.css */



::selection {

	background: #1abc9c;

	color: #fff;

	text-shadow: none;

}

::-moz-selection {

	background: #1abc9c;

	color: #fff;

	text-shadow: none;

}

::-webkit-selection {

	background: #1abc9c;

	color: #fff;

	text-shadow: none;

}

:active,

:focus {

	outline: 0!important;

}

a {

	text-decoration: none!important;

	color: #1abc9c;

}

a:hover {

	color: #222;

}

h4 {

	color: #444;

	font-weight: 600;

	line-height: 1.5;

	margin: 0 0 30px 0;

	font-family: Poppins, sans-serif;

}

h4 {

	font-size: 18px;

}

h4 {

	font-weight: 600;

}

@media (max-width: 767.98px) {

	h4 {

		font-size: 16px;

	}

}

/*! CSS Used from: Embedded */



.center-text {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}

.rotating {

	-webkit-animation: rotating 20s linear infinite;

	-moz-animation: rotating 20s linear infinite;

	-ms-animation: rotating 20s linear infinite;

	-o-animation: rotating 20s linear infinite;

	animation: rotating 20s linear infinite;

}

/*! CSS Used keyframes */



@-webkit-keyframes rotating {

	from {

		-webkit-transform: rotate(0deg);

		-o-transform: rotate(0deg);

		transform: rotate(0deg);

	}

	to {

		-webkit-transform: rotate(360deg);

		-o-transform: rotate(360deg);

		transform: rotate(360deg);

	}

}

@keyframes rotating {

	from {

		-ms-transform: rotate(0deg);

		-moz-transform: rotate(0deg);

		-webkit-transform: rotate(0deg);

		-o-transform: rotate(0deg);

		transform: rotate(0deg);

	}

	to {

		-ms-transform: rotate(360deg);

		-moz-transform: rotate(360deg);

		-webkit-transform: rotate(360deg);

		-o-transform: rotate(360deg);

		transform: rotate(360deg);

	}

}

/*! CSS Used fontfaces */



@media (min-width: 992px) {

	#top-bar.transparent-topbar {

		border-bottom: 0;

		z-index: 399;

		margin-top: 15px;

		background: transparent;

	}

}

.img-col picture {

	transform: scaleX(-1);

	-webkit-clip-path: polygon(26% 0, 100% 0, 100% 62%, 75% 100%, 0 100%, 0 39%);

	clip-path: polygon(26% 0, 100% 0, 100% 62%, 75% 100%, 0 100%, 0 39%);

	position: relative;

	display: block;

}