/*
 Theme Name:   Air Supply Child Theme
 Theme URI:    https://air-supply.themerex.net/
 Description:  Air Supply Child Theme
 Author:       ThemeREX
 Author URI:   https://themerex.net
 Template:     air-supply
 Version:      1.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  air-supply
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */


.menu_mobile {
	@include fixed-lt(0, 0, 100002);
	@include box(100%, 0);
	will-change: height;
	@include transition(height .15s cubic-bezier(0.5, 1, 0.89, 1));
	&.opened {
		height:100%;
	}
	.menu_mobile_inner {
		@include abs-cover;
		text-align:center;
		overflow:hidden;
		color: var(--theme-color-alter_text);
		background-color: var(--theme-color-alter_bg_color);
	}
	.menu_mobile_header_wrap {
		@include abs-lt(0, 0, 10);
		width: 100%;
		padding: 60px 65px;
		@include flex;
		@include flex-align-items(center);
		@include flex-justify-content(space-between);
		@include border-box;
	}
	.menu_mobile_content_wrap.content_wrap {
		position: relative;
		z-index: 1;
		height: 100%;
		max-height: 100%;
		@include border-box;
	}
	.menu_mobile_content_wrap_inner {
		position: relative;
		z-index: 1;
		height: 100%;
		max-height: 100%;
		@include border-box;
	}

	.menu_mobile_button {
		color: var(--theme-color-text_dark);
		&:hover {
			color: var(--theme-color-text_link);
		}
	}
	.menu-item > a {
		display:block;
	}
	.menu_mobile_inner a,
	.menu_mobile_inner .menu_mobile_nav_area li:before {
		color: var(--theme-color-alter_text);
	}
	.menu_mobile_inner a:hover,
	.menu_mobile_inner .current-menu-ancestor > a,
	.menu_mobile_inner .current-menu-item > a,
	.menu_mobile_inner .menu_mobile_nav_area li:hover:before,
	.menu_mobile_inner .menu_mobile_nav_area li.current-menu-ancestor:before,
	.menu_mobile_inner .menu_mobile_nav_area li.current-menu-item:before {
		color: var(--theme-color-alter_dark);
	}
	.menu_mobile_inner .menu-item.opened > a {
		color: var(--theme-color-alter_dark);
	}

	[class*="sc_fly_"]:not(.sc_fly_static) {
		position: static !important;
		@include transform-none;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
	}

	.menu_mobile_nav_area {
		@include abs-lt(0, 27%);
		@include box(100%, auto);
		max-height: 53%;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.menu_mobile_content_wrap_inner.without_socials .menu_mobile_nav_area {
		max-height: 65%;
	}
	.menu_mobile_nav_area                     { -ms-overflow-style: none; }     /*  hide scrollbar Explorer */
	.menu_mobile_nav_area                     { scrollbar-width:none;     }     /*  hide scrollbar FireFox */
	.menu_mobile_nav_area::-webkit-scrollbar  { width:0                   }     /*  hide scrollbar Chrome */

	.menu_mobile_nav_area ul {
		margin:0 auto;
		padding:0;
		list-style:none;
		width: auto;
	}
	.menu_mobile_nav_area ul ul {
		padding: 1em 0;
		margin: 0;
		display:none;
	}
	.menu_mobile_nav_area > ul > li > ul {
		padding: 1em 0 0.6em;
	}
	.menu_mobile_nav_area li {
		margin-bottom:0;
		width:100%;
	}
	.menu_mobile_nav_area .menu-item > a {
		@include font(19px, 1.5em, 400);
		letter-spacing: 0.6px;
		padding: 5px 2em;
		position:relative;
		display: inline-block;
		width: auto;
		text-align:left;
		@include border-box;
		@include transition(color .15s ease);
	}
	.menu_mobile_nav_area .menu-item[class*="icon-"] {
		position: relative;
		display: block;
	}
	.menu_mobile_nav_area .menu-item[class*="icon-"]:before {
		@include font(24px, inherit, 400);
		display:inline-block;
		padding: 0;
		width: 1em;
		position: absolute;
		z-index: 1;
		top: 24px;
		left: 50%;
		@include transform(translateX(-12rem));
		@include transition-color;
	}
	.menu_mobile_nav_area .menu-item .menu-item[class*="icon-"]:before {
		top: 6px;
		font-size: 18px;
	}
	.menu_mobile_nav_area > ul {
		@include flex;
		@include flex-direction(column);
		@include flex-align-items(center);
		width: 100%;
		> .menu-item:last-child > ul {
			padding-bottom: 0;
		}
		> .menu-item > a {
			@include font(38px, 1.5em, 700);
			letter-spacing: 0;
		}
		> .menu-item .menu-item > a {
			padding: 0.4em 3.7em;
		}
	}
	.menu_mobile_nav_area .open_child_menu {
		display: block;
		@include abs-rt(0, 0);
		padding: 0;
		@include transition-colors;
	}
	.menu_mobile_nav_area .menu-item .menu-item .open_child_menu {
		top: 5px;
		background-color:transparent;
		padding: 0;
	}
	.menu_mobile_nav_area li > a > .open_child_menu:before {
		@include font(16px, '', 400);
		font-family:$theme_icons;
		content:'\E9A4';
		position: relative;
		right: 10px;
		opacity: 0;
		@include transition(right .15s ease-out, color .15s ease, opacity .15s ease);
	}
	.menu_mobile_nav_area li.opened > a > .open_child_menu:before,
	.menu_mobile_nav_area li > a:hover > .open_child_menu:before {
		right: 0;
		opacity: 1;
	}
	.menu_mobile_nav_area > ul > li li > a  > .open_child_menu:before {
		font-size: 8px;
	}

	/* Layouts as submenu */
	.menu_mobile_nav_area {
		ul.sc_layouts_submenu {
			display: none;
			width: auto;
			text-align: left;
			padding: 1em;
			margin: 0 auto;
			.sc_content {
				width: 100% !important;
			}
			.columns_wrap [class*="column-"],
			.wpb_column:not([class*="vc_col-xs-"]),
			.elementor-column:not([class*="elementor-xs-"]) {
				width: 100%;
				float: none;
			}
			.wpb_column:not([class*="vc_col-xs-"]) + .wpb_column:not([class*="vc_col-xs-"]),
			.elementor-column:not([class*="elementor-xs-"]) + .elementor-column:not([class*="elementor-xs-"]) {
				margin-top: 2em;
			}
		}

		li > ul.sc_layouts_submenu ul {
			display: block;
		}

	}

	/* Search Mobile */
	.search_mobile {
		@include abs-lb(0, 8rem);
		width: 28rem;
		margin-left: 0;
		form {
			position:relative;
		}
		.search_field {
			width:100%;
			padding: 1.5em 3em 1.5em 1.5em !important;
		}
		.search_submit {
			@include abs-pos(0, 0, auto, auto);
			font-size:0.8667em;
			padding:2em 1.8em;
			color: var(--theme-color-input_light);
			background-color:transparent;
			&:focus, &:hover {
				color: var(--theme-color-input_dark);
			}
		}

	}

	/* Socials Mobile */
	.socials_mobile {
		@include abs-lb(0, 2rem);
		display:block;
		width: 100%;
		padding-top: 2.6em;
		&:before {
			@include abs-lt;
			display: block;
			content: '';
			width: 100%;
			height: 1px;
			@include transform(scale3d(0, 1, 1));
			background-color: var(--theme-color-alter_dark);
		}
	}
	.social_item {
		display:inline-block;
		margin: 0 2em 0 0;
		@include transition(color .15s ease);
		.social_icon {
			@include font(16px, '', 400);
			padding: 0 1px;
			display:block;
			@include box(auto, auto, inherit);
			color: var(--theme-color-alter_dark);
			@include transition(color .15s ease);
			opacity: 1;

			&[class*="facebook"]:hover {
				color: #4F5FBF !important;
			}
			&[class*="twitter"]:hover {
				color: #48BDE9 !important;
			}
			&[class*="dribble"]:hover {
				color: #EA4C89 !important;
			}
			&[class*="instagram"]:hover {
				color: #C41BD1 !important;
			}
		}
		&:last-child {
			margin-right: 0;
		}

	}

	/* Close Button */
	.menu_mobile_close {
		position: relative;
		z-index: 1;
		margin: 0 0 0 10px !important;
		line-height: 1em;
		@include flex;
		@include flex-justify-content(center);
		@include flex-align-items(center);
		cursor: pointer;
		color: var(--theme-color-alter_dark);
		@include transition(color .1s ease);
		&:hover {
			color: var(--theme-color-alter_dark);
		}
		.menu_button_close_icon {
			@include font(19px, '', 400);
			position: relative;
			z-index: 1;
			@include border-box;
			@include transform(rotate(0));
			@include transition(transform .1s ease-out);
			color: var(--theme-color-alter_dark);
			&:before {
				position: relative;
				z-index: 1;
				content:'\e9e1';
				font-family:$theme_icons;
				line-height: 1;
				text-align: center;
			}
		}
		&:hover .menu_button_close_icon  {
			@include transform(rotate(180deg));
		}

		.menu_button_close_text {
			@include font(17px, 1em, 400);
			margin-right: 0.9em;
			color: var(--theme-color-alter_light);
		}

	}
	&:not(.opened) .menu_button_close_icon {
		@include transform(none);
	}

	/* Menu Mobile With Widgets */
	.menu_mobile_inner.with_widgets {
		text-align: left;
		.menu_mobile_content_wrap_inner {
			margin-right: 15%;
		}
		.menu_mobile_nav_area .menu-item > a {
			padding: 5px 2em 5px 0;
		}
		.menu_mobile_nav_area > ul {
			@include flex-align-items(flex-start);
		}
		.menu_mobile_nav_area > ul > .menu-item .menu-item > a {
			padding: 0.4em 3.7em 0.4em 1.7em;
		}
		.menu_mobile_nav_area .menu-item[class*="icon-"] {
			position: relative;
		}
		.menu_mobile_nav_area .menu-item[class*="icon-"]:before {
			left: 0;
			@include transform(none);
		}
		.menu_mobile_nav_area .menu-item[class*="image-"] > a {
			background-position: 1em center;
			background-repeat:no-repeat;
			background-size: 1em;
			padding-left: 2.3em;
		}
		.menu_mobile_nav_area > ul  {
			> .menu-item[class*="icon-"] > a {
				padding-left: 1.2em;
			}
			> .menu-item .menu-item[class*="icon-"]:before {
				font-size: 18px;
				margin-left: 1.9em;
				top: 8px;
			}
			> .menu-item .menu-item[class*="icon-"] > a {
				padding-left: 3.3em;
			}
			> .menu-item .menu-item[class*="image-"] > a {
				background-position: 1.6667em center;
				padding-left: 3.3em;
			}
			> .menu-item[class*="columns-"][class*="icon-"]:before {
				position:static;
				margin:0 0 0 0.5em;
				float:left;
			}
			> .menu-item[class*="columns-"][class*="icon-"] > a {
				float:left;
				margin-left: -1.5em;
			}
			> .menu-item .menu-item .menu-item[class*="icon-"]:before {
				margin-left: 3.9em;
			}
			> .menu-item .menu-item .menu-item[class*="icon-"] > a {
				padding-left:5.3em;
			}
			> .menu-item .menu-item .menu-item[class*="image-"] > a {
				background-position: 1.6667em center;
				padding-left: 5.3em;
			}
			> .menu-item .menu-item .menu-item .menu-item[class*="icon-"]:before {
				margin-left: 6em;
			}
			> .menu-item .menu-item .menu-item .menu-item[class*="icon-"] > a {
				padding-left: 7.3em;
			}
			> .menu-item .menu-item .menu-item .menu-item[class*="image-"] > a {
				background-position: 1.6667em center;
				padding-left: 7.3em;
			}
			> .menu-item .menu-item .menu-item > a {
				padding-left: 3.7em;
			}
			> .menu-item .menu-item .menu-item .menu-item > a {
				padding-left: 5.7em;
			}
			> .menu-item .menu-item.menu-delimiter {
				margin-top: 0 !important;
				padding-top: 0 !important;
				text-align: center;
				overflow: hidden;
			}
			> .menu-item .menu-item.menu-delimiter > a {
				overflow: hidden;
				padding-top: 0.25em;
				padding-bottom: 0.25em;
				padding-right: 0.5em;
				height: 1px;
			}
			> .menu-item .menu-item.menu-delimiter > a:before {
				content: ' ';
				display: block;
				border-top: 1px solid var(--theme-color-alter_bd_color);
				@include box(100%, 0);
			}
			> .menu-item .menu-item.menu-delimiter > a {
				border-color: var(--theme-color-alter_bd_color);
			}
			> .menu-item .menu-item.menu-delimiter > a > * {
				display: none;
			}

		}

	}
	.menu_mobile_inner.with_widgets .socials_mobile:before {
		@include transform-origin(left center);
	}

	/* Widgets Area */
	.menu_mobile_widgets_area {
		padding: 100px 70px;
		@include flex;
		@include flex-justify-content(flex-start);
		@include flex-align-items(center);
		@include abs-rt(0, 0, 5);
		@include box(24%, 100%);
		background-color: var(--theme-color-bg_color);
		@include border-box;

		/* Global Styles in Widget Area */
		a {
			@include transition(color .15s ease);
		}
		.columns_wrap [class*="column-"] {
			width: 100%;
		}
		.columns_wrap .widget + .widget  {
			margin-top: 2em;
		}
		.widgets_additional_menu_mobile_fullscreen_wrap {
			position: relative;
			z-index: 1;
			max-height: 90%;
			height: auto;
			@include border-box;
			overflow-y: scroll;
			overflow-x: hidden;
			padding-top: 2px;
			padding-bottom: 2px;
		}
		.widgets_additional_menu_mobile_fullscreen_wrap                    { -ms-overflow-style: none; }   /*  hide scrollbar Explorer */
		.widgets_additional_menu_mobile_fullscreen_wrap                    { scrollbar-width: none;    }   /* hide scrollbar FireFox */
		.widgets_additional_menu_mobile_fullscreen_wrap::-webkit-scrollbar { width: 0;                 }   /* hide scrollbar Chrome */

		/* Custom Html Widget */
		.widget_custom_html {
			.extra_item + .extra_item {
				margin-top: 4em;
			}
			.extra_item h6 {
				@include font(1em, 1.3em, 400);
				margin: 0;
				color: var(--theme-color-text_dark);
			}
			.extra_item a {
				display: inline-block;
				@include font(1.667em, 1.3em, 500);
				letter-spacing: -0.8px;
				color: var(--theme-color-text_dark);
			}
			.extra_item a[href*="mailto"] {
				padding-bottom: 0.2em;
			}
			.extra_item a:not([href*="mailto"]) {
				position: relative;
				padding-right: calc(1.9em + 8px);
			}
			.extra_item a:not([href*="mailto"]):after {
				font-family: $theme_icons;
				content: '\E9E2';
				@include font(8px, '', 400);
				position: absolute;
				top: calc(50% + 2px);
				right: 8px;
				color: var(--theme-color-text_link);
				@include transform(translateY(-50%));
				@include transition(right .15s ease-out, color .15s ease, opacity .15s ease );
			}
			.extra_item a:not([href*="mailto"]):hover:after {
				right: 1px;
			}
			.extra_item h6 + a {
				margin-top: 0.5em;
			}
		}
	}

	/* Animation
	 +++++++++++++++++++++++++++ */
	.menu_mobile_close .menu_button_close_icon,
	.menu_mobile_close .menu_button_close_text {
		-webkit-animation-delay: 0.1s;
		-moz-animation-delay: 0.1s;
		-o-animation-delay: 0.1s;
		animation-delay: 0.1s;
		visibility:hidden;
	}
	&.opened .menu_mobile_close .menu_button_close_icon,
	&.opened .menu_mobile_close .menu_button_close_text {
		-webkit-animation-name: fadeInAnim;
		animation-name: fadeInAnim;
		-webkit-animation-duration: 0.15s;
		animation-duration: 0.15s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		visibility:visible;
	}
	&.opened .menu_mobile_close .menu_button_close_icon {
		-webkit-animation-name: fadeInAnimScale;
		animation-name: fadeInAnimScale;
		-webkit-animation-fill-mode: backwards;
		animation-fill-mode: backwards;
		transform-origin: 50% 54%;
	}

	&.out_anim .menu_mobile_close .menu_button_close_icon,
	&.out_anim .menu_mobile_close .menu_button_close_text {
		-webkit-animation-name: fadeOutAnim;
		animation-name: fadeOutAnim;
		-webkit-animation-duration: 0.6s;
		animation-duration: 0.6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-delay: 0.5s;
		-moz-animation-delay: 0.5s;
		-o-animation-delay: 0.5s;
		animation-delay: 0.5s;
		visibility:visible;
	}
	&.out_anim .menu_mobile_close .menu_button_close_icon {
		-webkit-animation-name: fadeOutAnimScale;
		animation-name: fadeOutAnimScale;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}

	/* logo */
	.sc_layouts_logo {
		display: inline-block;
		vertical-align: top;
		text-align:left;
		margin: 0;
		font-size: 1em !important;		/* Remove this rule if you want to zoom this logo too */
		-webkit-animation-delay: 0.3s;
		-moz-animation-delay: 0.3s;
		-o-animation-delay: 0.3s;
		animation-delay: 0.3s;
		visibility:hidden;
		@include transition(color .15s ease);
	}

	&.opened .sc_layouts_logo {
		-webkit-animation-name: fadeInAnim;
		animation-name: fadeInAnim;
		-webkit-animation-duration: 0.1s;
		animation-duration: 0.1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		visibility:visible;
	}
	&.out_anim .sc_layouts_logo {
		-webkit-animation-name: fadeOutAnim;
		animation-name: fadeOutAnim;
		-webkit-animation-duration: 0.1s;
		animation-duration: 0.1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-delay: 0.1s;
		-moz-animation-delay: 0.1s;
		-o-animation-delay: 0.1s;
		animation-delay: 0.1s;
		visibility:visible;
	}

	/* menu */
	.menu_mobile_nav_area > ul > li {
		-webkit-animation-delay: 0.1s;
		-moz-animation-delay: 0.1s;
		-o-animation-delay: 0.1s;
		animation-delay: 0.1s;
		visibility:hidden;

		&:nth-child(2) {
			-webkit-animation-delay: 0.6s;
			-moz-animation-delay: 0.6s;
			-o-animation-delay: 0.6s;
			animation-delay: 0.6s;
		}
		&:nth-child(3) {
			-webkit-animation-delay: 0.7s;
			-moz-animation-delay: 0.7s;
			-o-animation-delay: 0.7s;
			animation-delay: 0.7s;
		}
		&:nth-child(4) {
			-webkit-animation-delay: 0.8s;
			-moz-animation-delay: 0.8s;
			-o-animation-delay: 0.8s;
			animation-delay: 0.8s;
		}
		&:nth-child(5) {
			-webkit-animation-delay: 0.9s;
			-moz-animation-delay: 0.9s;
			-o-animation-delay: 0.9s;
			animation-delay: 0.9s;
		}
		&:nth-child(6) {
			-webkit-animation-delay: 1s;
			-moz-animation-delay: 1s;
			-o-animation-delay: 1s;
			animation-delay: 1s;
		}
		&:nth-child(7) {
			-webkit-animation-delay: 1.1s;
			-moz-animation-delay: 1.1s;
			-o-animation-delay: 1.1s;
			animation-delay: 1.1s;
		}
		&:nth-child(8) {
			-webkit-animation-delay: 1.2s;
			-moz-animation-delay: 1.2s;
			-o-animation-delay: 1.2s;
			animation-delay: 1.2s;
		}
		&:nth-child(9) {
			-webkit-animation-delay: 1.3s;
			-moz-animation-delay: 1.3s;
			-o-animation-delay: 1.3s;
			animation-delay: 1.3s;
		}
		&:nth-child(10) {
			-webkit-animation-delay: 1.4s;
			-moz-animation-delay: 1.4s;
			-o-animation-delay: 1.4s;
			animation-delay: 1.4s;
		}
	}

	&.opened .menu_mobile_nav_area > ul > li {
		-webkit-animation-name: fadeInAnim;
		animation-name: fadeInAnim;
		-webkit-animation-duration: 0.6s;
		animation-duration: 0.6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		visibility:visible;
	}

	&.out_anim .menu_mobile_nav_area > ul > li {
		-webkit-animation-name: fadeOutAnim;
		animation-name: fadeOutAnim;
		-webkit-animation-duration: 0.6s;
		animation-duration: 0.6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-delay: 0.6s;
		-moz-animation-delay: 0.6s;
		-o-animation-delay: 0.6s;
		animation-delay: 0.6s;
		visibility:visible;

		&:nth-child(2) {
			-webkit-animation-delay: 0.5s;
			-moz-animation-delay: 0.5s;
			-o-animation-delay: 0.5s;
			animation-delay: 0.5s;
		}
		&:nth-child(3) {
			-webkit-animation-delay: 0.4s;
			-moz-animation-delay: 0.4s;
			-o-animation-delay: 0.4s;
			animation-delay: 0.4s;
		}
		&:nth-child(4) {
			-webkit-animation-delay: 0.3s;
			-moz-animation-delay: 0.3s;
			-o-animation-delay: 0.3s;
			animation-delay: 0.3s;
		}
		&:nth-child(5) {
			-webkit-animation-delay: 0.2s;
			-moz-animation-delay: 0.2s;
			-o-animation-delay: 0.2s;
			animation-delay: 0.2s;
		}
		&:nth-child(6) {
			-webkit-animation-delay: 0.1s;
			-moz-animation-delay: 0.1s;
			-o-animation-delay: 0.1s;
			animation-delay: 0.1s;
		}
		&:nth-child(7) {
			-webkit-animation-delay: 0.1s;
			-moz-animation-delay: 0.1s;
			-o-animation-delay: 0.1s;
			animation-delay: 0.1s;
		}
		&:nth-child(8),
		&:nth-child(9),
		&:nth-child(10) {
			-webkit-animation-delay: 0s;
			-moz-animation-delay: 0s;
			-o-animation-delay: 0s;
			animation-delay: 0s;
		}
	}


	/* Socials */
	.menu_mobile_inner .socials_mobile .social_item {
		-webkit-animation-delay: 0.5s;
		-moz-animation-delay: 0.5s;
		-o-animation-delay: 0.5s;
		animation-delay: 0.5s;
		visibility:hidden;

		&:nth-child(2) {
			-webkit-animation-delay: 0.6s;
			-moz-animation-delay: 0.6s;
			-o-animation-delay: 0.6s;
			animation-delay: 0.6s;
		}
		&:nth-child(3) {
			-webkit-animation-delay: 0.7s;
			-moz-animation-delay: 0.7s;
			-o-animation-delay: 0.7s;
			animation-delay: 0.7s;
		}
		&:nth-child(4) {
			-webkit-animation-delay: 0.8s;
			-moz-animation-delay: 0.8s;
			-o-animation-delay: 0.8s;
			animation-delay: 0.8s;
		}
		&:nth-child(5) {
			-webkit-animation-delay: 0.9s;
			-moz-animation-delay: 0.9s;
			-o-animation-delay: 0.9s;
			animation-delay: 0.9s;
		}
	}
	&.opened .menu_mobile_inner .socials_mobile .social_item {
		-webkit-animation-name: fadeInAnim;
		animation-name: fadeInAnim;
		-webkit-animation-duration: 0.6s;
		animation-duration: 0.6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		visibility:visible;
	}
	&.out_anim .menu_mobile_inner .socials_mobile .social_item {
		-webkit-animation-name: fadeOutAnim;
		animation-name: fadeOutAnim;
		-webkit-animation-duration: 0.6s;
		animation-duration: 0.6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-delay: 0.5s;
		-moz-animation-delay: 0.5s;
		-o-animation-delay: 0.5s;
		animation-delay: 0.5s;
		visibility: visible;

		&:nth-child(2) {
			-webkit-animation-delay: 0.4s;
			-moz-animation-delay: 0.4s;
			-o-animation-delay: 0.4s;
			animation-delay: 0.4s;
		}
		&:nth-child(3) {
			-webkit-animation-delay: 0.3s;
			-moz-animation-delay: 0.3s;
			-o-animation-delay: 0.3s;
			animation-delay: 0.3s;
		}
		&:nth-child(4) {
			-webkit-animation-delay: 0.2s;
			-moz-animation-delay: 0.2s;
			-o-animation-delay: 0.2s;
			animation-delay: 0.2s;
		}
		&:nth-child(5) {
			-webkit-animation-delay: 0.1s;
			-moz-animation-delay: 0.1s;
			-o-animation-delay: 0.1s;
			animation-delay: 0.1s;
		}
	}

	/* socials mobile */
	.menu_mobile_inner .socials_mobile {
		-webkit-animation-delay: 0.5s;
		-moz-animation-delay: 0.5s;
		-o-animation-delay: 0.5s;
		animation-delay: 0.5s;
		visibility:hidden;
		&:before {
			-webkit-animation-delay: 0.5s;
			-moz-animation-delay: 0.5s;
			-o-animation-delay: 0.5s;
			animation-delay: 0.5s;
			visibility:hidden;
		}
	}

	&.opened .menu_mobile_inner .socials_mobile {
		-webkit-animation-name: fadeInAnim;
		animation-name: fadeInAnim;
		-webkit-animation-duration: 0.6s;
		animation-duration: 0.6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		visibility:visible;
		&:before {
			-webkit-animation-name: fadeInMove;
			animation-name: fadeInMove;
			-webkit-animation-duration: 0.7s;
			animation-duration: 0.7s;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
			visibility:visible;
		}
	}

	&.out_anim .menu_mobile_inner .socials_mobile {
		-webkit-animation-name: fadeOutAnim;
		animation-name: fadeOutAnim;
		-webkit-animation-duration: 0.6s;
		animation-duration: 0.6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-delay: 0.3s;
		-moz-animation-delay: 0.3s;
		-o-animation-delay: 0.3s;
		animation-delay: 0.3s;
		visibility:visible;
		&:before {
			-webkit-animation-name: fadeOutMove;
			animation-name: fadeOutMove;
			-webkit-animation-duration: 0.8s;
			animation-duration: 0.8s;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
			-webkit-animation-delay: 0.1s;
			-moz-animation-delay: 0.1s;
			-o-animation-delay: 0.1s;
			animation-delay: 0.1s;
			visibility:visible;
		}
	}

	/* widgets area */
	.menu_mobile_inner .menu_mobile_widgets_area {
		-webkit-animation-delay: .2s;
		-moz-animation-delay: .2s;
		-o-animation-delay: .2s;
		animation-delay: .2s;
		visibility:hidden;
		.widget {
			+ .widget {
				margin-top: var(--theme-var-grid_gap);
			}
			-webkit-animation-delay: .3s;
			-moz-animation-delay: .3s;
			-o-animation-delay: .3s;
			animation-delay: .3s;
			visibility:hidden;
			&.widget_custom_html {
				.extra_item {
					-webkit-animation-delay: .3s;
					-moz-animation-delay: .3s;
					-o-animation-delay: .3s;
					animation-delay: .3s;
					visibility:hidden;
				}
			}
		}
	}

	&.opened .menu_mobile_inner .menu_mobile_widgets_area {
		visibility:visible;

		.widgets_additional_menu_mobile_fullscreen_wrap {
			-webkit-animation-name: fadeInAnim;
			animation-name: fadeInAnim;
			-webkit-animation-duration: 0.6s;
			animation-duration: 0.6s;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
			visibility:visible;
		}
		.widget {
			-webkit-animation-name: fadeInAnim;
			animation-name: fadeInAnim;
			-webkit-animation-duration: .8s;
			animation-duration: .8s;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
			-webkit-animation-delay: 0.5s;
			-moz-animation-delay: 0.5s;
			-o-animation-delay: 0.5s;
			animation-delay: 0.5s;
			visibility:visible;
			&.widget_custom_html {
				.extra_item {
					-webkit-animation-name: fadeInAnim;
					animation-name: fadeInAnim;
					-webkit-animation-duration: .8s;
					animation-duration: .8s;
					-webkit-animation-fill-mode: both;
					animation-fill-mode: both;
					-webkit-animation-delay: 0.5s;
					-moz-animation-delay: 0.5s;
					-o-animation-delay: 0.5s;
					animation-delay: 0.5s;
					visibility:visible;
					&:nth-child(2) {
						-webkit-animation-delay: 0.7s;
						-moz-animation-delay: 0.7s;
						-o-animation-delay: 0.7s;
						animation-delay: 0.7s;
					}
					&:nth-child(3) {
						-webkit-animation-delay: 0.9s;
						-moz-animation-delay: 0.9s;
						-o-animation-delay: 0.9s;
						animation-delay: 0.9s;
					}
				}
			}
			&:nth-child(2) {
				-webkit-animation-delay: 0.7s;
				-moz-animation-delay: 0.7s;
				-o-animation-delay: 0.7s;
				animation-delay: 0.7s;
			}
			&:nth-child(3) {
				-webkit-animation-delay: 0.9s;
				-moz-animation-delay: 0.9s;
				-o-animation-delay: 0.9s;
				animation-delay: 0.9s;
			}

		}
	}

	&.out_anim .menu_mobile_inner .menu_mobile_widgets_area {
		-webkit-animation-name: fadeOutRightPanel;
		animation-name: fadeOutRightPanel;
		-webkit-animation-duration: 0.6s;
		animation-duration: 0.6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-delay: 0.3s;
		-moz-animation-delay: 0.3s;
		-o-animation-delay: 0.3s;
		animation-delay: 0.3s;
		visibility:visible;

		.widget {
			-webkit-animation-name: fadeOutAnim;
			animation-name: fadeOutAnim;
			-webkit-animation-duration: 0.8s;
			animation-duration: 0.8s;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
			-webkit-animation-delay: 0.3s;
			-moz-animation-delay: 0.3s;
			-o-animation-delay: 0.3s;
			animation-delay: 0.3s;
			visibility:visible;
			&.widget_custom_html {
				.extra_item {
					-webkit-animation-name: fadeOutAnim;
					animation-name: fadeOutAnim;
					-webkit-animation-duration: 0.8s;
					animation-duration: 0.8s;
					-webkit-animation-fill-mode: both;
					animation-fill-mode: both;
					-webkit-animation-delay: 0.3s;
					-moz-animation-delay: 0.3s;
					-o-animation-delay: 0.3s;
					animation-delay: 0.3s;
					visibility:visible;
					&:nth-child(2) {
						-webkit-animation-delay: 0.2s;
						-moz-animation-delay: 0.2s;
						-o-animation-delay: 0.2s;
						animation-delay: 0.2s;
					}
					&:nth-child(3) {
						-webkit-animation-delay: 0.1s;
						-moz-animation-delay: 0.1s;
						-o-animation-delay: 0.1s;
						animation-delay: 0.1s;
					}
				}
			}
			&:nth-child(2) {
				-webkit-animation-delay: 0.2s;
				-moz-animation-delay: 0.2s;
				-o-animation-delay: 0.2s;
				animation-delay: 0.2s;
			}
			&:nth-child(3) {
				-webkit-animation-delay: 0.1s;
				-moz-animation-delay: 0.1s;
				-o-animation-delay: 0.1s;
				animation-delay: 0.1s;
			}
		}
	}

}