/*--------------------------------------------------------------
== Page List
--------------------------------------------------------------*/

.tmpcoder-page-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
}

.tmpcoder-page-list li {
	font-size: 0;
	text-align: left;
}

.tmpcoder-page-list li a {
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
}

.tmpcoder-page-list p {
	margin: 0;
}

.tmpcoder-page-list i,
.tmpcoder-page-list i:before {
	width: 100%;
	height: 100%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.tmpcoder-page-list .tmpcoder-page-list-item {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.tmpcoder-page-list-item {
	line-height: 1.5;
}

.tmpcoder-page-list-item-icon {
	margin-right: 5px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tmpcoder-page-list-item-icon i {
	font-size: 25px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tmpcoder-page-list-horizontal .tmpcoder-page-list {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.tmpcoder-page-list-vertical .tmpcoder-page-list {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

/* .tmpcoder-page-list-vertical .tmpcoder-page-list li a {} */

.tmpcoder-page-list-vertical .tmpcoder-sub-page {
	padding-left: 20px;
}

.tmpcoder-pl-icon-top .tmpcoder-page-list-item-icon {
	margin-bottom: auto;
}

.tmpcoder-pl-icon-bottom .tmpcoder-page-list-item-icon {
	margin-top: auto;
}

.tmpcoder-pl-badge-top .tmpcoder-page-list-item-badge {
	margin-bottom: auto;
}

.tmpcoder-pl-badge-bottom .tmpcoder-page-list-item-badge {
	margin-top: auto;
}

.tmpcoder-page-list-item-badge {
	background-color: rgb(255, 0, 179);
	padding: 3px 5px;
}

.tmpcoder-pl-badge-anim-yes .tmpcoder-page-list-item-badge {
	-webkit-animation: badgeFade 2s ease-in-out infinite;
	animation: badgeFade 2s ease-in-out infinite;
}/*--------------------------------------------------------------
== Nav Menu -start
--------------------------------------------------------------*/

.tmpcoder-nav-menu,
.tmpcoder-nav-menu ul,
.tmpcoder-mobile-nav-menu,
.tmpcoder-mobile-nav-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 0;
}

.tmpcoder-nav-menu li {
	position: relative;
}

.tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu>li {
	display: inline-block;
}

.tmpcoder-nav-menu .tmpcoder-menu-item {
	display: block;
	position: relative;
	z-index: 1;
}

.tmpcoder-nav-menu>li>a,
.tmpcoder-mobile-nav-menu>li>a {
	font-size: 16px;
	line-height: 1;
}

.tmpcoder-mobile-nav-menu li {
	margin: 0;
}
.tmpcoder-mobile-menu-display-dropdown .tmpcoder-mobile-mega-menu{
    max-height: calc(100vh - 60px);
    overflow-y: scroll;
}

body:not(.rtl) .tmpcoder-nav-menu-horizontal > .tmpcoder-nav-menu>li:first-child,
.tmpcoder-pointer-none .tmpcoder-nav-menu-horizontal>li:first-child .tmpcoder-menu-item,
.tmpcoder-pointer-line-fx .tmpcoder-nav-menu-horizontal>li:first-child .tmpcoder-menu-item {
	padding-left: 0 !important;
	margin-left: 0 !important;
}

body:not(.rtl) .tmpcoder-nav-menu-horizontal > .tmpcoder-nav-menu>li:last-child,
.tmpcoder-pointer-none .tmpcoder-nav-menu-horizontal>li:last-child .tmpcoder-menu-item,
.tmpcoder-pointer-line-fx .tmpcoder-nav-menu-horizontal>li:last-child .tmpcoder-menu-item {
	padding-right: 0 !important;
	margin-right: 0 !important;
}

div[class*="tmpcoder-main-nav-menu-align-"] .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu>li>.tmpcoder-sub-menu,
div[class*="tmpcoder-main-nav-menu-align-"] .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu>li>.tmpcoder-sub-mega-menu {
	left: 100%;
}

.tmpcoder-main-nav-menu-align-left .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon,
.tmpcoder-main-nav-menu-align-center .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon {
	right: 0;
}

.tmpcoder-main-nav-menu-align-right .tmpcoder-nav-menu-vertical .tmpcoder-sub-icon {
	left: 0;
}
.tmpcoder-main-nav-menu-align-left .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
.tmpcoder-main-nav-menu-align-left .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu ,
.tmpcoder-main-nav-menu-align-left .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu .tmpcoder-sub-menu li a {
	text-align: left;
}

.tmpcoder-main-nav-menu-align-center .tmpcoder-nav-menu-horizontal  .tmpcoder-nav-menu,
.tmpcoder-main-nav-menu-align-center .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu  {
	text-align: center;
}

.tmpcoder-main-nav-menu-align-right .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
.tmpcoder-main-nav-menu-align-right .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu ,
.tmpcoder-main-nav-menu-align-right .tmpcoder-nav-menu-vertical  .tmpcoder-sub-menu li a {
	text-align: right;
}


@media screen and (min-width: 2400px) {

	.tmpcoder-main-nav-menu-align--widescreenleft .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon,
	.tmpcoder-main-nav-menu-align--widescreencenter .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon {
		right: 0;
	}

	.tmpcoder-main-nav-menu-align--widescreenleft .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
	.tmpcoder-main-nav-menu-align--widescreenleft .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu {
		text-align: left;
	}
nav-
	.tmpcoder-main-nav-menu-align--widescreencenter .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
	.tmpcoder-main-nav-menu-align--widescreencenter .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu {
		text-align: center;
	}

	.tmpcoder-main-nav-menu-align--widescreenright .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
	.tmpcoder-main-nav-menu-align--widescreenright .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu {
		text-align: right;
	}
}

@media screen and (max-width: 1221px) {

	.tmpcoder-main-nav-menu-align--laptopleft .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon,
	.tmpcoder-main-nav-menu-align--laptopcenter .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon {
		right: 0;
	}

	.tmpcoder-main-nav-menu-align--laptopleft .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
	.tmpcoder-main-nav-menu-align--laptopleft .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu {
		text-align: left;
	}

	.tmpcoder-main-nav-menu-align--laptopcenter .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
	.tmpcoder-main-nav-menu-align--laptopcenter .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu {
		text-align: center;
	}

	.tmpcoder-main-nav-menu-align--laptopright .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
	.tmpcoder-main-nav-menu-align--laptopright .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu {
		text-align: right;
	}
}

@media screen and (max-width: 1200px) {

	.tmpcoder-main-nav-menu-align--tablet_extraleft .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon,
	.tmpcoder-main-nav-menu-align--tablet_extracenter .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon {
		right: 0;
	}

	.tmpcoder-main-nav-menu-align--tablet_extraleft .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
	.tmpcoder-main-nav-menu-align--tablet_extraleft .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu {
		text-align: left;
	}

	.tmpcoder-main-nav-menu-align--tablet_extracenter .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
	.tmpcoder-main-nav-menu-align--tablet_extracenter .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu {
		text-align: center;
	}

	.tmpcoder-main-nav-menu-align--tablet_extraright .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
	.tmpcoder-main-nav-menu-align--tablet_extraright .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu {
		text-align: right;
	}
}

@media screen and (max-width: 1024px) {

	.tmpcoder-main-nav-menu-align--tabletleft .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon,
	.tmpcoder-main-nav-menu-align--tabletcenter .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon {
		right: 0;
	}

	.tmpcoder-main-nav-menu-align--tabletleft .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
	.tmpcoder-main-nav-menu-align--tabletleft .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu {
		text-align: left;
	}

	.tmpcoder-main-nav-menu-align--tabletcenter .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
	.tmpcoder-main-nav-menu-align--tabletcenter .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu {
		text-align: center;
	}

	.tmpcoder-main-nav-menu-align--tabletright .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
	.tmpcoder-main-nav-menu-align--tabletright .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu {
		text-align: right;
	}
}

@media screen and (max-width: 880px) {

	.tmpcoder-main-nav-menu-align--mobile_extraleft .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon,
	.tmpcoder-main-nav-menu-align--mobile_extracenter .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon {
		right: 0;
	}

	.tmpcoder-main-nav-menu-align--mobile_extraleft .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
	.tmpcoder-main-nav-menu-align--mobile_extraleft .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu {
		text-align: left;
	}

	.tmpcoder-main-nav-menu-align--mobile_extracenter .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
	.tmpcoder-main-nav-menu-align--mobile_extracenter .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu {
		text-align: center;
	}

	.tmpcoder-main-nav-menu-align--mobile_extraright .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
	.tmpcoder-main-nav-menu-align--mobile_extraright .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu {
		text-align: right;
	}
}

@media screen and (max-width: 767px) {

	.tmpcoder-main-nav-menu-align--mobileleft .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon,
	.tmpcoder-main-nav-menu-align--mobilecenter .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon {
		right: 0;
	}

	.tmpcoder-main-nav-menu-align--mobileleft .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
	.tmpcoder-main-nav-menu-align--mobileleft .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu {
		text-align: left;
	}

	.tmpcoder-main-nav-menu-align--mobilecenter .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
	.tmpcoder-main-nav-menu-align--mobilecenter .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu{
		text-align: center;
	}

	.tmpcoder-main-nav-menu-align--mobileright .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
	.tmpcoder-main-nav-menu-align--mobileright .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu {
		text-align: right;
	}
}

/*Mega menu Alignment */

div[class*="tmpcoder-main-mega-menu-align-"] .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu>li>.tmpcoder-sub-menu,
div[class*="tmpcoder-main-mega-menu-align-"] .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu>li>.tmpcoder-sub-mega-menu {
	left: 100%;
}

.tmpcoder-main-mega-menu-align-left .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon,
.tmpcoder-main-mega-menu-align-center .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon {
	right: 0;
}

.tmpcoder-main-mega-menu-align-right .tmpcoder-nav-menu-vertical .tmpcoder-sub-icon {
	left: 0;
}

.tmpcoder-main-mega-menu-align-left .tmpcoder-nav-menu-horizontal .tmpcoder-mega-menu,
.tmpcoder-main-mega-menu-align-left .tmpcoder-nav-menu-vertical .tmpcoder-menu-item,
.tmpcoder-main-mega-menu-align-left .tmpcoder-nav-menu-vertical .tmpcoder-sub-menu li a {
	text-align: left;
}

.tmpcoder-main-mega-menu-align-center .tmpcoder-nav-menu-horizontal .tmpcoder-mega-menu,
.tmpcoder-main-mega-menu-align-center .tmpcoder-nav-menu-vertical .tmpcoder-menu-item {
	text-align: center;
}

.tmpcoder-main-mega-menu-align-right .tmpcoder-nav-menu-horizontal .tmpcoder-mega-menu,
.tmpcoder-main-mega-menu-align-right .tmpcoder-nav-menu-vertical .tmpcoder-menu-item,
.tmpcoder-main-mega-menu-align-right .tmpcoder-nav-menu-vertical .tmpcoder-sub-menu li a {
	text-align: right;
}

@media screen and (min-width: 2400px) {

	.tmpcoder-main-mega-menu-align--widescreenleft .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon,
	.tmpcoder-main-mega-menu-align--widescreencenter .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon {
		right: 0;
	}

	.tmpcoder-main-mega-menu-align--widescreenleft .tmpcoder-nav-menu-horizontal .tmpcoder-mega-menu,
	.tmpcoder-main-mega-menu-align--widescreenleft .tmpcoder-nav-menu-vertical .tmpcoder-menu-item {
		text-align: left;
	}

	.tmpcoder-main-mega-menu-align--widescreencenter .tmpcoder-nav-menu-horizontal .tmpcoder-mega-menu
	.tmpcoder-main-mega-menu-align--widescreencenter .tmpcoder-nav-menu-vertical .tmpcoder-menu-item {
		text-align: center;
	}

	.tmpcoder-main-mega-menu-align--widescreenright .tmpcoder-nav-menu-horizontal .tmpcoder-mega-menu,
	.tmpcoder-main-mega-menu-align--widescreenright .tmpcoder-nav-menu-vertical .tmpcoder-menu-item {
		text-align: right;
	}
}

@media screen and (max-width: 1221px) {

	.tmpcoder-main-mega-menu-align--laptopleft .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon,
	.tmpcoder-main-mega-menu-align--laptopcenter .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon {
		right: 0;
	}

	.tmpcoder-main-mega-menu-align--laptopleft .tmpcoder-nav-menu-horizontal .tmpcoder-mega-menu,
	.tmpcoder-main-mega-menu-align--laptopleft .tmpcoder-nav-menu-vertical .tmpcoder-menu-item {
		text-align: left;
	}

	.tmpcoder-main-mega-menu-align--laptopcenter .tmpcoder-nav-menu-horizontal .tmpcoder-mega-menu,
	.tmpcoder-main-mega-menu-align--laptopcenter .tmpcoder-nav-menu-vertical .tmpcoder-menu-item {
		text-align: center;
	}

	.tmpcoder-main-mega-menu-align--laptopright .tmpcoder-nav-menu-horizontal .tmpcoder-mega-menu,
	.tmpcoder-main-mega-menu-align--laptopright .tmpcoder-nav-menu-vertical .tmpcoder-menu-item {
		text-align: right;
	}
}

@media screen and (max-width: 1200px) {

	.tmpcoder-main-mega-menu-align--tablet_extraleft .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon,
	.tmpcoder-main-mega-menu-align--tablet_extracenter .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon {
		right: 0;
	}

	.tmpcoder-main-mega-menu-align--tablet_extraleft .tmpcoder-nav-menu-horizontal .tmpcoder-mega-menu,
	.tmpcoder-main-mega-menu-align--tablet_extraleft .tmpcoder-nav-menu-vertical .tmpcoder-menu-item {
		text-align: left;
	}

	.tmpcoder-main-mega-menu-align--tablet_extracenter .tmpcoder-nav-menu-horizontal .tmpcoder-mega-menu,
	.tmpcoder-main-mega-menu-align--tablet_extracenter .tmpcoder-nav-menu-vertical .tmpcoder-menu-item {
		text-align: center;
	}

	.tmpcoder-main-mega-menu-align--tablet_extraright .tmpcoder-nav-menu-horizontal .tmpcoder-mega-menu,
	.tmpcoder-main-mega-menu-align--tablet_extraright .tmpcoder-nav-menu-vertical .tmpcoder-menu-item {
		text-align: right;
	}
}

@media screen and (max-width: 1024px) {

	.tmpcoder-main-mega-menu-align--tabletleft .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon,
	.tmpcoder-main-mega-menu-align--tabletcenter .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon {
		right: 0;
	}

	.tmpcoder-main-mega-menu-align--tabletleft .tmpcoder-nav-menu-horizontal .tmpcoder-mega-menu,
	.tmpcoder-main-mega-menu-align--tabletleft .tmpcoder-nav-menu-vertical .tmpcoder-menu-item {
		text-align: left;
	}

	.tmpcoder-main-mega-menu-align--tabletcenter .tmpcoder-nav-menu-horizontal .tmpcoder-mega-menu,
	.tmpcoder-main-mega-menu-align--tabletcenter .tmpcoder-nav-menu-vertical .tmpcoder-menu-item {
		text-align: center;
	}

	.tmpcoder-main-mega-menu-align--tabletright .tmpcoder-nav-menu-horizontal .tmpcoder-mega-menu,
	.tmpcoder-main-mega-menu-align--tabletright .tmpcoder-nav-menu-vertical .tmpcoder-menu-item {
		text-align: right;
	}
}

@media screen and (max-width: 880px) {

	.tmpcoder-main-mega-menu-align--mobile_extraleft .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon,
	.tmpcoder-main-mega-menu-align--mobile_extracenter .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon {
		right: 0;
	}

	.tmpcoder-main-mega-menu-align--mobile_extraleft .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
	.tmpcoder-main-mega-menu-align--mobile_extraleft .tmpcoder-nav-menu-vertical .tmpcoder-menu-item {
		text-align: left;
	}

	.tmpcoder-main-mega-menu-align--mobile_extracenter .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
	.tmpcoder-main-mega-menu-align--mobile_extracenter .tmpcoder-nav-menu-vertical .tmpcoder-menu-item {
		text-align: center;
	}

	.tmpcoder-main-mega-menu-align--mobile_extraright .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
	.tmpcoder-main-mega-menu-align--mobile_extraright .tmpcoder-nav-menu-vertical .tmpcoder-menu-item {
		text-align: right;
	}
}

@media screen and (max-width: 767px) {

	.tmpcoder-main-mega-menu-align--mobileleft .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon,
	.tmpcoder-main-mega-menu-align--mobilecenter .tmpcoder-nav-menu-vertical .tmpcoder-menu-item .tmpcoder-sub-icon {
		right: 0;
	}

	.tmpcoder-main-mega-menu-align--mobileleft .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
	.tmpcoder-main-mega-menu-align--mobileleft .tmpcoder-nav-menu-vertical .tmpcoder-menu-item {
		text-align: left;
	}

	.tmpcoder-main-mega-menu-align--mobilecenter .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
	.tmpcoder-main-mega-menu-align--mobilecenter .tmpcoder-nav-menu-vertical .tmpcoder-menu-item {
		text-align: center;
	}

	.tmpcoder-main-mega-menu-align--mobileright .tmpcoder-nav-menu-horizontal .tmpcoder-nav-menu,
	.tmpcoder-main-mega-menu-align--mobileright .tmpcoder-nav-menu-vertical .tmpcoder-menu-item {
		text-align: right;
	}
}
.tmpcoder-nav-menu .tmpcoder-sub-menu {
	display: none;
	position: absolute;
	z-index: 9999;
	width: 180px;
	text-align: left;
	list-style: none;
	margin: 0;
	/*overflow: hidden;*/
}

.tmpcoder-nav-menu-vertical .tmpcoder-nav-menu>li>.tmpcoder-sub-menu,
.tmpcoder-nav-menu-vertical .tmpcoder-nav-menu>li>.tmpcoder-sub-mega-menu {
	top: 0;
}

.tmpcoder-sub-menu-position-inline .tmpcoder-nav-menu-vertical .tmpcoder-sub-menu {
	position: static;
	width: 100% !important;
	text-align: center !important;
	margin-left: 0 !important;
}

.tmpcoder-sub-mega-menu .tmpcoder-sub-menu-position-inline .tmpcoder-nav-menu-vertical .tmpcoder-nav-menu>li {
	display: block;
}

.tmpcoder-sub-menu-position-inline .tmpcoder-sub-menu a {
	position: relative;
}

.tmpcoder-nav-menu .tmpcoder-sub-menu .tmpcoder-sub-menu {
	top: 0;
	left: 100%;
}

.tmpcoder-sub-menu .tmpcoder-sub-menu-item {
	display: block;
	font-size: 14px;
}

.tmpcoder-nav-menu-horizontal .tmpcoder-menu-item .tmpcoder-sub-icon {
	margin-left: 7px;
	text-indent: 0;
}

.tmpcoder-nav-menu:not(.tmpcoder-mega-menu) .tmpcoder-sub-icon {
	position: absolute;
	/* top: 48%; */
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.tmpcoder-nav-menu:not(.tmpcoder-mega-menu) .tmpcoder-sub-icon-rotate {
	-webkit-transform: rotate(-90deg) translateX(80%);
	-ms-transform: rotate(-90deg) translateX(80%);
	transform: rotate(-90deg) translateX(80%);
}

.tmpcoder-sub-divider-yes .tmpcoder-sub-menu li:not(:last-child) {
	border-bottom-style: solid;
}

.tmpcoder-mobile-nav-menu:not(.tmpcoder-mobile-mega-menu),
.tmpcoder-mobile-nav-menu-container {
	display: none;
}

.tmpcoder-mobile-nav-menu:not(.tmpcoder-mobile-mega-menu) {
	position: absolute;
	z-index: 9999;
}

.tmpcoder-mobile-menu-drdown-align-left .tmpcoder-mobile-nav-menu:not(.tmpcoder-mobile-mega-menu),
.tmpcoder-mobile-menu-drdown-align-left .tmpcoder-mobile-mega-menu-wrap {
	left: 0;
}

.tmpcoder-mobile-menu-drdown-align-center .tmpcoder-mobile-nav-menu:not(.tmpcoder-mobile-mega-menu),
.tmpcoder-mobile-menu-drdown-align-center .tmpcoder-mobile-mega-menu-wrap {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.tmpcoder-mobile-menu-drdown-align-right .tmpcoder-mobile-nav-menu:not(.tmpcoder-mobile-mega-menu),
.tmpcoder-mobile-menu-drdown-align-right .tmpcoder-mobile-mega-menu-wrap {
	right: 0;
}

.tmpcoder-mobile-menu-item,
.tmpcoder-mobile-sub-menu-item {
	position: relative;
}

.tmpcoder-mobile-menu-item,
.tmpcoder-mobile-sub-menu-item {
	display: block;
}

.tmpcoder-mobile-sub-menu,
.tmpcoder-mobile-sub-mega-menu {
	display: none;
}

.tmpcoder-mobile-nav-menu .menu-item-has-children>a:after {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.tmpcoder-mobile-menu-item-align-left .tmpcoder-mobile-sub-menu a:before {
	content: ' ';
	display: inline-block;
	width: 10px;
}

.tmpcoder-mobile-menu-item-align-left .tmpcoder-mobile-sub-menu .tmpcoder-mobile-sub-menu a:before {
	width: 20px;
}

.tmpcoder-mobile-menu-item-align-center .tmpcoder-mobile-nav-menu {
	text-align: center;
}

.tmpcoder-mobile-menu-item-align-right .tmpcoder-mobile-nav-menu {
	text-align: right;
}

.tmpcoder-mobile-menu-item-align-right .tmpcoder-mobile-nav-menu .menu-item-has-children>a:after {
	right: auto !important;
	left: 0;
}

div[class*="tmpcoder-sub-icon-"] .tmpcoder-mobile-nav-menu .menu-item-has-children>a:after {
	font-family: "Font Awesome 5 Free";
	font-size: 12px;
	font-weight: 900;
	font-style: normal;
	text-decoration: none;
	line-height: 1;
	letter-spacing: 0;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.tmpcoder-sub-icon-caret-down .tmpcoder-sub-icon:before,
.tmpcoder-sub-icon-caret-down .tmpcoder-mobile-nav-menu .menu-item-has-children>a:after {
	content: "\f0d7";
}

.tmpcoder-sub-icon-angle-down .tmpcoder-sub-icon:before,
.tmpcoder-sub-icon-angle-down .tmpcoder-mobile-nav-menu .menu-item-has-children>a:after {
	content: "\f107";
}

.tmpcoder-sub-icon-chevron-down .tmpcoder-sub-icon:before,
.tmpcoder-sub-icon-chevron-down .tmpcoder-mobile-nav-menu .menu-item-has-children>a:after {
	content: "\f078";
}

.tmpcoder-sub-icon-plus .tmpcoder-sub-icon:before,
.tmpcoder-sub-icon-plus .tmpcoder-mobile-nav-menu .menu-item-has-children>a:after {
	content: "\f067";
}

.tmpcoder-mobile-divider-yes .tmpcoder-mobile-menu-item {
	border-bottom-style: solid;
}

.tmpcoder-mobile-toggle-wrap {
	font-size: 0;
	line-height: 0;
}

.tmpcoder-mobile-toggle {
	display: inline-block;
	padding: 7px;
	cursor: pointer;
	border-style: solid;
	text-align: center;
}

.tmpcoder-mobile-toggle-line {
	display: block;
	width: 100%;
}

.tmpcoder-mobile-toggle-line:last-child {
	margin-bottom: 0 !important;
}

.tmpcoder-mobile-toggle-text {
	font-size: 16px;
	line-height: 1 !important;
}

.tmpcoder-mobile-toggle-text:last-child {
	display: none;
}

.tmpcoder-mobile-toggle-v2 .tmpcoder-mobile-toggle-line:nth-child(2) {
	width: 78%;
	margin-left: 24%;
}

.tmpcoder-mobile-toggle-v2 .tmpcoder-mobile-toggle-line:nth-child(3) {
	width: 45%;
	margin-left: 57%;
}

.tmpcoder-mobile-toggle-v3 .tmpcoder-mobile-toggle-line:nth-child(2) {
	width: 75%;
	margin-left: 15%;
}

.tmpcoder-mobile-toggle-v4 .tmpcoder-mobile-toggle-line:nth-child(1),
.tmpcoder-mobile-toggle-v4 .tmpcoder-mobile-toggle-line:nth-child(3) {
	width: 75%;
	margin-left: 25%;
}

.tmpcoder-mobile-toggle-v4 .tmpcoder-mobile-toggle-line:nth-child(2) {
	width: 75%;
	margin-right: 25%;
}

.tmpcoder-mobile-toggle-v5 .tmpcoder-mobile-toggle-line:nth-child(1) {
	display: none;
}

.tmpcoder-nav-menu-bp-always .tmpcoder-nav-menu-container {
	display: none;
}

.tmpcoder-nav-menu-bp-always .tmpcoder-mobile-nav-menu-container {
	display: block;
}

@media screen and (max-width: 1024px) {
	.tmpcoder-nav-menu-bp-tablet > .elementor-widget-container > nav.tmpcoder-nav-menu-container {
		display: none !important;
	}
	.tmpcoder-nav-menu-bp-tablet > .elementor-widget-container > nav.tmpcoder-mobile-nav-menu-container {
		display: block !important;
	}
	
	.tmpcoder-nav-menu-bp-tablet .tmpcoder-nav-menu-container {
		display: block;
	}

	.tmpcoder-nav-menu-bp-tablet .tmpcoder-mobile-nav-menu-container {
		display: none;
	}	
}

@media screen and (max-width: 767px) {

	.tmpcoder-nav-menu-bp-pro-nn .tmpcoder-nav-menu-container,
	.tmpcoder-nav-menu-bp-pro-al .tmpcoder-nav-menu-container,
	.tmpcoder-nav-menu-bp-mobile .tmpcoder-nav-menu-container {
		display: none;
	}

	.tmpcoder-nav-menu-bp-pro-nn .tmpcoder-mobile-nav-menu-container,
	.tmpcoder-nav-menu-bp-pro-al .tmpcoder-mobile-nav-menu-container,
	.tmpcoder-nav-menu-bp-mobile .tmpcoder-mobile-nav-menu-container {
		display: block;
	}
}

.tmpcoder-pointer-line-fx .tmpcoder-active-menu-item:before,
.tmpcoder-pointer-line-fx .tmpcoder-active-menu-item:after,
.tmpcoder-pointer-border-fx .tmpcoder-active-menu-item:before,
.tmpcoder-pointer-background-fx .tmpcoder-active-menu-item:before {
	opacity: 1 !important;
}

.tmpcoder-pointer-fx-none {
	-webkit-transition-duration: 0s !important;
	-o-transition-duration: 0s !important;
	transition-duration: 0s !important;
}

.tmpcoder-pointer-overline.tmpcoder-pointer-fx-slide .tmpcoder-pointer-item.tmpcoder-active-menu-item:before,
.tmpcoder-pointer-underline > .elementor-widget-container > nav.tmpcoder-nav-menu-container > ul > li > a.tmpcoder-active-menu-item:after,
.tmpcoder-pointer-double-line.tmpcoder-pointer-fx-slide .tmpcoder-pointer-item.tmpcoder-active-menu-item:before,
.tmpcoder-pointer-double-line.tmpcoder-pointer-fx-slide .tmpcoder-pointer-item.tmpcoder-active-menu-item:after,
.tmpcoder-pointer-overline.tmpcoder-pointer-fx-grow .tmpcoder-pointer-item.tmpcoder-active-menu-item:before,
.tmpcoder-pointer-underline.tmpcoder-pointer-fx-grow .tmpcoder-pointer-item.tmpcoder-active-menu-item:after,
.tmpcoder-pointer-double-line.tmpcoder-pointer-fx-grow .tmpcoder-pointer-item.tmpcoder-active-menu-item:before,
.tmpcoder-pointer-double-line.tmpcoder-pointer-fx-grow .tmpcoder-pointer-item.tmpcoder-active-menu-item:after {
	width: 100%;
}

.tmpcoder-pointer-line-fx.tmpcoder-pointer-fx-drop .tmpcoder-active-menu-item:before {
	top: 0;
}

.tmpcoder-pointer-line-fx.tmpcoder-pointer-fx-drop .tmpcoder-active-menu-item:after {
	bottom: 0 !important;
}

.tmpcoder-pointer-border-fx.tmpcoder-pointer-fx-grow .tmpcoder-active-menu-item:before,
.tmpcoder-pointer-border-fx.tmpcoder-pointer-fx-shrink .tmpcoder-active-menu-item:before,
.tmpcoder-pointer-background-fx.tmpcoder-pointer-fx-grow .tmpcoder-active-menu-item:before,
.tmpcoder-pointer-background-fx.tmpcoder-pointer-fx-shrink .tmpcoder-active-menu-item:before,
.tmpcoder-pointer-background-fx.tmpcoder-pointer-fx-sweep .tmpcoder-active-menu-item:before {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.tmpcoder-pointer-background-fx.tmpcoder-pointer-fx-skew .tmpcoder-active-menu-item:before {
	-webkit-transform: perspective(600px) rotateX(0deg);
	transform: perspective(600px) rotateX(0deg);
}

.tmpcoder-mobile-nav-menu .sub-menu-toggle {
	display: none !important;
}

.elementor-widget-tmpcoder-nav-menu .tmpcoder-nav-menu .tmpcoder-menu-item,
.elementor-widget-tmpcoder-nav-menu .tmpcoder-mobile-nav-menu a,
.elementor-widget-tmpcoder-nav-menu .tmpcoder-mobile-toggle-text {
	line-height: 26px;
}

.elementor-widget-tmpcoder-nav-menu .tmpcoder-sub-menu .tmpcoder-sub-menu-item {
	font-size: 14px;
}
/*--------------------------------------------------------------
== Nav Menu - end
--------------------------------------------------------------*/
/*--------------------------------------------------------------
== Mega Menu - start
--------------------------------------------------------------*/

.tmpcoder-mega-menu {
	position: relative;
}

.tmpcoder-mega-menu a.tmpcoder-menu-item,
.tmpcoder-mega-menu a.tmpcoder-sub-menu-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tmpcoder-mega-menu .tmpcoder-pointer-item:before,
.tmpcoder-mega-menu .tmpcoder-pointer-item:after {
	position: absolute;
}

.tmpcoder-mega-menu .tmpcoder-sub-icon {
	margin-left: auto;
}

.tmpcoder-nav-menu-horizontal .tmpcoder-mega-menu .tmpcoder-sub-icon {
	margin-top: -1px;
}

.tmpcoder-nav-menu-vertical .tmpcoder-mega-menu .tmpcoder-sub-icon,
.tmpcoder-mobile-menu-display-offcanvas .tmpcoder-mobile-mega-menu>li>a>.tmpcoder-mobile-sub-icon {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.tmpcoder-mega-menu .tmpcoder-sub-icon-rotate {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.tmpcoder-sub-mega-menu {
	display: none;
	position: absolute;
	z-index: 99999;
	overflow: hidden;
	width: 100%;
	text-align: left;
}

.tmpcoder-sub-mega-menu,
.tmpcoder-sub-mega-menu ul {
	font-size: 1rem;
}

.tmpcoder-nav-menu-vertical .tmpcoder-sub-mega-menu {
	width: 840px;
}

.tmpcoder-mega-menu li.tmpcoder-mega-menu-pos-default {
	position: static;
}

.tmpcoder-mega-menu-pos-default .tmpcoder-sub-mega-menu {
	left: 0;
}

.tmpcoder-mega-menu-width-full .tmpcoder-sub-mega-menu {
	width: 100vw;
	left: -110%;
}

.tmpcoder-main-nav-menu-align-center .tmpcoder-nav-menu-horizontal .tmpcoder-mega-menu-pos-default.tmpcoder-mega-menu-width-custom .tmpcoder-sub-mega-menu {
	left: 50%;
}
.tmpcoder-main-mega-menu-align-center .tmpcoder-nav-menu-horizontal .tmpcoder-mega-menu-pos-default.tmpcoder-mega-menu-width-custom .tmpcoder-sub-mega-menu {
	left: 50%;
}

.tmpcoder-mega-menu-icon {
	position: relative;
	top: -1px;
	margin-right: 5px;
}

.tmpcoder-mega-menu-badge {
	font-size: 11px;
	padding: 2px 5px;
	line-height: 1;
}

.tmpcoder-nav-menu-horizontal .tmpcoder-mega-menu-badge {
	position: absolute;
	top: -4px;
	right: 0;
}

.tmpcoder-nav-menu-horizontal .tmpcoder-mega-menu-badge:after {
	content: ' ';
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: inherit;
}

.tmpcoder-nav-menu-vertical .tmpcoder-mega-menu-badge,
.tmpcoder-mobile-nav-menu .tmpcoder-mega-menu-badge {
	margin-left: 5px;
}

.tmpcoder-nav-menu-vertical .tmpcoder-mega-menu-badge {
	margin-left: 5px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

.tmpcoder-nav-menu-horizontal .tmpcoder-mega-menu-badge-animation {
	-webkit-animation: badgeBounce 2s ease-in-out infinite;
	animation: badgeBounce 2s ease-in-out infinite;
}

.tmpcoder-nav-menu-vertical .tmpcoder-mega-menu-badge-animation {
	-webkit-animation: badgeFade 2s ease-in-out infinite;
	animation: badgeFade 2s ease-in-out infinite;
}

div[class*="tmpcoder-sub-menu-fx"] .tmpcoder-mega-menu .tmpcoder-sub-menu,
div[class*="tmpcoder-sub-menu-fx"] .tmpcoder-mega-menu .tmpcoder-sub-mega-menu {
	display: block;
	visibility: hidden;
	opacity: 0;
	z-index: -1;
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

div[class*="tmpcoder-sub-menu-fx"] .tmpcoder-mega-menu .tmpcoder-sub-menu.tmpcoder-animate-sub,
div[class*="tmpcoder-sub-menu-fx"] .tmpcoder-mega-menu .tmpcoder-sub-mega-menu.tmpcoder-animate-sub {
	visibility: visible;
	opacity: 1;
	z-index: 9999;
}

.tmpcoder-sub-menu-fx-fade .tmpcoder-sub-mega-menu {
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.tmpcoder-sub-menu-fx-move-up .tmpcoder-sub-menu,
.tmpcoder-sub-menu-fx-move-up .tmpcoder-sub-mega-menu {
	margin-top: 10px;
}

.tmpcoder-sub-menu-fx-move-down .tmpcoder-sub-menu,
.tmpcoder-sub-menu-fx-move-down .tmpcoder-sub-mega-menu {
	margin-top: -10px;
}

.tmpcoder-sub-menu-fx-move-left .tmpcoder-sub-menu,
.tmpcoder-sub-menu-fx-move-left .tmpcoder-sub-mega-menu {
	margin-left: 10px;
}

.tmpcoder-sub-menu-fx-move-right .tmpcoder-sub-menu,
.tmpcoder-sub-menu-fx-move-right .tmpcoder-sub-mega-menu {
	margin-left: -10px;
}

.tmpcoder-sub-menu-fx-move-up .tmpcoder-sub-menu.tmpcoder-animate-sub,
.tmpcoder-sub-menu-fx-move-up .tmpcoder-sub-mega-menu.tmpcoder-animate-sub,
.tmpcoder-sub-menu-fx-move-down .tmpcoder-sub-menu.tmpcoder-animate-sub,
.tmpcoder-sub-menu-fx-move-down .tmpcoder-sub-mega-menu.tmpcoder-animate-sub {
	margin-top: 0;
}

.tmpcoder-sub-menu-fx-move-left .tmpcoder-sub-menu.tmpcoder-animate-sub,
.tmpcoder-sub-menu-fx-move-left .tmpcoder-sub-mega-menu.tmpcoder-animate-sub,
.tmpcoder-sub-menu-fx-move-right .tmpcoder-sub-menu.tmpcoder-animate-sub,
.tmpcoder-sub-menu-fx-move-right .tmpcoder-sub-mega-menu.tmpcoder-animate-sub {
	margin-left: 0;
}

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

	50% {
		-webkit-transform: translateY(-25%);
		transform: translateY(-25%);
	}

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

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

	50% {
		-webkit-transform: translateY(-25%);
		transform: translateY(-25%);
	}

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

@-webkit-keyframes badgeFade {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0.5
	}

	0% {
		opacity: 1
	}
}

@keyframes badgeFade {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0.5
	}

	0% {
		opacity: 1
	}
}

.tmpcoder-mobile-menu-display-dropdown .tmpcoder-mobile-mega-menu-wrap {
	display: none;
	position: absolute;
	z-index: 9999;
}

.tmpcoder-mobile-menu-display-offcanvas .tmpcoder-mobile-mega-menu-wrap {
	display: block;
	position: fixed;
	top: 0;
	z-index: 9999;
	height: 100%;
	overflow: hidden;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.admin-bar .tmpcoder-mobile-menu-display-offcanvas .tmpcoder-mobile-mega-menu-wrap {
	top: 32px;
}

.tmpcoder-mobile-menu-offcanvas-slide-left .tmpcoder-mobile-mega-menu-wrap,
.tmpcoder-mobile-menu-offcanvas-slide-center .tmpcoder-mobile-mega-menu-wrap {
	left: 0;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}

.tmpcoder-mobile-menu-offcanvas-slide-right .tmpcoder-mobile-mega-menu-wrap {
	right: 0;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}

.tmpcoder-mobile-menu-display-offcanvas .tmpcoder-mobile-mega-menu-open {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.tmpcoder-mobile-mega-menu-overlay {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9998;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
}

.tmpcoder-mobile-mega-menu-open+.tmpcoder-mobile-mega-menu-overlay {
	opacity: 1;
	visibility: visible;
}

.mobile-mega-menu-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.mobile-mega-menu-close {
	margin-left: auto;
	cursor: pointer;
}

.tmpcoder-mobile-mega-menu .tmpcoder-mobile-menu-item,
.tmpcoder-mobile-mega-menu .tmpcoder-mobile-sub-menu-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tmpcoder-mobile-mega-menu .tmpcoder-mobile-sub-icon {
	margin-left: auto;
	font-size: 13px;
}

.tmpcoder-mobile-mega-menu>li>a>.tmpcoder-mobile-sub-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	position: absolute;
	right: 0;
}

.tmpcoder-mobile-menu-display-offcanvas .tmpcoder-mobile-mega-menu li {
	overflow: hidden;
}

.tmpcoder-mobile-mega-menu a:after {
	display: none;
}

.tmpcoder-mobile-menu-display-offcanvas .tmpcoder-mobile-mega-menu {
	position: relative;
}

.tmpcoder-mobile-mega-menu>li>a,
.tmpcoder-mobile-mega-menu .tmpcoder-mobile-sub-menu>li>a {
	position: relative;
	left: 0;
	-webkit-transition-property: left;
	-o-transition-property: left;
	transition-property: left;
}

.tmpcoder-mobile-mega-menu.tmpcoder-mobile-sub-offcanvas-open>li>a {
	left: -100%;
}

.tmpcoder-mobile-menu-display-offcanvas .tmpcoder-mobile-sub-mega-menu,
.tmpcoder-mobile-menu-display-offcanvas .tmpcoder-mobile-mega-menu>li>.tmpcoder-mobile-sub-menu {
	display: block;
	position: absolute;
	width: 100%;
	top: 0;
	left: 100%;
	z-index: 1;
	-webkit-transition-property: left;
	-o-transition-property: left;
	transition-property: left;
}

.tmpcoder-mobile-sub-offcanvas-open .tmpcoder-mobile-sub-open>.tmpcoder-mobile-sub-mega-menu,
.tmpcoder-mobile-menu-display-offcanvas .tmpcoder-mobile-mega-menu>.tmpcoder-mobile-sub-open>.tmpcoder-mobile-sub-menu {
	left: 0;
}

.tmpcoder-mobile-mega-menu.tmpcoder-mobile-sub-offcanvas-open>li>a {
	margin-right: 20px;
}

.tmpcoder-mobile-menu-display-offcanvas .tmpcoder-mobile-sub-offcanvas-open .tmpcoder-mobile-sub-open .tmpcoder-mobile-sub-mega-menu,
.tmpcoder-mobile-menu-display-offcanvas .tmpcoder-mobile-mega-menu>.tmpcoder-mobile-sub-open>.tmpcoder-mobile-sub-menu {
	margin-left: 0 !important;
}

.tmpcoder-mobile-menu-display-offcanvas .tmpcoder-mobile-mega-menu .tmpcoder-mobile-sub-menu .tmpcoder-mobile-sub-menu {
	padding-left: 10px;
}

.tmpcoder-mobile-sub-offcanvas-open .tmpcoder-mobile-sub-open .tmpcoder-mobile-sub-menu {
	display: block;
}

.tmpcoder-menu-offcanvas-back {
	display: none;
}

.tmpcoder-mobile-menu-display-offcanvas .tmpcoder-menu-offcanvas-back {
	display: block;
	cursor: pointer;
}

.tmpcoder-mobile-menu-display-dropdown .tmpcoder-mobile-mega-menu li.tmpcoder-menu-offcanvas-back-wrap {
	display: none;
}

/*.tmpcoder-mobile-mega-menu-wrap[toggle-backface="yes"] .tmpcoder-mobile-sub-offcanvas-open li.menu-item > ul {
    display: none !important;
}

.tmpcoder-mobile-mega-menu-wrap[toggle-backface="yes"] .tmpcoder-mobile-sub-offcanvas-open li.tmpcoder-mobile-sub-open.menu-item > ul {
    display: block !important;
}*/

.tmpcoder-nav-menu-vertical .tmpcoder-nav-menu .tmpcoder-menu-item {display: inline-block;}/*--------------------------------------------------------------
== Offcanvas
--------------------------------------------------------------*/

.tmpcoder-offcanvas-container .tmpcoder-template-edit-btn {
	top: 10px;
	right: 10px;
}

.tmpcoder-offcanvas-body-overflow {
	overflow: hidden;
}

.tmpcoder-offcanvas-wrap {
	position: fixed;
	top: 0;
	right: 0;
	width: 100vw;
	height: 100vh;
	display: none;
	z-index: 9999;
}

.tmpcoder-offcanvas-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tmpcoder-offcanvas-reverse-header-yes .tmpcoder-offcanvas-header {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.tmpcoder-offcanvas-content {
	width: 300px;
	position: absolute;
	background-color: #FFF;
	text-align: center;
	overflow: hidden;
	overflow-y: auto;
}

.tmpcoder-offcanvas-content .elementor-invisible {
	visibility: visible !important;
}

.tmpcoder-offcanvas-content-top {
	top: 0;
	left: 0;
	bottom: auto;
	width: 100%;
	height: auto;
	-webkit-transform: translateX(0) translateY(0);
	-ms-transform: translateX(0) translateY(0);
	transform: translateX(0) translateY(0);
}

.tmpcoder-offcanvas-content-left {
	top: 0;
	left: 0;
	right: auto;
	height: 100%;
	width: auto;
	-webkit-transform: translateX(0) translateY(0);
	-ms-transform: translateX(0) translateY(0);
	transform: translateX(0) translateY(0);
}

.tmpcoder-offcanvas-content-right {
	top: 0;
	right: 0;
	left: auto;
	height: 100%;
	width: 300px;
	-webkit-transform: translateX(0) translateY(0);
	-ms-transform: translateX(0) translateY(0);
	transform: translateX(0) translateY(0);
}

.tmpcoder-offcanvas-content-bottom {
	bottom: 0;
	left: 0;
	top: auto;
	width: 100%;
	height: auto;
	-webkit-transform: translateX(0) translateY(0);
	-ms-transform: translateX(0) translateY(0);
	transform: translateX(0) translateY(0);
}

.tmpcoder-offcanvas-content-middle {
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	height: auto;
	width: auto;
}

.tmpcoder-offcanvas-header {
	padding: 10px;
}

.tmpcoder-close-offcanvas {
	cursor: pointer;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tmpcoder-close-offcanvas::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
}

@-webkit-keyframes offcanvas-slide-in-align-left {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes offcanvas-slide-in-align-left {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@-webkit-keyframes offcanvas-slide-out-align-left {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@keyframes offcanvas-slide-out-align-left {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

.tmpcoder-offcanvas-content-left.tmpcoder-offcanvas-slide-in {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-animation-name: offcanvas-slide-in-align-left;
	animation-name: offcanvas-slide-in-align-left;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.tmpcoder-offcanvas-content-left.tmpcoder-offcanvas-slide-out {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-animation-name: offcanvas-slide-out-align-left;
	animation-name: offcanvas-slide-out-align-left;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes offcanvas-slide-in-align-right {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes offcanvas-slide-in-align-right {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@-webkit-keyframes offcanvas-slide-out-align-right {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
}

@keyframes offcanvas-slide-out-align-right {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
}

.tmpcoder-offcanvas-content-right.tmpcoder-offcanvas-slide-in {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-animation-name: offcanvas-slide-in-align-right;
	animation-name: offcanvas-slide-in-align-right;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.tmpcoder-offcanvas-content-right.tmpcoder-offcanvas-slide-out {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-animation-name: offcanvas-slide-out-align-right;
	animation-name: offcanvas-slide-out-align-right;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes offcanvas-slide-in-align-top {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes offcanvas-slide-in-align-top {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes offcanvas-slide-out-align-top {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}

@keyframes offcanvas-slide-out-align-top {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}

.tmpcoder-offcanvas-content-top.tmpcoder-offcanvas-slide-in {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-animation-name: offcanvas-slide-in-align-top;
	animation-name: offcanvas-slide-in-align-top;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.tmpcoder-offcanvas-content-top.tmpcoder-offcanvas-slide-out {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-animation-name: offcanvas-slide-out-align-top;
	animation-name: offcanvas-slide-out-align-top;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes offcanvas-slide-in-align-bottom {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes offcanvas-slide-in-align-bottom {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes offcanvas-slide-out-align-bottom {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
}

@keyframes offcanvas-slide-out-align-bottom {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
}

.tmpcoder-offcanvas-content-bottom.tmpcoder-offcanvas-slide-in {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-animation-name: offcanvas-slide-in-align-bottom;
	animation-name: offcanvas-slide-in-align-bottom;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.tmpcoder-offcanvas-content-bottom.tmpcoder-offcanvas-slide-out {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-animation-name: offcanvas-slide-out-align-bottom;
	animation-name: offcanvas-slide-out-align-bottom;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes offcanvas-slide-in-align-middle {
	0% {
		top: 150%;
	}

	100% {
		top: 50%
	}
}

@keyframes offcanvas-slide-in-align-middle {
	0% {
		top: 150%;
	}

	100% {
		top: 50%
	}
}

@-webkit-keyframes offcanvas-slide-out-align-middle {
	0% {
		top: 50%
	}

	100% {
		top: 150%;
	}
}

@keyframes offcanvas-slide-out-align-middle {
	0% {
		top: 50%
	}

	100% {
		top: 150%;
	}
}

.tmpcoder-offcanvas-content-middle.tmpcoder-offcanvas-slide-in {
	top: 50%;
	-webkit-animation-name: offcanvas-slide-in-align-middle;
	animation-name: offcanvas-slide-in-align-middle;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.tmpcoder-offcanvas-content-middle.tmpcoder-offcanvas-slide-out {
	top: 150%;
	-webkit-animation-name: offcanvas-slide-out-align-middle;
	animation-name: offcanvas-slide-out-align-middle;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes offcanvas-grow-in-align-bottom {
	0% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
	}

	100% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
	}
}

@keyframes offcanvas-grow-in-align-bottom {
	0% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
	}

	100% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
	}
}

@-webkit-keyframes offcanvas-grow-out-align-bottom {
	0% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
	}

	100% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
	}
}

@keyframes offcanvas-grow-out-align-bottom {
	0% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
	}

	100% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
	}
}

.tmpcoder-offcanvas-content-bottom.tmpcoder-offcanvas-grow-in {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-animation-name: offcanvas-grow-in-align-bottom;
	animation-name: offcanvas-grow-in-align-bottom;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.tmpcoder-offcanvas-content-bottom.tmpcoder-offcanvas-grow-out {
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-animation-name: offcanvas-grow-out-align-bottom;
	animation-name: offcanvas-grow-out-align-bottom;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes offcanvas-grow-in-align-bottom {
	0% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
	}

	100% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
	}
}

@keyframes offcanvas-grow-in-align-bottom {
	0% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
	}

	100% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
	}
}

@-webkit-keyframes offcanvas-grow-out-align-bottom {
	0% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
	}

	100% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
	}
}

@keyframes offcanvas-grow-out-align-bottom {
	0% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
	}

	100% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
	}
}

.tmpcoder-offcanvas-content-bottom.tmpcoder-offcanvas-grow-in {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-animation-name: offcanvas-grow-in-align-bottom;
	animation-name: offcanvas-grow-in-align-bottom;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.tmpcoder-offcanvas-content-bottom.tmpcoder-offcanvas-grow-out {
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-animation-name: offcanvas-grow-out-align-bottom;
	animation-name: offcanvas-grow-out-align-bottom;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes offcanvas-grow-in-align-top {
	0% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: top;
		transform-origin: top;
	}

	100% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: top;
		transform-origin: top;
	}
}

@keyframes offcanvas-grow-in-align-top {
	0% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: top;
		transform-origin: top;
	}

	100% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: top;
		transform-origin: top;
	}
}

@-webkit-keyframes offcanvas-grow-out-align-top {
	0% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: top;
		transform-origin: top;
	}

	100% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: top;
		transform-origin: top;
	}
}

@keyframes offcanvas-grow-out-align-top {
	0% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: top;
		transform-origin: top;
	}

	100% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: top;
		transform-origin: top;
	}
}

.tmpcoder-offcanvas-content-top.tmpcoder-offcanvas-grow-in {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-animation-name: offcanvas-grow-in-align-top;
	animation-name: offcanvas-grow-in-align-top;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.tmpcoder-offcanvas-content-top.tmpcoder-offcanvas-grow-out {
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-animation-name: offcanvas-grow-out-align-top;
	animation-name: offcanvas-grow-out-align-top;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes offcanvas-grow-in-align-left {
	0% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: left;
		transform-origin: left;
	}

	100% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: left;
		transform-origin: left;
	}
}

@keyframes offcanvas-grow-in-align-left {
	0% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: left;
		transform-origin: left;
	}

	100% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: left;
		transform-origin: left;
	}
}

@-webkit-keyframes offcanvas-grow-out-align-left {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: left;
		transform-origin: left;
	}

	100% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: left;
		transform-origin: left;
	}
}

@keyframes offcanvas-grow-out-align-left {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: left;
		transform-origin: left;
	}

	100% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: left;
		transform-origin: left;
	}
}

.tmpcoder-offcanvas-content-left.tmpcoder-offcanvas-grow-in {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-animation-name: offcanvas-grow-in-align-left;
	animation-name: offcanvas-grow-in-align-left;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.tmpcoder-offcanvas-content-left.tmpcoder-offcanvas-grow-out {
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-animation-name: offcanvas-grow-out-align-left;
	animation-name: offcanvas-grow-out-align-left;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes offcanvas-grow-in-align-middle {
	0% {
		-webkit-transform: scale(0) translateX(-50%) translateY(-50%);
		transform: scale(0) translateX(-50%) translateY(-50%);
		-webkit-transform-origin: top left;
		transform-origin: top left;
	}

	100% {
		-webkit-transform: scale(1) translateX(-50%) translateY(-50%);
		transform: scale(1) translateX(-50%) translateY(-50%);
		-webkit-transform-origin: top left;
		transform-origin: top left;
	}
}

@keyframes offcanvas-grow-in-align-middle {
	0% {
		-webkit-transform: scale(0) translateX(-50%) translateY(-50%);
		transform: scale(0) translateX(-50%) translateY(-50%);
		-webkit-transform-origin: top left;
		transform-origin: top left;
	}

	100% {
		-webkit-transform: scale(1) translateX(-50%) translateY(-50%);
		transform: scale(1) translateX(-50%) translateY(-50%);
		-webkit-transform-origin: top left;
		transform-origin: top left;
	}
}

@-webkit-keyframes offcanvas-grow-out-align-middle {
	0% {
		-webkit-transform: scale(1) translateX(-50%) translateY(-50%);
		transform: scale(1) translateX(-50%) translateY(-50%);
		-webkit-transform-origin: top left;
		transform-origin: top left;
	}

	100% {
		-webkit-transform: scale(0) translateX(-50%) translateY(-50%);
		transform: scale(0) translateX(-50%) translateY(-50%);
		-webkit-transform-origin: top left;
		transform-origin: top left;
	}
}

@keyframes offcanvas-grow-out-align-middle {
	0% {
		-webkit-transform: scale(1) translateX(-50%) translateY(-50%);
		transform: scale(1) translateX(-50%) translateY(-50%);
		-webkit-transform-origin: top left;
		transform-origin: top left;
	}

	100% {
		-webkit-transform: scale(0) translateX(-50%) translateY(-50%);
		transform: scale(0) translateX(-50%) translateY(-50%);
		-webkit-transform-origin: top left;
		transform-origin: top left;
	}
}

.tmpcoder-offcanvas-content-middle.tmpcoder-offcanvas-grow-in {
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1) translateX(-50%) translateY(-50%);
	-webkit-animation-name: offcanvas-grow-in-align-middle;
	animation-name: offcanvas-grow-in-align-middle;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.tmpcoder-offcanvas-content-middle.tmpcoder-offcanvas-grow-out {
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0) translateX(-50%) translateY(-50%);
	-webkit-animation-name: offcanvas-grow-out-align-middle;
	animation-name: offcanvas-grow-out-align-middle;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes offcanvas-grow-in-align-right {
	0% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: right;
		transform-origin: right;
	}

	100% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: right;
		transform-origin: right;
	}
}

@keyframes offcanvas-grow-in-align-right {
	0% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: right;
		transform-origin: right;
	}

	100% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: right;
		transform-origin: right;
	}
}

@-webkit-keyframes offcanvas-grow-out-align-right {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: right;
		transform-origin: right;
	}

	100% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: right;
		transform-origin: right;
	}
}

@keyframes offcanvas-grow-out-align-right {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: right;
		transform-origin: right;
	}

	100% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: right;
		transform-origin: right;
	}
}

.tmpcoder-offcanvas-content-right.tmpcoder-offcanvas-grow-in {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-animation-name: offcanvas-grow-in-align-right;
	animation-name: offcanvas-grow-in-align-right;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.tmpcoder-offcanvas-content-right.tmpcoder-offcanvas-grow-out {
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-animation-name: offcanvas-grow-out-align-right;
	animation-name: offcanvas-grow-out-align-right;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes offcanvas-fade-in {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes offcanvas-fade-in {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes offcanvas-fade-out {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes offcanvas-fade-out {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.tmpcoder-offcanvas-fade-in {
	opacity: 1;
	-webkit-animation-name: offcanvas-fade-in;
	animation-name: offcanvas-fade-in;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.tmpcoder-offcanvas-fade-out {
	opacity: 0;
	-webkit-animation-name: offcanvas-fade-out;
	animation-name: offcanvas-fade-out;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

/* .tmpcoder-offcanvas-wrap-active {} */

/* Template Edit button */

.tmpcoder-template-edit-btn {
    position: absolute;
    top: 0;
    right: 40px;
    display: none;
    line-height: 1;
    padding: 8px 13px;
    cursor: pointer;
    background: #333;
    color: #fff;
    border: 1px solid #000;
}

.elementor-editor-active .tmpcoder-template-edit-btn {
    display: inline-block;
    opacity: 0;
    visibility: hidden;
}

.elementor-editor-active .elementor-element-edit-mode:hover .tmpcoder-template-edit-btn {
    opacity: 1;
    visibility: visible;
}/** Widgets: page-list, nav-menu, offcanvas **/