/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Common
# Animations
# Main Menu
# Banner
# Footer
# Mailchimp Form
# Sidemenu
# Page Header
# BreadCrumb
# Blog
# Blog Details
# Sidebar
# Contact
# Services
# Call to action
	## Call to action Two
	## Call to action Three
# Funfact
# Pricing
# Testimonials
# Brand
# Team
# App shots
# Video
# FAQ
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/

/*
font-family: 'Quicksand', sans-serif;
*/
:root { -
	-thm-font: 'Quicksand', sans-serif; -
	-thm-base: #f2f2f2; -
	-thm-base-rgb: 253, 99, 47; -
	-thm-primary: hsl(0deg 0% 31%/ 50%); -
	-thm-primary-rgb: 69, 80, 248; -
	-thm-black: #7c21213d; -
	-thm-black-rgb: 37, 44, 75;
}

.nav-item {
	color: #bdcdd8 !important;
}

.thm-btn {
	display: inline-block;
	vertical-align: middle;
	border: none;
	outline: none;
	background-image: -webkit-gradient(linear, left top, right top, from(var(- -thm-primary)),
		to(var(- -thm-base)));
	background-image: linear-gradient(90deg, var(- -thm-primary) 0%,
		var(- -thm-base) 100%);
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding: 13px 50px;
	position: relative;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.thm-btn::before {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	background-color: #fff;
	border-radius: 5px;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.thm-btn span {
	position: relative;
	background-image: -webkit-gradient(linear, left top, right top, from(var(- -thm-base)),
		to(var(- -thm-primary)));
	background-image: linear-gradient(90deg, var(- -thm-base) 0%,
		var(- -thm-primary) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-transition: 500ms;
	transition: 500ms;
}

.thm-btn:hover::before {
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	transform-origin: right center;
}

.thm-btn:hover span {
	background-image: none;
	background-clip: none;
	color: #fff;
	-webkit-text-fill-color: #fff;
}

.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,
	.bootstrap-select .btn-light:not(:disabled):not(.disabled):active,
	.bootstrap-select .show>.btn-light.dropdown-toggle {
	background-color: transparent !important;
	box-shadow: none !important;
	outline: none !important;
}

.bootstrap-select>.dropdown-toggle {
	box-shadow: none !important;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle
	{
	outline: none !important;
}

.bootstrap-select .dropdown-menu {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	z-index: 991;
	border-radius: 0;
}

.bootstrap-select .dropdown-menu>li+li>a {
	border-top: 1px solid var(- -thm-gray);
}

.bootstrap-select .dropdown-menu>li.selected>a {
	background: var(- -thm-primary);
	color: #fff;
}

.bootstrap-select .dropdown-menu>li>a {
	font-size: 16px;
	font-weight: 500;
	padding: 4px 20px;
	color: var(- -thm-black);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.bootstrap-select .dropdown-menu>li>a:hover {
	background: var(- -thm-primary);
	color: #fff;
	cursor: pointer;
}

/* datepicker */
.datepicker.dropdown-menu {
	min-width: 17rem;
}

.datepicker table {
	width: 100%;
}

.post-pagination {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	flex-wrap: wrap;
}

.post-pagination a {
	border-radius: 50%;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(225, 90, 19, .2);
	color: #9ca3a9;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	padding: 0;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	width: 57px;
	height: 57px;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.post-pagination a:hover {
	background-color: var(- -thm-primary);
	color: #fff;
}

.post-pagination a.active {
	background-color: var(- -thm-base);
	color: #fff;
	cursor: auto;
}

.post-pagination a+a {
	margin-left: 15px;
}

.preloader {
	position: fixed;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9991;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	text-align: center;
}

.preloader__image {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.scroll-to-top {
	display: inline-block;
	width: 45px;
	height: 45px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(var(- -thm-base)),
		color-stop(51%, var(- -thm-primary)), to(var(- -thm-base)));
	background-image: linear-gradient(180deg, var(- -thm-base) 0%,
		var(- -thm-primary) 51%, var(- -thm-base) 100%);
	position: fixed;
	bottom: 40px;
	right: 40px;
	z-index: 99;
	text-align: center;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	display: none;
	outline: none;
	background-size: auto 200%;
	border-radius: 50%;
	transition: all .4s ease;
}

.scroll-to-top i {
	color: #ffffff;
	font-size: 18px;
	line-height: 45px;
}

.scroll-to-top:hover {
	background-position: bottom;
}

.scroll-to-top:hover i {
	color: #fff;
}

.thm-base-bg {
	background-color: var(- -thm-primary);
}

.thm-base-bg-2 {
	background-color: var(- -thm-base);
}

.thm-gray-bg {
	background-color: var(- -thm-gray);
}

/* Cursor Style */
.cursor {
	position: absolute;
	background-color: #fff;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	z-index: 1;
	-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
		0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s
		cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s
		cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
	transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s
		cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s
		cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	z-index: 10000;
	-webkit-transform: scale(1);
	transform: scale(1);
	visibility: hidden;
}

.cursor {
	visibility: visible;
}

.cursor.active {
	opacity: 0.5;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.cursor.hovered {
	opacity: 0.08;
}

.cursor-follower {
	position: absolute;
	background-color: RGBA(255, 255, 255, 0.3);
	width: 50px;
	height: 50px;
	border-radius: 100%;
	z-index: 1;
	-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
		0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s
		cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s
		cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
	transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s
		cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s
		cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	z-index: 10000;
	visibility: hidden;
}

.cursor-follower {
	visibility: visible;
}

.cursor-follower.active {
	opacity: 0.7;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.cursor-follower.hovered {
	opacity: 0.08;
}

.cursor-follower.close-cursor:before {
	position: absolute;
	content: '';
	height: 25px;
	width: 2px;
	background: #fff;
	left: 48%;
	top: 12px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	display: inline-block;
}

.cursor-follower.close-cursor:after {
	position: absolute;
	content: '';
	height: 25px;
	width: 2px;
	background: #fff;
	right: 48%;
	top: 12px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/
@
-webkit-keyframes ImgBounce { 0% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

100
























































%
{
-webkit-transform
























































:
























































translateY






















































(
























































-30px
























































)






















































;
transform
























































:
























































translateY






















































(
























































-30px
























































)






















































;
}
}
@
keyframes ImgBounce { 0% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

100
























































%
{
-webkit-transform
























































:
























































translateY






















































(
























































-30px
























































)






















































;
transform
























































:
























































translateY






















































(
























































-30px
























































)






















































;
}
}
@
-webkit-keyframes squareMover { 0%, 100% {
	-webkit-transform: translate(0, 0) rotate(0);
	transform: translate(0, 0) rotate(0);
}

20
























































%
,
60
























































%
{
-webkit-transform
























































:
























































translate






















































(
























































20px
,
40px
























































)
























































rotate






















































(
























































180deg
























































)






















































;
transform
























































:
























































translate






















































(
























































20px
,
40px
























































)
























































rotate






















































(
























































180deg
























































)






















































;
}
30
























































%
,
80
























































%
{
-webkit-transform
























































:
























































translate






















































(
























































40px
,
60px
























































)
























































rotate






















































(
























































0deg
























































)






















































;
transform
























































:
























































translate






















































(
























































40px
,
60px
























































)
























































rotate






















































(
























































0deg
























































)






















































;
}
}
@
keyframes squareMover { 0%, 100% {
	-webkit-transform: translate(0, 0) rotate(0);
	transform: translate(0, 0) rotate(0);
}

20
























































%
,
60
























































%
{
-webkit-transform
























































:
























































translate






















































(
























































20px
,
40px
























































)
























































rotate






















































(
























































180deg
























































)






















































;
transform
























































:
























































translate






















































(
























































20px
,
40px
























































)
























































rotate






















































(
























































180deg
























































)






















































;
}
30
























































%
,
80
























































%
{
-webkit-transform
























































:
























































translate






















































(
























































40px
,
60px
























































)
























































rotate






















































(
























































0deg
























































)






















































;
transform
























































:
























































translate






















































(
























































40px
,
60px
























































)
























































rotate






















































(
























































0deg
























































)






















































;
}
}
@
-webkit-keyframes shapeMover { 0%, 100% {
	-webkit-transform: perspective(400px) translateY(0) rotate(0deg)
		translateZ(0px) translateX(0);
	transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px)
		translateX(0);
}

50
























































%
{
-webkit-transform
























































:
























































perspective






















































(
























































400px
























































)
























































rotate






















































(
























































-45deg
























































)
























































translateZ






















































(
























































20px
























































)
























































translateY






















































(
























































20px
























































)
























































translateX






















































(
























































20px
























































)






















































;
transform
























































:
























































perspective






















































(
























































400px
























































)
























































rotate






















































(
























































-45deg
























































)
























































translateZ






















































(
























































20px
























































)
























































translateY






















































(
























































20px
























































)
























































translateX






















































(
























































20px
























































)






















































;
}
}
@
keyframes shapeMover { 0%, 100% {
	-webkit-transform: perspective(400px) translateY(0) rotate(0deg)
		translateZ(0px) translateX(0);
	transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px)
		translateX(0);
}

50
























































%
{
-webkit-transform
























































:
























































perspective






















































(
























































400px
























































)
























































rotate






















































(
























































-45deg
























































)
























































translateZ






















































(
























































20px
























































)
























































translateY






















































(
























































20px
























































)
























































translateX






















































(
























































20px
























































)






















































;
transform
























































:
























































perspective






















































(
























































400px
























































)
























































rotate






















































(
























































-45deg
























































)
























































translateZ






















































(
























































20px
























































)
























































translateY






















































(
























































20px
























































)
























































translateX






















































(
























































20px
























































)






















































;
}
}

/*--------------------------------------------------------------
# Main Menu
--------------------------------------------------------------*/
.site-header-one {
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.site-header-one__fixed-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 91;
}

.site-header-one .container-fluid {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	flex-wrap: wrap;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
	max-width: 1450px;
	margin-left: 100px;
	margin-right: auto;
}

@media ( max-width : 1550px) {
	.site-header-one .container-fluid {
		margin-left: auto;
		margin-right: auto;
	}
}

.site-header-one__logo .side-menu__toggler {
	display: none;
	font-size: 22px;
	color: var(- -thm-black);
	margin-left: 30px;
	cursor: pointer;
}

.main-nav__main-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.main-nav__main-navigation .main-nav__navigation-box {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-left: 130px;
}

.main-nav__main-navigation .main-nav__navigation-box>li {
	padding: 39px 0;
	position: relative;
}

.main-nav__main-navigation .main-nav__navigation-box>li+li {
	margin-left: 64px;
}

.main-nav__main-navigation .main-nav__navigation-box>li>a {
	font-size: 16px;
	font-weight: 600;
	color: #737789;
	display: block;
	-webkit-transition: 500ms;
	transition: 500ms;
	position: relative;
}

.main-nav__main-navigation .main-nav__navigation-box>li.current>a,
	.main-nav__main-navigation .main-nav__navigation-box>li:hover>a {
	color: var(- -thm-base);
}

.main-nav__main-navigation .dropdown-btn {
	display: none;
}

/* Dropdown menu */
.main-nav__main-navigation .dropdown-btn {
	display: none;
}

.main-nav__main-navigation .main-nav__navigation-box>li ul {
	position: absolute;
	width: 210px;
	background-color: #fff;
	border-top: 4px solid var(- -thm-base);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px
		rgba(0, 0, 0, 0.05);
	-webkit-transform-origin: top;
	transform-origin: top;
	visibility: hidden;
	opacity: 0;
	z-index: 991;
	-webkit-transition: opacity 500ms ease, visibility 500ms ease,
		-webkit-transform 500ms ease;
	transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform
		500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, visibility 500ms
		ease;
	transition: transform 500ms ease, opacity 500ms ease, visibility 500ms
		ease, -webkit-transform 500ms ease;
}

.main-nav__main-navigation .main-nav__navigation-box>li ul>li {
	position: relative;
}

.main-nav__main-navigation .main-nav__navigation-box>li ul>li+li {
	border-top: 1px solid rgba(var(- -thm-base-rgb), .3);
}

.main-nav__main-navigation .main-nav__navigation-box>li ul>li>a {
	display: block;
	color: var(- -thm-black);
	font-size: 16px;
	font-family: var(- -thm-font);
	word-break: break-all;
	padding-top: 9.5px;
	padding-bottom: 9.5px;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.main-nav__main-navigation .main-nav__navigation-box>li ul>li:hover>a {
	color: #fff;
	background-color: var(- -thm-black);
}

/* Second level menu */
.main-nav__main-navigation .main-nav__navigation-box>li>ul {
	top: 100%;
	left: 0;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
	visibility: hidden;
	opacity: 0;
}

.main-nav__main-navigation .main-nav__navigation-box>li:hover>ul {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}

/* Third level menu */
.main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul {
	top: 0;
	left: 100%;
	-webkit-transform: translateX(30px);
	transform: translateX(30px);
	visibility: hidden;
	opacity: 0;
}

.main-nav__main-navigation .main-nav__navigation-box>li>ul>li:hover>ul {
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
	visibility: visible;
	opacity: 1;
}

/* After Third level menu */
.main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul>li>ul {
	display: none;
}

/* stricked menu */
.stricked-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background-color: #ffffff;
	box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.06);
	opacity: 0;
	-webkit-transform: translateY(-110%);
	transform: translateY(-110%);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.stricked-menu.stricky-fixed {
	opacity: 1;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}

.stricked-menu .main-nav__main-navigation .main-nav__navigation-box>li {
	padding: 26px 0;
}

/* main nav btn */
.site-header-one .main-nav__right {
	margin-left: auto;
}

.main-nav__btn {
	background-image: none;
	font-size: 14px;
	padding: 6px 37.5px;
	border: 2px solid #fff;
}

.main-nav__btn-two {
	font-size: 14px;
	padding: 6px 37.5px;
}

.main-nav__btn::before {
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	background-image: -webkit-gradient(linear, left top, right top, from(var(- -thm-primary)),
		to(var(- -thm-base)));
	background-image: linear-gradient(90deg, var(- -thm-primary) 0%,
		var(- -thm-base) 100%);
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
}

.main-nav__btn:hover::before {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.main-nav__btn span {
	color: #fff;
	-webkit-text-fill-color: #fff;
}

.stricked-menu .main-nav__btn {
	border-color: var(- -thm-black);
}

.stricked-menu .main-nav__btn span {
	color: var(- -thm-black);
	-webkit-text-fill-color: var(- -thm-black);
}

.stricked-menu .main-nav__btn:hover span {
	color: #fff;
	-webkit-text-fill-color: #fff;
}

/*--------------------------------------------------------------
# Banner
--------------------------------------------------------------*/
.banner-one {
	padding-top: 280px;
	position: relative;
}

[class*=banner-one__bg-shape-] {
	position: absolute;
}

.banner-one__bg-shape-1 {
	left: 0;
	bottom: -230px;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.banner-one__bg {
	position: absolute;
	top: 0;
	right: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 1008px;
	height: 831px;
}

@media ( max-width : 1850px) {
	.banner-one__bg {
		right: -10%;
	}
}

@media ( max-width : 1670px) {
	.banner-one__bg {
		right: -20%;
	}
}

@media ( max-width : 1450px) {
	.banner-one__bg {
		right: -30%;
	}
}

@media ( max-width : 1330px) {
	.banner-one__bg {
		right: -38%;
	}
}

@media ( max-width : 1250px) {
	.banner-one__bg {
		right: -45%;
	}
}

.banner-one__bg::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(120deg, var(- -thm-base) 0%,
		var(- -thm-primary) 100%);
	opacity: 0.8;
}

.banner-one__bg::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center center;
}

.banner-one .container {
	position: relative;
}

.banner-one__moc {
	position: absolute;
	top: -6.5%;
	right: -1.75%;
	-webkit-animation: ImgBounce 5s ease-in-out 0s infinite alternate;
	animation: ImgBounce 5s ease-in-out 0s infinite alternate;
}

.banner-one__mc-form {
	display: -webkit-box;
	display: flex;
	width: 100%;
	max-width: 460px;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.banner-one__mc-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"])
	{
	display: block;
	border: none;
	outline: none;
	width: 100%;
	max-width: 301px;
	height: 70px;
	border: 2px solid #e4e4ee;
	border-radius: 5px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	padding-left: 30px;
	color: #737789;
	font-size: 16px;
	font-weight: 500;
	background-color: #f6f6fb;
}

.banner-one__mc-form ::-webkit-input-placeholder {
	opacity: 1;
	color: #737789;
}

.banner-one__mc-form ::-moz-placeholder {
	opacity: 1;
	color: #737789;
}

.banner-one__mc-form :-ms-input-placeholder {
	opacity: 1;
	color: #737789;
}

.banner-one__mc-form ::-ms-input-placeholder {
	opacity: 1;
	color: #737789;
}

.banner-one__mc-form ::placeholder {
	opacity: 1;
	color: #737789;
}

.banner-one__mc-btn {
	padding: 10px 39.25px;
	background-size: 200% auto;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-transition: background 500ms ease;
	transition: background 500ms ease;
	background-image: -webkit-gradient(linear, left top, right top, from(var(- -thm-base)),
		color-stop(51%, var(- -thm-primary)), to(var(- -thm-base)));
	background-image: linear-gradient(90deg, var(- -thm-base) 0%,
		var(- -thm-primary) 51%, var(- -thm-base) 100%);
}

.banner-one__mc-btn::before {
	display: none;
}

.banner-one__mc-btn:hover {
	background-position: right center;
}

.banner-one__mc-btn span {
	background-image: none;
	background-clip: none;
	color: #fff;
	-webkit-text-fill-color: #fff;
}

.banner-one__content h3 {
	margin: 0;
	color: var(- -thm-black);
	font-size: 70px;
	font-weight: 700;
	margin-top: 40px;
	margin-bottom: 32px;
}

.banner-one__content p {
	margin: 0;
	margin-bottom: 53px;
}

.banner-one__video {
	width: 192px;
	height: 192px;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	border: 27px solid #fff;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	top: 43%;
	right: 41%;
	z-index: 10;
	background-size: 200% auto;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	background-image: -webkit-gradient(linear, left top, right top, from(var(- -thm-base)),
		color-stop(51%, var(- -thm-primary)), to(var(- -thm-base)));
	background-image: linear-gradient(90deg, var(- -thm-base) 0%,
		var(- -thm-primary) 51%, var(- -thm-base) 100%);
}

.banner-one__video:hover {
	background-position: right;
}

.banner-one__video i {
	color: #fff;
	font-size: 40px;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer__upper {
	padding-bottom: 40px;
	padding-top: 165px;
	border-top: 1px solid #e4e4ee;
}

.footer-widget__links-wrap {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin-left: -30px;
}

.footer-widget {
	margin-bottom: 40px;
}

.footer-widget p {
	margin: 0;
	font-size: 16px;
	line-height: 34px;
	color: #737789;
}

.footer-widget__title {
	margin: 0;
	color: var(- -thm-black);
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 42px;
}

.footer-widget__links-list {
	margin-bottom: 0;
}

.footer-widget__links-list li {
	display: block;
	line-height: 1em;
}

.footer-widget__links-list li+li {
	margin-top: 22px;
}

.footer-widget__links-list li a {
	color: #737789;
	font-size: 16px;
	-webkit-transition: 500ms ease;
	transition: 500ms ease;
}

.footer-widget__links-list li a:hover {
	color: var(- -thm-base);
}

.footer-widget__about {
	margin-top: -15px;
}

.footer-widget__about>p {
	margin-top: 20px;
}

.footer-widget__social {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.footer-widget__social a {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: #e4e4ee;
	font-size: 16px;
	color: #fff;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
}

.footer-widget__social a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	-webkit-transform: translateY(100%) rotate(180deg) perspective(44px);
	transform: translateY(100%) rotate(180deg) perspective(44px);
	background-image: linear-gradient(117deg, var(- -thm-base) 0%,
		var(- -thm-primary) 100%);
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.footer-widget__social a:hover::before {
	-webkit-transform: translateY(0%) rotate(0deg) perspective(44px);
	transform: translateY(0%) rotate(0deg) perspective(44px);
}

.footer-widget__social a i {
	position: relative;
	z-index: 20;
}

.footer-widget__social a+a {
	margin-left: 10px;
}

.site-footer__bottom p {
	margin: 0;
	border-top: 1px solid #e4e4ee;
	color: #737789;
	font-size: 16px;
	font-weight: 600;
	padding-top: 29px;
	padding-bottom: 29px;
}

/*--------------------------------------------------------------
# Mailchimp Form
--------------------------------------------------------------*/
.mailchimp-one .inner-container {
	padding-left: 50px;
	padding-right: 48px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-radius: 71px;
	background: #ffffff;
	border: 1px solid #efefef;
	/* background-image: -webkit-gradient(linear, left top, right top, from(#a6eea6), to(#faf5f5)); */
	/* background-image: linear-gradient(90deg, rgb(42 142 42) 0%, #e6e6e6 100%); */
	/* margin-bottom: -71px; */
	position: relative;
}

.mailchimp-one__icon {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 8px;
	background-color: #fff;
	color: #005d7b;
	padding-left: 3px;
	padding-top: 1px;
}

.mailchimp-one__icon i {
	font-size: 23px;
}

.mailchimp-one__icon i::before {
	background-image: -webkit-gradient(linear, left top, right top, from(var(- -thm-base)),
		to(var(- -thm-primary)));
	background-image: linear-gradient(90deg, var(- -thm-base) 0%,
		var(- -thm-primary) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.mailchimp-one__form {
	/* display: -webkit-box; */
	/* display: flex; */
	/* flex-wrap: wrap; */
	/* -webkit-box-align: center; */
	/* align-items: center; */
	/* -webkit-box-pack: justify; */
	justify-content: space-between;
}

.mailchimp-one__form input[type=text] {
	border: none;
	outline: none;
	width: 100%;
	/* max-width: 612px; */
	height: 35px;
	background-color: transparent;
	/* border-bottom: 3px solid rgba(255, 255, 255, .2); */
	color: #20262e;
	font-size: 13px;
	font-weight: 500;
	/* padding-top: 20px; */
	/* padding-bottom: 0; */
}

.mailchimp-one__form ::-webkit-input-placeholder {
	opacity: 1;
	color: #c8c6c6;
}

.mailchimp-one__form ::-moz-placeholder {
	opacity: 1;
	color: #c8c6c6;
}

.mailchimp-one__form :-ms-input-placeholder {
	opacity: 1;
	color: #c8c6c6;
}

.mailchimp-one__form ::-ms-input-placeholder {
	opacity: 1;
	color: #c8c6c6;
}

.mailchimp-one__form ::placeholder {
	opacity: 1;
	color: #c8c6c6;
}

.mailchimp-one__btn {
	background-color: transparent;
	background-image: none;
	font-size: 16px;
	padding: 11px 57.5px;
	border: 2px solid #fff;
}

.mailchimp-one__btn::before {
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	background-image: -webkit-gradient(linear, left top, right top, from(var(- -thm-primary)),
		to(var(- -thm-base)));
	background-image: linear-gradient(90deg, var(- -thm-primary) 0%,
		var(- -thm-base) 100%);
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
}

.mailchimp-one__btn:hover::before {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.mailchimp-one__btn span {
	color: #fff;
	-webkit-text-fill-color: #fff;
}

/*--------------------------------------------------------------
# Sidemenu
--------------------------------------------------------------*/
.side-menu__block {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1000;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transition: -webkit-transform .7s ease;
	transition: -webkit-transform .7s ease;
	transition: transform .7s ease;
	transition: transform .7s ease, -webkit-transform .7s ease;
}

.side-menu__block.active {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.side-menu__block-overlay {
	width: 100%;
	height: 100%;
	background-color: var(- -thm-black);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	opacity: .7;
}

.side-menu__block-overlay .cursor-follower {
	background-color: rgba(255, 255, 255, 0.3);
}

.side-menu__block-inner {
	position: relative;
	max-width: 532px;
	width: 100%;
	margin-right: auto;
	height: 100vh;
	background-color: #F6F6FE;
	z-index: 999999;
	overflow-y: auto;
	padding: 40px 0;
	padding-top: 20px;
	position: relative;
}

@media ( max-width : 575px) {
	.side-menu__block-inner {
		max-width: 480px;
	}
}

@media ( max-width : 480px) {
	.side-menu__block-inner {
		max-width: 400px;
	}
}

@media ( max-width : 375px) {
	.side-menu__block-inner {
		max-width: 300px;
	}
}

.side-menu__block-inner .mCustomScrollBox {
	width: 100%;
}

.side-menu__top {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	padding-left: 100px;
	padding-right: 40px;
}

.mobile-nav__container {
	padding-left: 100px;
	padding-right: 100px;
	padding-top: 50px;
}

.mobile-nav__container ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mobile-nav__container li.dropdown ul {
	display: none;
	padding-left: 0.5em;
}

.mobile-nav__container li.dropdown {
	position: relative;
}

.mobile-nav__container li.dropdown .dropdown-btn {
	border: none;
	outline: none;
	background-color: transparent;
	color: #9ca3a9;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: transfrom 500ms ease;
	transition: transfrom 500ms ease;
}

.mobile-nav__container li.dropdown .dropdown-btn.open {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.mobile-nav__container li+li {
	margin-top: 5px;
}

.mobile-nav__container li a {
	font-family: var(- -special-font-smb);
	display: block;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	position: relative;
	font-size: 17px;
	font-family: var(- -heading-font);
	color: var(- -thm-black);
}

.mobile-nav__container li a:hover {
	color: var(- -thm-base);
}

.mobile-nav__container li.current-menu-item>a, .mobile-nav__container li.current>a
	{
	color: var(- -thm-base);
}

.side-menu__social {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-top: 40px;
}

.side-menu__social a {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: #e4e4ee;
	font-size: 16px;
	color: #fff;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
}

.side-menu__social a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	-webkit-transform: translateY(100%) rotate(180deg) perspective(44px);
	transform: translateY(100%) rotate(180deg) perspective(44px);
	background-image: linear-gradient(117deg, var(- -thm-base) 0%,
		var(- -thm-primary) 100%);
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.side-menu__social a:hover::before {
	-webkit-transform: translateY(0%) rotate(0deg) perspective(44px);
	transform: translateY(0%) rotate(0deg) perspective(44px);
}

.side-menu__social a i {
	position: relative;
	z-index: 20;
}

.side-menu__social a+a {
	margin-left: 10px;
}

.side-menu__content {
	padding-left: 100px;
	padding-right: 100px;
	padding-bottom: 50px;
}

.side-menu__content p {
	margin: 0;
	font-size: 14px;
	line-height: 32px;
	color: #7c7d8a;
	letter-spacing: .02em;
}

.side-menu__content p+p {
	margin-top: 30px;
}

.side-menu__content p a {
	color: var(- -thm-base);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.side-menu__content p a:hover {
	color: var(- -thm-primary);
}

.side-menu__sep {
	width: calc(100% - 200px);
	margin-left: auto;
	margin-right: auto;
	height: 1px;
	background-color: #fff;
	margin-top: 70px;
	margin-bottom: 70px;
}

.side-menu__text p {
	font-size: 14px;
	line-height: 32px;
	color: #7c7d8a;
	margin: 0;
	margin-bottom: 25px;
}

.side-menu__text a {
	color: var(- -thm-base);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.side-menu__text a:hover {
	color: var(- -thm-black);
}

.side-menu__block__copy {
	font-size: 16px;
	font-weight: 500;
	color: #7c7d8a;
	margin: 0;
}

@media ( max-width : 575px) {
	.side-menu__top, .side-menu__content, .mobile-nav__container {
		padding-left: 50px;
		padding-right: 50px;
	}
	.side-menu__sep {
		margin-top: 40px;
		margin-bottom: 40px;
		width: calc(100% - 100px);
	}
}

@media ( max-width : 480px) {
	.side-menu__top, .side-menu__content, .mobile-nav__container {
		padding-left: 25px;
		padding-right: 25px;
	}
	.side-menu__sep {
		width: calc(100% - 50px);
	}
	.side-menu__social {
		margin-top: 40px;
	}
	.side-menu__social a {
		width: 45px;
		height: 45px;
	}
}

/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/
.page-header {
	padding-top: 76.5px;
	padding-bottom: 76.5px;
	background-color: #f6f6fb;
}

.page-header .container {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.page-header h2 {
	margin: 0;
	font-size: 46px;
	font-weight: 600;
	line-height: 1.2em;
	color: var(- -thm-black);
}

/*--------------------------------------------------------------
# BreadCrumb
--------------------------------------------------------------*/
.thm-breadcrumb {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom: 0;
}

.thm-breadcrumb li {
	color: #737789;
	font-size: 18px;
	line-height: 1em;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.thm-breadcrumb li:not(:last-of-type)::after {
	font-family: 'Font Awesome 5 Pro';
	content: "\f105";
	margin-left: 10px;
	margin-right: 10px;
}

.thm-breadcrumb li a {
	color: var(- -thm-black);
	-webkit-transition: 500ms ease;
	transition: 500ms ease;
}

.thm-breadcrumb li a:hover {
	color: var(- -thm-base);
}

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
.blog-grid {
	padding-top: 120px;
	padding-bottom: 120px;
}

.blog-grid .post-pagination {
	margin-top: 30px;
}

.blog-one {
	background-color: #f6f6fb;
	padding-top: 120px;
	padding-bottom: 90px;
}

.blog-one__single {
	margin-bottom: 30px;
}

.blog-one__image {
	overflow: hidden;
	border-radius: 5px;
	margin-bottom: 10px;
	background-color: var(- -thm-black);
}

.blog-one__image>img {
	width: 100%;
	opacity: 1;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, -webkit-transform
		500ms ease;
}

.blog-one__single:hover .blog-one__image>img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	opacity: 0.5;
}

.blog-one__meta {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom: 7px;
}

.blog-one__meta a {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	color: #737789;
	font-size: 14px;
	font-weight: 600;
	line-height: 1em;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.blog-one__meta a i {
	color: var(- -thm-base);
	margin-right: 5px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.blog-one__meta a+a {
	margin-left: 15px;
}

.blog-one__single:hover .blog-one__meta a, .blog-one__single:hover .blog-one__meta a i
	{
	color: #fff;
}

.blog-one__content {
	padding-top: 50px;
	padding-bottom: 40px;
	border-radius: 5px;
	background-color: #ffffff;
	padding-left: 50px;
	padding-right: 50px;
	position: relative;
	box-shadow: 0px 10px 60px 0px rgba(46, 61, 98, 0.1);
}

.blog-one__content::before {
	content: '';
	border-radius: 5px;
	background-image: -webkit-gradient(linear, left top, right top, from(var(- -thm-base)),
		to(var(- -thm-primary)));
	background-image: linear-gradient(90deg, var(- -thm-base) 0%,
		var(- -thm-primary) 100%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.blog-one__single:hover .blog-one__content::before {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top;
	transform-origin: top;
}

.blog-one__content h3 {
	color: var(- -thm-black);
	font-size: 24px;
	line-height: 40px;
	margin: 0;
	font-weight: 600;
}

.blog-one__content h3 a {
	color: inherit;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.blog-one__single:hover .blog-one__content h3 a, .blog-one__content h3 a:hover
	{
	color: #fff;
}

.blog-one__content-inner {
	position: relative;
}

.blog-one__circle::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 125px;
	height: 131px;
	content: '';
	-webkit-transform: perspective(150px) scaleX(0);
	transform: perspective(150px) scaleX(0);
	-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, -webkit-transform
		500ms ease;
	opacity: 0;
	-webkit-transform-origin: left;
	transform-origin: left;
}

.blog-one__circle::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 107px;
	height: 132px;
	content: '';
	-webkit-transform: perspective(150px) scaleX(0);
	transform: perspective(150px) scaleX(0);
	-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, -webkit-transform
		500ms ease;
	opacity: 0;
	-webkit-transform-origin: right;
	transform-origin: right;
}

.blog-one__single:hover .blog-one__circle::before, .blog-one__single:hover .blog-one__circle::after
	{
	opacity: 0.3;
	-webkit-transform: perspective(150px) scaleX(1);
	transform: perspective(150px) scaleX(1);
}

/*--------------------------------------------------------------
# Blog Details
--------------------------------------------------------------*/
.blog-details {
	padding-top: 120px;
	padding-bottom: 120px;
}

.blog-details__content h3 {
	margin: 0;
	font-size: 46px;
	line-height: 56px;
	color: var(- -thm-black);
	font-weight: 600;
	margin-bottom: 37px;
}

.blog-details__content .blog-one__meta {
	margin-bottom: 10px;
}

.blog-details__content p {
	margin: 0;
	font-size: 18px;
	line-height: 36px;
	color: #737789;
	font-weight: 500;
}

.blog-details__content p+p {
	margin-top: 30px;
}

.blog-details__image {
	margin-bottom: 30px;
}

.blog-details__image>img {
	border-radius: 5px;
	width: 100%;
}

.blog-author {
	background-color: #f6f6fb;
	border-radius: 5px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	padding: 60px;
	margin-bottom: 50px;
}

.blog-author__image>img {
	width: 170px;
	border-radius: 5px;
}

.blog-author__content {
	padding-left: 40px;
}

.blog-author__content h3 {
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	color: var(- -thm-black);
	margin-bottom: 30px;
}

.blog-author__content p {
	margin: 0;
	color: #737789;
	font-size: 18px;
	line-height: 34px;
	font-weight: 500;
}

.blog-details__meta {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	border-top: 1px solid #e4e4ee;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 50px;
	flex-wrap: wrap;
}

.blog-details__tags {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: baseline;
	align-items: baseline;
}

.blog-details__tags span {
	color: var(- -thm-black);
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	font-family: var(- -heading-font);
	margin-right: 10px;
}

.blog-details__tags a {
	color: #737789;
	font-size: 16px;
	font-weight: 500;
	-webkit-transition: 500ms;
	transition: 500ms;
}

.blog-details__tags a:hover {
	color: var(- -thm-primary);
}

.blog-details__tags a+a {
	margin-left: 5px;
}

.blog-details__share {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.blog-details__share a {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: #e4e4ee;
	font-size: 16px;
	color: #fff;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
}

.blog-details__share a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	-webkit-transform: translateY(100%) rotate(180deg) perspective(44px);
	transform: translateY(100%) rotate(180deg) perspective(44px);
	background-image: linear-gradient(117deg, var(- -thm-base) 0%,
		var(- -thm-primary) 100%);
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.blog-details__share a:hover::before {
	-webkit-transform: translateY(0%) rotate(0deg) perspective(44px);
	transform: translateY(0%) rotate(0deg) perspective(44px);
}

.blog-details__share a i {
	position: relative;
	z-index: 20;
}

.blog-details__share a+a {
	margin-left: 10px;
}

.comment-one {
	margin-bottom: 45px;
}

.comment-one__block-title {
	margin: 0;
	margin-bottom: 54px;
	font-size: 26px;
	font-weight: bold;
	color: var(- -thm-black);
}

.comment-one__single {
	display: -webkit-box;
	display: flex;
	position: relative;
	border-bottom: 1px solid #e4e4ee;
	padding-bottom: 60px;
	margin-bottom: 60px;
}

.comment-one__btn {
	position: absolute;
	top: 0;
	right: 0;
	padding: 8px 29px;
	font-size: 14px;
}

.comment-one__content {
	padding-right: 100px;
}

.comment-one__content .comment-one__date {
	color: var(- -thm-base);
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	margin-bottom: 30px;
}

.comment-one__content .comment-one__date span {
	margin-left: 5px;
	margin-right: 5px;
}

.comment-one__image {
	width: 90px;
}

.comment-one__image>img {
	border-radius: 50%;
}

.comment-one__content {
	padding-left: 40px;
}

.comment-one__content h3 {
	margin: 0;
	font-size: 20px;
	color: var(- -thm-black);
	font-weight: 600;
	line-height: 1em;
}

.comment-one__content p {
	color: #737789;
	margin: 0;
	font-size: 18px;
	line-height: 34px;
	font-weight: 500;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
@media ( max-width : 991px) {
	.sidebar {
		margin-top: 50px;
	}
}

.sidebar__title {
	margin: 0;
	color: var(- -thm-black);
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 30px;
}

.sidebar__single:not(.sidebar__search) {
	padding: 50px;
	background-color: #f6f6fb;
	border-radius: 5px;
}

@media ( max-width : 1199px) {
	.sidebar__single:not(.sidebar__search) {
		padding: 30px;
	}
}

.sidebar__single+.sidebar__single {
	margin-top: 30px;
}

.sidebar__post__single+.sidebar__post__single {
	margin-top: 30px;
}

.sidebar__post-image, .sidebar__post-content {
	display: table-cell;
	vertical-align: middle;
}

.sidebar__post-image {
	width: 60px;
}

.sidebar__post-image .inner-block {
	width: 100%;
}

.sidebar__post-image .inner-block>img {
	width: 100%;
	border-radius: 50%;
}

.sidebar__post-content {
	padding-left: 20px;
}

.sidebar__post-title {
	margin: 0;
	font-size: 16px;
	line-height: 28px;
	font-weight: 600;
	color: #737789;
	font-family: var(- -thm-font);
}

.sidebar__post-title a {
	color: inherit;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.sidebar__post-title a:hover {
	color: var(- -thm-base);
}

.sidebar__category-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar__category-list-item {
	line-height: 1em;
}

.sidebar__category-list-item a {
	color: #737789;
	font-size: 16px;
	font-weight: 500;
	display: block;
	position: relative;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.sidebar__category-list-item a:hover {
	color: var(- -thm-base);
}

.sidebar__category-list-item+.sidebar__category-list-item {
	margin-top: 27px;
}

.sidebar__tags-list {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: -10px;
}

.sidebar__tags-list-item {
	display: inline-block;
	vertical-align: middle;
	line-height: 1em;
}

.sidebar__tags-list-item a {
	display: block;
	color: #737789;
	font-size: 16px;
	font-weight: 600;
	line-height: 1em;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.sidebar__tags-list-item a:hover {
	color: var(- -thm-black);
}

.sidebar__search-form {
	width: 100%;
	height: 72px;
	background-image: -webkit-gradient(linear, left top, right top, from(var(- -thm-base)),
		to(var(- -thm-primary)));
	background-image: linear-gradient(90deg, var(- -thm-base) 0%,
		var(- -thm-primary) 100%);
	position: relative;
	border-radius: 5px;
}

.sidebar__search-form input {
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: none;
	outline: none;
	color: #fff;
	padding-left: 40px;
	padding-right: 40px;
}

.sidebar__search-form ::-webkit-input-placeholder {
	opacity: 1;
	color: #fff;
}

.sidebar__search-form :-ms-input-placeholder {
	opacity: 1;
	color: #fff;
}

.sidebar__search-form ::-ms-input-placeholder {
	opacity: 1;
	color: #fff;
}

.sidebar__search-form ::-moz-placeholder {
	opacity: 1;
	color: #fff;
}

.sidebar__search-form ::placeholder {
	opacity: 1;
	color: #fff;
}

.sidebar__search-form button[type=submit] {
	background-color: transparent;
	border: none;
	outline: none;
	position: absolute;
	top: 50%;
	right: 50px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	padding: 0;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.sidebar__search-form button[type=submit] i {
	font-size: 16px;
	color: #fff;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact-one {
	padding-top: 120px;
	padding-bottom: 120px;
	position: relative;
}

[class*=contact-one__bg-shape] {
	position: absolute;
}

.contact-one__bg-shape-1 {
	bottom: 90px;
	right: 0;
}

.contact-one .container {
	position: relative;
}

.contact-one .contact-one__form {
	padding-right: 80px;
}

.contact-one__form textarea, .contact-one__form .bootstrap-select>.dropdown-toggle,
	.contact-one__form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"])
	{
	border: none;
	outline: none;
	display: block;
	width: 100%;
	height: 72px;
	border-radius: 4px;
	background-color: var(- -thm-gray);
	padding-left: 30px;
	padding-right: 30px;
	border: 1px solid #e4e4ee;
	color: #737789;
	background-color: #f6f6fb;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
}

.contact-one__form textarea {
	height: 194px;
	padding-top: 20px;
}

.contact-one__form ::-webkit-input-placeholder {
	opacity: 1;
	color: #737789;
}

.contact-one__form ::-moz-placeholder {
	opacity: 1;
	color: #737789;
}

.contact-one__form :-ms-input-placeholder {
	opacity: 1;
	color: #737789;
}

.contact-one__form ::-ms-input-placeholder {
	opacity: 1;
	color: #737789;
}

.contact-one__form ::placeholder {
	opacity: 1;
	color: #737789;
}

.contact-one__form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn)
	{
	width: 100%;
}

.contact-one__form .bootstrap-select .dropdown-toggle .filter-option {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.contact-one__form .dropdown-toggle::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "\f107";
	border: none;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	font-size: 14px;
	color: #737789;
}

.contact-one__form .dropup .dropdown-toggle::after {
	content: "\f106";
}

.contact-one__image {
	position: relative;
}

.contact-one__image::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.contact-one__image::after {
	content: '';
	width: 249px;
	height: 99px;
	background-repeat: no-repeat;
	position: absolute;
	top: -58px;
	right: -12px;
	-webkit-transform: rotate(2deg);
	transform: rotate(2deg);
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.service-one {
	padding-bottom: 90px;
	padding-top: 195px;
}

.service-one__single {
	border-radius: 30px;
	background-color: #26a65b;
	box-shadow: 0px 10px 60px 0px rgba(46, 61, 98, 0.1);
	text-align: center;
	position: relative;
	margin-bottom: 30px;
}

.service-one__single_left {
	border-radius: 30px;
	background-color: #255bac;
	/* box-shadow: 0px 10px 60px 0px rgba(46, 61, 98, 0.1); */
	text-align: center;
	position: relative;
	margin-bottom: 5px;
}

.service-one__single_pos {
	border-radius: 30px;
	background-color: #60a7d0;
	/* box-shadow: 0px 10px 60px 0px rgba(46, 61, 98, 0.1); */
	text-align: center;
	position: relative;
	/* margin-bottom: 5px; */
}

.service-one__icon {
	width: 129px;
	height: 129px;
	background-color: white;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50%;
	margin-bottom: 10px;
	position: relative;
}

.service-one__icon_pos {
	width: 100%;
	height: 86px;
	background-color: white;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	text-align: center;
	/* margin-left: auto; */
	/* margin-right: auto; */
	/* border-radius: 50%; */
	/* margin-bottom: 4px; */
	position: relative;
	border: 1px solid #e9edf2;
}

.service-one__icon_left {
	width: 100px;
	height: 100px;
	background-color: #f4f4f4 !important;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50%;
	margin-bottom: 10px;
	position: relative;
	z-index: 0;
}

.service-one__icon i {
	font-size: 64px;
	background-image: -webkit-gradient(linear, right top, left top, from(var(- -thm-base)),
		to(var(- -thm-primary)));
	background-image: linear-gradient(-90deg, var(- -thm-base) 0%,
		var(- -thm-primary) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.service-one__single h3 {
	margin: 0;
	font-weight: 600;
	font-size: 14px;
	color: white;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	margin-bottom: 29px;
}

.service-one__single h4 {
	margin: 0;
	font-weight: 600;
	font-size: 20px;
	color: white;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	margin-bottom: 29px;
}

.service-one__single_left h3 {
	margin: 0;
	font-weight: 600;
	font-size: 15px;
	color: white;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	margin-bottom: 15px;
}

.service-one__single_pos h1 {
	margin: 0;
	font-weight: 600;
	font-size: 14px;
	color: white;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	/* margin-bottom: 20px; */
}

.service-one__single_pos h3 {
	margin: 0;
	font-weight: 600;
	font-size: 20px;
	color: white;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	margin-bottom: 10px;
}

.service-one__single_pos h2 {
	margin: 0;
	font-weight: 600;
	font-size: 11px;
	color: #c82727;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	margin-bottom: 5px;
	padding-right: 8px;
}

.service-one__single h3 a {
	color: inherit;
}

.service-one__single_left h3 a {
	color: inherit;
}

.service-one__single_pos h3 a {
	color: inherit;
}

.service-one__single h3 a:hover {
	color: #fff;
}

.service-one__single_left h3 a:hover {
	color: #fff;
}

.service-one__single_pos h3 a:hover {
	color: #fff;
}

.service-one__single p {
	margin: 0;
	color: #737789;
	font-size: 16px;
	font-weight: 500;
	line-height: 29px;
	width: 58%;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.service-one__single_left p {
	margin: 0;
	color: #737789;
	font-size: 16px;
	font-weight: 500;
	line-height: 29px;
	width: 58%;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.service-one__single_pos p {
	margin: 0;
	color: #737789;
	font-size: 16px;
	font-weight: 500;
	line-height: 29px;
	width: 58%;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.service-one__single:hover h3, .service-one__single:hover p {
	color: #fff;
}

.service-one__single_left:hover h3, .service-one__single_left:hover p {
	color: #fff;
}

.service-one__single_pos:hover h3, .service-one__single_pos:hover p {
	color: #fff;
}

.service-one__single::before {
	content: '';
	border-radius: 5px;
	background-image: -webkit-gradient(linear, left top, right top, from(var(- -thm-base)),
		to(var(- -thm-primary)));
	background-image: linear-gradient(90deg, var(- -thm-base) 0%,
		var(- -thm-primary) 100%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 30px;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right;
	transform-origin: right;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.service-one__single_left::before {
	content: '';
	border-radius: 5px;
	background-image: -webkit-gradient(linear, left top, right top, from(var(- -thm-base)),
		to(var(- -thm-primary)));
	background-image: linear-gradient(90deg, var(- -thm-base) 0%,
		var(- -thm-primary) 100%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 30px;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right;
	transform-origin: right;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.service-one__single_pos::before {
	content: '';
	border-radius: 5px;
	background-image: -webkit-gradient(linear, left top, right top, from(var(- -thm-base)),
		to(var(- -thm-primary)));
	background-image: linear-gradient(90deg, var(- -thm-base) 0%,
		var(- -thm-primary) 100%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 30px;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right;
	transform-origin: right;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.service-one__single:hover::before {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left;
	transform-origin: left;
}

.service-one__single_left:hover::before {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left;
	transform-origin: left;
}

.service-one__single_pos:hover::before {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left;
	transform-origin: left;
}

.service-one__inner {
	position: relative;
	padding-top: 14px;
	padding-bottom: 0px;
	border-radius: 0;
	overflow: hidden;
}

.service-one__inner_pos {
	position: relative;
	padding-top: 4px;
	padding-bottom: 0px;
	border-radius: 0;
	padding: 0;
	overflow: hidden;
}

.service-one__circle::before {
	position: absolute;
	bottom: -6px;
	left: -21px;
	width: 170px;
	height: 169px;
	content: '';
	-webkit-transform: perspective(150px) scaleX(0);
	transform: perspective(150px) scaleX(0);
	-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, -webkit-transform
		500ms ease;
	opacity: 0;
	-webkit-transform-origin: left;
	transform-origin: left;
}

.service-one__circle::after {
	position: absolute;
	top: -4px;
	right: -14px;
	width: 158px;
	height: 159px;
	content: '';
	-webkit-transform: perspective(150px) scaleX(0);
	transform: perspective(150px) scaleX(0);
	-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, -webkit-transform
		500ms ease;
	opacity: 0;
	-webkit-transform-origin: right;
	transform-origin: right;
}

.service-one__single:.service-one__single_left:.service-one__single_pos:hover .service-one__circle::before,
	.service-one__single:.service-one__single_left:.service-one__single_pos:hover .service-one__circle::after
	{
	opacity: 0.3;
	-webkit-transform: perspective(150px) scaleX(1);
	transform: perspective(150px) scaleX(1);
}

/*--------------------------------------------------------------
# Call to action
--------------------------------------------------------------*/
.cta-one {
	position: relative;
	padding-top: 85px;
	margin-bottom: 200px;
}

[class*=cta-one__bg-shape-] {
	position: absolute;
}

.cta-one__bg-shape-1 {
	bottom: -60px;
	right: 0;
}

.cta-one__bg-shape-2 {
	bottom: 50px;
	right: 80px;
	-webkit-animation-name: squareMover;
	animation-name: squareMover;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-perspective: 100px;
	perspective: 100px;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.cta-one .container {
	position: relative;
}

.cta-one__moc {
	position: absolute;
	left: -190px;
	bottom: -150px;
}

.cta-one__moc img {
	-webkit-animation: ImgBounce 5s ease-in-out 0s infinite alternate;
	animation: ImgBounce 5s ease-in-out 0s infinite alternate;
}

.cta-one__content .block-title {
	padding-bottom: 37px;
}

.cta-one__text {
	margin-bottom: 43px;
}

.cta-one__text p {
	margin: 0;
	color: #737789;
	font-size: 24px;
	line-height: 40px;
	font-weight: 500;
}

.cta-one__list {
	margin-bottom: 53px;
}

.cta-one__list li {
	color: #737789;
	position: relative;
	padding-left: 35px;
	font-size: 18px;
}

.cta-one__list li+li {
	margin-top: 4px;
}

.cta-one__list li>i {
	position: absolute;
	top: 50%;
	left: 0;
	font-size: 18px;
	background-image: -webkit-gradient(linear, right top, left top, from(var(- -thm-base)),
		to(var(- -thm-primary)));
	background-image: linear-gradient(-90deg, var(- -thm-base) 0%,
		var(- -thm-primary) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*--------------------------------------------------------------
## Call to action Two
--------------------------------------------------------------*/
.cta-two {
	padding-bottom: 120px;
	padding-top: 120px;
	background-color: #f6f6fb;
}

.cta-two__images>img {
	border-radius: 4px;
	box-shadow: 0px 0px 60px 0px rgba(5, 5, 6, 0.1);
}

.cta-two__images>img+img {
	margin-top: 30px;
}

.cta-two__content .block-title {
	padding-bottom: 40px;
}

.cta-two__icon-wrap {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom: 50px;
}

.cta-two__icon-single {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.cta-two__icon-single+.cta-two__icon-single {
	margin-left: 30px;
}

.cta-two__icon i {
	width: 101px;
	height: 101px;
	margin-right: 20px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	font-size: 64px;
	background-image: -webkit-gradient(linear, left top, right top, from(var(- -thm-base)),
		to(var(- -thm-primary)));
	background-image: linear-gradient(90deg, var(- -thm-base) 0%,
		var(- -thm-primary) 100%);
}

.cta-two__icon-single h3 {
	margin: 0;
	color: var(- -thm-black);
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
}

.cta-two__text {
	margin-bottom: 53px;
}

.cta-two__text p {
	margin: 0;
	font-size: 18px;
	line-height: 36px;
	font-weight: 600;
	color: #737789;
}

.cta-two__btn::before {
	background-color: #f6f6fb;
}

/*--------------------------------------------------------------
## Call to action Three
--------------------------------------------------------------*/
.cta-three {
	padding-top: 110px;
	padding-bottom: 191px;
	overflow: hidden;
	background-color: #242b4b;
	position: relative;
	margin-bottom: -71px;
}

[class*=cta-three__bg-] {
	position: absolute;
	top: 0;
}

.cta-three__bg-1 {
	left: 0;
}

.cta-three__bg-2 {
	right: 0;
}

.cta-three .container {
	position: relative;
}

.cta-three__btn-wrap {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}

.cta-three__btn {
	border-radius: 5px;
	color: #fff;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	position: relative;
	text-align: left;
	width: 216px;
	position: relative;
	height: 82px;
	padding-left: 70px;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: center;
	justify-content: center;
	overflow: hidden;
	background-image: -webkit-gradient(linear, left top, right top, from(var(- -thm-base)),
		to(var(- -thm-primary)));
	background-image: linear-gradient(90deg, var(- -thm-base) 0%,
		var(- -thm-primary) 100%);
}

.cta-three__btn:hover {
	color: #fff;
}

.cta-three__btn::before {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	border-radius: 5px;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: right;
	transform-origin: right;
	background-color: #242b4b;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.cta-three__btn::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 5px;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right;
	transform-origin: right;
	background-color: #fff;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.cta-three__btn:hover::after {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.cta-three__btn span {
	font-size: 14px;
	font-weight: bold;
	line-height: 1em;
	position: relative;
	display: block;
	z-index: 10;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.cta-three__btn b {
	font-weight: bold;
	font-size: 18px;
	line-height: 1em;
	display: block;
	z-index: 10;
	position: relative;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.cta-three__btn:hover span, .cta-three__btn:hover b {
	color: var(- -thm-black);
}

.cta-three__btn i {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 40px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 30px;
	background-image: -webkit-gradient(linear, right top, left top, from(var(- -thm-base)),
		to(var(- -thm-primary)));
	background-image: linear-gradient(-90deg, var(- -thm-base) 0%,
		var(- -thm-primary) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.cta-three__btn+.cta-three__btn {
	margin-left: 20px;
}

.cta-three h3 {
	font-size: 46px;
	margin: 0;
	color: #fff;
	font-weight: bold;
	margin-bottom: 24px;
}

.cta-three p {
	margin: 0;
	font-size: 20px;
	color: #a5a9be;
	margin-bottom: 53px;
}

/*--------------------------------------------------------------
# Funfact
--------------------------------------------------------------*/
.funfact-one {
	position: relative;
	padding-top: 121px;
	padding-bottom: 121px;
	background-image: -webkit-gradient(linear, left top, right top, from(var(- -thm-base)),
		to(var(- -thm-primary)));
	background-image: linear-gradient(90deg, var(- -thm-base) 0%,
		var(- -thm-primary) 100%);
}

.funfact-one::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-position: center center;
	background-attachment: fixed;
	opacity: 0.15;
}

.funfact-one .container {
	position: relative;
}

.funfact-one__single {
	text-align: center;
	position: relative;
}

.funfact-one__single h3 {
	margin: 0;
	color: #fff;
	font-weight: 500;
	font-size: 60px;
	position: relative;
	top: -10px;
	margin-bottom: 7px;
	line-height: 1em;
}

.funfact-one__single p {
	color: #fff;
	margin: 0;
	font-size: 18px;
	font-weight: 500;
	line-height: 1em;
}

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing-one {
	position: relative;
	padding-top: 120px;
	padding-bottom: 90px;
}

.pricing-one .animated {
	-webkit-animation-duration: 1500ms;
	animation-duration: 1500ms;
}

.pricing-one__single {
	text-align: center;
	box-shadow: 0px 10px 60px 0px rgba(46, 61, 98, 0.1);
	border-radius: 5px;
	position: relative;
	margin-bottom: 30px;
}

.pricing-one__single::before {
	content: '';
	border-radius: 5px;
	background-image: -webkit-gradient(linear, left top, right top, from(var(- -thm-base)),
		to(var(- -thm-primary)));
	background-image: linear-gradient(90deg, var(- -thm-base) 0%,
		var(- -thm-primary) 100%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 5px;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right;
	transform-origin: right;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.pricing-one__single:hover::before {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left;
	transform-origin: left;
}

.pricing-one__inner {
	position: relative;
	overflow: hidden;
	padding-top: 60px;
	padding-bottom: 60px;
}

.pricing-one__single h3 {
	margin: 0;
	color: var(- -thm-base);
	font-size: 60px;
	font-weight: 600;
	position: relative;
	line-height: 1em;
	-webkit-transition: all 500ms;
	transition: all 500ms;
}

.pricing-one__single p {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	color: var(- -thm-black);
	position: relative;
	margin-bottom: 5px;
	line-height: 1em;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.pricing-one__list {
	margin-bottom: 0;
	position: relative;
	border-top: 1px solid #f6f6fb;
	padding-bottom: 55px;
	padding-top: 55px;
	margin-top: 60px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.pricing-one__list li {
	line-height: 1em;
	font-size: 16px;
	font-weight: 600;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	color: #737789;
}

.pricing-one__list li+li {
	margin-top: 24px;
}

.pricing-one__inner>span {
	display: block;
	line-height: 1em;
	color: #737789;
	font-weight: 600;
	position: relative;
	font-size: 14px;
	margin-top: 25px;
	-webkit-transition: all 500ms;
	transition: all 500ms;
}

.pricing-one__btn::before {
	-webkit-transition: top 500ms ease, left 500ms ease, right 500ms ease,
		bottom 500ms ease, -webkit-transform 500ms ease;
	transition: top 500ms ease, left 500ms ease, right 500ms ease, bottom
		500ms ease, -webkit-transform 500ms ease;
	transition: top 500ms ease, left 500ms ease, right 500ms ease, bottom
		500ms ease, transform 500ms ease;
	transition: top 500ms ease, left 500ms ease, right 500ms ease, bottom
		500ms ease, transform 500ms ease, -webkit-transform 500ms ease;
}

.pricing-one .block-title {
	padding-bottom: 40px;
}

.pricing-one .switch {
	position: relative;
	display: inline-block;
	width: 79px;
	height: 36px;
	vertical-align: middle;
	margin: 0;
}

.pricing-one .switch input {
	display: none;
}

.pricing-one .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: .4s;
	transition: .4s;
	background-image: -webkit-gradient(linear, left top, right top, from(var(- -thm-base)),
		to(var(- -thm-primary)));
	background-image: linear-gradient(90deg, var(- -thm-base) 0%,
		var(- -thm-primary) 100%);
}

.pricing-one .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 6px;
	bottom: 6px;
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
	background-color: #fff;
	-webkit-transition: .4s;
	transition: .4s;
}

.pricing-one .switch.off .slider:before {
	-webkit-transform: translateX(42px);
	transform: translateX(42px);
}

.pricing-one .slider.round {
	border-radius: 34px;
}

.pricing-one .slider.round:before {
	border-radius: 50%;
}

.pricing-one ul.switch-toggler-list {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	margin-bottom: 60px;
}

.pricing-one ul.switch-toggler-list li a {
	font-size: 18px;
	font-weight: 600;
	color: #737789;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
}

.pricing-one ul.switch-toggler-list li.active a {
	color: var(- -thm-black);
}

.pricing-one__circle::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 197px;
	height: 165px;
	content: '';
	-webkit-transform: perspective(150px) scaleX(0);
	transform: perspective(150px) scaleX(0);
	-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, -webkit-transform
		500ms ease;
	opacity: 0;
	-webkit-transform-origin: right;
	transform-origin: right;
}

.pricing-one__circle::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 168px;
	height: 255px;
	content: '';
	-webkit-transform: perspective(150px) scaleX(0);
	transform: perspective(150px) scaleX(0);
	-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, -webkit-transform
		500ms ease;
	opacity: 0;
	-webkit-transform-origin: left;
	transform-origin: left;
}

.pricing-one [class*=col-]:nth-child(2) .pricing-one__single .pricing-one__circle::before,
	.pricing-one__single:hover .pricing-one__circle::before, .pricing-one [class*=col-]:nth-child(2) .pricing-one__single .pricing-one__circle::after,
	.pricing-one__single:hover .pricing-one__circle::after {
	opacity: 0.3;
	-webkit-transform: perspective(150px) scaleX(1);
	transform: perspective(150px) scaleX(1);
}

.pricing-one [class*=col-]:nth-child(2) .pricing-one__single::before {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left;
	transform-origin: left;
}

.pricing-one__single:hover .pricing-one__list, .pricing-one [class*=col-]:nth-child(2) .pricing-one__list
	{
	border-top-color: rgba(255, 255, 255, .1);
}

.pricing-one__single:hover .pricing-one__btn::before, .pricing-one [class*=col-]:nth-child(2) .pricing-one__btn::before
	{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.pricing-one [class*=col-]:nth-child(2) .pricing-one__list li,
	.pricing-one__single:hover .pricing-one__list li, .pricing-one [class*=col-]:nth-child(2) .pricing-one__single p,
	.pricing-one__single:hover p, .pricing-one [class*=col-]:nth-child(2) .pricing-one__single h3,
	.pricing-one__single:hover h3, .pricing-one [class*=col-]:nth-child(2) .pricing-one__inner>span,
	.pricing-one__single:hover .pricing-one__inner>span {
	color: #fff;
}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials-one {
	position: relative;
	padding-top: 120px;
	padding-bottom: 120px;
	background-color: #f6f6fb;
}

.testimonials-one .block-title {
	padding-bottom: 35px;
}

.testimonials-one__text {
	margin: 0;
	color: #737789;
	font-size: 22px;
	line-height: 46px;
	margin-bottom: 35px;
}

.testimonials-one__title {
	margin: 0;
	color: var(- -thm-base);
	font-weight: bold;
	font-size: 20px;
}

.testimonials-one__carousel {
	overflow: hidden;
}

.testimonials-one .container {
	position: relative;
}

.testimonials-one__thumb-carousel {
	overflow: hidden;
	width: 100%;
}

.testimonials-one__thumb-carousel .swiper-slide {
	opacity: 0 !important;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.testimonials-one__thumb-carousel .swiper-slide-active {
	opacity: 1 !important;
}

.testimonials-one .swiper-pagination {
	position: relative;
	left: auto;
	bottom: auto;
	text-align: left;
}

.testimonials-one .my-auto {
	width: 100%;
}

.testimonials-one .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet
	{
	margin: 0;
}

.testimonials-one .swiper-pagination-bullet {
	outline: none;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: var(- -thm-black);
	opacity: .2;
	margin: 0;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	position: relative;
}

.testimonials-one .swiper-pagination-bullet::before {
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	background-image: -webkit-gradient(linear, left top, right top, from(var(- -thm-primary)),
		to(var(- -thm-base)));
	background-image: linear-gradient(90deg, var(- -thm-primary) 0%,
		var(- -thm-base) 100%);
	-webkit-transform-origin: center;
	transform-origin: center;
	background-size: 100% 100%;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
	z-index: 10;
	display: block;
	border-radius: 50%;
}

.testimonials-one .swiper-pagination-bullet+.swiper-pagination-bullet {
	margin-left: 10px !important;
}

.testimonials-one .swiper-pagination-bullet:hover, .testimonials-one .swiper-pagination-bullet-active
	{
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	opacity: 1;
}

.testimonials-one .swiper-pagination-bullet:hover::before,
	.testimonials-one .swiper-pagination-bullet-active::before {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.testimonials-one__pagination-wrap {
	position: absolute;
	bottom: 18px;
	right: 15px;
	background-color: #f6f6fb;
	z-index: 11;
}

.testimonials-one__image {
	position: relative;
	display: inline-block;
}

.testimonials-one__image::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.testimonials-one__thumb-carousel-wrap {
	position: relative;
}

.testimonials-one__icon {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 10;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	border-radius: 50%;
	width: 192px;
	height: 192px;
	border: 27px solid #f6f6fb;
	background-image: -webkit-gradient(linear, left top, right top, from(var(- -thm-base)),
		to(var(- -thm-primary)));
	background-image: linear-gradient(90deg, var(- -thm-base) 0%,
		var(- -thm-primary) 100%);
}

@media ( max-width : 1350px) {
	.testimonials-one__icon {
		left: 50%;
		-webkit-transform: translateY(-50%) translateX(50%);
		transform: translateY(-50%) translateX(50%);
	}
}

/*--------------------------------------------------------------
# Brand
--------------------------------------------------------------*/
.brand-one {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding-top: 119px;
	padding-bottom: 119px;
	border-bottom: 1px solid #e4e4ee;
}

@media ( min-width : 1200px) {
	.brand-one .container {
		padding-left: 60px;
		padding-right: 60px;
	}
}

.brand-one__carousel img {
	opacity: 0.3;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.brand-one__carousel img:hover {
	opacity: .6;
}

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team-one {
	padding-top: 120px;
	padding-bottom: 90px;
	position: relative;
}

[class*=team-one__bg-shape-] {
	position: absolute;
}

.team-one__bg-shape-1 {
	top: 35px;
	left: 0;
}

.team-one__bg-shape-2 {
	left: 60px;
	bottom: 100px;
	-webkit-animation-name: shapeMover;
	animation-name: shapeMover;
	-webkit-animation-duration: 9s;
	animation-duration: 9s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.team-one .container {
	position: relative;
}

.team-one__single {
	margin-bottom: 30px;
	border-radius: 5px;
	box-shadow: 0px 10px 60px 0px rgba(46, 61, 98, 0.1);
	text-align: center;
	position: relative;
	padding-bottom: 60px;
	padding-top: 57px;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.team-one__single:hover {
	-webkit-transform: scaleY(1.20);
	transform: scaleY(1.20);
}

.team-one__inner {
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

.team-one__single:hover .team-one__inner {
	-webkit-transform: scaleY(.8);
	transform: scaleY(.8);
}

.team-one__image {
	width: 161px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #e4e4ee;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.team-one__single:hover .team-one__image {
	border-color: transparent;
}

.team-one__single h3 {
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	color: var(- -thm-black);
	line-height: 1em;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.team-one__single p {
	color: #737789;
	margin: 0;
	line-height: 1em;
	font-size: 14px;
	margin-top: 12px;
	margin-bottom: 44px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.team-one__single:hover p, .team-one__single:hover h3 {
	color: #fff;
}

.team-one__social {
	position: absolute;
	bottom: -70px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	z-index: 11;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.team-one__single:hover .team-one__social {
	opacity: 1;
	visibility: visible;
}

.team-one__social>a {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	text-align: center;
	background-color: #fff;
	opacity: 0.3;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.team-one__social>a i {
	color: #737789;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	font-size: 16px;
}

.team-one__social>a:hover {
	opacity: 1;
}

.team-one__social>a:hover i {
	color: var(- -thm-base);
}

.team-one__social a+a {
	margin-left: 10px;
}

.team-one__circle::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 153px;
	height: 117px;
	content: '';
	-webkit-transform: perspective(200px) scaleX(0) scaleY(0);
	transform: perspective(200px) scaleX(0) scaleY(0);
	-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, -webkit-transform
		500ms ease;
	opacity: 0;
	-webkit-transform-origin: right top;
	transform-origin: right top;
}

.team-one__circle::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 140px;
	height: 156px;
	content: '';
	-webkit-transform: perspective(150px) scaleX(0) scaleY(0);
	transform: perspective(150px) scaleX(0) scaleY(0);
	-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, -webkit-transform
		500ms ease;
	opacity: 0;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}

.team-one__single:hover .team-one__circle::before, .team-one__single:hover .team-one__circle::after
	{
	opacity: 0.3;
	-webkit-transform: perspective(200px) scaleX(1) scaleY(.8);
	transform: perspective(200px) scaleX(1) scaleY(.8);
}

.team-one__single::before {
	content: '';
	border-radius: 5px;
	background-image: -webkit-gradient(linear, left top, right top, from(var(- -thm-base)),
		to(var(- -thm-primary)));
	background-image: linear-gradient(90deg, var(- -thm-base) 0%,
		var(- -thm-primary) 100%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.team-one__single:hover::before {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top;
	transform-origin: top;
}

.team-one__inner {
	position: relative;
}

/*--------------------------------------------------------------
# App shots
--------------------------------------------------------------*/
.app-shot-one {
	padding-top: 120px;
	padding-bottom: 170px;
	position: relative;
}

.app-shot-one .container-fluid {
	max-width: 1595px;
	width: 100%;
	position: relative;
}

.app-shot-one .app-shot-one__carousel {
	padding-top: 100.5px;
	padding-bottom: 100.5px;
	margin-top: -20px;
}

.app-shot-one .app-shot-one__carousel:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-image: url(../images/app-shots/app-screen-moc6.png);
	background-position: center center;
	background-repeat: no-repeat;
	width: 305px;
	height: 651px;
	background-size: 100% auto;
	box-shadow: 0px 0px 60px 0px rgba(5, 5, 6, 0.05);
}

.page-id-1940 .app-shot-one .app-shot-one__carousel:before {
	background-image: url(../images/app-shots/app-screen-moc3-d.png);
}

@media ( max-width : 1440px) {
	.app-shot-one .app-shot-one__carousel:before {
		-webkit-transform: translate(-50%, -49%) scaleY(0.95);
		transform: translate(-50%, -49%) scaleY(0.95);
	}
}

@media ( max-width : 1280px) {
	.app-shot-one .app-shot-one__carousel:before {
		-webkit-transform: translate(-50%, -49%) scale(0.8);
		transform: translate(-50%, -49%) scale(0.8);
	}
}

.app-shot-one .app-shot-one__carousel .owl-dots {
	position: absolute;
	bottom: -60px;
	left: 0;
	text-align: center;
	z-index: 10;
	width: 100%;
}

.app-shot-one .app-shot-one__carousel .owl-dots .owl-dot span {
	width: 7px;
	height: 7px;
	background-color: var(- -thm-black);
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 0.2;
	margin: 0 5px;
	position: relative;
	-webkit-transition: opacity .4s ease, background .4s ease,
		-webkit-transform .4s ease;
	transition: opacity .4s ease, background .4s ease, -webkit-transform .4s
		ease;
	transition: transform .4s ease, opacity .4s ease, background .4s ease;
	transition: transform .4s ease, opacity .4s ease, background .4s ease,
		-webkit-transform .4s ease;
}

.app-shot-one .app-shot-one__carousel .owl-dots .owl-dot span::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	border-radius: 50%;
	z-index: 10;
	opacity: 0;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, -webkit-transform
		500ms ease;
	background-image: -webkit-gradient(linear, left top, right top, from(var(- -thm-primary)),
		to(var(- -thm-base)));
	background-image: linear-gradient(90deg, var(- -thm-primary) 0%,
		var(- -thm-base) 100%);
}

.app-shot-one .app-shot-one__carousel .owl-dots .owl-dot:hover span::before,
	.app-shot-one .app-shot-one__carousel .owl-dots .owl-dot.active span::before
	{
	opacity: 1;
	-webkit-transform: scale(2);
	transform: scale(2);
}

.app-shot-one .app-shot-one__carousel .owl-dots .owl-dot:hover span,
	.app-shot-one .app-shot-one__carousel .owl-dots .owl-dot.active span {
	opacity: 1;
}

.app-shot-one .owl-item img {
	-webkit-transition: -webkit-transform .4s ease;
	transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	transition: transform .4s ease, -webkit-transform .4s ease;
}

/*--------------------------------------------------------------
# Video
--------------------------------------------------------------*/
.video-one {
	width: 100%;
	max-width: 1550px;
	padding-left: 15px;
	margin-left: auto;
}

.video-one .container-fluid {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	background-repeat: no-repeat;
	background-position: right center;
	background-attachment: fixed;
	position: relative;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding-top: 200px;
	padding-bottom: 200px;
}

.video-one .container-fluid::before {
	content: '';
	position: absolute;
	top: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: -webkit-gradient(linear, left top, right top, from(var(- -thm-base)),
		to(var(- -thm-primary)));
	background-image: linear-gradient(90deg, var(- -thm-base) 0%,
		var(- -thm-primary) 100%);
	opacity: 0.8;
}

.video-one__btn {
	width: 192px;
	height: 192px;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	border: 27px solid #fff;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 10;
	background-size: 200% auto;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	background-image: -webkit-gradient(linear, left top, right top, from(var(- -thm-base)),
		color-stop(51%, var(- -thm-primary)), to(var(- -thm-base)));
	background-image: linear-gradient(90deg, var(- -thm-base) 0%,
		var(- -thm-primary) 51%, var(- -thm-base) 100%);
}

.video-one__btn:hover {
	background-position: right;
}

.video-one__btn i {
	color: #fff;
	font-size: 40px;
}

.video-one__content {
	position: absolute;
	z-index: 12;
	top: calc(50% - 239px);
	left: calc(0% - 230px);
	width: 100%;
	max-width: 460px;
	background-color: #fff;
	border-radius: 5px;
	padding-top: 144.5px;
	padding-bottom: 144.5px;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	box-shadow: 0px 10px 60px 0px rgba(46, 61, 98, 0.1);
}

@media ( max-width : 1760px) {
	.video-one {
		margin-top: 174.5px;
	}
	.video-one__content {
		left: 0;
		top: calc(0% - 174.5px);
		padding-top: 80px;
		padding-bottom: 80px;
		box-shadow: 0px -10px 60px 0px rgba(46, 61, 98, 0.1);
	}
}

.video-one__content .block-title {
	padding-bottom: 0;
}

/*--------------------------------------------------------------
# FAQ
--------------------------------------------------------------*/
.faq-one {
	padding-bottom: 120px;
	position: relative;
	background-position: bottom center;
}

[class*=faq-one__bg-shape-] {
	position: absolute;
	top: -220px;
	left: 0;
}

.faq-one::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 185px;
	background-color: #fff;
}

.faq-one .container {
	position: relative;
}

@media ( min-width : 992px) {
	.faq-one .container {
		max-width: 1000px;
	}
}

.faq-accrodion .accrodion {
	position: relative;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	background-color: #fff;
}

.faq-accrodion .accrodion:before {
	content: '';
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: 0px;
	right: 0px;
	border-radius: 0px;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	background-image: -webkit-gradient(linear, left top, right top, from(var(- -thm-primary)),
		to(var(- -thm-base)));
	background-image: linear-gradient(90deg, var(- -thm-primary) 0%,
		var(- -thm-base) 100%);
	-webkit-transition: -webkit-transform .4s ease;
	transition: -webkit-transform .4s ease;
	border-radius: 5px;
	transition: transform .4s ease;
	transition: transform .4s ease, -webkit-transform .4s ease;
}

.faq-accrodion .accrodion+.accrodion {
	margin-top: 20px;
}

.faq-accrodion .accrodion.active {
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04);
}

.faq-accrodion .accrodion.active .accrodion-inner {
	margin: 0 1px;
}

.faq-accrodion .accrodion.active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.faq-accrodion .accrodion.active .accrodion-title {
	padding-bottom: 0;
}

.faq-accrodion .accrodion.active .accrodion-title h4 {
	color: #ee464b;
}

.faq-accrodion .accrodion .accrodion-inner {
	background-color: #fff;
	padding: 30.5px 0;
	border-style: solid;
	border-width: 1px;
	border-color: #e8e8ef;
	border-radius: 0px;
	position: relative;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	border-radius: 5px;
}

.faq-accrodion .accrodion .accrodion-title {
	padding: 0px 60px;
	cursor: pointer;
	position: relative;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

@media ( max-width : 375px) {
	.faq-accrodion .accrodion .accrodion-title {
		padding-right: 50px;
	}
}

.faq-accrodion .accrodion .accrodion-title:before {
	content: '\f067';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	font-size: 14px;
	color: var(- -thm-black);
	text-align: center;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	position: absolute;
	top: 50%;
	right: 60px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 1;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.faq-accrodion .accrodion .accrodion-title::after {
	content: '\f068';
	font-weight: 900;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	font-size: 14px;
	color: var(- -thm-base);
	text-align: center;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	position: absolute;
	top: 50%;
	right: 60px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.faq-accrodion .accrodion.active .accrodion-title::before {
	opacity: 0;
}

.faq-accrodion .accrodion.active .accrodion-title::after {
	opacity: 1;
}

.faq-accrodion .accrodion .accrodion-title h4 {
	margin: 0;
	color: var(- -thm-black);
	font-size: 20px;
	font-weight: 500;
}

@media ( max-width : 375px) {
	.faq-accrodion .accrodion .accrodion-title h4 {
		line-height: 1.4em;
	}
}

.faq-accrodion .accrodion .accrodion-content .inner {
	padding: 0 60px;
	padding-right: 155px;
	padding-top: 35px;
	padding-bottom: 0px;
}

.faq-accrodion .accrodion .accrodion-content p {
	margin: 0;
	color: #737789;
	font-size: 18px;
	line-height: 36px;
	font-weight: 500;
}

.btn-list-back {
	background-color: #d9534f !important;
	border-color: #d9534f !important;
	color: #f8f9fa;
}

.btns-list-items {
	height: 60px;
	justify-content: left;
	background: linear-gradient(180deg, #cfcecc 0%, #ededed 100%), #273142;
	box-shadow: 0px 2px 3px rgb(20 20 30/ 15%), 0px 4px 15px
		rgb(21 21 31/ 16%);
}

.btn-list-back-selected {
	color: #333333;
	background: linear-gradient(180deg, #e4a93c 0%, #fffefe 100%), #6282b9;
	box-shadow: 0px 2px 3px rgb(20 20 30/ 15%), 0px 4px 15px
		rgb(21 21 31/ 16%);
}

.home-service-one {
	padding-bottom: 90px;
	padding-top: 195px;
}

.home-service-one__single {
	border-radius: 25px;
	background-color: #ffffff;
	box-shadow: 0px 10px 60px 0px rgba(46, 61, 98, 0.1);
	text-align: center;
	position: relative;
	margin-bottom: 10px;
}

.home-service-one__icon {
	width: 40px;
	height: 40px;
	background-color: #f6f6fb;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50%;
	margin-bottom: 100px;
	position: relative;
	z-index: 10;
}

.home-service-one__icon i {
	font-size: 64px;
	background-image: -webkit-gradient(linear, right top, left top, from(var(- -thm-base)),
		to(var(- -thm-primary)));
	background-image: linear-gradient(-90deg, var(- -thm-base) 0%,
		var(- -thm-primary) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.home-service-one__single h3 {
	margin: 0;
	font-weight: 600;
	font-size: 16px;
	color: #005d7b;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	margin-bottom: 10px;
	text-align: left;
	padding-left: 10px;
}

.home-service-one__single h3 a {
	color: inherit;
}

.home-service-one__single h3 a:hover {
	color: #e4a93c;
}

.home-service-one__single p {
	padding-right: 15px;
	margin: 0;
	color: #19191a !important;
	font-size: 12px;
	font-weight: 500;
	/* line-height: 29px; */
	/* width: 58%; */
	/* margin-left: auto; */
	/* margin-right: auto; */
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
}

p {
	
}

p {
	
}

.home-service-one__single:hover h3, .home-service-one__single:hover p {
	color: #e4a93c;
}

.home-service-one__single::before {
	content: '';
	border-radius: 5px;
	background-image: -webkit-gradient(linear, left top, right top, from(var(- -thm-base)),
		to(var(- -thm-primary)));
	background-image: linear-gradient(90deg, var(- 
	 -thm-base) 0%, var(- -thm-primary) 100%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 135px;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right;
	transform-origin: right;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.home-service-one__single:hover::before {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left;
	transform-origin: left;
}

.home-service-one__inner {
	position: relative;
	padding-top: 9px;
	padding-bottom: 14px;
	border-radius: 0px;
	overflow: hidden;
}

.home-service-one__circle::before {
	position: absolute;
	bottom: -6px;
	left: -21px;
	width: 170px;
	height: 169px;
	content: '';
	background-image: url(../images/shapes/service-circle-1-1.png);
	-webkit-transform: perspective(150px) scaleX(0);
	transform: perspective(150px) scaleX(0);
	-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, -webkit-transform
		500ms ease;
	opacity: 0;
	-webkit-transform-origin: left;
	transform-origin: left;
}

.home-service-one__circle::after {
	position: absolute;
	top: -4px;
	right: -14px;
	width: 158px;
	height: 159px;
	content: '';
	background-image: url(../images/shapes/service-circle-1-2.png);
	-webkit-transform: perspective(150px) scaleX(0);
	transform: perspective(150px) scaleX(0);
	-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, -webkit-transform
		500ms ease;
	opacity: 0;
	-webkit-transform-origin: right;
	transform-origin: right;
}

.home-service-one__single:hover .home-service-one__circle::before,
	.home-service-one__single:hover .home-service-one__circle::after {
	opacity: 0.3;
	-webkit-transform: perspective(150px) scaleX(1);
	transform: perspective(150px) scaleX(1);
}

.receipt td, th, tr, table {
	border-collapse: collapse;
}

.receipt td.description, th.description {
	width: 40%;
	max-width: 40%;
}

.receipt td.quantity, th.quantity {
	width: 20%;
	max-width: 20%;
	word-break: break-all;
}

.receipt td.price, th.price {
	width: 20%;
	max-width: 20%;
	word-break: break-all;
}

.receipt .centered {
	text-align: center;
	align-content: center;
}

.receipt .ticket {
	color: #333333;
	padding: 4px;
}

html.dark-mode .receipt .ticket {
	color: #fff;
}

.receipt img {
	max-width: inherit;
	width: inherit;
}

@media print {
	body * {
		visibility: hidden;
	}
	.hidden-print, .hidden-print * {
		display: none !important;
	}
	.section-to-print, .section-to-print * {
		visibility: visible;
	}
	.section-to-print {
		position: absolute;
		left: 0;
		top: 0;
	}
	.receipt, .receipt * {
		visibility: visible;
	}
	.receipt {
		margin-left: 0;
	}
}

@media ( max-width : 550px) {
	.modal-dialog-centered {
		
	}
	#totalInvoiceDivPub {
		display: none;
	}
}

.select2-selection__rendered {
	padding: 0;
	padding-top: 2px !important;
}

.preloader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/preloader.gif);
}

.tableLink {
	color: #005d7b;
}

[dir] .card-group-row__card .card:hover {
	background-color: #f5f7fa;
}

[dir] .posScreen .card:hover {
	background-color: #f5f7fa;
}

/* .service-one__icon_left img {
    -webkit-filter : hue-rotate(145deg);
    filter : hue-rotate(145deg);
} */
[dir] .thirdSection {
	text-transform: uppercase;
	background: #f5f7fa;
}

.secondTopBtn {
	/* background-color: #77c13a!important; */
	color: #333333;
	background: linear-gradient(180deg, #e4a93c 0%, #e4a93c 100%), #273142;
}

.secondTopBtn:hover {
	/* background-color: #d0911d!important; */
	/* background: linear-gradient(180deg, rgba(227, 109, 216, 0.26) 0%, rgba(227, 109, 216, 0) 100%), #273142; */
	/* border: 1px solid rgba(200, 111, 255, 0.25); */
	/* box-shadow: 0px 2px 3px rgba(20, 20, 30, 0.5), 0px 4px 15px rgba(21, 21, 31, 0.3); */
	color: white;
}

.icon-OpeningBalance {
	background: url(../images/icons/openingBalanceicon.png) no-repeat 100%
		100%;
	height: 24px;
	width: 24px;
	margin-right: 5px;
}

.icon-back {
	background: url(../images/icons/backicon.png) no-repeat 100% 100%;
	height: 24px;
	width: 24px;
	margin-right: 5px;
}

.icon-checkout {
	background: url(../images/icons/checkout.png) no-repeat 100% 100%;
	height: 24px;
	width: 24px;
	margin-right: 5px;
}

.navbar-dark #posTopBtn {
	background: url(../images/icons/posTop.png) no-repeat 50% 50%;
}

.navbar-light #posTopBtn {
	background: url(../images/icons/posTopGray.png) no-repeat 50% 50%;
}

.navbar-black #posTopBtn {
	background: url(../images/icons/posTopWhite.png) no-repeat 50% 50%;
}

html[dir].black .bg-dark {
	background-color: #1d2126 !important
}

html[dir].dark-mode #posTopBtn {
	background: url(../images/icons/posTopWhite.png) no-repeat 50% 50%;
}

html[dir].dark-mode .bg-dark {
	background-color: #47515a;
}

[dir] .systemTableHeader {
	/* background: #f5f7fa; */
	/* height: 50px; */
	
}

.btn-list-back-selected:hover {
	background-color: #f5f7fa !important;
	color: #005d7b !important;
}

.btns-list-items:hover {
	color: #005d7b;
}

html[dir].dark-mode .table-bordered, html[dir].dark-mode .table-bordered td,
	html[dir].dark-mode .table-bordered th {
	border-color: #2c2e30;
}

html[dir].dark-mode .table {
	background-color: #1d2126;
	border: 1px solid #2c2e30 !important;
}

html[dir].dark-mode .table-striped tbody tr:nth-of-type(odd) {
	background-color: #383838;
}

html[dir].dark-mode .table thead th {
	border-bottom-color: #2c2e30;
}

html[dir].dark-mode .systemTableHeader {
	background: #414346;
	height: 50px;
}

html[dir].dark-mode .custom-control-input:checked ~.custom-control-label:before
	{
	border-color: #e4a93c;
	background-color: #e4a93c;
}

html.dark-mode .btn-link {
	color: #e4a93c
}

html.dark-mode .btn-link:hover {
	color: rgba(242, 249, 255, .5)
}

html.dark-mode .mailchimp-one .inner-container {
	background: #1d2126;
	border: 1px solid #555050;
	color: #ffff;
}

html.dark-mode .mailchimp-one__form input[type=text] {
	color: #ffff;
}

html.dark-mode .mailchimp-one__icon {
	color: #fff;
}

html.dark-mode .mailchimp-one__icon {
	background-color: #1d2126;
}

[dir] .formButton {
	background-color: #f4ffeb;
	color: #65A433;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

[dir] .formTable {
	background-color: #fff;
	border: 1px solid #e9edf2 !important;
}

[dir] .btn-success.disabled, [dir] .btn-success:disabled {
	background-color: #969696;
	border-color: #969696;
	color: #33333;
	cursor: not-allowed;
}

[dir] .formButton:hover {
	background-color: #65A433;
	color: #fff;
}

html.dark-mode .formButton {
	background-color: #65A433;
	color: #fff;
}

html.dark-mode .formButton:hover {
	background-color: #fff;
	color: #65A433;
}

html.dark-mode .form-control {
	background-color: #2d2e30;
	color: #fff;
	border-color: #33393f;
}

html.dark-mode .form-control:focus {
	background-color: #3c3e42;
	color: #fff;
}

html.dark-mode .formTable {
	
}

html.dark-mode .form-control:disabled, [dir] .form-control[readonly] {
	background-color: #313233;
}

html.dark-mode .select2-container--bootstrap4 .select2-search--dropdown .select2-search__field
	{
	color: #fff;
	border-color: #1d2126;
	background-color: #3c3e42;
}

html.dark-mode .select2-container--bootstrap4 .select2-selection--multiple
	{
	color: #fff;
	border-color: #1d2126;
	background-color: #3c3e42;
}

html.dark-mode .select2-container--bootstrap4.select2-container--focus .select2-selection--multiple
	{
	color: #fff;
	border-color: #1d2126;
	background-color: #3c3e42;
}

html.dark-mode .select2-container .select2-selection--single {
	color: #fff;
	border-color: #505051;
	background-color: #222326;
}

html.dark-mode .select2-container--bootstrap4 .select2-search--dropdown .select2-search__field:focus,
	html.dark-mode .select2-container--bootstrap4 .select2-selection--multiple:focus,
	html.dark-mode .select2-container--bootstrap4.select2-container--focus .select2-selection--multiple:focus,
	html.dark-mode .select2-container .select2-selection--single:focus {
	background-color: #c0c0c0;
}

html.dark-mode .select2-dropdown {
	background-color: #3c3e42;
	color: #fff;
}

html.dark-mode .select2-results__option:hover {
	color: rgba(242, 249, 255, .7);
}

html.dark-mode .select2-results__option {
	color: #fff;
}

html.dark-mode .select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected],
	.select2-container--bootstrap4 .select2-results__option[aria-selected=true]
	{
	color: #e4a93c;
}

html.dark-mode .card-group-row__card .card:hover {
	background-color: #303032;
}

html.dark-mode .posScreen .card:hover {
	background-color: #303032;
}

#settings-theme {
	padding: 10px
}

html.dark-mode input::-webkit-input-placeholder {
	color: hsla(0, 0%, 100%, .7)
}

[dir] .infoPanelRow {
	background-color: #f5f7fa;
	margin: 0;
	padding-bottom: 10px;
	/* padding-top: 10px; */
	margin-top: 0px;
	border-bottom: 1px solid #e7e7e7;
	padding-right: 5px !important;
}

html.dark-mode .infoPanelRow {
	background-color: #2c3137;
	border-bottom: 1px solid #454141;
}

[dir] .infoPanelRowTable {
	background-color: #ffffff;
	margin: 0;
	margin-top: 0px;
	border-bottom: 1px solid #e7e7e7;
	padding-right: 5px !important;
	display: flex;
	align-items: center;
	padding-bottom: 8px;
	margin-top: 3px;
	padding: 0;
	padding-bottom: 5px;
}

html.dark-mode .infoPanelRowTable {
	background-color: #2c3137 !important;;
	border-bottom: 1px solid #454141 !important;;
}

.invoiceItemDisabledInput {
	background-color: #fff !important;
	/* border: 1px solid #edf0f2 !important; */
}

html.dark-mode .invoiceItemDisabledInput {
	background-color: #2d2e30 !important;
}

[dir] .panelHeaderForm {
	margin: 0px;
	border-bottom: 1px solid #eaeaea;
}

html.dark-mode .panelHeaderForm {
	border-bottom: 1px solid #525050;
}

.headerTopIcon {
	font-size: 25px !important;
}

[dir] .panelSuccessTrx {
	/* padding: 30px; */
	background: #fbfbfb !important;
	border: 1px solid #c6d5b9 !important;
}

[dir] .panelErrorTrx {
	padding: 30px;
	background: #fbfbfb !important;
	border: 1px solid #cabdbd !important;
}

html.dark-mode .panelSuccessTrx {
	background: #383f46 !important;
}

html.dark-mode .panelErrorTrx {
	background: #383f46 !important;
}

[dir] .panelErrorTrxSalary {
	padding: 30px;
	background: #fbfbfb !important;
	margin-top: 14px;
	display: none;
}

html.dark-mode .panelErrorTrxSalary {
	background: #383f46 !important;
}

[dir] .storeInfoSuccess {
	font-size: 18px;
	color: #657458;
	padding-top: 10px;
}

html.dark-mode .storeInfoSuccess {
	color: #b5c9a4;
}

.storeBtnInfoError {
	color: red;
	background: #ffefef !important;
	border: 1px solid #d4d3d3 !important;
	white-space: nowrap;
}

.storeBtnInfoSuccess {
	color: green;
	background: #e5ffe5 !important;
	border: 1px solid #d4d3d3 !important;
	white-space: nowrap;
}

.storeSuccessError {
	font-size: 18px;
	color: gray;
	padding-top: 10px;
}

.panelSuccessThump {
	font-size: 60px !important;
	color: #afa38c;
}

.panelWaningIcon {
	font-size: 60px !important;
	color: #afa38c;
}

html.dark-mode .panelWaningIcon {
	font-size: 60px !important;
	color: #afa38c;
}

.storeInfoError {
	font-size: 18px;
	color: #c94848;
	padding-top: 10px;
}

html.dark-mode .storeInfoError {
	font-size: 18px;
	color: #cdb4b4;
	padding-top: 10px;
}

.align-items-start {
	align-items: flex-start;
	margin-top: 15px !important;
}

[dir] .panelWithBorderBottom {
	border-bottom: 1px solid #eaeaea;
}

html.dark-mode .panelWithBorderBottom {
	border-bottom: 1px solid #525050;
}

.formHeaderPanel {
	padding-right: 10px;
	padding-top: 5px;
	padding-left: 0;
	padding-bottom: 5px;
	padding-top: 10px;
}

.formHeaderPanel label {
	color: #e4a93c
}

.posShopTitle {
	line-height: 1.5;
	text-transform: uppercase;
	color: #e4a93c;
	font-size: 20px;
}

html.dark-mode .posShopTitle {
	color: #e4a93c;
}

.posItemTitle {
	color: #333333;
	font-size: 15px;
	align-self: center;
	width: 100%;
}

.posCardIcon {
	font-size: 160px !important;
	color: #005d7b;
}

.posCardIcon-small {
	font-size: 100px !important;
	color: #005d7b;
}

html.dark-mode .posCardIcon {
	color: #fff;
}

html.dark-mode .posCardIcon-small {
	color: #fff;
}

.importantInfo {
	color: #77c13a !important;
	font-size: 17px
}

.importantInfo-small {
	color: #77c13a !important;
	font-size: 14px
}

.veryImportantInfo {
	color: #77c13a !important;
	font-size: 17px
}

.importantWarmingInfo {
	color: #d9534f !important;
	font-size: 17px
}

.posAvator {
	display: flex;
}

.swal2-popup .swal2-styled.swal2-confirm {
	border: 0;
	border-radius: 0.25em;
	background: initial;
	background-color: #00384a !important;
	color: #fff;
	font-size: 1.0625em;
}

html.dark-mode .swal2-modal {
	background: #3a424b;
	border: 2px solid #505050;
}

html.dark-mode .swal2-popup .swal2-content {
	color: #ffff;
}

html.dark-mode .swal2-title {
	color: #ffff;
}

.swal2-popup .swal2-styled.swal2-confirm {
	background-color: #e4a93c !important;
	color: #333333;
}

[dir] .postInfoPanel {
	text-transform: uppercase;
	background: #fafafa;
	color: mediumblue;
	font-size: 14px;
}

html.dark-mode .postInfoPanel {
	background: #2b2b2b !important;
	color: darkturquoise;
	font-size: 14px;
}

[dir] .postInfoPanelLabel {
	color: #005d7b;
}

html.dark-mode .postInfoPanelLabel {
	color: #cbcdd0;
}

[dir] .receiptPartLabel {
	color: #d9534f;
}

html.dark-mode .receiptPartLabel {
	color: #cbcdd0;
}

[dir] .receiptPartRow {
	margin: 0px;
	display: flex;
	align-items: center;
	padding-left: 20px;
	padding: 10px;
	background: #f2f2f2;
	cursor: pointer;
	padding: 2px;
	padding-left: 10px;
}

[dir] .receiptPartRow.active {
	background-color: #0397c6 !important;
	color: #fff;
}

html.dark-mode .receiptPartRow {
	background: black;
}

[dir] .receiptPartRowRemoveIcon {
	color: #e07676;
}

[dir] .receiptPartRow.active .receiptPartRowRemoveIcon {
	color: #ffcdcd;
}

.circleIcon90 {
	height: 70px;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-radius: 50%;
	z-index: 0;
	cursor: pointer;
	color: #333333;
	margin-left: 5px;
	margin-right: 5px;
}

.circleIcon90.active {
	background-color: #e4a93c !important;
	color: #fff;
}

.circleIcon80 {
	border-radius: 8px;
	background: #ccd0d4;
	position: relative;
	height: 70px;
	/* width: 75px; */
	margin-right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #333333;
	cursor: pointer;
}

.circleIcon80.active {
	background-color: #77c13a !important;
	color: #fff
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button
	{
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
}

.posHeaderLarge {
	max-width: 700px !important;
}
.posButton {
	border-radius: 8px;
	background: #ccd0d4;
	position: relative;
	height: 83px;
	width: 135px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
	padding-bottom: 7px;
}

html.dark-mode .posButton {
	background: #ccd0d4;
}

.posButton.active {
	background: #95c3e5 !important;
}

html.dark-mode  .posButton.active {
	background: #95c3e5 !important;
}

.posButton.selected {
	background: #ffd17d !important;
}

html.dark-mode .posButton.selected {
	background: #ffd17d !important;
}

.posButton:hover {
	background: #c4c1c1;
}

html.dark-mode  .posButton:hover {
	background: white;
}

.posButton .button {
	transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
	border-radius: 96.32px;
	display: block;
	height: 29px;
	width: 29Px;
	background-color: #d9534f;
	color: #333333;
	margin-top: 5px;
}

.posButton .label {
	transition: color 300ms ease-out;
	text-shadow: 1px 1px 3px #ccd0d4, 0 0 0 rgba(0, 0, 0, 0.8), 1px 1px 4px
		#fff;
	opacity: 0.9;
	text-align: center;
	font-weight: 700;
	font-size: 15px;
	color: rgba(0, 0, 0, 0.4);
}

html.dark-mode .posButton .label {
	
}

.posWelcomeTop {
	border-radius: 8px;
	background: transparent;
	position: relative;
	/* height: 70px; */
	/* width: 70px; */
	display: flex;
	align-items: center;
	/* flex-direction: column; */
	/* justify-content: center; */
	cursor: none;
}

html.dark-mode .posWelcomeTop {
	background: transparent;
}

.posWelcomeTop .button {
	transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
	border-radius: 96.32px;
	display: block;
	height: 29px;
	width: 29Px;
	background-color: #d9534f;
	color: #333333;
	margin-top: 5px;
}

.posWelcomeTop .label {
	transition: color 300ms ease-out;
	/* text-shadow: 1px 1px 3px #ccd0d4, 0 0 0 rgba(0, 0, 0, 0.8), 1px 1px 4px
		#fff; */
	opacity: 1;
	text-align: center;
	font-weight: 700;
	font-size: 20px;
	color: #ffe3a5;
}

[dir] .posSecondBarMenu {
	background-color: #005d7b;
	margin: 0;
}

html.dark-mode .posSecondBarMenu {
	background-color: #383d43;
	margin: 0;
}

[dir] .posFirstBarMenuLabel {
	text-align: center !important;
	font-size: 12px;
	margin: 0;
	padding: 0;
	padding-right: 8px;
}

[dir] .invoiceFirstBarMenuLabel {
	text-align: center !important;
	font-size: 17px;
	margin-right: 15px;
	color: #fff;
	padding: 0;
	margin: 0;
}

html.dark-mode .posFirstBarMenuLabel {
	color: #fff;
}

[dir] .disabledPosInput {
	font-size: 15px;
	padding: 6px;
	background-color: #fcfcfc !important;
	border: 0px solid #edf0f2;
}

html.dark-mode .disabledPosInput {
	background-color: #575b62 !important;
}

.toggle {
	/* margin: 4px; */
	/* display: inline-block; */
	
}

.toggle {
	border-radius: 8px;
	background: #ccd0d4;
	position: relative;
	height: 45px;
	width: 100px;
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: center;
	cursor: pointer;
}

html.dark-mode  .toggle {
	border-radius: 8px;
	background: #ccd0d4;
	position: relative;
	height: 45px;
	width: 100px;
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: center;
	cursor: pointer;
}

.toggle:hover {
	background: #f8f2e7;
}

html.dark-mode .toggle:hover {
	background: white;
}

.toggle input {
	opacity: 0;
	position: absolute;
	cursor: pointer;
	z-index: 1;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

.toggle input:active ~ .button {
	box-shadow: 0 15px 25px -4px rgba(0, 0, 0, 0.4), inset 0 -8px 30px 1px
		rgba(255, 255, 255, 0.9), 0 -10px 15px -1px rgba(255, 255, 255, 0.6),
		inset 0 8px 25px 0 rgba(0, 0, 0, 0.4), inset 0 0 10px 1px
		rgba(255, 255, 255, 0.6);
}

.toggle input:active ~ .label {
	color: rgba(0, 0, 0, 0.45);
}

.toggle input:checked ~ .button {
	/* box-shadow: 0 15px 25px -4px rgb(0 0 0 / 72%), inset 0 -8px 25px -1px #77c13aad, 0 -10px 15px -1px #77c13a, inset 0 8px 20px 0 #77c13a, inset 0 0 5px 1px rgb(255 255 255 / 60%); */
	
}

.toggle input:checked ~ .label {
	color: rgba(0, 0, 0, 0.4);
}

.toggle .button {
	transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
	border-radius: 96.32px;
	display: block;
	height: 29px;
	width: 29Px;
	background-color: #d9534f;
	color: #333333;
	margin-top: 5px;
}

.toggle .label {
	transition: color 300ms ease-out;
	text-shadow: 1px 1px 3px #ccd0d4, 0 0 0 rgba(0, 0, 0, 0.8), 1px 1px 4px
		#fff;
	text-align: center;
	font-weight: 700;
	font-size: 15px;
	opacity: 0.9;
	color: rgba(0, 0, 0, 0.4);
}

html.dark-mode .toggle .label {
	
}

.toggle .labelExit {
	transition: color 300ms ease-out;
	text-align: center;
	font-weight: 700;
	font-size: 35px !important;
	color: #d9534f
}

[dir] .material-icons-pos {
	transition: color 300ms ease-out;
	text-shadow: 1px 1px 3px #ccd0d4, 0 0 0 rgb(164 162 162/ 80%), 1px 1px
		4px #d9cccc;
	transition: color 300ms ease-out;
	text-shadow: 1px 1px 3px #1e4567, 0 0 0 rgb(28 24 24/ 80%), 1px 1px 4px
		#85589d;
	text-align: center;
	font-weight: 700;
	font-size: 64px;
	opacity: 0.9;
	font-family: Material Icons;
	font-weight: 400;
	font-style: normal;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: "liga";
	padding: 0;
	margin-right: 5px;
	color: #fff;
}

html.dark-mode .material-icons-pos {
	
}

[dir] .TopRightTitle {
	transition: color 300ms ease-out;
	text-shadow: 1px 1px 3px #ccd0d4, 0 0 0 rgba(0, 0, 0, 0.8), 1px 1px 4px
		#fff;
	text-align: center;
	font-weight: 700;
	font-size: 15px;
	opacity: 0.9;
	color: rgba(0, 0, 0, 0.4);
	margin-top: -7px;
}

html.dark-mode .TopRightTitle {
	color: #fff
}

[dir] .BottomRightTitle {
	transition: color 300ms ease-out;
	text-shadow: 1px 1px 3px #ccd0d4, 0 0 0 rgba(0, 0, 0, 0.8), 1px 1px 4px
		#fff;
	text-align: center;
	font-weight: 700;
	font-size: 23px;
	opacity: 0.9;
	color: rgba(0, 0, 0, 0.4);
	margin-bottom: 0;
}

html.dark-mode .BottomRightTitle {
	
}

[dir] .reportCardTitle {
	transition: color 300ms ease-out;
	text-shadow: 1px 1px 3px #ccd0d4, 0 0 0 rgba(0, 0, 0, 0.8), 1px 1px 4px
		#fff;
	text-align: center;
	font-weight: 700;
	font-size: 23px;
	opacity: 0.9;
	color: rgba(0, 0, 0, 0.4);
	margin-bottom: 0;
}

html.dark-mode .reportCardTitle {
	transition: color 300ms ease-out;
	text-shadow: 1px 1px 3px #4d4848, 0 0 0 rgba(0, 0, 0, 0.8), 1px 1px 4px
		#fff;
	text-align: center;
	font-weight: 700;
	font-size: 23px;
	opacity: 0.9;
	color: #ffffff;
	margin-bottom: 0;
}

[dir] .reportCardBalanceVal {
	color: #49a2fc;
}

html.dark-mode .reportCardBalanceVal {
	color: #b1d8ff;
}

.posBottonBox {
	padding: 2px !important;
	margin: 3px !important;
}

[dir] .cardProduct {
	background-color: #e9ebef;
}

[dir] .cardProductTitle {
	margin: 0;
	padding: 0;
	color: #333333
}

[dir] .cardProductPlusMinus {
	margin: 0;
	padding: 0;
	height: 50px;
	background: #868e96;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

[dir] .cardProductPlus {
	color: #71fb01;
}

[dir] .cardProductMinus {
	color: red;
}

[dir] .cardProductmaterialIconsPlus {
	background: #c8c8c8;
	color: #71fb01;
	cursor: pointer;
	padding: 0;
	margin: 0;
	padding-top: 7px;
}

[dir] .cardProductmaterialIconsMinus {
	background: #c8c8c8;
	color: red;
	cursor: pointer;
	margin: 0;
	padding: 0;
	padding-top: 7px;
}

html.dark-mode .cardProductmaterialIconsPlus {
	background: #c8c8c8;
	color: #71fb01;
}

html.dark-mode .cardProductmaterialIconsMinus {
	background: #c8c8c8;
	color: red;
}

html.dark-mode .cardProduct {
	background-color: #5a6068;
}

html.dark-mode  .cardProductTitle {
	color: #fff;
}

html.dark-mode .cardProductPlusMinus {
	background: #414346;
}

.topInvoicePanel {
	background: #f5f7fa;
}

html.dark-mode .topInvoicePanel {
	background: #414346;
}

.empPosTitle {
	margin: 0 !important;
	font-size: 13px;
	color: #ffffff;
}

html.dark-mode .empPosTitle {
	color: #e4a93c;
}

html.dark-mode .posTable {
	background-color: #34363a !important;
}

#changeInput:disabled, html.dark-mode #changeInput[readonly] {
	background-color: inherit;
	border-color: transparent !important;
}

#totalInvoice:disabled, html.dark-mode #totalInvoice[readonly] {
	background-color: inherit;
	border-color: transparent !important;
}

#subtotalInvoice:disabled, html.dark-mode #subtotalInvoice[readonly] {
	background-color: inherit;
	border-color: transparent !important;
}

.subTotalText {
	color: #333333;
}

html.dark-mode .subTotalText {
	color: #fff;
}

.price:disabled, [dir] .price[readonly] {
	
}

.qte:disabled, [dir] .qte[readonly] {
	background-color: inherit !important;
	border-color: transparent !important;
}

html.dark-mode .price:disabled, [dir] .price[readonly] {
	background-color: #34363a !important;
	border-color: #ced1d6 !important;
}

html.dark-mode .qte:disabled, [dir] .qte[readonly] {
	background-color: #34363a !important;
	border-color: #34363a !important;
}

.invoiceBorderColorTotalsRight {
	border-right: 1px solid #eaeaea;
}

html.dark-mode .invoiceBorderColorTotalsRight {
	border-right: 1px solid #6e6666;
}

.invoiceBorderColorTotalsTop {
	border-top: 1px solid #eaeaea;
}

html.dark-mode .invoiceBorderColorTotalsTop {
	border-top: 1px solid #6e6666;
}

.popuFormFooter {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #eaeaea;
}

html.dark-mode .popuFormFooter {
	border-top: 1px solid #6e6666;
}

.btn-pay {
	background-color: #e4a93c !important;
	border-color: #e4a93c !important;
	font-size: 23px;
}

.btn-pay:disabled, [dir] .btn-pay[readonly] {
	background-color: #939394 !important;
	border-color: #939394 !important;
}

.emplCards.selected {
	background-color: #eef8ff !important
}

html.dark-mode .emplCards.selected {
	background-color: #535a61 !important;
}

html.dark-mode .modal-header {
	border-bottom: 1px solid #70747a;
	background-color: #47515a;
}

html.dark-mode  .modal-content {
	background: #272727;
	border: 1px solid #4c4141;
}

html.dark-mode .btn-primary {
	background-color: #e4a93c;
	border-color: #e4a93c;
}

html.dark-mode .btn-primary:hover {
	background-color: #febe48;
}

.secondBtnLinkTable {
	color: #5c6bad;
}

html.dark-mode .secondBtnLinkTable {
	color: #9aaabe;
}

.col-form-label-value {
	color: #333333;
	margin-left: 5px
}

html.dark-mode .col-form-label-value {
	color: #fff
}

.col-form-label-list {
	color: #6d6e6f !important;
	width: 100%;
}

html.dark-mode .col-form-label-list {
	color: #c0c0c0 !important;
}

.locSettingLbL {
	margin: 0 !important;
	padding: 0 !important;
	cursor: pointer;
}

.locSettingLbL.selected {
	background: #fae5bf !important;
	color: #5f5fcb !important
}

html.dark-mode .locSettingLbL.selected {
	background: #fae5bf !important;
	color: #5f5fcb !important
}

.shopChartDashboard {
	background-color: #f6f9ff;
	margin-bottom: 10px;
	margin-top: 13px;
	padding-bottom: 10px;
}

html.dark-mode .shopChartDashboard {
	background-color: #23262a;
}

[dir] .formButtonSecondary {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	background-color: #ebefff;
	border-color: #4aa2ee;
	color: #333333;
}

[dir] .formButtonRectify {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	background-color: #f5effc;
	border-color: #d6bef1;
	color: #333333;
}

[dir] .formButtonWarning {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	background-color: #9b9b9b;
	border-color: #918488;
	color: #fff;
}

.formButtonWarning:hover {
	background-color: #b3a3b9;
}

[dir] .formButtonSuccess {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	background-color: #9b9b9b;
	border-color: #918488;
	color: #fff;
}

.formButtonSuccess:hover {
	background-color: #b3a3b9;
}

html.dark-mode .page-separtordifferentBackground {
	background-color: #262a2e !important;
}

[dir] .rowShopLink {
	background: #f6f9ff !important;;
}

html.dark-mode .rowShopLink {
	background: #23262a !important;;
}

[dir] .shopCardDataSeperator {
	margin-left: 0;
	margin-right: 0px;
	margin-top: 4px;
	border-top: 1px solid #d5d5d5;
	background: #fafeff;
}

html.dark-mode .shopCardDataSeperator {
	border-top: 1px solid #495056;
	background: #353c42
}

[dir] .listExportedInfoPanel {
	margin-bottom: 15px;
	padding-bottom: 4px;
	background: #eeeeee;
}

html.dark-mode .listExportedInfoPanel {
	background: #404040;
}

[dir] .chartDataPanel {
	margin: 0;
	/* margin-top: 17px; */
	flex-direction: row;
	justify-content: flex-end;
	background: inherit;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 10px;
	display: flex;
	width: 100%;
}

[dir] .chartDataPanelText {
	color: #333333;
}

html.dark-mode .chartDataPanel {
	background: inherit;
}

html.dark-mode .chartDataPanelText {
	color: #fff;
}

html.dark-mode .custom-select {
	background-color: #3c3e42 !important;
	color: #fff;
	border-color: #1d2126;
}

.secondNavigator {
	display: flex;
	justify-content: flex-end;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.photoForImg {
	width: 200px;
	height: 200px;
}

.photoFor {
	width: 200px;
	height: 200px;
}

.pagSepLeftLabel {
	display: block;
}

@media ( max-width : 575px) {
	.photoForImg {
		width: 100px;
		height: 100px;
	}
	.photoFor {
		width: 100px;
		height: 100px;
	}
	.breadcrumb {
		justify-content: center;
	}
	.pagSepLeftLabel {
		position: absolute;
		right: 0;
		top: 40px;
	}
}

.text-black-60 {
	color: #787878;
	font-size: 12px;
}

.reportBorderTop {
	border-top: 1px solid lightgray;
}

html.dark-mode .reportBorderTop {
	border-top: 1px solid #4d4d4d;
}

.emptyItemOnReport {
	color: #fff;
}

html.dark-mode .emptyItemOnReport {
	color: #262a2e;
}

.cashDepositPanelHasValue {
	background-color: #f7b3b1;;
}

.cashDepositPanelHasNoValue {
	background-color: #e9edf2;
}

.hashboardShopIcon {
	font-size: 36px !important;
	margin-top: -10px;
	color: #005d7b;
}

html.dark-mode .hashboardShopIcon {
	color: rgba(242, 249, 255, .7) !important
}

.warningStyle {
	color: #ff6f6f !important;
}

html.dark-mode .warningStyle {
	color: #e68080 !important
}

.posCardWitdh {
	min-width: 165px;
	max-width: 184px;
}

.posCardWitdhLeft {
	min-width: 90%;
}

@media ( max-width : 575px) {
	.posCardWitdh {
		min-width: 160px;
		max-width: 175px;
	}
}

@media ( max-width : 1180px) {
	.avatar-xl, .avatar-xxl {
		width: 4.5rem;
		height: 4.5rem;
	}
}

.welconePosPanel {
	display: flex;
	margin: 0;
	padding: 0;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	margin-bottom: 3px !important;
	margin-right: 10px !important;
	margin-left: 10px !important;
}

@media ( max-width : 575px) {
	.welconePosPanel {
		justify-content: center;
	}
}

.posItemsButton {
	border-radius: 8px;
	background: #ccd0d4;
	position: relative;
	height: 35px;
	width: 110px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
}

html.dark-mode .posItemsButton {
	background: #ccd0d4;
}

.posItemsButton.active {
	background: #95c3e5 !important;
}

html.dark-mode  .posItemsButton.active {
	background: #95c3e5 !important;
}

.posItemsButton.selected {
	background: #fae5bf !important;
}

html.dark-mode .posItemsButton.selected {
	background: #fae5bf !important;
}

.posItemsButton:hover {
	background: #c4c1c1;
}

html.dark-mode  .posItemsButton:hover {
	background: white;
}

.posItemsButton .button {
	transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
	border-radius: 96.32px;
	display: block;
	height: 29px;
	width: 29Px;
	background-color: #d9534f;
	color: #333333;
	margin-top: 5px;
}

.posItemsButton .label {
	transition: color 300ms ease-out;
	text-shadow: 1px 1px 3px #ccd0d4, 0 0 0 rgba(0, 0, 0, 0.8), 1px 1px 4px
		#fff;
	opacity: 0.9;
	text-align: center;
	font-weight: 700;
	font-size: 15px;
	color: rgba(0, 0, 0, 0.4);
}

html.dark-mode .posItemsButton .label {
	
}

.tablePayroll tbody td {
	padding: 7px !important;
}

.tablePayrollRow {
	background: white;
}

html.dark-mode .tablePayrollRow {
	background: #343030;
}

.clientlogoStyle {
	color: #ffffff;
	font-weight: 600;
}

html.dark-mode .clientlogoStyle {
	color: #ffffff;
}

html.dark-mode .home-service-one__single h3 {
	color: #e4a93c;
}

html.dark-mode .home-service-one__single:hover h3,
	.home-service-one__single:hover p {
	color: #005d7b;
}

.form-label-nospace {
	letter-spacing: 0;
}

.helpInfo {
	color: #336fab;
	font-size: 11px;
}

html.dark-mode .helpInfo {
	color: #e4a93c;
}

.removeIcon {
	padding-top: 8px;
	color: #eb6767;
}

.cashUpNotApproved {
	background: #fae0e8 !important;
}

html.dark-mode .cashUpNotApproved {
	color: #636363 !important;
}

.cashUpApproved {
	background: #c5dfc5 !important;
}

html.dark-mode .cashUpApproved {
	color: #636363 !important;
}

.currentcashUp {
	background: #fff !important;
}

html.dark-mode .currentcashUp {
	color: #636363 !important;
}

html.dark-mode .removeIcon {
	color: #ffdfdf;
}

.labelTopPos {
	width: 190px;
	display: flex;
	justify-content: flex-end;
	margin-right: 11px;
	color: #8a9199 !important
}

html.dark-mode .labelTopPos {
	color: #cbcbcb !important;
}

.html5-qrcode-element {
	background: rgb(228, 169, 60);
	width: 250px;
	transition: color 300ms ease-out;
	text-shadow: 1px 1px 3px #ccd0d4, 0 0 0 rgba(0, 0, 0, 0.8), 1px 1px 4px
		#fff;
	opacity: 0.9 !important;
	text-align: center;
	font-weight: 700;
	font-size: 15px;
	color: rgba(0, 0, 0, 0.4);
	border: 0;
	margin-bottom: 6px !important;
	border-radius: 10px !important;
	height: 32px;
	padding: 0px;
}

[dir] .sub-page-separator:before {
	background-color: #91856e;
}

html[dir].dark-mode .sub-page-separator:before {
	background-color: #91856e;
}

.posItemsButtonSub {
	border-radius: 8px;
	background: #e4a93c;
	position: relative;
	width: 110px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
	color: #fff;
}

.posItemsButtonSub.active {
	background: #d9b675;
	color: crimson;
	cursor: default;
}

.modal-dialog-centered-print {
	top: 40px
}

.radiocheckboxCtrl:focus {
	box-shadow: 0 0 0 0px !important;
}

.rowProductListTop {
	border-bottom: 1px solid #e9edf2;
	padding-bottom: 4px;
	margin: 0 !important;
}

html.dark-mode .rowProductListTop {
	border-bottom: 1px solid #5a5a5a;
}

.cashBtnDisapproveTD {
	font-size: 11px;
	color: #ff6d6d;
}

html.dark-mode .cashBtnDisapproveTD {
	color: #ffa8a8;
}

.negativeAmount {
	color: #ff6d6d !important;
}

html.dark-mode .negativeAmount {
	color: #ffa8a8 !important;
}

.positiveAmount {
	color: #499149 !important;
}

html.dark-mode .positiveAmount {
	color: #499149 !important;
}

.cashBtnApproveTD {
	font-size: 11px;
	color: #499149;
}

html.dark-mode .cashBtnApproveTD {
	color: #72c072;
}

.reportChildItem {
	font-size: 12px !important;
	font-weight: 100 !important;
	color: #739eac;
}

html.dark-mode .reportChildItem {
	color: #d0c7c7;
}

.tipReport {
	color: #9c61de;
}

html.dark-mode .tipReport {
	color: #d4ebc1;
}

.journalTableLevel1 {
	background: #d4dce5;
}

html.dark-mode .journalTableLevel1 {
	background: #868686;
}

.journalTableLevel2 {
	background: #dde5ee;
}

html.dark-mode .journalTableLevel2 {
	background: #aaaaaa;
}

.journalTableLevel3 {
	background: #e5eaf1;
}

html.dark-mode .journalTableLevel3 {
	background: #bebebe;
}

.journalTableLevel4 {
	background: #e5eaf1;
}

.invoiceCurreny {
	font-weight: 700;
	color: #9da0a3;
	padding-right: 10px;
	padding-left: 10px;
}

html.dark-mode .journalTableLevel4 {
	background: #bebebe;
}

.journalTableLevel5 {
	background: #e5eaf1;
}

html.dark-mode .journalTableLevel5 {
	background: #bebebe;
}

[dir] .invoiceReadOnly[readonly] {
	padding: 0.5rem 0.75rem;
	background-color: #f9f9f9 !important;
	background-clip: padding-box;
	border: 1px solid #d8d8d8;
	border-radius: 0.25rem;
	cursor: pointer;
	width: 100%;
	font-weight: 300;
	color: #878787;
	/* border-color: transparent !important; */
}

html.dark-mode .invoiceReadOnly[readonly] {
	background-color: #232324 !important;
	color: #d2d2d2;
	border: 1px solid #464749;
}

@font-face {
	font-family: 'Material Symbols Outlined';
	font-style: normal;
	font-weight: 100 700;
	src:
		url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v151/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2)
		format('woff2');
}

.material-symbols-outlined {
	font-family: 'Material Symbols Outlined';
	font-weight: 400;
	font-style: normal;
	font-size: 20px !important;
	display: inline-block;
	margin-top: 4px;
	margin-bottom: 4px;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: "liga";
	/* padding: 0; */
	margin-right: 5px;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

.posTab {
	padding: 5px;
	width: 160px;
	align-items: center;
}

.posPriceLabel {
	color: #ffffff !important;
}

html.dark-mode .posPriceLabel {
	color: #e4a93c !important;
}

.cardPos {
	font-size: 45px !important;
}

.groupPaymentMethod {
	
}

.groupPaymentMethod.active {
	color: #0397c6 !important;
}

.iconPosScreen {
	font-size: 25px !important;
}

.dataTables_scrollHeadInner1 {
	background: #ffffff;
	border: 1px solid #efefef !important
}

html.dark-mode .dataTables_scrollHeadInner1 {
	background: #282828;
	border: 1px solid #3d3d3d !important;
}

.dataTables_scrollBody {
	border-left: 1px solid #efefef !important
}

html.dark-mode .dataTables_scrollBody {
	border-left: 1px solid #3d3d3d !important;
}

.dataTables_headrer_right_border {
	border-right: 1px solid #efefef !important
}

html.dark-mode .dataTables_headrer_right_border {
	border-right: 1px solid #555050 !important
}

.dataTables_headrer_bottom_border {
	border-bottom: 1px solid #efefef !important
}

html.dark-mode .dataTables_headrer_bottom_border {
	border-bottom: 1px solid #555050 !important
}

.reportInfoBox {
	padding-bottom: 5px;
	padding-top: 5px;
	border: 1px solid #efefef;
	border-radius: 25px;
	padding-left: 10px;
}

html.dark-mode .reportInfoBox {
	border: 1px solid #555050;
}

.service-one__icon_left_text {
	height: 32px;
	font-size: 14px !important;
	padding-left: 3px;
	padding-right: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px !important;
}

.service-one__icon_left_md {
	width: 100px;
	height: 100px;
	background-color: #f4f4f4 !important;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50%;
	margin-bottom: 10px;
	position: relative;
	z-index: 0;
}

.cardDashTable {
	padding-top: 10px;
	margin-bottom: 20px !important;
	background: #f0f8ff !important;;
}

.cardDashTableOccupied {
	background: #ffebf1 !important;
}

.cardDashTableDeactived {
	background: #e3ebf6 !important;
}

.cardDash {
	padding-top: 10px;
	margin-bottom: 20px !important;
}

.PosCardServiceProduct {
	margin-right: 10px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	margin-left: 10px;
}

.PosCardServiceProductWithLeftPanel {
	margin-right: 5px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.logoCircleColor {
	background: #ffffff;
}

.orderStatusCardBg1 {
	background: #ffffff !important;
}

.orderStatusCardBg2 {
	background: #fdfde8 !important;
}

.orderStatusCardBg3 {
	background: #e9ffe9 !important;
}

.orderStatusCardBg4 {
	background: #e9ffe9 !important;
}

.orderStatusCardBg5 {
	background: #ffe9e9 !important;
}

html.dark-mode .logoCircleColor {
	background: #ffffff;
}

input[type="date"]::-webkit-calendar-picker-indicator {
	cursor: pointer;
	border-radius: 4px;
	margin-right: 2px;
}

html.dark-mode input[type="date"]::-webkit-calendar-picker-indicator {
	opacity: 1;
	filter: invert(1);
}

.landingTitleFennec {
	font-weight: 600;
	font-size: 25px;
	color: #005d7b;
	text-align: center;
	height: 64px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 20px;
}

@media ( max-width : 1199px) {
	.landingTitleFennec {
		font-weight: 600;
		font-size: 18px;
		color: #005d7b;
		text-align: center;
		height: 64px;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-left: 53px;
	}
	.home-service-one__single h3 {
		font-size: 16px;
	}
}

.wallet-modal-container {
	padding: 20px;
}

.wallet-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}

.wallet-input {
	width: 100%;
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.wallet-buttons {
	display: flex;
	justify-content: space-between;
}

.pay-button {
	width: 100%;
	padding: 10px;
	background-color: #f39c12;
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

.pay-button:disabled {
	background-color: #ccc;
	cursor: not-allowed;
}

.dashboardCombo {
	color: #d9534f;
	font-size: 15px;
	padding: 0 !important;
}

html.dark-mode .dashboardCombo {
	color: #d9534f !important;
	font-size: 15px;
	padding: 0 !important;
}

 .fullscreen-background {
        background-color: #fff; /* Change to any color you prefer */
    }
    
  html.dark-mode .fullscreen-background {
        background-color: #1d2126; /* Change to any color you prefer */
    }
    
    
      .collapsible-container {
            width: 300px;
            border: 1px solid #ccc;
            border-radius: 5px;
            margin-top: 20px;
        }

        /* Collapsible content */
        .collapsible-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease-out;
            padding: 0 15px;
            background-color: #f9f9f9;
        }

        /* Expanded state */
        .collapsible-content.expanded {
            max-height: 500px; /* Adjust based on expected content */
            transition: max-height 0.5s ease-in;
        }
        
[dir] .voucherOptionHeader {
	 background: #f5f7fa; 
	 height: 50px;
	
}

html[dir].dark-mode .voucherOptionHeader {
	background: #414346;
	height: 50px;
}

.tabBorderPos {
	border-bottom: 1px solid #eaeaea;
}

html.dark-mode .tabBorderPos {
	border-bottom: 1px solid #6e6666;
}
.datePicker {
  /* room for the icon */
  padding-right: 2.25rem;

  /* your normal styles... */
  background-color: #fff;

  /* calendar icon on the right */
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 1rem 1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
}

/* Hide native calendar icon (keeps picker working on click) */
.datePicker::-webkit-calendar-picker-indicator {
  opacity: 0;            /* invisible but still clickable */
  cursor: pointer;
}