/* ------------------------------------- */
/* 2. header ........................... */
/* ------------------------------------- */
/* Page Preloader */
.img-preloading {
    position:fixed;top:0;left:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:999999;width:100%;height:100%;
	.preloader-section{position:fixed;z-index:999;width:50%;height:100%;background:#fff;transition:all 0s;will-change:transform;}
	.preloader-section.section-fade{top:0;left:0;width:100%;will-change:opacity}
	.preloader-section.section-up{top:0;left:0;width:100%}
	.preloader-section.section-down{left:0;width:100%;height:50%}
    .loader-inner{
        position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1001;text-align:center;transition:all 0s;font-size:0;
		#loader{
			position:relative;z-index:1002;top:auto;left:auto;display:inline-block;margin:0 auto;padding:0;border:none;border-radius:0;background:0 0!important;color:#248acc;
			width:auto;height:auto;max-width:90vw;
			img{
				position:relative;z-index:1;display:block;width:100%;height:auto;margin:0 auto 20px;max-width:140px;
				--float-animation-ease: ease;
				--float-animate-from: 0%;
				--float-animate-to: 3%;
				--float-delay: 0s;
				animation: moFloatImg 1s var(--float-animation-ease) infinite alternate;
				animation-delay: var(--float-delay);
			}
			span{position:absolute;bottom:0;left:0;z-index:3;display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center bottom;transition:0s}
		}
	}
}
.loaded {
  .img-preloading{-webkit-transform:translateX(-200vw);-ms-transform:translateX(-200vw);transform:translateX(-200vw);pointer-events:none;opacity:0;transition:opacity .1ms 1s,transform .1ms 2s}
  .img-preloading #loader,.loaded .img-preloading .preloader-close, .percentage-wrapper{opacity:0;transition:all .3s ease-out}
  .img-preloading .preloader-section.section-fade{opacity:0!important;transition:opacity .7s .3s cubic-bezier(.645,.045,.355,1)}
  .img-preloading .preloader-section.section-up{-webkit-transform:translateY(-100vh);-ms-transform:translateY(-100vh);transform:translateY(-100vh);transition:transform .7s .3s cubic-bezier(.645,.045,.355,1)}
  .img-preloading .preloader-section.section-down{transition:transform .7s .3s cubic-bezier(.645,.045,.355,1);-webkit-transform:translateY(50vh);-ms-transform:translateY(50vh);transform:translateY(50vh)}.img-preloading.pl-sun #loader{width:50px;height:50px}
}
.preloader-close{
  position:fixed;right:20px;top:20px;z-index:99999;box-sizing:border-box;width:auto;min-width:50px;height:50px;border-radius:999px;cursor:pointer;
  &:after, &:before{position:absolute;top:25px;right:16px;display:block;width:18px;height:2px;transform-origin:50% 50%;content:"";background:$color-font;}
  &:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
  &:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}
  .border-circle{
	  width: 50px;height: 50px;
	  &:after{border:1px solid #ccc;border-radius:50%; box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0;width:100%;}
  }
  &:hover .border-circle:after{ animation:mo-menu-circle-border 1s forwards;}
}
.percentage-wrapper {
    height: 20px;
	width: calc(100% - 60px);
    position: absolute;
	right: 35px;
    bottom: 35px;
	z-index: 99999;
	.percentage {
		opacity: 1;
		font-size: 12px;
		font-weight: 500;
		line-height: 20px;
		width: 30px;
		height: 100px;
		color: rgba(0, 0, 0, 0.6);
		display: table;
		margin: 0;
		float: right;
		&::after {
			content: "%";
			width: 20px;
			height: 20px;
			font-size: 12px;
			line-height: 20px;
			color: rgba(0, 0, 0, 0.6);
		}
	}
}
.loader-wrap {
	background-color: $color-gray;
	display: block; position: relative;height: 2px;width: 150px;
	border-radius: 2px; overflow: hidden; margin:10px auto;
}
.loader-wrap .loader-progress { @extend .bg-color-main; }
.loader-wrap .loader-progress::before,.loader-wrap .loader-progress::after {
	background: #000;
	content: '';position: absolute;top: 0;left: 0;bottom: 0;will-change: left, right;
}
.loader-wrap .loader-progress::before { 
   -webkit-animation: loader-progress 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; 
   animation: loader-progress 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.loader-wrap .loader-progress::after { 
   -webkit-animation: loader-progress-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; 
   animation: loader-progress-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
   -webkit-animation-delay: 1.15s;animation-delay: 1.15s;
}
@-webkit-keyframes loader-progress {
	0% {left: -35%;right: 100%;}
	60% {left: 100%;right: -90%;}
	100% {left: 100%;right: -90%;}
}
@keyframes loader-progress {
	0% {left: -35%;right: 100%;}
	60% {left: 100%;right: -90%;}
	100% {left: 100%;right: -90%;}
}
@-webkit-keyframes loader-progress-short {
	0% {left: -200%;right: 100%;}
	60% {left: 107%;right: -8%;}
	100% {left: 107%;right: -8%;}
}
@keyframes loader-progress-short {
	0% {left: -200%;right: 100%;}
	60% {left: 107%;right: -8%;}
	100% {left: 107%;right: -8%;}
}

/* color-switcher  */
.color-switcher{
	position: relative;
    width: 40px;
    height: 40px;
    top: 23px;
    float: right;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
	&:after{
		content: "";
		position: absolute;
		width: 40px;
		height: 40px;
		display: block;
		left: -1px;
		top: 0;
		z-index: -1;
		border: 1px solid transparent;
		border-radius: 50%;
		box-sizing: border-box;
	}
	&:hover:after{ 
		animation:mo-menu-circle-border 1s forwards;
	}
	ul{
		list-style: none;
		padding: 0;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		margin-top: 10px;
        li{
			a{
				display: block;
				background-repeat: no-repeat;
				background-position: center;
				background-size: 100% 100%;
				padding: 10px;
			}
			a.dark{ background-image: url(../images/2light.svg);}
			a.light{ background-image: url(../images/dark.svg); }
			a.active{display: none;}
		}
	}
}
.color-switcher.white-switcher{
	ul li a.dark { background-image: url(../images/1light.svg);}
	ul li a.light { background-image: url(../images/1dark.svg);}
}

/* scroll-line (single page)*/
.scroll-line {
	height: 5px;
	position: fixed;
	top: 0;
	width: 0;
	z-index: 999;
	background: var(--color-primary);
	background-image: linear-gradient(to right, var(--color-dark) 0%, var(--color-primary) 100%);
}
/* Reveal Effect */
.reveal {
  opacity: 0;
}
.reveal.animated {
  opacity: 1;
}
.reveal.animated,
.swiper-slide-active .item__block-image {
  display: inline-block;
  position: relative;
}
.reveal.animated::before,
.swiper-slide-active .item__block-image::before {
  content: '';
  background: #111111;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scaleX(0);
  transform-origin: 0% 0% 0px;
  -webkit-animation: reveal 1s 0ms cubic-bezier(0, 0, 0.2, 1) both;
  animation: reveal 1s 0ms cubic-bezier(0, 0, 0.2, 1) both;
  z-index: 1;
}
.reveal.animated::after,
.swiper-slide-active .item__block-image::after {
  content: '';
  background: $color-font;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scaleX(0);
  transform-origin: 0% 0% 0px;
  -webkit-animation: reveal 1s 400ms cubic-bezier(0, 0, 0.2, 1) both;
  animation: reveal 1s 400ms cubic-bezier(0, 0, 0.2, 1) both;
  z-index: 1;
}
.reveal.animated._delay_1::before,
.swiper-slide-active .item__block-image._delay_1::before {
  animation-delay: 1s;
}
.reveal.animated .reveal_item,
.swiper-slide-active .item__block-image .reveal_item {
  opacity: 1;
  transition: all 0.8s 1200ms cubic-bezier(0.7, 0, 0.3, 1);
}
.reveal_gray.animated::before {
  background: #1a1a1a;
}
@-webkit-keyframes reveal {
  0% {
    transform: scaleX(0);
  }
  50% {
    transform: scaleX(1);
    transform-origin: 0% 0% 0px;
  }
  51% {
    transform-origin: 100% 50% 0px;
  }
  100% {
    transform: scaleX(0);
    transform-origin: 100% 50% 0px;
  }
}
@keyframes reveal {
  0% {
    transform: scaleX(0);
  }
  50% {
    transform: scaleX(1);
    transform-origin: 0% 0% 0px;
  }
  51% {
    transform-origin: 100% 50% 0px;
  }
  100% {
    transform: scaleX(0);
    transform-origin: 100% 50% 0px;
  }
}
@-webkit-keyframes reveal-v {
  0% {
    transform: scaleY(0);
  }
  50% {
    transform: scaleY(1);
    transform-origin: 0% 0% 0px;
  }
  51% {
    transform-origin: 50% 100% 0px;
  }
  100% {
    transform: scaleY(0);
    transform-origin: 50% 100% 0px;
  }
}
@keyframes reveal-v {
  0% {
    transform: scaleY(0);
  }
  50% {
    transform: scaleY(1);
    transform-origin: 0% 0% 0px;
  }
  51% {
    transform-origin: 50% 100% 0px;
  }
  100% {
    transform: scaleY(0);
    transform-origin: 50% 100% 0px;
  }
}

@media screen and (max-width: 580px) {
  .skrollable {
    transform: none !important;
    opacity: 1 !important;
  }
}

/* menu font */
.mo-header-menu .mo-menu-list > ul > li > a {
    @extend .font-primary;
	@extend .bold-weight;
    font-size: 15px;
	line-height: 20px;
    font-style: normal;
    text-transform: capitalize;
    letter-spacing: 0;
}
.mo-header-menu .mo-menu-list > ul > li > ul > li > a ,
.mo-header-menu .mo-menu-list > ul > li > ul > li > ul > li > a{
    @extend .font-family;
    text-transform: capitalize;
	letter-spacing: 0;
	line-height: 23px;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    color: $color-font;
	font-size: 14px;
}
/* select-languages */
.select-languages{
  float: right;
  position: relative;
  height: 100%;
  font-size: 16px;
  line-height: 1.5em;
  @extend .center_vertical;
  svg{
	width: 15px;
    height: 15px;
    float: left;
    margin-right: 5px;
    margin-top: 3px;
   }
	ul {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		margin: 0;
		padding-left: 0;
		list-style: none;
		text-align: left;
		z-index: 100;
		opacity: 0;
		visibility: hidden;
		background: #FFF;
		color: $color-font;
		transition: all 0.4s ease;
		-webkit-transform: scaleY(0);
		-moz-transform: scaleY(0);
		-o-transform: scaleY(0);
		-ms-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 0 0 0;
		-ms-transform-origin: 0 0 0;
		-o-transform-origin: 0 0 0;
		transform-origin: 0 0 0;
		opacity: 0;
		-moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
		padding: 10px 15px;
		@include border-radius(4px);
	}
}
.select-languages:hover ul {
    opacity: 1;
    visibility: visible;
   -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
.select-languages > a {
  padding: 0 15px;
  display: block;
  @extend .bold-weight;
}
.select-languages ul a {
  font-weight: 400;
  font-size: 13px;
  margin: 10px 0;
  display: block; 
  color: $color-content;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.select-languages ul a:hover {
	@extend .color-main;
}
.select-languages > a:after {
  content: '';
  width: 5px;
  height: 5px;
  border-left: 2px solid #8688a0;
  border-bottom: 2px solid #8688a0;
  position: absolute;
  right: 5px;
  margin-right: 0;
  top: 50%;
  margin-top: -4px;
  opacity: .3;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.5s ease 0.3s;
  transition: all 0.5s ease 0.3s;
}
.select-languages:hover a:after {
  @extend .border-color-main;
}
/* menu(mo-sidepanel)*/
.mo-sidepanel{
	position: absolute;
	z-index: 999;
    width: 100%;
}
.mo-sidepanel.mo-header-fixed {
    position: fixed;
}
.sidepanel{
  position: fixed;
  right: -50%;
  width: 450px;
  max-width: 100%;
  overflow: hidden;
  z-index: 9999;
  overflow-y: scroll;
  top: 0;
  bottom: 0;
  transition: all .3s ease;
  max-height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.mo-sidepanel-v1{ z-index:3; }

.sidepanel-left.sidepanel{ 
	left: -100%; 
	.close-btn{ float:left; left: 60px;}
}
.sidepanel-left.open{ left: 0; right:auto; }

.sidepanel.full-nav{
    width: 100%;
}


.mo-sidepanel-v1.sidepanel{
    align-items: center;
    bottom: 0;
    -webkit-clip-path: circle(0% at 100% 0);
    clip-path: circle(0% at 100% 0);
    height: 100vh;
    left: 0;
    right: 0;
    top: 0;
    transition: clip-path .5s cubic-bezier(0.46, 0.03, 0.52, 0.96),visibility .3s,-webkit-clip-path .5s cubic-bezier(0.46, 0.03, 0.52, 0.96);
    visibility: hidden;
    width: 100%;
}
.mo-sidepanel-v1.open{
    -webkit-clip-path: circle(150% at 100% 0);
    clip-path: circle(150% at 100% 0);
    visibility: visible;
}
.mo-sidepanel-v1.open .menu-toggle {
    color: #fff;
    background-color: transparent;
}

.sidepanel ul.menu > li{
     display: block;
    -moz-transform: translate(-200%, 0%);
    -ms-transform: translate(-200%, 0%);
    -webkit-transform: translate(-200%, 0%);
    -o-transform: translate(-200%, 0%);
    transform: translate(-200%, 0%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.sidepanel-right .textwidget{
    -moz-transform: translate(200%, 0%);
    -ms-transform: translate(200%, 0%);
    -webkit-transform: translate(200%, 0%);
    -o-transform: translate(200%, 0%);
    transform: translate(200%, 0%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.sidepanel.open ul.menu > li, .sidepanel.open .sidepanel-right .textwidget{
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}
.sidepanel.open ul.menu > li:nth-child(1) {
    transition-delay: .3s;
}
.sidepanel.open ul.menu > li:nth-child(2) {
    transition-delay: .5s;
}
.sidepanel.open ul.menu > li:nth-child(3) {
    transition-delay: .7s;
}
.sidepanel.open ul.menu > li:nth-child(4)  {
    transition-delay: .9s;
}
.sidepanel.open ul.menu > li:nth-child(5)  {
    transition-delay: 1.1s;
}
.sidepanel.open ul.menu > li:nth-child(6) {
    transition-delay: 1.3s;
}
.sidepanel.open ul.menu > li:nth-child(7) {
    transition-delay: 1.5s;
}
.sidepanel.open ul.menu > li:nth-child(8) {
    transition-delay: 1.7s;
}
.sidepanel.open ul.menu > li:nth-child(9) {
    transition-delay: 1.9s;
}
.sidepanel.open .sidepanel-right .textwidget{
    transition-delay: .5s;
}
.sidepanel .social_list li a{
	background-color: transparent;
	color: $color-font;
}
.sidepanel h6 {
    font-weight: 600;
}
.sidepanel ul.menu li {
	  padding: 5px 0;
      > a {
		position: relative;
		display: inline-block;
		color: #fff;
		text-align: center;
		margin: 5px 0;
		font-weight: 700;
		font-style: normal;
		line-height: 40px;
        letter-spacing: -1px;
        font-size: 34px;
		@extend .font-primary;
	    @include single-transition(all, .4s, ease-in-out);
	    &:hover{ color: inherit; }
	    &:before {
			@extend .bg-color-main;
            content: "";
			width: 0;
			height: 10px;
			position: absolute;
			left: 0;
			bottom: 5px;
			z-index: -1;
			-webkit-transition: 0.25s ease-in-out;
			-moz-transition: 0.25s ease-in-out;
			-ms-transition: 0.25s ease-in-out;
			-o-transition: 0.25s ease-in-out;
			transition: 0.25s ease-in-out;
		}
		&:hover:before {
			width: 100%;
		}
	}
}
/*  */
.mo-sidepanel .sidepanel{
  position: fixed;
}
.sidepanel.left_anim {
    right: 0;
    left: -100%;
}
.sidepanel.open {
  right: 0;
  z-index: 1000;
}
.sidepanel.left_anim.open {
    left: 0;
}
.boxed .mo-header-menu .container-fluid {
	padding-right:0; padding-left:0;
	margin-right:0; margin-left:0;
}
.menu-toggle{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: $color-black;
    overflow: hidden;
    float: right;
    height: 100%;
    cursor: pointer;
	margin-left: 10px;
	width: 50px;
	@extend .center_vertical;
}
.menu-toggle.left{
	float: left;
}
/* .menu-sm-lines */
.menu-sm-lines {
    position: absolute;
    top: 36%;
	bottom:0;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-flow:column nowrap;
	flex-flow:column nowrap;
	opacity:1;
	transform:scale(1) translate3d(0,0,0);
	transition:opacity 1s cubic-bezier(.215,.61,.355,1) .6s,transform 1s cubic-bezier(.215,.61,.355,1) .6s;
	.menu-sm-line-1,.menu-sm-line-2, .menu-sm-line-3{ 
		height:2px;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
		&:after, &:before{ content:' ';position:absolute;height:2px;top:0;left:0;bottom:0;right:0;background:$color-font;opacity:1;width:100%; }
		&:before{ transform:translate3d(-100%,0,0);}
		&:after{ transform:translate3d(0,0,0)}
	}
	.menu-sm-line-1{width:24px;transform:translate3d(0,3px,0);margin:0;right:-5px;}
	.menu-sm-line-2{width:30px;transform:translate3d(0,8px,0);margin:0}
}
.menu-toggle:hover .menu-sm-lines{
  .menu-sm-line-1::before{transform:translate3d(0,0,0);opacity:1;transition:transform .8s cubic-bezier(.215,.61,.355,1) 460ms,opacity .8s cubic-bezier(.215,.61,.355,1) 460ms}
  .menu-sm-line-1::after{ transform:translate3d(36px,0,0);opacity:0;transition:transform .6s cubic-bezier(.165,.84,.44,1) 0s,opacity .6s cubic-bezier(.165,.84,.44,1) 0s}
  .menu-sm-line-2::before{ transform:translate3d(0,0,0);opacity:1;transition:transform .8s cubic-bezier(.215,.61,.355,1) 620ms,opacity .8s cubic-bezier(.215,.61,.355,1) 620ms}
  .menu-sm-line-2::after{ transform:translate3d(36px,0,0);opacity:0;transition:transform .6s cubic-bezier(.165,.84,.44,1) 160ms,opacity .6s cubic-bezier(.165,.84,.44,1) 160ms}
  .menu-sm-line-3::before{ transform:translate3d(0,0,0);opacity:1;transition:transform .8s cubic-bezier(.215,.61,.355,1) 780ms,opacity .8s cubic-bezier(.215,.61,.355,1) 780ms}
  .menu-sm-line-3::after{transform:translate3d(36px,0,0);opacity:0;transition:transform .6s cubic-bezier(.165,.84,.44,1) 320ms,opacity .6s cubic-bezier(.165,.84,.44,1) 320ms}
}
.menu-sm-points {
	display: inline-block;
    overflow: hidden;
    float: right;
    width: 40px;
    height: 40px;
    position: relative;
    top: 35px;
}
.menu-sm-points .menu-sm-point {
    width: 10px;
    position: relative;
	height: 8px;
	float: right;
}
.menu-sm-points .menu-sm-point:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4px;
    height: 4px;
    background: #fff;
    margin: -2px 0 0 -2px;
    border-radius: 100%;
    transition: all .2s ease-in-out;
}	
.close-btn, .main-search-close , .main-login-close {
	position:relative;
    float: right;
    z-index: 99999;
	cursor: pointer;
    right: 30px;
    top: 30px;
    padding: 0;
    height: 52px;
    width: 52px;
	@extend .radius50;
	@extend .bg-color-main;
	span {
		background-color: transparent;
		top: 47px;
        right: 7px;
		display: block;
		position: relative;
		@include single-transition(all, .3s, ease-in-out); 
	}
}
.close-btn span:before, .close-btn span:after ,
.main-search-close span:before, .main-search-close span:after, 
.main-login-close span:before, .main-login-close span:after{
	content:"";
	display:block;
	background: #fff;
	position:relative;
	top: -25px;
    right: -20px;
    width: 25px;
    height: 3px;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
	-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.main-search-close span:before, .main-search-close span:after, .main-login-close span:before, .main-login-close span:after{ background:#fff; }

.close-btn span:before , .main-search-close span:before, .main-login-close span:before{
	top: -22px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.close-btn span:after, .main-search-close span:after,  .main-login-close span:after{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.close-btn:hover span:before , .close-btn:hover span:after ,
.main-search-close:hover span:before , .main-search-close:hover span:after,
.main-login-close:hover span:before , .main-login-close:hover span:after{
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
	-webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.mo-sidepanel-v1, .mo-header-v1 .menu-toggle{
	.close-btn{ display: none; }
}
.menu-toggle.dark span , .menu-toggle.dark span:hover {
  background: $color-black;
  &:before, &:after {
	  background: $color-black;
  }
}
.sidepanel {
   width: 490px;
   .close-btn{right:70px;top:70px;}
}
.mo-sidepanel-v1.sidepanel {
	background:var(--color-dark);
}
.sidepanel-open{
	.mo-header-v1 .top-bar{ position:fixed; left:0; right:0; }
	#back-to-top{ display: none; }
}
.sidepanel-open .sidepanel-overlay{
	background:$color-black;
	opacity: 0.8;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 999;
    top: 0;
	height: 100%;
	cursor: url(../images/close.cur),pointer;
}
.sidepanel-content{
	padding:0 50px;
    font-size: 15px;
    margin: auto;
    height: 100%;
    width: 100%;
    max-height: 100vh;
	display: flex;
    align-items: center;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    position: relative;
    flex-wrap: wrap;
    align-content: flex-start;
	.sidepanel-left {
		background: #fff;
		border-radius: 25px;
		box-shadow: 9px 8px 62px 0px rgba(0, 0, 0, 0.15);
		padding: 60px 48px 60px 48px;
		.mo-logo img{
			max-width: 120px;
			margin-bottom: 40px;
		}
		.mo-logo img.Logo_white{display:none;}
		h3{ @extend .font-subtitle;}
	}
	.nav-sidepanel > ul, .sidepanel-content .menu.mo-menu-list > ul{
	    list-style:none;
        margin: 0;
		padding: 120px 0 0 15px !important;
	}
	.widget_text p {
		letter-spacing: 0;
		font-size: 15px;
		line-height: 25px;
		padding-top: 0;
		margin-top: 0;
    }
}
.header-top-login-register {
	float: right;
	margin-left: 10px;
	margin-bottom: 0;
	margin-top: 19px;
	background: transparent;
	display: inline-flex;
	position: relative;
	overflow: hidden;
	vertical-align: middle;
	-webkit-transition: all 300ms linear;
	a{
		text-align: center;
		font-size: 15px;
		font-weight: 700;
		text-transform: capitalize;
		letter-spacing: 0.5px;
		padding-left: 30px;
		padding-right: 30px;
		min-height: 40px;
		line-height: 40px;
		border: 1px solid #e4e4e4;
		border-radius: 25px;
		color: $color-content;
		svg{
			width: 20px;
			height: 20px;
			position: relative;
			top: -1;
			margin-right: 5px;
			stroke: rgba(0, 0, 0, 0.15);
		}
		&:hover{
			color:#fff;
			background: var(--color-primary); 
			border-color: var(--color-primary); 
			svg{stroke:#fff;}
		}
	}
}
.mo-sidepanel-v1 .sidepanel-content{
	 max-width: 1290px;
}
.nav-sidepanel > ul ul, .sidepanel-content .menu.mo-menu-list > ul ul{
  padding: 0;
  list-style:none;
   li{ text-align: left; }
   li a {
	position: relative;
    display: inline-block;
    color: #fff;
    text-align: left;
	margin-top: 5px;
	@include single-transition(all, .4s, ease-in-out);
  }
}

.mo-sidepanel-v1 .sidepanel-content .menu{
	ul{ list-style: none; }
	li{
		line-height: 34px;
		letter-spacing: 0px;
		font-weight: 700;
		font-style: normal;
		color: $color-font;
		font-size: 15px;
		opacity: 1;
		visibility: visible;
		a{ 
			&:before , &:after {
				  content: '';
				  position: absolute;
				  width: 0%;
				  height: 2px;
				  bottom: 0;
				  background-color:rgba(255,255,255,0.7);
			}
			&:before {
			  left: -1.5px;
			}
			&:after {
			  right: 1.5px;
			  background:rgba(255,255,255,0.7);
			  transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
			}
			&:hover:before {
			  width: 100%;
			  background:rgba(255,255,255,0.7);
			  transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
			}
			&:hover:after {
			  background-color: transparent;
			  width: 100%;
			  transition: 0s;
			}
		}
		ul.children{
		   margin-left: 0;
		   opacity: 0.7;
		}
	}
}
.nav-sidepanel > ul > li, .sidepanel-content .menu.mo-menu-list > ul > li{
	  text-align: left;
      > a {
		position: relative;
		display: inline-block;
		color: #fff;
		margin: 10px;
		letter-spacing: 0px;
		font-style: normal;
		font-size: 50px;
		line-height: 57px;
		@extend .bold-weight;
		@extend .font-primary;
	    @include single-transition(all, .4s, ease-in-out);
	}
	> ul{ 
		padding-left: 20px;
		> li a{
			line-height: 30px;
			letter-spacing: 0px;
			font-style: normal;
			font-size: 18px;
			text-transform: capitalize;
			opacity: 0.7;
			margin-bottom: 3px;
			margin-top: 3px;
		}
	}
}
.nav-sidepanel > ul:hover li:hover a, .sidepanel-content .menu.mo-menu-list > ul:hover li:hover a {
	opacity: 1;
}
.nav-sidepanel > ul:hover li a, .sidepanel-content .menu.mo-menu-list > ul:hover li a{
	opacity: .3;
}
.navbar-toggle {
  border-color: #ddd;
  transition: all .3s ease;
  margin-top: 13px;
}
.navbar-toggle:hover {
  background-color: #eee;
}
.navbar-toggle:hover .icon-bar {
  background-color: #aaa;
}
.navbar-toggle .icon-bar {
  background-color: #ddd;
}

a.hide_link{pointer-events: none;}
a[title ~= "hide_link"]{pointer-events: none;}

/* mo-header-v1 */
.mo-header-v1{
	div.logo {
		position: relative;
		display: inline-block;
		img.Logo_white {
			display: block;
		    padding: 0;
		}
		img.logo{ display: none; }
	}
	.top-bar {
		padding-top: 30px;
		margin: auto;
	}
	.top-bar.full{
		margin-left: 50px;
		margin-right: 50px;
	}
	.menu-toggle{
		 color:#fff;
	}
	.mo-other-v1 {
		position: relative;
		right: 10px;
		z-index: 999;
		top: 0;
		float: right;
		.social-sidepanel{
			float:left;
			li a { opacity:0.5; }
		}
		.button.btn-txt-underlined{ 
			margin-left: 10px;
            margin-right: 5px;
			margin-top: 8px;
			margin-bottom: 0;
			&:before{ opacity: 0.3;}
		}
		.button.btn-txt-underlined:hover .mo_btn_text.back {transform: translate(-50%, -50%);}
		.color-white .social-sidepanel li a { border-color: rgba(255,255,255,0.3); }
	}
	.menu-toggle {
		color: #fff;
		height: 40px;
		width: 40px;
		line-height: 2.5;
		text-align: center;
		top: 0px;
		right: 0;
		border-radius: 50%;
		margin-left: 0;
	}
	.navbar-toggler-icon {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		width: 17px;
        height: 14px;
	}
	.navbar-toggler-icon-close:after, .navbar-toggler-icon-close:before, .navbar-toggler-icon:after, .navbar-toggler-icon:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 2px;
		background-color: currentColor;
		transition: -webkit-transform .3s ease-in-out;
		transition: transform .3s ease-in-out;
		transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
	}
	.navbar-toggler-icon:after, .navbar-toggler-icon:before {
		-webkit-transform-origin: right center;
		transform-origin: right center;
	}
	.navbar-toggler-icon:before {
		top: 0;
		left: 0;
	}
	.navbar-toggler-icon:after{
		bottom:.375rem;
		left:0
	}
	.menu-toggle:not(.open):hover .navbar-toggler-icon:before {
		-webkit-transform: scaleX(.7);
		transform: scaleX(.7);
		transition-delay: 0s;
	}
	.navbar-toggler-icon-close {
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 70.5%;
		height: 70.5%;
		margin: auto;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.navbar-toggler-icon-close:before {
		top: 0;
		left: 50%;
		margin-top: -1px;
		-webkit-transform: rotate(90deg) scaleX(0);
		transform: rotate(90deg) scaleX(0);
		-webkit-transform-origin: left center;
		transform-origin: left center;
		transition-delay: 0s;
	}
	.navbar-toggler-icon-close:after {
		top: 50%;
		right: 0;
		margin-top: -1px;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: right center;
		transform-origin: right center;
		transition-delay: .1s;
	}
	.menu-toggle.open .navbar-toggler-icon-close:before {
		transition-delay: .4s;
		-webkit-transform: rotate(90deg) scaleX(1);
		transform: rotate(90deg) scaleX(1);
	}
	.menu-toggle.open .navbar-toggler-icon-close:after {
        transition-delay: .5s;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
}
.mo-header-v1.color-dark{
	div.logo img.Logo_white { display:none; }
	div.logo img.logo { display: block; }
	.menu-toggle { color:$color-font; background:rgba(0,0,0,0.06);}
}
.mo-other-v1.color-dark{
	.button.btn-txt-underlined{color: $color-font;}
	.social-sidepanel li a{ color:$color-font;}
}
.sidepanel-open .color-dark{
	div.logo img.Logo_white { display:block; }
	div.logo img.logo { display:none; }
	.menu-toggle { background: #fff;}
    .button.btn-txt-underlined{color:#fff;}
	.social-sidepanel li a{ color:#fff; border-color: rgba(255,255,255,0.3); }
}
.sidepanel-open .navbar-toggler-icon:after,
.sidepanel-open .navbar-toggler-icon:before{-webkit-transform-origin:left center;transform-origin:left center}

.sidepanel-open .navbar-toggler-icon:before{transition-delay:.4s}
.sidepanel-open .navbar-toggler-icon:after{transition-delay:.5s}
 .menu-toggle:not(.open):hover.navbar-toggler-icon:before{-webkit-transform:scaleX(.7);transform:scaleX(.7);transition-delay:0s}

.menu-toggle.open .navbar-toggler-icon:after,
.menu-toggle.open .navbar-toggler-icon:before{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right center;transform-origin:right center}
.menu-toggle.open .navbar-toggler-icon:before{transition-delay:0s}
.menu-toggle.open .navbar-toggler-icon:after{transition-delay:.1s}
.menu-toggle.open .navbar-toggler-icon-close{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.navbar-toggler-label{
	float: left;
    letter-spacing: 0.165em;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
	margin-top: 4px;
}
.mo-header-v1 .color-switcher {
    top: 0;
	border: 0;
	margin-right: -5px;
    margin-left: 5px;
}
/* circle-border animation */
.mo-header-v1 .menu-toggle::after {
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.sidepanel-open .mo-header-v1 .menu-toggle::after { animation: mo-menu-circle-border-reverse 1s forwards;}
.mo-header-v1 .menu-toggle:hover:after { animation: mo-menu-circle-border 1s forwards;}

@keyframes mo-menu-circle-border-reverse{
	0%{border-color:#999;transform:rotate(0deg)}
	25%{border-color:transparent #999 #999 #999;transform:rotate(35deg)}
	50%{border-color:transparent #999 #999 transparent}
	75%{border-color:transparent #999 transparent transparent}
	100%{border-color:transparent;transform:rotate(300deg)}
}
@keyframes mo-menu-circle-border{
	0%{border-color:transparent;transform:rotate(0deg)}
	25%{border-color:transparent #999 transparent transparent;transform:rotate(-35deg)}
	50%{border-color:transparent #999 #999 transparent}
	75%{border-color:transparent #999 #999 #999}
	100%{border-color:#999;transform:rotate(-300deg)}
}
@keyframes mo-menu-circle-border-wh{
	0%{border-color:transparent;transform:rotate(0deg)}
	25%{border-color:transparent #fff transparent transparent;transform:rotate(-35deg)}
	50%{border-color:transparent #fff #fff transparent}
	75%{border-color:transparent #fff #fff #fff}
	100%{border-color:#fff;transform:rotate(-300deg)}
}
@keyframes mo-menu-circle-border-primary{
	0%{border-color:transparent;transform:rotate(0deg)}
	25%{border-color:transparent var(--color-primary) transparent transparent;transform:rotate(-35deg)}
	50%{border-color:transparent var(--color-primary) var(--color-primary) transparent}
	75%{border-color:transparent var(--color-primary) var(--color-primary) var(--color-primary)}
	100%{border-color:var(--color-primary);transform:rotate(-300deg)}
}
.mo-sidepanel-v1 {
	.sidepanel-content{
		position: relative;
		height: 100%;
		padding-left: 0;
		.nav-sidepanel , .sidepanel-content .menu.mo-menu-list{
			>ul {
				>li {
					position: relative;
					display: block;
					@include single-transition(all, .4s, ease-in-out);
				}
				>li.menu-item-has-children {
					position: relative;
					>ul {
						display: none;
						background: none !important;
						padding: 0;
						>li {
							position: relative;
							display: block;
						}
						>li.menu-item-has-children {
							position: relative;
							>ul {
								display: none;
								padding: 0 0 0 20px;
								margin: 0;
								>li {
									position: relative;
									display: block;
								}
								>li.current-menu-item {
									>a {
										color:rgba(255,255,255,1);
									}
								}
								>li.current-menu-ancestor {
									>a {
										color:rgba(255,255,255,1);
									}
								}
							}
							.mb-dropdown-icon {
								position: absolute;
								top: 0;
								right: 0;
								width: 25px;
								height: 24px;
								font-size: 10px;
								font-weight: 400;
								padding: 0;
								border: none;
								&:before {
									position: absolute;
									top: 50%;
									left: 50%;
									-webkit-transform: translateY(0) !important;
									transform: translateY(0) !important;
									content: "\f067";
                                    font-family: 'FontAwesome';
									color: rgba(255,255,255,0.7);
									&:before {
										content: " ";
										display: table;
									}
									&:after {
										content: " ";
										display: table;
										clear: both;
									}
								}
							}
							.mb-dropdown-icon.open {
								&:before {
									font-family: FontAwesome;
									content: "\f068";
									color:$color-dark-gray;
								}
							}
						}
						>li.current-menu-item {
							>a {
								color: var(--color-primary);
							}
							.mb-dropdown-icon:before{
								-webkit-transform: rotate(0deg);
								-ms-transform: rotate(0deg);
								transform: rotate(0deg);
							}
						}
						>li.current-menu-ancestor {
							>a {
								opacity: .8;
							}
						}
					}
					.mb-dropdown-icon {
						position: absolute;
						top: 15px;
						right: -50px;
						width: 25px;
						height: 34px;
						font-size: 12px;
						font-weight: 400;
						padding: 0;
						border: none;
						&:before {
							content: "\f061" !important;
							font-family: "FontAwesome";
							font-size: 20px;
							line-height: 1.5;
							position: absolute;
							top: 0;
							left: 0;
							-webkit-transition: transform 0.3s;
							transition: transform 0.3s;
							-webkit-transform: translateY(0);
							transform: translateY(0);
							transform-origin: 0;
							-webkit-transform: rotate(45deg);
							-ms-transform: rotate(45deg);
							transform: rotate(45deg);
							&:before {
								content: " ";
								display: table;
							}
							&:after {
								content: " ";
								display: table;
								clear: both;
							}
						}
						&:hover {
							&:before {
								-webkit-transform: rotate(0deg);
								-ms-transform: rotate(0deg);
								transform: rotate(0deg);
							}
						}
					}
					.mb-dropdown-icon.open {
						&:before {
							-webkit-transform: rotate(0deg);
							-ms-transform: rotate(0deg);
							transform: rotate(0deg);
						}
					}
				}
				>li.current-menu-item, >li.current-menu-ancestor {
					>a {
						color:rgba(255,255,255,1);
					}
				}
			}
		}
	}
}

/* social icon  */
.social_list{
	margin:0;
	padding:0;
	text-align: center;
	list-style: none;
	clear: both;
	float: left;
	li {
		display: inline-block;
		float: left;
   }
}
.social_list a{
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	transition: all .3s ease-in-out;
	display: flex;
	overflow: hidden;
	padding: 0;
	white-space: nowrap;
	position: relative;
	background: none;
	z-index: 2;
	color: #fff;
	border-right: 0;
	&:hover{ opacity:1 !important; i{@extend .color-main;}}
}
.btn-hover-top{
	overflow: hidden;
    white-space: nowrap;
    position: relative;
    background: none;
    z-index: 2;
	&::before {
		content: "";
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: -1;
		background: var(--color-grey);
		-webkit-animation:BtnBlur; animation:BtnBlur;
		animation-duration: 0.6s;
		animation-fill-mode: forwards;
	}
	&:hover:before { -webkit-animation:BtnHover; animation:BtnHover; }
}
@keyframes BtnBlur{
	0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);}
	to{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);}
}
@keyframes BtnHover{
	0%{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);}
	to{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);}
}
.btn-hover-side{
	position: relative;
	overflow: hidden;
	&:before{
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: var(--color-dark); 
		-webkit-transition: all .4s cubic-bezier(.7,.26,.29,1);
		-moz-transition: all .4s cubic-bezier(.7,.26,.29,1);
		-ms-transition: all .4s cubic-bezier(.7,.26,.29,1);
		-o-transition: all .4s cubic-bezier(.7,.26,.29,1);
		transition: all .4s cubic-bezier(.7,.26,.29,1);
		transform: translateX(100%)!important;
	}
	&:hover:before {
		content: "";
		width: 100%;
		transform: translateX(0)!important;
	}
}

/* main-search */
.main-search.full {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
	@include transition-delay(0.3s);
   	@include transition-duration(0.1s);
	@include transition-property(all);
  	@include transition-timing-function(ease-in-out);
}
.main-search.full .main-search-container {
    background: #fff;
	width:100% !important;
    margin: 0 auto;
    position: absolute;
    transition: all .3s ease;
    align-items: center;
    bottom: 0;
    -webkit-clip-path: circle(0% at 100% 0);
    clip-path: circle(0% at 100% 0);
    height: 100vh;
    left: 0;
    right: 0;
    top: 0;
    transition: clip-path 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), visibility 0.3s, -webkit-clip-path 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96);
    visibility: hidden;
}
body.search-is-opened {
 .main-search.full{
	opacity: 1;
	visibility: visible;
	@include transition-delay(0s);
	@include transition-duration(0.1s);
	@include transition-property(all);
	@include transition-timing-function(ease-in-out);
  }
  .main-search.full .main-search-container {
		visibility: visible;
		margin: auto;
		float: none;
		width: 100%;
		height: 100%;
		-webkit-clip-path: circle(150% at 100% 0);
		clip-path: circle(150% at 100% 0);
   }
   .main-search.full .main-search-content {
    opacity: 1;
    visibility: visible;
    top: 30%;
  }
  .header_search {
    display: block !important;
	.search-submit {
		text-indent: 9999px;
		height: 40px;
		width: 40px;
		min-height: 40px;
		&:hover{background: transparent !important; opacity: 0 !important;}
	}
  }	
}
.main-search.full .main-search-content {
  text-align: center;
  position: relative;
  top: 40%;
  opacity: 0;
  visibility: hidden;
  margin: auto;
  width: 50%;
  @include transition-delay(0);
  @include transition-duration(0.2s);
  @include transition-property(all);
  @include transition-timing-function(ease-in-out);
  -webkit-transition-property: opacity, visibility, top;
  -o-transition-property: opacity, visibility, top;
  transition-property: opacity, visibility, top;
  form {
    position: relative;
    display: inline-block;
    width: 100%;
    z-index: 0; 
	  input[type="search"] {
		  font-size: 50px;
		  line-height: 1;
		  color: $color-font;
		  height: auto;
		  width: 100%;
		  border: none;
		  text-align: left;
		  padding-left: 0;
		  padding-bottom: 12px;
		  margin-bottom: 10px;
		  display: block;
		  background-color: transparent;
		  box-shadow: inset 0 -2px 0 #e1e1e1;
		  border-radius: 0;
	      -webkit-transition: .4s all;
		  @extend .bold-weight;
		   @include placeholder-color($color-font);
		  transition: .4s all;
		  &:focus {
		     box-shadow: inset 0 -2px 0 var(--color-primary);
			 background-size: 100% 2px;
			 width: 100%;
		  }
	 }
    .label-field {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
	  @include transition-delay(0);
      @include transition-duration(0.2s);
      @include transition-property(all);
      @include transition-timing-function(ease-in-out);
	  &:after {
		content: "Type above and press Enter to search. Press Close to cancel. ";
		position: absolute;
		left: 0;
		text-align: left;
		font-size: 14px;
		color: #a0a0a0;
		font-weight: 400;
	    }
     }
	 .search-submit {
		width: 45px;
		height: 40px;
		position: absolute;
		top: 1px;
		right: 1px;
		color: #232323;
		background-color: transparent;
		border: 0px;
		text-indent: 100px;
		z-index: 2;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		display: none;
	    }
	  .fa-search{ position:absolute; right:5px; top:20px; font-size:13px; display: none;}
    }
}	
.main-search-container.without-js-centred {
  overflow-y: auto; 
}
.main-search-container.without-js-centred .main-search-content {
    margin-top: 0 !important;
    top: 0;
    position: relative;
}

/* search box */
.main-search.box{
	position: absolute;
	top: 100%;
    right: 0;
    display: none;
    color: #909090;
    background: #fff;
    padding: 0;
    z-index: 999;
	-webkit-animation: fadeInUp .4s both;
    -moz-animation: fadeInUp .4s both;
    -o-animation: fadeInUp .4s both;
    animation: fadeInUp .4s both;
    width: 300px;
	.header_search {
		padding: 15px;
		border-radius: 10px;
	}
	.search-form {
		position: relative;
		form input[type=search]{
			height: 49px;
			width: 100%;
			padding: 15px 20px;
			border: 1px solid #e9e9e9;
			font-size: 12px;
		}
	}
}
/* mo-search-header */
.mo-search-header { 
	float:right;
	height: 100%;
	>a {
		position: relative;
		float: right;
		text-align: center;
		color: $color-black;
		height: 100%;
		width: 100%;
		display: flex !important;
		align-items: center;
		-webkit-box-pack: center;
		justify-content: center;
		@include single-transition(all, .4s, ease-in-out);
		span{
			font-size: 10px;
			text-transform: uppercase;
			letter-spacing: 2px;
			@extend .bold-weight;
			@include single-transition(all, .4s, ease-in-out);
		}
		i{ 
			font-size:15px !important;
			margin:0;
			width: 16px;
			height: 16px;
			margin-right: 5px;
			display: inline-block;
			float: left;
		}
		&:hover i{ @extend .color-main; }
	}
}

.mo-header-menu .header_search{
	position: absolute;
    top: 100%;
    right: 0;
    display: none;
    padding: 30px;
    z-index: 999;
    -webkit-animation: fadeInUp 0.4s both;
    -moz-animation: fadeInUp 0.4s both;
    -o-animation: fadeInUp 0.4s both;
    animation: fadeInUp 0.4s both;
	label{ width:100%; }
	.search-field {
		width: 100%;
        margin-bottom: 0;
		font-size: 14px;
		font-weight: 400;
		line-height: 24px;
		letter-spacing: 0.04em;
		background-color: transparent;
		padding: 8px 45px 8px 15px;
		@extend .border;
	}
	.search-submit , .fa-search {
		position: absolute;
		top: 11px;
		right: 2px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		padding: 0;
		margin: 0;
	}
	.search-submit { opacity: 0; z-index: 9;}
}

.mo-header-v2, .mo-header-v6, .mo-header-v5{
	.mo-header-menu .header_search .search-submit, .mo-header-menu .header_search .fa-search{top:0;}
}
.mo-header-v3{
	.main-search.box{right: 15px;}
	.main-search.box .header_search {padding:15px 20px 15px;}
	.mo-header-menu .header_search .search-submit, .mo-header-menu .header_search .fa-search{top:3px;}
}
/* mo-cart-header */	
.mo_mini_cart{
	float:right;
	height: 100%;
	width: 50px;
}
.mo-cart-header {
  float: right;
  width: 100%;
  height: 100%;
  text-align:center;
  position: relative; 
  margin-top: 1px;
  @extend .center_vertical;
  @include single-transition(all, 0.4s, ease-in-out);
  > a {
	  position: relative;
	  text-align: center;
	  color: $color-font;
	  font-size: 10px !important;
	  text-transform: uppercase;
	  letter-spacing: 2px !important;
	  font-weight: 600 !important;
	  display: inline-block !important;
	  line-height: 1 !important;
	  @include single-transition(all, 0.4s, ease-in-out);
	  i{ 
		font-size: 18px !important;
		margin: 0;
		width: 16px;
		height: 16px;
		margin-right: 5px;
		display: inline-block;
		float: left;
	  }
	  .cart_total {
		font-size: 10px;
		font-weight: 700;
		position: absolute;
		letter-spacing: 0;
	    left: -9px;
        top: -6px;
		width: 17px;
		height: 17px;
		line-height: 17px;
		text-align: center;
	    color:#fff;
        @extend .bg-color-main;
		@include border-radius(50%);
		@include single-transition(all, 0.4s, ease-in-out);
		}
	}
	&:hover i{ @extend .color-main; }
}
.mo-cart-header > a:before, .mo-cart-header > a:after {
  @include single-transition(all, 0s, ease-in-out);
  content:"";
  position:absolute;
  @extend .bg-color-main;
  top: 0;
  left: 0;
  width:0;
  height:2px;
  opacity:0;
  -webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform:translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform:translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);
  transform:translateX(-50%) translateY(-50%) rotate(45deg);
}
.mo-cart-header > a:after {
  -webkit-transform:translateX(-50%) translateY(-50%) rotate(-45deg);
  -moz-transform:translateX(-50%) translateY(-50%) rotate(-45deg);
  -o-transform:translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform:translateX(-50%) translateY(-50%) rotate(-45deg);
  transform:translateX(-50%) translateY(-50%) rotate(-45deg);
}
.mo-cart-header > a.active .cart_total{ display:none; }
.mo-cart-header > a.active > i{ opacity:0; }
.mo-cart-header > a.active > svg{ opacity:0; display: none;}
.mo-cart-header > a.active:before , .mo-cart-header > a.active:after {
  width:15px;
  opacity:1;
}
.mo_mini_cart > a.mo-icon { color:$color-black; }
.mo_mini_cart > a.mo-icon:hover { @extend .color-main; }
.mo_mini_cart > a.mo-icon:hover span.cart_total {
  color:#FFFFFF;
  @extend .bg-color-main;
}
ul.cart_list {
    padding: 0;
    list-style: none;
}
.mo-cart-content {
	font-size:12px;
	font-weight:400;
	line-height: 23px;
	letter-spacing:0.1em;
	position:absolute;
    top:100%;
	right:0;
    background:$color-font;
	color:#fff;
	padding:25px;
    z-index:999;
	min-width: 300px;
	max-width: 310px;
	transition: all 0.4s ease;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    opacity: 0;
    -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	.cart_list.product_list_widget .mini_cart_item span.quantity {
		display: none;
	}
}
.mo-cart-content.active { 
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    display: block;
}
.mo-cart-content h6{
  font-weight:600 !important;
  text-transform: capitalize;
  text-align:center;
  margin-bottom:10px;
  font-size: 16px;
  display: block;
  @extend .color-main;
}
.mo-cart-content .checkout.wc-forward{
   background:var(--color-dark);
}
.mo-cart-content .cart_list.product_list_widget .mini_cart_item {
  position:relative;
  padding: 5px 30px 15px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  text-align: left;
  color: $color-content;
  img {
	width: 70px;
    height: 70px;
    @include single-transition(all , 0.4s , ease-in-out);
    margin: 0 15px 0 0;
   }
}
.mo-cart-content .cart_list.product_list_widget .mini_cart_item > a {
  font-size:14px !important;
  font-weight:400;
  line-height:13px;
  letter-spacing:0.04em;
  display: block;
  color:#fff;
}
.mo-cart-content .cart_list.product_list_widget .mini_cart_item > a > img { width:50px; height:50px; margin-right:10px; float:left; }
#mo_header .mo-cart-content .cart_list.product_list_widget .mini_cart_item span.quantity { opacity: 0.6 !important; }
#mo_header .mo-cart-content .cart_list.product_list_widget .mini_cart_item > a.remove {
  color: #fff; @extend .bg-color-main;
  padding-top: 0 !important;
  line-height: 1 !important;
  font-size: 15px !important;
  position:absolute;
  top:50%;
  right:0;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 100%;
  text-align: center;
}
.mo-cart-content .cart_list.product_list_widget .mini_cart_item:hover > a > img{ opacity:0.9; }
.mo-cart-content .total {
  padding: 5px 0;
  font-weight: 600 !important;
  text-align: left;
}
.mo-cart-content .total > strong{ font-weight:400; }
.mo-cart-content .total > span{ float:right; }
.btn-nav{
	position: relative;
    color: #fff;
	background:transparent;
    display: inline;
    cursor: pointer;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 1.4em;
    letter-spacing: 0;
    font-weight: 700;
    padding: .857em 1.714em;
	&:hover , &:active , &:focus {
		background:#fff;
		color: $color-black;
	}
}
@-webkit-keyframes menuEffect {
	0% {
		opacity: 0;
		top: calc(100% + 20px);
	}
	100% {
		opacity: 1;
		top: 100%;
	}
}
@keyframes menuEffect{
	0% {
		opacity: 0;
		top: calc(100% + 20px);
	}
	100% {
		opacity: 1;
		top: 100%;
	}
}
@-webkit-keyframes menuEffectSub{
	0% {
		opacity: 0;
		top: 20px;
	}
	100% {
		opacity: 1;
		top: 0;
	}
}
@keyframes menuEffectSub{
	0% {
		opacity: 0;
		top: 20px;
	}
	100% {
		opacity: 1;
		top: 0;
	}
}
.mo-header-icon {
	top: 40px;
    right: 50px;
	display: none;
	position: relative;
	padding: 0;
    float: right;
    background-color: transparent;
    border: 0;
    width: 20px;
    height: 14px;
	cursor: pointer;
	z-index: 999;
	overflow: hidden;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	@include single-transition(all, .4s, ease-in-out);
	&:before {
		@include single-transition(all, .4s, ease-in-out);
		background: #ffffff;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 2px;
		width: 100%;
	}
	&:after {
		@include single-transition(all, .4s, ease-in-out);
		background: #ffffff;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 2px;
		width: 100%;
		top: auto;
		bottom: 0;
	}
	span {
		@include single-transition(all, .4s, ease-in-out);
		background: #ffffff;
		position: absolute;
		width: 100%;
		height: 2px;
		left: 0;
		top: 50%;
		@include translateY(-50%);
	}
}
.mo-header-icon.active {
	span {
		display: none;
	}
	&:before {
		top: 6px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	&:after {
		bottom: 6px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}
.boxed .mo-header-v2 {
    top: -19px;
}
/* mo-header-v2 */
.mo-header-v2 {
	position: absolute;
    z-index: 999;
	top:0;
    width: 100%;
	vertical-align: middle;
	background: #fff;
	height: 90px;
	@include single-transition(all, .4s, ease-in-out);
	.mo-col-menu{
		height: 100%;
		vertical-align: middle;
	    display: flex !important;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		-webkit-box-align: center;
		-webkit-box-pack: center;
		justify-content: center;
		align-items: flex-start;
	}
	ul.social-header-v2:after , .lang_link ul:after {
		display: inline-block;
		content: "";
		height: 16px;
		border-left: 1px solid #ddd;
		vertical-align: middle;
	}
	ul.social-header-v2:after { padding-right:18px; }
	.mo-logo a{
		position: relative;
		display: inline-block;
		max-width: 100%;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
	.mo-header-menu, .container-menu{
		vertical-align: middle;
		height: 100%;
	}
	.btn-nav.button{
		float: right;
		letter-spacing: 0;
		border-radius: 4px;
		margin-top: 20px;
		margin-right: 15px;
		@include border-radius(25px);
	}
	.mo_mini_cart {
		position: relative;
		height: auto;
        width: auto;
	    margin-right: 10px;

	}
	.select-languages{
		margin-right: 10px;
		height: 40px;
		margin-top: 20px;
		border-radius: 25px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		padding-right: 5px;
		margin-top: 26px;
		> a:after {
			right: 10px;
			margin-top: -2px;
		}
	}
	.menu-toggle {
		margin-left: 0;
		background:var(--color-grey);
		border-radius: 50%;
		height: 80px;
		width: 42px;
		height: 42px;
		top: 23px;
		float: right;
		margin-right: 15px;
		.menu-sm-lines{
			width: 50%;
			overflow: hidden;
			opacity: 1;
			top: 35%;
			right: 11px;
		   .menu-sm-line-1:after, .menu-sm-line-1:before, .menu-sm-line-2:after, .menu-sm-line-2:before, .menu-sm-line-3:after, .menu-sm-line-3:before{ background:$color-content;}
	   }
	}
	.menu-divider{
        width: 1px;
		height: 100%;
		display: inline-block;
		background: rgba(0, 0, 0, 0.07);
		float: right;
		vertical-align: middle;
		position: relative;
		top: 0;
	}
	.social-header-v2 {
		text-align: center;
		float: right;
		position: relative;
		right: 0;
		top: 0;
		li { float: left;
		 a {
			padding: 0 10px;
			text-align: center;
			color: $color-black;
			}
		}
	}
	.mo-col-logo {
		float: left;
		height: 100%;
		vertical-align: middle;
		 display: flex !important;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		-webkit-box-align: center;
		align-items: center;
		-webkit-box-pack: center;
		justify-content: center;
		padding: 0 40px 0 20px;
		@include single-transition(all, .4s, ease-in-out);
		img { max-width:100%; display: block; }
		.Logo_white { display: none; }
	}
	.mo-switcher{float:right;}
	.menu_other_v2 {
		position: relative;
		float: right;
		height: 100%;
		padding-left: 20px;
		.color-switcher {
			margin-right: 10px;
			top: 25px;
		}
		.call-us {
			float: right;
			padding-left: 15px;
			padding-top: 31px;
			margin-right: 15px;
			height: 100%;
			position: relative;
			i{
				padding: 11px;
				font-size: 17px;
				color: #111111;
				float: left;
				width: 40px;
				height: 40px;
				top: 23px;
				border: 1px solid rgba(0, 0, 0, 0.1);
				border-radius: 50%;
				margin-right: 10px;
			}
			span {
				font-size: 13px;
				line-height: 1;
				opacity: 0.7;
				text-align: left;
				position: absolute;
				margin-top: -5px;
				left: 60px;
			}
			a {
				display: block;
				float: left;
				margin-top: 10px;
				@extend .bold-weight;
			}
			svg{
				width: 40px;
				height: 40px;
				float: left;
				fill: var(--color-primary);
				margin-top: -5px;
				margin-right: 0px;
			}
		}
		.address {
			float: right;
			padding-left: 15px;
			padding-top: 25px;
			margin-right: 15px;
			height: 100%;
			i{
				padding: 11px;
				font-size: 17px;
				color: #111111;
				float: left;
				width: 40px;
				height: 40px;
				top: 23px;
				border: 1px solid rgba(0, 0, 0, 0.1);
				border-radius: 50%;
				margin-right: 10px;
			}
			span {
				font-size: 13px;
				line-height: 1;
				opacity: 0.7;
				text-align: left;
				position: absolute;
				margin-top: -5px;
				margin-left: 7px;
			}
			a {
				display: block;
				float: left;
				margin-top: 10px;
				margin-left: 8px;
				@extend .bold-weight;
			}
			svg{
				width: 36px;
				height: 36px;
				float: left;
				fill: var(--color-primary);
				margin-top: 0;
				margin-right: 0px;
			}
		}
	}
	.header-top-login-register {
		margin-left: 0;
		margin-right: 10px;
		margin-top: 25px;
		a{
			width: 40px;
			padding-left: 0;
            padding-right: 0;
			span{display: none;}
		    svg{ margin-right:0; stroke:rgba(0, 0, 0, 0.95);}
			&:hover{
				svg{stroke: #fff;}
			}
		}
		a.mo-logout-trigger {
			width: auto;
			padding-left: 15px;
			padding-right: 15px;
		}
	}
	.mo-search-header{
		margin-right: 10px;
		width: auto;
		> a i {margin-right:0;}
	}
	.mo-search-header > a, .mo-cart-header{ 
		position: relative;
		width: 40px;
		height: 40px;
		margin-top: 26px;
		float: right;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-radius: 50%;
	}
}
.mo-header-v2 .mo-header-icon{
	top: 50%;
	margin-left: 20px;
    right: 33px;
}
/* mo-header-v3 */
.mo-header-v3 {
	position: absolute;
    z-index: 999;
    width: 100%;
	vertical-align: middle;
	background:transparent;
	height: 90px;
	@include single-transition(all, .4s, ease-in-out);
	.mo-container{
       padding-left: 50px;
	   padding-right: 50px;
	}
	.mo-col-menu{
		height: 100%;
		vertical-align: middle;
	    display: flex !important;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		-webkit-box-align: center;
		-webkit-box-pack: center;
		justify-content: center;
		align-items: center;
	}
	.mo-logo a{
		position: relative;
		display: inline-block;
		max-width: 100%;
	}
	.mo-header-menu, .container-menu{
		vertical-align: middle;
		height: 100%;
	}
	.mo-header-menu { 
		.main-container{ height:100%;}
	}
	.container-menu{ margin-left:45px; margin-right:45px; }
	.btn-nav.button{
		height: 50px;
		float: right;
		letter-spacing: 0;
		margin-top: 20px;
		margin-left: 10px;
		letter-spacing: 0.5px;
		color:#fff;
		@extend .center_vertical;
		@extend .radius50;
		span i{ 
			margin-left: 10px;
			float: right;
			margin-top: 3px;
		}
        &:hover{
			.mo_btn_text.back { transform: translate(-50%, 55%); }
	    }
	}
	.mo-search-header {
		height: 50px;
		width: 30px;
		margin-top: 22px;
		position: relative;
		margin-left: 5px;
		> a i { margin-right:0; }
		&:hover > a { color:#fff !important}
	}
	.mo_mini_cart {
		position: relative;
		height: 50px;
		width: 35px;
        margin-top: 21px;
		.mo-cart-header{width:30px;}
		&:hover .mo-cart-header > a{ color:#fff !important}
	}
	.select-languages{
		position: relative;
		height: 30px;
		margin-right: 10px;
		margin-top: 32px;
		a{
			font-size:12px !important; 
			&:after{ right:5px; margin-top:-2px;}
		}
	}
	.social_list {
		margin-top: 26px;
		clear: none;
		margin-right: 5px;
		a{ opacity:0.4; color:var(--color-dark);}
	}
	.menu-toggle {
		display: flex;
		flex-direction: row-reverse;
		justify-content: flex-end;
		width: 42px;
		height: 42px;
		top: 20px;
		border-radius: 50%;
		margin-right: 15px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	   .hamburger-btn{
		    height: 6px;
			font-size: 16px;
			line-height: 20px;
			position: relative;
			cursor: pointer;
			padding-right: 35px;
			color:var(--color-dark);
			-webkit-transition: all 0.3s ease-out 0s;
			-moz-transition: all 0.3s ease-out 0s;
			-ms-transition: all 0.3s ease-out 0s;
			-o-transition: all 0.3s ease-out 0s;
			transition: all 0.3s ease-out 0s;
			&::after, &::before {
				position: absolute;
				content: "";
				right: 8px;
				bottom: 5px;
				width: 15px;
				height: 2px;
				background-color:var(--color-dark);
				border-radius: 5px;
				-webkit-transition: all 0.3s ease-out 0s;
				-moz-transition: all 0.3s ease-out 0s;
				-ms-transition: all 0.3s ease-out 0s;
				-o-transition: all 0.3s ease-out 0s;
				transition: all 0.3s ease-out 0s;
			}
			&::after {
				top: 6px;
				bottom: auto;
				width: 15px;
			}
	    }
		&:hover{
			.hamburger-btn::before{ width: 10px; }
			.hamburger-btn::after { width: 22px; }
		}
	}
	.color-switcher {
		width: 35px;
        top: 25px;
		border-color: transparent;
		&:after{content:none;}
	}
	.header-top-login-register {
		margin-left: 8px;
		margin-right: 8px;
		margin-top: 26px;
		a{
			padding-left: 0;
			padding-right: 0;
			border: 0;
			svg{ stroke: rgba(0, 0, 0, 0.95);}
			span{display: none;}
			&:hover{
				color: var(--color-primary);
				background: transparent;
				svg{stroke:var(--color-primary);}
			}
		}
		a.mo-logout-trigger{padding-right: 5px;}
	}
	.social-header-v3 {
		text-align: center;
		float: right;
		position: relative;
		right: 0;
		top: 0;
		li { float: left;
		 a {
			padding: 0 10px;
			text-align: center;
			color: $color-black;
			}
		}
	}
	.mo-col-logo {
		float: left;
		height: 100%;
		vertical-align: middle;
		 display: flex !important;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		-webkit-box-align: center;
		align-items: center;
		-webkit-box-pack: center;
		justify-content: center;
		@include single-transition(all, .4s, ease-in-out);
		img { max-width:100%; display: block; }
		.Logo_white { display: none; }
	}
	.menu_other_v3 {
		position: relative;
		float: right;
		height: 100%;
	}
	.call-us {
		position: relative;
		float: left;
		margin-left: 15px;
		padding-left: 15px;
		padding-top: 25px;
		padding-right: 30px;
		height: 100%;
		&:after{
			content: "";
			position: absolute;
			width: 2px;
			top: 25px;
			height: 35px;
			left: 0;
			background: rgba(0, 0, 0, 0.07);;
		}
		span {
			font-size: 13px;
			line-height: 1;
			opacity: 0.7;
			display: block;
		}
		a {
			display: block;
			float: left;
		}
	}
	//.mo-menu-list > ul, .mo-menu-list > ul > li, .mo-menu-list > ul > li a{ height: 100%; }
	.mo-search-header > a, .mo-cart-header > a{ color:$color-font !important; }
}
/* header v4 */
.mo-header-v4 {
	.mo-header-menu {
		position: absolute;
		width: 100%;
		z-index: 999;
		background-color: transparent;
		.wrap-menu{
			background: #fff;
			border-radius: 5px;
			padding: 0 0 0 30px;
			height: 80px;
			position: relative;
			padding-inline: 36px;
            border-radius: 50px;
		}
		.mo-col-menu{
			height: 100%;
			vertical-align: middle;
			display: flex !important;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			flex-direction: column;
			-webkit-box-align: center;
			-webkit-box-pack: center;
			justify-content: center;
			align-items: center;
			#menu-main-menu{height: 100%;}
		}
		.mo-search-sidebar {
		>a {
			&:before {
				@include single-transition(all, .4s, ease-in-out);
				content: "";
				position: absolute;
				top: 50%;
				left: 50%;
				width: 0;
				height: 2px;
				background: #ffffff;
				opacity: 0;
				-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
				-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
				-o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
				-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
				transform: translateX(-50%) translateY(-50%) rotate(45deg);
			}
			&:after {
				 @include single-transition(all, .4s, ease-in-out);
				content: "";
				position: absolute;
				top: 50%;
				left: 50%;
				width: 0;
				height: 2px;
				background: #ffffff;
				opacity: 0;
				-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
				-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
				-o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
				-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
				transform: translateX(-50%) translateY(-50%) rotate(45deg);
				-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
				-moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
				-o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
				-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
				transform: translateX(-50%) translateY(-50%) rotate(-45deg);
			}
			&:hover {
				color: #fff;
				@extend .bg-color-main;
			}
		}
		>a.active {
			@extend .bg-color-main;
			>i {
				opacity: 0;
			}
			&:before {
				width: 15px;
				opacity: 1;
			}
			&:after {
				width: 15px;
				opacity: 1;
			}
		}
	}
  }
  .menu_other_v4{
	text-align: center;
	float: right;
	right: 0;
	top: 0;
	vertical-align: middle;
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
	overflow: hidden;
	.menu-toggle{ 
		float: right;
		width: 40px;
		height: 40px;
		top: 20px;
		float: right;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-radius: 50%;
		margin-left: 10px;
		transition: all 0.65s cubic-bezier(0.23,1,0.320,1);
		svg{
			width: 20px;
			height: 20px;
			top: 0;
			position: relative;
			top: -22px;
			fill: rgba(0, 0, 0, .15);
			transition: all 0.65s cubic-bezier(0.23,1,0.320,1);
		}
		&:hover{
			svg{fill: var(--color-primary);}
		}
	}
	.button{
        float: right;
		margin-left: 10px;
		margin-bottom: 0;
		margin-top: 19px;
		min-height: 40px;
		> span{line-height: normal;}
	}
	.menu-sm-lines .menu-sm-line-1, .menu-sm-lines .menu-sm-line-2, .menu-sm-lines .menu-sm-line-3{
		&:after, &:before{ background: #000; }
	}
	.menu-sm-lines{
		right: 25px;
		bottom: 34px;
		@include rotate(180);
	}
	.menu-toggle-title{ padding-right:15px; padding-left:15px;}
	.mo-search-header{ 
		position:relative;
		text-align: right;
		width: 40px;
		background: #fff;
		> a i { margin-top:2px; }
	}
	.mo-cart-content {
		right: 140px;
	}
	.color-switcher{
		width: 30px;
		top: 20px;
		border: 0;
	}
	.mo_mini_cart{
		text-align: right;
        width: 40px;
	}
}
.social_list{
	float: right;
	clear: none;
	li { margin-right: 0; }
	li a{ 
		background:transparent; 				
		font-size: 15px;
		height: 40px;
		border-top: 0 !important;
		border-bottom: 0 !important;
		i{opacity: 0.6;}
	}
	&:hover{
		li a i{opacity:1;}
	}
}
.mo-header-top { 
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	height: 40px;
	font-size: 14px;
	line-height: 1;
	color: #fff;
	.mo-header-top-l{overflow:hidden;}
	.contact_info{
		float: left;
		color: #fff;
		a, a:hover{ color: #fff; }
		span { 
			line-height: 40px;
			letter-spacing: 0;
			padding-right: 20px;
			padding-left: 5px;
		}
		span, span a{
			font-size: 14px;
		}
		i{ 
			padding-right:5px; 
			color: #fff;
			opacity: 0.5;
		}
		i.fa-phone-alt{ 
			transform: rotate(100deg);
		    position: relative;
		    top: 3px;
		}
	}
	&.bg-color-main .contact_info i {
		color: #fff;
	}
	.select-languages  {
		float: right;
		height: 40px;
		margin-right: 10px;
		padding-right: 10px;
		font-size: 13px;
		> a {   
			color: rgba(255, 255, 255, 0.8);
			padding-right: 0;
			font-size: 13px;
		}
		> a:after {
			width: 6px;
			height: 6px;
			border-left: 2px solid #fff;
			border-bottom: 2px solid #fff;
			margin-right: -8px;
			margin-top: -3px;
		}
		svg {
			width: 12px;
			height: 12px;
			margin-right: 4px;
			margin-top: 4px;
		}
	}
	.info-txt{
		font-size: 13px;
		line-height: 40px;
		letter-spacing: 0;
		padding-left: 15px;
		padding-right: 15px;
		float: right;
		a{color:inherit;}
	}
  } 
}	
@media (max-width: 991px) {
.mo-header-v4 {
	.mo-header-icon span , .mo-header-icon:before , .mo-header-icon:after {background: $color-font; }
	.mo-logo {
		line-height: 74px;
		img.Logo_white { display: none;	}
	}
	.mo-header-icon {
		top: 42px;
        right: 15%;
	}
	.mo-menu-list {
		@include single-transition(all, .4s, ease-in-out);
		min-width: 100%;
		background:#fff;
		margin: 0;
		padding: 0 20px;
		position: absolute;
		top: 85px;
		right: 0 !important;
		z-index: 999;
		border-radius: 25px;
		-webkit-animation: fadeInUp 0.4s both;
		-moz-animation: fadeInUp 0.4s both;
		-o-animation: fadeInUp 0.4s both;
		animation: fadeInUp 0.4s both;
		border-bottom: 3px solid var(--color-primary);
		>ul {
			text-align: left;
			margin: 0;
			padding: 15px;
			>li {
				list-style: none;
				position: relative;
				opacity: 1 !important;
				text-align: left;
				border-top: 1px solid rgba(0,0,0,0.1);
				@include single-transition(all, .4s, ease-in-out);
				&:first-child {
					border: none;
				}
				&:hover {
					>a {
						color: var(--color-primary) !important;
					}
				}
				>a {
					display: block;
					color: $color-font !important;
					line-height: 26.4px !important;
					margin: 5px;
				}
			}
			>li.current-menu-item {
				>a {
					color: var(--color-primary) !important;
				}
			}
			>li.current-menu-ancestor {
				>a {
					color: var(--color-primary) !important;
				}
			}
			>li.menu-item-has-children {
				position: relative;
				>ul {
					display: none;
					background: none !important;
					margin: 0;
					padding: 0; 
					>li {
						list-style: none;
						position: relative;
						opacity: 1 !important;
						&:hover {
							>a {
								color: var(--color-primary) !important;
							}
						}
						a{
							display: block;
							white-space: nowrap;
							margin: 10px;
							opacity: 0.8 !important;
						}
					}
					>li.current-menu-item {
						>a {
							color: var(--color-primary) !important;
						}
					}
					>li.current-menu-ancestor {
						>a {
							color: var(--color-primary) !important;
						}
					}
					ul.depth2{
						display: none;
						margin: 0;
						padding: 0;
						li{
							opacity: 0.8;
                            margin-left: 15px;
						}
					}
					>li.menu-item-has-children {
						position: relative;
						>ul {
							display: none;
							margin: 0;
							padding: 0;
							>li {
								list-style: none;
								position: relative;
								&:hover {
									>a {
										color: var(--color-primary) !important;
									}
								}
								a {
									display: block;
									margin: 10px 20px;
									border-top: 1px solid rgba(255,255,255,0.1);
								}
							}
							>li.current-menu-item {
								>a {
									color: var(--color-primary) !important;
								}
							}
							>li.current-menu-ancestor {
								>a {
									color: var(--color-primary) !important;
								}
							}
						}
						.mb-dropdown-icon {
							position: absolute;
							top: 0;
							right: 0;
							width: 25px;
							height: 25px;
							font-size: 8px;
							font-weight: 400;
							padding: 0;
							border: none;
							margin: 0px 7px;
							&:before {
								position: absolute;
								top:0;
								left: 50%;
								-webkit-transform: translateY(0) !important;
								transform: translateY(0) !important;
								content: "\f067";
                                font-family: 'FontAwesome';
								&:before {
									content: " ";
									display: table;
								}
								&:after {
									content: " ";
									display: table;
									clear: both;
								}
							}
							&:hover {
								&:before {
									color:var(--color-primary);
								}
							}
						}
						.mb-dropdown-icon.open {
							&:before {
								content: "\f068";
								font-family: FontAwesome;
								color:$color-dark-gray;
							}
						}
					}
				}
				.mb-dropdown-icon {
					position: absolute;
					top: 0;
					right: 0;
					width: 22px;
                    height: 22px;
					font-size: 10px;
					font-weight: 400;
					padding: 0;
					&:before {
						@include single-transition(all, .4s, ease-in-out);
						position: absolute;
						top: 0;
                        left: 30%;
						-webkit-transform: translateY(0) !important;
						transform: translateY(0) !important;
						content: "\f067";
						font-family: 'FontAwesome';
						background-color: transparent;
						&:before {
							content: " ";
							display: table;
						}
						&:after {
							content: " ";
							display: table;
							clear: both;
						}
					}
					&:hover {
						&:before {
							color:var(--color-primary);
						}
					}
				}
				.mb-dropdown-icon.open {
					&:before {
						font-family: FontAwesome;
						content: "\f068";
						color:$color-dark-gray;
					}
				}
			}
		}
	}
	.mo-menu-list.active-menu-mb {
		display: block !important;
	}
	.mo-header-menu {
		background: transparent;
		float: left;
		width: 100%;
		padding-left: 15px;
        padding-right: 15px;
		.mo-col-menu.has-menu-right-sidebar {
			.mo-menu-list {
				margin-right: 0;
				padding-right: 20px;
			}
			.mo-menu-list.motivo_cc {
				background: $color-black;
				>ul {
					margin-right: 0px;
					>li {
						>a {
							height: 45px;
						}
						>ul {
							>li {
								padding: 0;
								>a {
									color: $color-gray;
								}
								>ul {
									>li {
										padding: 0;
										>a {
											color: $color-gray;
										}
									}
								}
							}
						}
					}
				}
			}
			.header_socials {
				display: none;
			}
		}
	}
	.mo_widget_mini_cart {
		.mo-cart-header {
			top: -24px;
			right: 115px;
		}
	}
	.mo-search-sidebar {
		>a {
			top: -24px;
			right: 60px;
		}
	}
	.header_socials_top {
		display: block;
		position: relative;
		z-index: 99;
	}
  }
}

@media (min-width: 992px){
	.boxed.mo-stick-active .mo-header-v4.mo-header-stick .mo-header-menu { width: calc( 100% - 40px ); }
}
@media (min-width: 992px) {
.mo-stick-active {
	.mo-header-v4.mo-header-stick {
		.mo-header-menu {
			z-index: 999 !important;
			position: fixed;
			top: 0;
			width: 100%;
			overflow-x: clip;
			overflow-y: visible;
			-webkit-box-shadow: 0px 10px 90px 0px rgba(0,0,0,0.06);
			-moz-box-shadow: 0px 10px 90px 0px rgba(0,0,0,0.06);
			box-shadow: 0px 10px 90px 0px rgba(0,0,0,0.06);
			&:before { top: 0 !important; }
		}
		.mo-menu-list > ul > li.current-menu-ancestor > a{color: var(--color-primary);}
		.menu_other_v4{	overflow: visible;}
		.mo-logo img.logo { display:block;}
		.mo-logo img.logo_page{ display:block;}
		.mo-logo img.Logo_white{ display:none; }
		.mo-header-top { display:none;  }
		.menu_other_v4:before {
			opacity: 1;
		}
	}
}
.mo-header-v4 {
	.mo-col-logo{ 
		float:left; 
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		-webkit-box-align: center;
		align-items: center;
		-webkit-box-pack: center;
		justify-content: center;
	}
	.mo-logo {
		@include single-transition(all, .4s, ease-in-out);
		img { max-width: 100%; }
		img.logo { display:block;}
		img.Logo_white{ display:none; }
	}
	.mo-col-menu{float:right; margin-right:15px;}

	.mo-col-logo, .menu_other_v4{ 
		height:80px !important; 
		line-height:80px !important;
	}
	.menu-toggle{
		float: left;
		height: 80px;
		margin-left: 0;
		.menu-sm-lines {
			.menu-sm-line-1{display: none;}
			.menu-sm-line-2{ width: 15px !important;}
		    .menu-sm-line-1,.menu-sm-line-2, .menu-sm-line-3{ width:24px; 
				&:before, &:after{background:#fff;}
			}
		}
	}
	.header_search{
		label{line-height: 70px !important;}
		.search-submit, .fa-search {top: 20px;}
	}
	.mo-menu-list {
		>ul {
			margin: 0;
			padding: 0;
			>li {
				display: inline-flex;
				list-style: none;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-webkit-box-align: center;
				align-items: center;
				-webkit-box-pack: center;
				justify-content: center;
				margin: 0 10px;
				height: 100%;
				@include single-transition(all, .4s, ease-in-out);
				>a {
					position: relative;
					font-style: normal;
					color: $color-black;
					display: inline-block;
					text-align: center;
					margin: 0 5px;
					line-height: 28px;
					letter-spacing: 0px;
					font-weight: 600 !important;
					font-style: normal;
					font-size: 15px;
					@include single-transition(all, .4s, ease-in-out);
				}
				.mo-dropdown-menu-item {
					position: relative;
					>ul {
						display: none;
						background: $color-black;
						position: absolute;
						top: 100%;
						left: 0;
						min-width: 220px;
						text-align: left;
						margin: 0;
						padding: 15px 0;
						z-index: -1;
						>li {
							list-style: none;
							position: relative;
							padding: 0px 15px;
							>a {
								@include single-transition(all, .4s, ease-in-out);
								display: block;
								font-size: 13px;
								font-weight: 400;
								line-height: 14px;
								letter-spacing: 0.06em;
								color: $color-gray;
								padding: 8px 15px;
								>i {
									margin-right: 5px;
								}
							}
							>ul {
								display: none;
								background: $color-black;
								position: absolute;
								top: 0;
								left: 100%;
								min-width: 220px;
								text-align: left;
								margin: 0;
								padding: 15px 0;
								z-index: -1;
								>li {
									list-style: none;
									position: relative;
									padding: 0px 15px;
									>a {
										@include single-transition(all, .4s, ease-in-out);
										display: block;
										font-size: 13px;
										font-weight: 400;
										line-height: 14px;
										letter-spacing: 0.06em;
										color: $color-gray;
										padding: 8px 15px;
										>i {
											margin-right: 5px;
										}
									}
								}
							}
						}
						>li.menu-item-has-children {
							>a {
								position: relative;
							}
							&:after {
							content: "\f105";
							font-family: FontAwesome;
							position: absolute;
							top: 50%;
							right: 30px;
							line-height: 1;
							color: $color-font;
							opacity: 0.5;
							@include translateY(-50%);
							}
						}
						>li.page_item_has_children {
							>a {
								position: relative;
							}
							&:after {
								content: "\f105";
								font-family: FontAwesome;
								position: absolute;
								top: 50%;
								right: 30px;
								line-height: 1;
								color: $color-font;
								opacity: 0.5;
								@include translateY(-50%);
							}
						}
					}
				}
			}
			li.current-page-parent > a{ color: var(--color-primary); }
			>li.page_item_has_children.page_item {
				position: relative;
				>ul {
					display: none;
					background: $color-black;
					position: absolute;
					top: 100%;
					left: 0;
					min-width: 220px;
					text-align: left;
					margin: 0;
					padding: 15px 0;
					z-index: -1;
					>li {
						list-style: none;
						position: relative;
						padding: 20px 0;
						display: inline-block;
						margin: 5px 15px;
						>a {
							@include single-transition(all, .4s, ease-in-out);
							display: block;
							font-size: 13px;
							font-weight: 400;
							line-height: 14px;
							letter-spacing: 0.06em;
							color: $color-gray;
							padding: 8px 15px;
							>i {
								margin-right: 5px;
							}
						}
						>ul {
							display: none;
							background: $color-gray;
							position: absolute;
							top: 0;
							left: 100%;
							min-width: 220px;
							text-align: left;
							margin: 0;
							padding: 15px 0;
							z-index: -1;
							>li {
								list-style: none;
								position: relative;
								padding: 0px 15px;
								>a {
									@include single-transition(all, .4s, ease-in-out);
									display: block;
									font-size: 13px;
									font-weight: 400;
									line-height: 14px;
									letter-spacing: 0.06em;
									color:$color-black;
									padding: 8px 15px;
									>i {
										margin-right: 5px;
									}
								}
							}
						}
					}
					>li.menu-item-has-children {
						>a {
							position: relative;
						}
						&:after {
							content: "\f105";
							font-family: FontAwesome;
							position: absolute;
							top: 50%;
							right: 30px;
							line-height: 1;
							color: $color-font;
							opacity: 0.5;
							@include translateY(-50%);
						}
					}
					>li.page_item_has_children {
						>a {
							position: relative;
						}
						&:after {
							content: "\f105";
							font-family: FontAwesome;
							position: absolute;
							top: 50%;
							right: 30px;
							line-height: 1;
							color: $color-font;
							opacity: 0.5;
							@include translateY(-50%);
						}
					}
				}
			}
			>li.menu-item-has-children.nomega-menu-item {
				position: relative;
				>ul {
					background:#fff;
					position: absolute;
					min-width: 220px;
					text-align: left;
					padding: 20px 0;
					z-index: -1;
					>li {
						list-style: none;
						position: relative;
						padding: 4px 15px;
						line-height: 20px;
						>a {
							@include single-transition(all, .4s, ease-in-out);
							color: $color-black;
							display: inline-block;
							position: relative;
							margin: 5px 15px;
							line-height: 23px;
							letter-spacing: 0px;
							font-weight: 400;
							font-style: normal;
							font-size: 15px;
							>i {
								margin-right: 5px;
							}
						}
						>ul {
							display: none;
							background:$color-gray;
							position: absolute;
							top: 0;
							left: 100%;
							min-width: 220px;
							text-align: left;
							margin: 0;
							padding: 20px 0;
							z-index: -1;
							ul.depth2 > li {
								margin: 0 30px;
							}
							>li {
								list-style: none;
								position: relative;
								padding: 4px 15px;
								line-height: 20px;
								>a {
									@include single-transition(all, .4s, ease-in-out);
									font-size: 13px;
									font-weight: 400;
									line-height: 14px;
									letter-spacing: 0;
									color: $color-black;
									display: inline-block;
									position: relative;
									margin: 5px 15px;
									>i {
										margin-right: 5px;
									}
								}
							}
							li.current_page_item a:after{
								  background: var(--color-primary);
								  width: calc(100% + 20px);
							}
						}
					}
					li.current_page_item a:after{
						background: var(--color-primary);
						width: calc(100% + 20px);
					}
					>li.menu-item-has-children {
						>a {
							position: relative;
						}
						&:after {
							content: "\f105";
							font-family: FontAwesome;
							position: absolute;
							top: 50%;
							right: 30px;
							line-height: 1;
							color: $color-font;
							opacity: 0.5;
							@include translateY(-50%);
						}
					}
					ul.depth1 >li.menu-item-has-children {
						>a {
							position: relative;
						}
						&:after {
							content: "\f105";
							font-family: FontAwesome;
							position: absolute;
							top: 50%;
							right: 30px;
							line-height: 1;
							color: $color-font;
							opacity: 0.5;
							@include translateY(-50%);
						}
					}
					>li.page_item_has_children {
						>a {
							position: relative;
						}
						&:after {
							content: "\f105";
							font-family: FontAwesome;
							position: absolute;
							top: 50%;
							right: 30px;
							line-height: 1;
							color: $color-font;
							opacity: 0.5;
							@include translateY(-50%);
						}
					}
				}
			}
			>li.menu-item-has-children.mega-menu-item {
				>ul {
					background: #fff;
					position: absolute;
					min-width: 220px;
					text-align: left;
					>li {
						list-style: none;
						position: relative;
						padding: 5px 15px;
						list-style: none;
						>a {
							@include single-transition(all, .4s, ease-in-out);
							font-size: 13px;
							font-weight: 400;
							line-height: 14px;
							color: $color-black;
							display: inline-block;
							position: relative;
							margin: 5px 15px;
							line-height: 16px !important;
							>i {
								margin-right: 5px;
							}
						}
						.widget {
							.wg-title {
								font-size: 14px;
								line-height: 32px;
								letter-spacing: 0.08em;
								color: $color-black;
								margin-bottom: 0;
								padding: 3px 0;
							}
						}
					}
					>li.mo-banner {
						margin: 0;
						padding: 0;
						.mo-banner-wrap {
							position: relative;
							min-height: 374px;
							.mo-overlay {
								@include single-transition(all, .4s, ease-in-out);
								position: absolute;
								top: 0;
								left: 0;
								width: 100%;
								height: 100%;
								background: rgba(0,0,0,0.4);
								opacity: 0;
								>a {
									position: absolute;
									top: 50%;
									left: 50%;
									width: 50px;
									height: 50px;
									text-align: center;
									line-height: 50px;
									color: #fff;
									background:var(--color-primary);
									@include border-radius( 50%);
									-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg);
									-moz-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg);
									-o-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg);
									-ms-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg);
									transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg);
								}
							}
							&:hover {
								.mo-overlay {
									opacity: 1;
									>a {
										-webkit-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);
										-moz-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);
										-o-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);
										-ms-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);
										transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);
									}
								}
							}
						}
					}
				}
				>ul.columns2 {
					width: 420px;
					padding: 25px 0;
					>li {
						width: 50%;
						list-style: none;
						float: left;
						padding: 5px 15px;
						&:last-child {
							border-right: none;
						}
						>a {
							 @include single-transition(all, .4s, ease-in-out);
							>i {
								margin-right: 5px;
							}
						}
						>a.hide_link {
							display: none;
						}
						>ul {
							margin: 0;
							padding: 0;
							>li {
								list-style: none;
								padding: 3px 0;
								>a {
									@include single-transition(all, .4s, ease-in-out);
									>i {
										margin-right: 5px;
									}
									>sup {
										font-size: 8px;
										vertical-align: baseline;
									}
								}
							}
						}
					}
				}
				>ul.columns3 {
					width: 630px;
					padding: 25px 0;
					>li {
						width: 33.3333%;
						list-style: none;
						float: left;
						padding: 5px 15px;
						&:last-child {
							border-right: none;
						}
						>a {
							@include single-transition(all, .4s, ease-in-out);
							>i {
								margin-right: 5px;
							}
						}
						>a.hide_link {
							display: none;
						}
						>ul {
							margin: 0;
							padding: 0;
							>li {
								list-style: none;
								padding: 3px 0;
								>a {
									@include single-transition(all, .4s, ease-in-out);
									>i {
										margin-right: 5px;
									}
									>sup {
										font-size: 8px;
										vertical-align: baseline;
									}
								}
							}
						}
					}
				}
				>ul.columns4 {
					width: 840px;
					padding: 25px 0;
					>li {
						width: 25%;
						list-style: none;
						float: left;
						line-height: 20px;
						padding: 8px 15px;
						border-left: 1px solid rgba(0, 0, 0, 0.05);
						&:last-child {
							border-right: none;
						}
						>a {
							@include single-transition(all, .4s, ease-in-out);
							>i {
								margin-right: 5px;
							}
						}
						>a.hide_link {
							display: none;
						}
						>ul {
							margin: 0;
							padding: 0;
							>li {
								list-style: none;
								padding: 3px 0;
								>a {
									@include single-transition(all, .4s, ease-in-out);
									>i {
										margin-right: 5px;
									}
									>sup {
										font-size: 8px;
										vertical-align: baseline;
									}
								}
							}
						}
					}
				}
			}
			>li.menu-item-has-children.algleft {
				position: relative;
				>ul {
					left: 0;
				}
			}
			>li.menu-item-has-children.algright {
				position: relative;
				>ul {
					right: 0;
				}
			}
			>li.menu-item-has-children.algcenter {
				position: relative;
				>ul {
					left: 50%;
					@include translateX(-50%);
				}
			}
			>li.menu-item-has-children.fullwidth {
				>ul {
					left: 0;
					width: 100%;
				}
			}
		}
		>ul#menu-testing-menu {
			>li {
				>a {
					font-size: 14px;
					letter-spacing: 0;
					text-transform: none;
				}
			}
			li.menu-item-has-children {
				position: relative;
				ul {
					display: none;
					background: #fff;
					position: absolute;
					top: 100%;
					left: 0;
					min-width: 220px;
					text-align: left;
					margin: 0;
					padding: 25px 0;
					z-index: -1;
					>li {
						list-style: none;
						position: relative;
						padding: 5px 15px;
						>a {
							@include single-transition(all, .4s, ease-in-out);
							position: relative;
							display: block;
							font-size: 13px;
							font-weight: 400;
							line-height: 14px;
							letter-spacing: 0.06em;
							color: $color-black;
							padding: 8px 15px;
							>i {
								margin-right: 5px;
							}
						}
					}
					>li.menu-item-has-children {
						&:after {
							position: absolute;
							top: 50%;
							content: "\f067";
                            font-family: 'FontAwesome';
							line-height: 1;
							right: 20px;
							@include translateY(-50%);
						}
					}
					ul.depth1 >li.menu-item-has-children {
						&:after {
							position: absolute;
							top: 50%;
							content: "\f067";
                            font-family: 'FontAwesome';
							line-height: 1;
							right: 20px;
							@include translateY(-50%);
						}
					}
				}
				ul.depth1 {
					top: 0 !important;
					left: 100%;
				}
				ul.depth7 {
					top: 0 !important;
					left: 100%;
				}
				ul.depth8 {
					top: 0 !important;
					left: 100%;
				}
				ul.depth9 {
					top: 0 !important;
					left: 100%;
				}
				ul.depth10 {
					top: 0 !important;
					left: 100%;
				}
				ul.depth2 {
					top: 0 !important;
					left: -100%;
				}
				ul.depth3 {
					top: 0 !important;
					left: -100%;
				}
				ul.depth4 {
					top: 0 !important;
					left: -100%;
				}
				ul.depth5 {
					top: 0 !important;
					left: -100%;
				}
				ul.depth6 {
					top: 0 !important;
					left: -100%;
				}
			}
		}
	}
}
}
/* header (mo-header-v5)*/
.mo-header-v5 {
	@include single-transition(all, .4s, ease-in-out);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	.menu_other_v5{
		position: relative;
		text-align: center;
		float: right;
		right: 0;
		top: 0;
		height: 80px;
		margin-left: 10px;
		.call-us {
			position: relative;
			float: right;
			color: #fff;
			border: 1px solid rgba(255,255,255,0.2);
			margin-top: 15px;
			transition: all .65s cubic-bezier(.23,1,.32,1);
			@include border-radius(25px); 
			a {
				font-size: 14px;
				line-height: 1.35em;
				color: #fff;
				display: block;
				float: left;
				padding: 15px 25px 15px 20px;
				transition: all .65s cubic-bezier(.23,1,.32,1);
				@extend .bold-weight;
			}
			i{
				color: #fff;
				float: left;
				margin-right: 5px;
				margin-top: 3px;
				font-size: 13px;
				animation: phone_ring 1.8s ease-out infinite;
			}
			&:hover{
				color:var(--color-primary);
				border-color: var(--color-primary);
				a{color: var(--color-primary);}
				i{color:var(--color-primary);}
			}
		}
		.menu_icon_other_v5 {
			position: relative;
			float: left;
			display: block;
			height: 100%;
			.menu-sm-lines {
				.menu-sm-line-1, .menu-sm-line-2, .menu-sm-line-3{
					&:after, &:before{
						background: #fff;
					}
				}
			}
		}
	}
	.menu-toggle{
		width: 20px;
		height: 20px;
		overflow: hidden;
		background: var(--color-dark);
		padding: 24px;
		border-radius: 50%;
		top: 15px;
		transition: all .65s cubic-bezier(.23,1,.32,1);
		.menu-sm-lines {
			top: 34%;
			right: 0px;
			left: 11px;
			width: 21px;
			overflow: hidden;
		}
		&:hover{
			background: var(--color-primary);
			.menu-sm-lines:before, .menu-sm-lines:after{ background:#fff;}
		}
	}
	.color-switcher {
		width: 30px;
		top: 20px;
		border: 0;
		margin-right: 5px;
		margin-left: 5px;
		&:after{content: none;}
	}
	.header-top-login-register {
		margin-left: 0;
		a {
			padding-left: 0;
			padding-right: 0;
			border: 0;
			margin-right: 10px;
			color:#fff;
			svg {
				margin-right: 0;
				stroke: #fff;
			}
			span{ display: none;}
			&:hover{
				background: transparent;
				svg{ stroke: var(--color-primary);}
			}
	    }
	}
	.mo-search-header{
		width: 30px;
		> a i {
			margin-right: 0;
			margin-top: 2px;
		}
	}
	.mo-switcher {
		top: 25px;
		margin-right: 10px;
		margin-left: 10px;
	}
	.mo_mini_cart {
		width: 40px;
	}
	.social_list {
		position: relative;
		clear: none;
		float: left;
		height: 100%;
		padding-left: 10px;
        padding-right: 10px;
		&:after {
			content: '';
			width: 1px;
			height: 30px;
			background-color: rgba(255, 255, 255, 0.2);
			position: absolute;
			right: 0;
			top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
		}
	}

	.social_list{ 
		ul.social-links {
			list-style: none;
			padding: 0;
			height: 100%;
			width: 100%;
			display: flex !important;
			align-items: center;
			-webkit-box-pack: center;
			justify-content: center;
			li{
				display: inline-flex;
				list-style: none;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-webkit-box-align: center;
				align-items: center;
				-webkit-box-pack: center;
				justify-content: center;
				height: 100%;
				a {
					background-color: transparent;
					border: 0;
					opacity: 0.4;
					width: 40px;
					height: 40px;
					line-height: 40px;
					&:hover:after {animation: mo-menu-circle-border-primary 1s forwards;}
				}
			}
		}
	 }
	.social_list:hover li{ opacity:.3 !important}
	.social_list:hover li:hover{ opacity:1 !important}
	
	.mo-cart-header:hover i{ color:#fff; }
	.mo_mini_cart {
		margin-right: 3px;
		margin-left: 10px;
	}
	.mo-header-menu{
		background-color: transparent;
	}
	.btn-nav{
		height: 100%;
		margin-left: 10px;
		float: right;
		letter-spacing: 0;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		-webkit-box-align: center;
		align-items: center;
		-webkit-box-pack: center;
		justify-content: center;
	}
	.select-languages {
		float: left;
		line-height: 1.6;
		margin-left: 30px;
		> a {padding: 0 0 0 10px;}
		 ul li a{ 
			line-height:1.6 !important;
			font-weight: 400 !important;
			font-size: 13px !important;
		 }
		 > a:after {
			content: '';
			width: 6px;
			height: 6px;
			border-left: 2px solid #fff;
			border-bottom: 2px solid #fff;
			position: absolute;
			right: -15px;
			margin-right: 0;
			top: 50%;
			margin-top: -3px;
			opacity: 0.5;
			-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
			-webkit-transition: all 0.5s ease 0.3s;
			transition: all 0.5s ease 0.3s;
	  	}
	}
}
.mo-header-v5 {
	.mo-header-menu {
		position: absolute;
		left: 0;
		width: 100% !important;
		padding: 0;
		z-index: 3;
		top: 0;
		right: 0;
		left: 0;
		height: 80px;
		padding-left: 30px;
		padding-right: 30px;
		border-bottom: 1px solid rgba(255, 255, 255,.1);
    	-webkit-transition: all .3s ease;
		transition: all .3s ease;
		backdrop-filter: blur(26px);
		&:before{
			content: '';
			width: 100%;
			height: 100%;
			position: absolute;
			top: -100%;
			left: 0;
			display: block;
			-webkit-transition: all .5s;
			transition: all .5s;
			-webkit-backdrop-filter: brightness(100%) contrast(100%) saturate(100%) blur(10px) hue-rotate(0deg);
			backdrop-filter: brightness(100%) contrast(100%) saturate(100%) blur(10px) hue-rotate(0deg);
			background-color: #ffffffd9;
		}
	}
}
.mo-stick-active .mo-header-v5.mo-header-fixed{
	.menu-toggle {@include translateY(0);}
} 
@keyframes phone_ring{
	0%  { transform: rotate(0) scale(1) skew(1deg);      }
	10% { transform: rotate(-15deg) scale(1) skew(1deg); }
	20% { transform: rotate(30deg) scale(1) skew(1deg);  }
	30% { transform: rotate(-15deg) scale(1) skew(1deg); }
	40% { transform: rotate(30deg) scale(1) skew(1deg);  }
	100%, 50% { transform: rotate(0) scale(1) skew(1deg);}
}

/* header v6 (mo-header-v6) */
.mo-header-v6 {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	@include single-transition(all, .4s, ease-in-out);
	.mo-header-top{
		padding-top: 8px;
		padding-bottom: 8px;
		padding-right: 15px;
		padding-left: 15px;
		display: block;
		float: left;
		width: 100%;
		background:var(--color-primary);	
		font-size: 13px;
		color: #fff;
		line-height: 1.7em;
		display: inline;	
		strong{font-weight: 400;}
		span.info-header , .info-header a{
			font-size: 13px;
			color: #ffffffb3;
			line-height: 1.7em;
			display: inline;
			> i{
				padding-right: 7px;
				margin-top: 10px;
				font-size: 14px;
				height: 100%;
				float: left;
				opacity: 0.3;
				color: #fff;
			}
			> a{padding-left:5px; }
		}
		.mo-header-top-l{ i{opacity: .3; margin-right: 5px;}}
		.mo-header-top-r{padding: 0;}
	}
	.mo-header-sec{
		z-index: 9999;
		position: relative;
		background: #fff;
		border-radius: 30px 30px 0px 0px;
		padding-left: 60px;
		padding-right: 60px;
		margin-top: -30px;
		float: left;
		width: 100%;
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	}
	#menu-main-menu li a {
		opacity: 0.8;
	}
	#menu-main-menu:hover li a {
		opacity: .3;
	}
	#menu-main-menu:hover li:hover a {
		opacity: 1;
	}
	.menu_other_v6{
		height: 80px;
		float: right;
		position: relative;
	}
	.call-us{
		float: right;
		position: relative;
		height: 100%;
		align-items: center;
		-webkit-box-pack: center;
		justify-content: center;
		padding-right: 30px;
		padding-left: 10px;
		span{
			font-size: 13px;
			display: block;
			line-height: 1;
			padding-top: 20px;
		}
		a{
			@extend .font-primary;
			display: block;
			@extend .bold-weight;
		}
	}
	.mo-search-header{ 
		position: relative;
		margin-right: 5px;
        margin-left: 5px;
		a{
			position: relative;
			width: 40px;
			height: 40px;
			margin-top: 19px;
			float: right;
			border: 1px solid rgba(0, 0, 0, 0.1);
			border-radius: 50%;
			i{ margin-right: 0; }
		}
	}
	.header_tools{ height: 80px; }
	.menu-toggle {
		background: var(--color-primary);
		border-radius: 50%;
		height: 80px;
		width: 42px;
		height: 42px;
		top: 19px;
		float: right;
		border-radius: 50%;
		margin-right: 5px;
        margin-left: 5px;
		@extend .center_vertical;
		.menu-sm-lines{ 
			top:32%;
			.menu-sm-line-1{ width: 15px; }
		    .menu-sm-line-2{ width: 20px; }
			.menu-sm-line-1:after, .menu-sm-line-1:before, .menu-sm-line-2:after, .menu-sm-line-2:before{ background:#fff;}
		}
	}
	.btn-nav{
		float: right;
		margin-left: 10px;
		border-radius: 25px;
		margin-top: 15px;
	}
	.color-switcher {
       top: 20px;
	   margin-right: 5px;
       margin-left: 5px;
	}
	.header-top-login-register {
		margin-right: 0;
		margin-top: 20px;
		a {
			padding-left: 0;
			padding-right: 0;
			height: 40px;
			width: 40px;
			svg {
				margin-right: 0;
				stroke: rgba(0, 0, 0, .85);
			}
			&:hover{
				svg{ stroke: #fff;}
			}
		}
		a.mo-logout-trigger{
			width: auto;
			border: 0;
			&:hover{
				background: transparent;
				color: var(--color-primary);
			}
		}
		span{display: none;}
	}
	.select-languages {
		padding-right: 12px;
		margin-right: 5px;
		margin-left: 5px;
		height: 45px;
		top: 17px;
		border-radius: 50px;
		@extend .border;
		> a:after {right: 10px;}
	}
	.mo_mini_cart{
		margin-right: 5px;
        margin-left: 2px;
		.mo-cart-header{
			position: relative;
			width: 40px;
			height: 40px;
			margin-top: 20px;
			float: right;
			border: 1px solid rgba(0, 0, 0, 0.1);
			border-radius: 50%;
		}
	}
	.mo-cart-content{right: 150px;}
	.select-languages > a:after{ border-color: $color-font; }

	.social-header-v6 {
		position: relative;
		top: -10px;
		clear: none;
		padding-right: 0;
		padding-left: 0;
		height: 100%;
		float: right;
		ul{
			height: 100%;
			width: 100%;
			display: flex !important;
			li { 
				a{ 
					opacity:0.9;
					color:#fff;
					width: 35px;
					height: 40px;
					line-height: 40px;
					&:hover{color:#fff}
				}
			}
		}
	}

	.mo-header-menu {
		background:#fff;
		.mo-logo {
			display: table;
			height: 80px;
			float: left;
			position: relative;
			z-index: 110;
			margin-left: 30px;
		    @include single-transition(all, .4s, ease-in-out);
		}
		.mo-logo{ 
		     > a {
				display: table-cell;
				vertical-align: middle;
			}
			.Logo { max-width: 100%; }
			.Logo_white{display: none;}
			.logo.logo_page{display:block;}
		}
		.mo-col-menu.has-menu-right-sidebar {
			.mo-menu-list.motivo_cc {
				margin-right: 0px;
				border-right: none;
				padding-right: 0;
				float: left;
				>ul {
					text-align: left;
					padding: 0;
					>li {
						>a {
							line-height: 65px;
							height: 61px;
							color: $color-black;
						}
						&:hover {
							>a {
								@extend .color-main;
							}
						}
						>ul {
							padding: 0;
							>li {
								padding: 3px 0;
								&:hover {
									>a {
										@extend .color-main;
									}
								}
							}
							>li.current-menu-item {
								>a {
									@extend .color-main;
								}
							}
							>li.current-menu-ancestor {
								>a {
									@extend .color-main;
								}
							}
						}
					}
					>li.current-menu-item {
						>a {
							@extend .color-main;
						}
					}
					>li.current-menu-ancestor {
						>a {
							@extend .color-main;
						}
					}
					>li.menu-item-has-children {
						.nomega-menu-item {
							>ul {
								padding: 0;
								>li {
									padding: 3px 0;
									&:hover {
										>a {
											@extend .color-main;
										}
									}
								}
								>li.current-menu-item {
									>a {
										@extend .color-main;
									}
								}
								>li.current-menu-ancestor {
									>a {
										@extend .color-main;
									}
								}
							}
						}
						.mb-dropdown-icon {
							height: 45px;
						}
					}
				}
			}
		}
	}
}
.mo-header-v6.mo-header-fixed {
	.mo-header-menu {
		position: absolute;
		width: 100%;
		z-index: 99;
	}
}
/* mo-left-navigation */
.jspContainer{overflow:hidden;position:relative;width:100%!important;}
.jspPane{position:absolute;width:100%!important;}
.jspVerticalBar{position:absolute;top:0;right:12px;width:16px;height:100%;}
.jspCap{display:none}.jspHorizontalBar .jspCap{float:left}
.jspTrack{background:rgba(0,0,0,0.6);position:relative}
.jspDrag{background:rgba(0,0,0,0.6);position:relative;top:0;left:-10px;cursor:pointer}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%}
.jspArrow{background:#000;text-indent:-20000px;display:block;cursor:pointer;padding:0;margin:0}
.jspArrow.jspDisabled{cursor:default;background:#000}.jspVerticalBar .jspArrow{height:16px}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}.jspVerticalBar .jspArrow:focus{outline:0}
.jspCorner{background:#000;float:left;height:100%}
* html .jspCorner{margin:0 -3px 0 0}
.scroll-pane{
	width: 100%;
	height:auto;
	max-height:300px;
    margin-bottom: 90px;
	overflow:auto;
	overflow-y: scroll; 
    -webkit-overflow-scrolling: touch;
}
.mo-left-navigation:hover .jspTrack{background-color:transparent;}
.jspTrack{background-color:transparent;}
.jspVerticalBar{width:5px;background-color:transparent;}
.mo-left-navigation:hover .jspDrag{background-color:rgba(0,0,0,0.6);}
.jspDrag{background-color:transparent;opacity:.4;transition:all 300ms ease;}
.jspContainer ul { list-style: none; }
.mo-left-navigation {
    display: block;
    float: left;
    z-index: 500;
    height: calc(100vh); 
    text-align: left;
    position: fixed;
	background-color:#fff;
	-webkit-box-shadow: 0px 10px 90px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 10px 90px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 10px 90px 0px rgba(0, 0, 0, 0.06);
	.mo-header-menu {
		position: relative;
		height: 100%;
		.social-header-lnav {
			  text-align: left;
			  height: 50px;
			  bottom: 90px;
			  padding: 0 50px;
			  position: absolute;
			  width: 100%;
			  margin: 0;
			   li { display:inline-block;
				   a {
					    padding: 0;
					    text-align: center;
					    width: 30px;
						height: 30px;
						line-height: 30px;
						font-size: 13px;
						color: rgba(0, 0, 0, 1);
						background: $color-gray;
					    margin-right: 5px;
						@include border-radius(50px);
						@include single-transition(all, .4s, ease-in-out);
					}
				}
			}
		.social-header-lnav:hover li:hover a {
			opacity: 1;
		}
		.social-header-lnav:hover li a {
			opacity: .3;
		}
		.copyright_txt_lnav {
			position: absolute;
			bottom: 40px;
			text-align: left;
			float: none;
			padding:0 60px 0 50px;
			width: 100%;
			font-size: 12px;
            line-height: 24px;
			text-transform: uppercase;
			color:$color-dark-gray;
			a{color:inherit; &:hover{color:rgba(0,0,0,1);}}
		}
		.mo-logo {
			margin: 0;
			padding:90px 50px 50px 50px;
			.Logo_white { display: none; }
		    .logo{ display: block; }
		}
		.mo-menu-list {
			width: 100%;
			margin: 0 auto 60px;
			padding: 0 10px;
			a:hover{color:rgba(0,0,0,1);}
			>ul {
				margin: 0;
				padding:0px 40px;
				@include single-transition(all, .4s, ease-in-out);
				>li {
					position: relative;
					display: block;
					margin: 3px 0;
					@include single-transition(all, .4s, ease-in-out);
					>a {
						line-height: 34px;
						white-space: nowrap;
						color:$color-font;
						position: relative;
						margin: 5px 0;
				    	@include single-transition(all, .4s, ease-in-out);
					} 
					a:not(.mb-dropdown-icon) { 
						&:before {
							content: '';
							position: absolute;
							width: 0%;
							z-index: -1;
							height: 10px;
							bottom: -1px;
							left: 0;
							opacity: 0.4;
							@extend .bg-color-main;
						}
						&:hover:before {
							width: 100%;
                            transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
						}
					}
				}
				>li.menu-item-has-children {
					position: relative;
					>ul {
						display: none;
						background: none !important;
						padding: 0;
						margin: 0;
						>li {
							position: relative;
							display: block;
							>a {
								font-size: 13px;
								font-weight: 400;
								line-height: 24px;
								letter-spacing: 0.1em;
								white-space: nowrap;
								position: relative;
								color:rgba(0,0,0,0.6);
							}
						}
						>li.menu-item-has-children {
							position: relative;
							>ul {
								display: none;
								padding: 0 0 0 20px;
								margin: 0;
								>li {
									position: relative;
									display: block;
									>a {
										font-size: 12px;
										font-weight: 400;
										line-height: 24px;
										letter-spacing: 0.04em;
										white-space: nowrap;
										color: rgba(0,0,0,0.6);
									}
								}
								>li.current-menu-item {
									>a {
										color:rgba(0,0,0,1);
									}
								}
								>li.current-menu-ancestor {
									>a {
										color:rgba(0,0,0,1);
									}
								}
							}
							.mb-dropdown-icon {
								position: absolute;
								top: 0;
								right: 0;
								width: 25px;
								height: 24px;
								font-size: 10px;
								font-weight: 400;
								padding: 0;
								border: none;
								&:before {
									position: absolute;
									top: 50%;
									left: 50%;
									-webkit-transform: translateY(0) !important;
									transform: translateY(0) !important;
									content: "\f067";
                                    font-family: 'FontAwesome';
									color: rgba(255,255,255,0.7);
									&:before {
										content: " ";
										display: table;
									}
									&:after {
										content: " ";
										display: table;
										clear: both;
									}
								}
							}
							.mb-dropdown-icon.open {
								&:before {
									font-family: FontAwesome;
									content: "\f068";
									color:$color-dark-gray;
								}
							}
						}
						>li.mo-banner {
							display: none;
						}
						>li.mo-recent-product {
							display: none;
						}
						>li.current-menu-item {
							>a {
								opacity: .8;
							}
						}
						>li.current-menu-ancestor {
							>a {
								opacity: .8;
							}
						}
					}
					.mb-dropdown-icon {
						position: absolute;
						top: 0;
						right: 0;
						width: 25px;
						height: 34px;
						font-size: 12px;
						font-weight: 400;
						padding: 0;
						border: none;
						&:before {
							position: absolute;
							top: 50%;
							left: 50%;
							-webkit-transform: translateY(0) !important;
							transform: translateY(0) !important;
							content: "\f067";
                            font-family: 'FontAwesome';
							&:before {
								content: " ";
								display: table;
							}
							&:after {
								content: " ";
								display: table;
								clear: both;
							}
						}
						&:hover {
							&:before {
								opacity: .8;
							}
						}
					}
					.mb-dropdown-icon.open {
						&:before {
							font-family: FontAwesome;
							content: "\f068";
							opacity: .5;
						}
					}
				}
				>li.current-menu-item {
					>a {
						color:rgba(0,0,0,1);
					}
				}
				>li.current-menu-ancestor {
					>a {
					   color:rgba(0,0,0,1);
					}
				}
			}
		}
		.widget {
			position: absolute;
			bottom: 80px;
			left: 50%;
			width: 100%;
			padding: 0 10px;
			max-width: 280px;
			transform: translateX(-50%);
			.social-wrap {
				>a {
					display: inline-block;
					width: 35px;
					height: 35px;
					text-align: center;
					line-height: 35px;
					color: #fff;
					margin: 0 5px 5px 0;
					&:last-child {
						margin-right: 0;
					}
					&:hover {
						opacity: .8;
					}
				}
			}
		}
	}
}
/* mo-header-onepage */
.mo-header-onepage {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
	.mo-logo {
		display: inline-block;
		margin-top: 80px;
		.logo{ max-height: 70px}
		.logo-stick {
			display: none;
		}
	}
	.mo-menu {
		position: fixed;
		top: 50%;
		right: 95px;
		 @include translateY(-50%);
		.mo-menu-list {
			ul {
				margin: 0;
				padding: 0;
				>li {
					list-style: none;
					position: relative;
					line-height: 0;
					margin: 10px 0;
					@include single-transition(all, .4s, ease-in-out);
					>a {
						display: inline-block;
						font-size: 0;
						@extend .bold-weight;
						line-height: 16px;
						color: #fff;
						margin-right: 25px;
						@include border-radius(15px);
						letter-spacing: 1.5px;
						-moz-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
						-o-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
						-webkit-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
						transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
						&:before {
							content: "";
							position: absolute;
							top: 4px;
							right: 0;
							width: 8px;
							height: 8px;
							border: 4px solid #cecece;
							@include border-radius(10px);
							@include single-transition(all, .4s, ease-in-out);
						}
						&:after {
							content: "";
							position: absolute;
							border: 1px solid transparent;
							@include border-radius(24px);
							@include single-transition(all, .4s, ease-in-out);
						}
					}
					&:hover {
						>a {
							font-size: 12px;
							text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.2);
							&:before {
								top: 4px;
								right: 0;
								width: 2px;
								height: 2px;
								@extend .border-color-main;
							}
							&:after {
								right: -4px;
								width: 16px;
								height: 16px;
								@extend .border-color-main;
							}
						}
					}
				}
			}
		}
	}
}
.mo-wrapper-leftnav {
	&:after {
		content: "";
		display: block;
		clear: both;
	}
	header {
		float: left;
		width: 20%;
		height: 900px;
	}
	.main-content , footer{
		width: 80%;	float: right; margin-bottom: 0 !important;
		.container { width: 100%;  padding-left:30px; padding-right:40px; }
		.mc4wp-form input[type="email"] { width: 230px; }
		.mc4wp-form .submit-newsletter { right: 20px; }
	}
	.footer-fixed {  position:relative;}
}
.mo-wrapper-leftnav.mo-border {
	header {
		height: 2316px;
		background: #111111;
		border: 12px solid #f3f3f3;
	}
}
@media (max-width: 991px) {
	.mo-header-icon { display:block;}
	.header_tools {
		position: absolute;
		right: 45px;
		top: -8px;
		padding-bottom: 15px;
    }
	/* mo-header-v2 */
	.mo-header-v2, .mo-header-v3 {
		.Logo_white{ display: none; }
		.mo-header-icon:before , .mo-header-icon:after , .mo-header-icon span{ background:$color-font; }
		.mo-logo {
			img.logo-stick {
				display: none;
			}
		}
		.mo-menu-list {
			@include single-transition(all, .4s, ease-in-out);
			min-width: 320px;
			background:#fff;
			width:100%;
			height:auto;
			overflow-y: scroll;
			margin: 0;
			position: absolute;
			top: 70px;
			right: 0;
			z-index: 999;
			-webkit-animation: fadeInUp 0.4s both;
			-moz-animation: fadeInUp 0.4s both;
			-o-animation: fadeInUp 0.4s both;
			animation: fadeInUp 0.4s both;
			-webkit-box-shadow: 0 34px 90px 0 rgba(0,0,0,0.07);
            -moz-box-shadow: 0 34px 90px 0 rgba(0,0,0,0.07);
            box-shadow: 0 34px 90px 0 rgba(0,0,0,0.07);
			>ul {
				text-align: left;
				margin: 0;
				padding: 15px 0 20px;		
				>li {
					@include single-transition(all, .4s, ease-in-out);
					list-style: none;
					position: relative;
					opacity: 1 !important;
					padding: 5px 30px;
					&:first-child { border: none; }
					&:hover {
						>a { color: var(--color-primary) !important; }
					}
					>a {
						display: block;
						line-height: 26.4px !important;
						white-space: nowrap;
						transition: all 0.3s ease-in-out !important;
					}
				}
				>li.current-menu-item {
					>a { color: var(--color-primary) !important; }
				}
				>li.current-menu-ancestor {
					>a { color: var(--color-primary) !important; }
				}
				>li.menu-item-has-children {
					position: relative;
					padding: 5px 30px;
					>ul {
						display: none;
						background: none !important;
						padding: 0;	
						margin-left: 10px;
						>li {
							list-style: none;
							position: relative;
							opacity: 1 !important;
							&:hover {
								>a { color: var(--color-primary) !important;	}
							}
							a {
								color: $color-font;
                                font-size: 14px;
								display: block;
								white-space: nowrap;
								line-height: 26.4px !important;
								margin: 5px;
								transition: all 0.3s ease-in-out !important;
							}
						}
						>li.current-menu-item {
							>a {
								color: var(--color-primary) !important;
							}
						}
						>li.current-menu-ancestor {
							>a {
								color: var(--color-primary) !important;
							}
						}
						>li.menu-item-has-children, ul.depth1 > li.menu-item-has-children{
							position: relative;
							opacity: 1 !important;
							>ul {
								display: none;
								margin: 0;
								opacity: 0.8;
                                margin-left: 1.5em;
								>li {
									list-style: none;
									position: relative;
									&:last-child a{ border: none; }
									&:hover {
										>a {
											color: var(--color-primary) !important;
										}
									}
									a {
										display: block;
										white-space: nowrap;
										line-height: 26.4px !important;
										transition: all 0.3s ease-in-out !important;
									}
								}
								>li.current-menu-item {
									>a {
										color: var(--color-primary) !important;
									}
								}
								>li.current-menu-ancestor {
									>a {
										color: var(--color-primary) !important;
									}
								}
							}
							.mb-dropdown-icon {
								position: absolute;
								top: 0;
								right: 0;
								width: 25px;
								height: 25px;
								min-width: 25px !important;
								font-size: 8px;
								font-weight: 400;
								padding: 0;
								border: none;
								&:before {
									position: absolute;
									top: 0;
                                    left: 7px;
									-webkit-transform: translateY(0) !important;
									transform: translateY(0) !important;
									content: "\f067";
                                    font-family: 'FontAwesome';
									border: 0;
									background-color: transparent;
									font-size: 12px;
									right: -20px;
									&:before {
										content: " ";
										display: table;
									}
									&:after {
										content: " ";
										display: table;
										clear: both;
									}
								}
								&:hover {
									&:before {
										color:var(--color-primary);
									}
								}
							}
							.mb-dropdown-icon.open {
								&:before {
									font-family: FontAwesome;
									content: "\f068";
									color: #939393;
								}
							}
						}
					}
					.mb-dropdown-icon {
						position: absolute;
						top: 10px;
						right: 30px;
						width: 22px;
						height: 22px;
						font-size: 11px;
						padding: 0;
						border: 0;
						margin: 0 !important;
						&:before {
							@include single-transition(all, .4s, ease-in-out);
							position: absolute;
							top: 0;
                            left: 25%;
							-webkit-transform: translateY(0) !important;
							transform: translateY(0) !important;
							content: "\f067";
							font-family: 'FontAwesome';
							border: 0;
							background-color: transparent;
							&:before {
								content: " ";
								display: table;
							}
							&:after {
								content: " ";
								display: table;
								clear: both;
							}
						}
						&:hover {
							&:before {
							   color:var(--color-primary);
							}
						}
					}
					.mb-dropdown-icon.open {
						&:before {
							font-family: FontAwesome;
							content: "\f068";
							color:$color-dark-gray;
						}
					}
				}
			}
		}
		.mo-menu-list.active-menu-mb {
			display: block !important;
		}
		.mo-header-menu {
			.mo-col-menu.has-menu-right-sidebar {
				.mo-menu-list {
					margin-right: 0;
					padding-right: 20px;
				}
			}
		}
		.mo_widget_mini_cart {
			.mo-cart-header {
				top: -24px;
				right: 115px;
			}
		}
		.mo-search-sidebar {
			>a {
				top: -24px;
				right: 60px;
			}
		}
	}
	/* mo-header-v5 */
	.mo-header-v5 {
		.mo-header-menu{ height: 70px !important; }
		.mo-logo {
			position: relative;
			z-index: 110;
			top: 0;
			float: left;
            padding:0 15px;
			height: 100%;
			display: table;
			height: 70px;
			> a {
				display: table-cell;
				vertical-align: middle;
			}
			.logo{display: none;}
			img.logo_page{ display:block;}
		}
		.mo-header-icon {
			top: 39px;
			right: 34px;
		}
		.mo-menu-list {
			@include single-transition(all, .4s, ease-in-out);
			
			background:#fff;
			margin: 0;
			padding: 10px 20px;
			position: absolute;
			width: 90%;
			left: 5%;
			right: 5%;
			top: 70px;
			z-index: 999;
            border-radius: 20px;
			-webkit-animation: fadeInUp 0.4s both;
			-moz-animation: fadeInUp 0.4s both;
			-o-animation: fadeInUp 0.4s both;
			animation: fadeInUp 0.4s both;
			>ul {
				text-align: center;
				margin: 0;
				padding: 0;	
				>li {
					@include single-transition(all, .4s, ease-in-out);
					list-style: none;
					position: relative;
					opacity: 1 !important;
					border-top: 1px solid rgba(0,0,0,0.1);
					&:first-child {
						border: none;
					}
					&:hover {
						>a {
							color: var(--color-primary) !important;
						}
					}
					>a {
						display: block;
						color: $color-font !important;
						line-height: 26.4px !important;
						white-space: nowrap;
						padding:5px 15px 5px 10px;
						text-align: left;
					}
				}
				>li.current-menu-item {
					>a {
						color: var(--color-primary) !important;
					}
				}
				>li.current-menu-ancestor {
					>a {
						color: var(--color-primary) !important;
					}
				}
				>li.menu-item-has-children {
					position: relative;
					text-align: left;
					>ul {
						display: none;
						background: none !important;
						margin: 0;
						padding: 0;	
						>li {
							list-style: none;
							position: relative;
							opacity: 1 !important;
							&:hover {
								>a {
									color: var(--color-primary) !important;
								}
							}
							a {
								display: block;
								white-space: nowrap;
								text-align: left;
								padding: 0 10px 15px 20px !important;
							}
						}
						>li.current-menu-item {
							>a {
								color: var(--color-primary) !important;
							}
						}
						>li.current-menu-ancestor {
							>a {
								color: var(--color-primary) !important;
							}
						}
						ul.depth2 {
							display: none;
							margin: 0;
						}
						>li.menu-item-has-children {
							position: relative;
							opacity: 1 !important;
							>ul {
								display: none;
								margin: 0;
								>li {
									list-style: none;
									position: relative;
									&:hover {
										>a {
											color: var(--color-primary) !important;
										}
									}
									a {
										display: block;
										padding: 10px;
										padding: 10px 25px 10px 30px;
									}
								}
								>li.current-menu-item {
									>a {
										color: var(--color-primary) !important;
									}
								}
								>li.current-menu-ancestor {
									>a {
										color: var(--color-primary) !important;
									}
								}
							}
							.mb-dropdown-icon {
								position: absolute;
								top: -2px;
								right: -8px;
								width: 25px;
								height: 25px;
								font-size: 8px;
								font-weight: 400;
								padding: 0;
								border: none;
								&:before {
									position: absolute;
									top: 0;
									left: 35%;
									-webkit-transform: translateY(0) !important;
									transform: translateY(0) !important;
									position: absolute;
									content: "\f067";
									font-family: 'FontAwesome';
									background-color: transparent;
									&:before {
										content: " ";
										display: table;
									}
									&:after {
										content: " ";
										display: table;
										clear: both;
									}
								}
								&:hover {
									&:before {
										color:var(--color-primary);
									}
								}
							}
							.mb-dropdown-icon.open {
								&:before {
									font-family: FontAwesome;
									content: "\f068";
								}
							}
						}
					}
					.mb-dropdown-icon {
						position: absolute !important;
						top: 0;
						right: 0;
						width: 22px;
						height: 47px;
						font-size: 10px;
						font-weight: 400;
						padding: 0;
						&:before {
						    @include single-transition(all, .4s, ease-in-out);
							position: absolute;
							top: 25%;
							left: 50%;
							-webkit-transform: translateY(0) !important;
							transform: translateY(0) !important;
							position: absolute;
							content: "\f067";
                            font-family: 'FontAwesome';
							&:before {
								content: " ";
								display: table;
							}
							&:after {
								content: " ";
								display: table;
								clear: both;
							}
						}
						&:hover {
							&:before {
								color:var(--color-primary);
							}
						}
					}
					.mb-dropdown-icon.open {
						&:before {
							font-family: FontAwesome;
							content: "\f068";
						}
					}
				}
			}
		}
		.mo-menu-list.active-menu-mb {
			display: block !important;
		}
		.mo-header-menu {
			background-color: transparent !important;
			.mo-col-menu.has-menu-right-sidebar {
				.mo-menu-list {
					margin-right: 0;
					padding-right: 20px;
				}
				.mo-menu-list.motivo_cc {
					background: $color-black;
					padding: 10px 20px;
					>ul {
						margin-right: 0px;
						>li {
							>a {
								height: 45px;
							}
							>ul {
								>li {
									padding: 0;
									>a {
										color: $color-gray;
									}
									>ul {
										>li {
											padding: 0;
											>a {
												color: $color-gray;
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
	/* mo-header-v6 */
	.mo-header-v6 {
		.mo-logo {
			height:65px !important;
			line-height: 60px; 
            margin-left: 0 !important;
			img { position: relative; top:-3px; }
			img.logo-stick {display: none;}
		}
		.mo-header-sec{padding-left:30px;}
		.mo-menu-list {
			@include single-transition(all, .4s, ease-in-out);
			width: 100%;
			margin: 0;
			padding:0;
			position: absolute;
			top:60px;
			right: 0;
			z-index: 999;
			-webkit-animation: fadeInUp 0.4s both;
			-moz-animation: fadeInUp 0.4s both;
			-o-animation: fadeInUp 0.4s both;
			animation: fadeInUp 0.4s both;
			>ul {
				text-align: left;
				margin: 0;
				padding: 15px 31px;
				background:#fff;
				>li {
					@include single-transition(all, .4s, ease-in-out);
					list-style: none;
					position: relative;
					opacity: 1 !important;
					text-align: left;
					&:first-child {
						border: none;
					}
					&:hover {
						>a {
							color: var(--color-primary) !important;
						}
					}
					>a {
						color:$color-font !important;
						display: block;
						line-height: 26.4px !important;
						white-space: nowrap;
						padding: 10px 25px 10px 10px;
					}
				}
				>li.current-menu-item {
					>a {
						color: var(--color-primary) !important;
					}
				}
				>li.current-menu-ancestor {
					>a {
						color: var(--color-primary) !important;
					}
				}
				>li.menu-item-has-children {
					position: relative;
					>ul {
						display: none;
						background: none !important;
						margin: 0;
						padding-left: 5px;
						>li {
							list-style: none;
							position: relative;
							opacity: 1 !important;
							&:hover {
								>a {
									color: var(--color-primary) !important;
								}
							}
							a {
								display: block;
								white-space: nowrap;
								padding: 0 25px 15px 15px;
							}
						}
						>li.current-menu-item {
							>a {
								color: var(--color-primary) !important;
							}
						}
						>li.current-menu-ancestor {
							>a {
								color: var(--color-primary) !important;
							}
						}
						>li.menu-item-has-children {
							position: relative;
							opacity: 1;
							>ul {
								display: none;
								margin: 0;
								>li {
									list-style: none;
									position: relative;
									&:hover {
										>a {
											color: var(--color-primary) !important;
										}
									}
									a {
										display: block;
										padding: 10px;
										padding: 0 25px 15px 30px;
									}
								}
								>li.current-menu-item {
									>a {
										color: var(--color-primary) !important;
									}
								}
								>li.current-menu-ancestor {
									>a {
										color: var(--color-primary) !important;
									}
								}
							}
							.mb-dropdown-icon {
								position: absolute;
								top: 0;
								right: 0;
								width: 25px;
								height: 35px;
								font-size: 10px;
								font-weight: 700;
								padding: 0;
								border: none;
								&:before {
									position: absolute;
									top: 50%;
									left: 50%;
									-webkit-transform: translateY(0) !important;
									transform: translateY(0) !important;
									content: "\f067";
                                    font-family: 'FontAwesome';
									background-color: transparent;
									&:before {
										content: " ";
										display: table;
									}
									&:after {
										content: " ";
										display: table;
										clear: both;
									}
								}
								&:hover {
									&:before {
										color:var(--color-primary);
									}
								}
							}
							.mb-dropdown-icon.open {
								&:before {
									font-family: FontAwesome;
									content: "\f068";
									color:$color-dark-gray;
								}
							}
						}
					}
					.mb-dropdown-icon {
						position: absolute;
						top: 0;
						right: 0;
						width: 22px;
						height: 22px;
						font-size: 10px;
						font-weight: 700;
						padding: 0;
						&:before {
							 @include single-transition(all, .4s, ease-in-out);
							position: absolute;
							top: 50%;
							left: 50%;
							-webkit-transform: translateY(0) !important;
							transform: translateY(0) !important;
							content: "\f067";
                            font-family: 'FontAwesome';
							background-color: transparent;
							&:before {
								content: " ";
								display: table;
							}
							&:after {
								content: " ";
								display: table;
								clear: both;
							}
						}
						&:hover {
							&:before {
								color:var(--color-primary);
							}
						}
					}
					.mb-dropdown-icon.open {
						&:before {
							content: "\f068";
						    font-family: FontAwesome;
							color:$color-dark-gray;
						}
					}
				}
			}
		}
		.mo-menu-list.active-menu-mb {
			display: block !important;
		}
		.menu-toggle { 
			position: absolute;
			left: 100px;
			height: 60px;
			background-color: transparent;
			&::before{background-color: transparent;}
			.menu-sm-lines .menu-sm-line-1:after, .menu-sm-lines .menu-sm-line-1:before,
			.menu-sm-lines .menu-sm-line-2:after, .menu-sm-lines .menu-sm-line-2:before, 
			.menu-sm-lines .menu-sm-line-3:after, .menu-sm-lines .menu-sm-line-3:before{
				background: #000 !important;
			}
		}
		.menu-toggle .menu-toggle-title{ margin-top: 7px; }
		.mo-header-icon {
			top: 30px;
			right: 30px;
		}
		.mo-header-icon:after, .mo-header-icon span, .mo-header-icon:before{ background:$color-font;}
		.bg-header-icon { height:60px; }
		.mo-header-menu {
			background: #fff;
			height: 60px;
			.mo-col-menu.has-menu-right-sidebar {
				.mo-menu-list {
					margin-right: 0;
					padding-right: 20px;
				}
				.mo-menu-list.motivo_cc {
					background: $color-black;
					padding: 10px 20px;
					>ul {
						margin-right: 0px;
						>li {
							>a {
								font-size: 13px;
								height: 45px;
							}
							>ul {
								>li {
									padding: 0;
									>a {
										color: $color-gray;
									}
									>ul {
										>li {
											padding: 0;
											>a {
												color: $color-gray;
											}
										}
									}
								}
							}
						}
					}
				}
				.button-request {
					display: none;
				}
			}
		}
		.mo_widget_mini_cart {
			.mo-cart-header {
				top: -24px;
				right: 115px;
			}
		}
		.mo-search-sidebar {
			>a {
				top: -24px;
				right: 60px;
			}
		}
		.mo-header-top.t_motivo {
			padding: 0;
			border-bottom: 1px solid rgba(255,255,255,0.2);
			.motivoicon_tx {
				.icon_text {
					display: none;
				}
			}
			.motivo-p4 {
				display: none;
			}
			.motivo-p2 {
				width: 100%;
				position: relative;
				.mo-logo {
					text-align: left !important;
				}
			}
		}
	}
	
}
@media (min-width: 992px) and (max-width: 1199px) {
	.mo-header-v3 {
		.mo-header-menu {
			padding: 0 30px;
		}
	}
}
@media (min-width: 992px) {
	.mo-stick-active.admin-bar {
		.mo-sidepanel.mo-header-stick {
			.mo-header-menu {
				top: 32px;
			}
		}
		.mo-header-v2.mo-header-stick {
			.mo-header-menu {
				top: 32px;
			}
		}
		.mo-header-v3.mo-header-stick {
			.mo-header-menu {
				top: 32px;
			}
		}
		.mo-header-v5.mo-header-stick {
			.mo-header-menu {
				top: 32px;
			}
		}
		.mo-header-v6.mo-header-stick {
			.mo-header-menu {
				top: 32px;
			}
		}
	}
	.mo-stick-active {
		.mo-header-v2.mo-header-stick {
			.mo-header-menu {
				height: 80px;
				position: fixed;
				top: 0;
				width: 100%;
				background: #fff;
				z-index: 999;
				box-shadow: -2px 3px 90px -20px rgba(0, 0, 0, .25);
				.mo-logo { transform: scale(0.8); }
				.mo-menu-list > ul {line-height: 80px !important; height: 80px !important; }
				.select-languages {margin-top: 19px;}
				.mo-search-header > a, .mo-cart-header {margin-top: 20px;}
				.color-switcher, .menu-toggle {top: 20px;}
				.menu_other_v2 .call-us {padding-top: 24px;}
				.btn-nav.button {margin-top: 14px;}
				.mo-header-v2 .menu_other_v2 .call-us {padding-top:26px;}
				.header-top-login-register{margin-top: 19px;}
			}
        }	
		.mo-header-v3.mo-header-stick {
			.mo-header-menu {
				height: 80px;
				position: fixed;
				top: 0;
				width: 100%;
				background-color: rgba(255, 255, 255, 0.7);
				-webkit-backdrop-filter: blur(10px);
				backdrop-filter: blur(10px);
				z-index: 999;
				.header-top-login-register {margin-top: 19px;}
				.mo-logo { transform: scale(0.9); }
				.social_list {margin-top: 20px;}
				.color-switcher {top: 18px;}
				.select-languages{margin-top:25px;}	
				.btn-nav.button {margin-top: 15px;}		
				.mo-search-header {margin-top: 15px;}	
				.mo_mini_cart {margin-top: 15px;}
				.mo-menu-list > ul {
					height: 80px !important;
					line-height: 80px !important;
				}
				
			}
        }
		.mo-header-v5.mo-header-stick {
			.mo-header-menu {
				z-index: 999 !important;
				position: fixed;
				top: 0;
				width: 100%;
				-webkit-box-shadow: 0px 10px 90px 0px rgba(0,0,0,0.06);
				-moz-box-shadow: 0px 10px 90px 0px rgba(0,0,0,0.06);
				box-shadow: 0px 10px 90px 0px rgba(0,0,0,0.06);
			}
			.mo-header-menu:before{ top: 0 !important; }
			.mo-logo .logo { opacity:1; display:block; }
			.mo-logo .Logo_white{ opacity:0; display:none; }
			.mo-menu-list > ul > li > a:hover:before{z-index: 1;}
			.mo-menu-list > ul > li > a, .mo-search-header > a, .mo-cart-header > a, .select-languages > a, .l-dropdown-icon, .social_list li a , .menu_other_v5 .call-us, .menu_other_v5 .call-us aس{ color:$color-font;}
			.mo-cart-header svg path, .mo-cart-header svg line, .header-top-login-register a svg{stroke:$color-font;}
			.select-languages > a:after { border-color:$color-font; }
			.menu-divider{ background:rgba(0,0, 0, 0.07); }
			.social_list{ border-color:rgba(0, 0, 0, 0.07); }
			.color-switcher.white-switcher ul li a.dark {background-image: url(../images/2light.svg);}
			.header-top-login-register a{color:$color-font; }
			.menu_other_v5 .call-us{ border-color:var(--color-primary); }
			.menu_other_v5 .call-us a, .menu_other_v5 .call-us i{color: var(--color-primary); }
		}
		.mo-header-v6.mo-header-stick {
		  .mo-header-menu {
				position: fixed;
				top: 0;
				width: 100%;
				padding: 0;
				background:#fff;
				z-index: 999 !important;
			    .mo-logo .logo{ display:block; }
				.mo-logo .Logo_white{ display:none; }
				img.logo_page{ display:block;}
				.mo-menu-list.motivo_cc >ul >li >a { line-height: 65px; }
			}
			.mo-menu-list > ul > li > a, .mo-search-header > a, .mo-cart-header > a, .select-languages > a  , .menu-toggle .menu-toggle-title{ color: $color-font; }
			.select-languages > a:after{ border-color: $color-font; }
		}
	}
	.mo-header-v2, .mo-header-v3 {
		.mo-header-menu {
			background-color:#fff;
			vertical-align: middle;
			height: 100%;
			.container, .container-fluid, .container-menu, .mo-container{ height:100%; }
			.container-fluid{
				margin-left: 45px;
				margin-right: 45px;
				padding-left: 15px;
				padding-right: 15px;
				width: auto;
			}
		}
		.mo-menu-list {
		    height: 100%; 
			>ul {
				margin-bottom: 0;
				padding: 0;
				height: 90px !important;
				line-height: 90px !important;
				>li {
					@include single-transition(all, .4s, ease-in-out);
					list-style: none;
					display: inline-flex;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					-webkit-box-align: center;
					align-items: center;
					-webkit-box-pack: center;
					justify-content: center;
					margin: 0 10px;
					>a {
						@include single-transition(all, .4s, ease-in-out);
						position: relative;
						text-align: center;
						line-height: 28px;
						letter-spacing: 0px;
						font-weight: 600 !important;
						font-style: normal;
						color: $color-font;
						font-size: 15px;
						padding: 0;
						margin: 0 5px;
					}
					.mo-dropdown-menu-item {
						position: relative;
						>ul {
							display: none;
							background: #fff;
							position: absolute;
							top: 100%;
							left: 0;
							min-width: 220px;
							text-align: left;
							margin: 0;
							padding: 15px 0;
							z-index: -1;
							>li {
								list-style: none;
								position: relative;
								padding: 5px 15px;
								line-height: 20px;
								>a {
									@include single-transition(all, .4s, ease-in-out);
									display: block;
									font-size: 13px;
									font-weight: 400;
									line-height: 14px;
									letter-spacing: 0.06em;
									color: $color-font;
									padding:5px 15px;
									>i {
										margin-right: 5px;
									}
								}
								&:hover {
									>a {
										background: rgba(0,0,0,0.02);
									}
								}
								>ul {
									display: none;
									background: #fff;
									position: absolute;
									top: 0;
									left: 100%;
									min-width: 220px;
									text-align: left;
									margin: 0;
									padding: 15px 0;
									z-index: -1;
									>li {
										list-style: none;
										position: relative;
										padding: 5px 15px;
										line-height: 20px;
										>a {
											@include single-transition(all, .4s, ease-in-out);
											display: block;
											font-size: 13px;
											font-weight: 400;
											line-height: 14px;
											letter-spacing: 0.06em;
											color: $color-font;
											padding:5px 15px;
											>i {
												margin-right: 5px;
											}
										}
									}
								}
							}
							>li.menu-item-has-children {
								position: relative;
								&:after {
									position: absolute;
									top: 50%;
									line-height: 1;
									right: 25px;
									content: "\f067";
									font-family: 'FontAwesome';
									 @include translateY(-50%);
								}
							}
							>li.page_item_has_children {
								position: relative;
								&:after {
									position: absolute;
									top: 50%;
									line-height: 1;
									right: 25px;
									content: "\f067";
									font-family: 'FontAwesome';
									@include translateY(-50%);
								}
							}
						}
					}
				}
				li.current-page-ancestor a, li.current-menu-item a{
				    color: var(--color-primary);
				}
				>li.page_item_has_children.page_item {
					position: relative;
					>ul {
						display: none;
						background: #fff;
						position: absolute;
						top: 100%;
						left: 0;
						min-width: 220px;
						text-align: left;
						margin: 0;
						padding: 15px 0;
						z-index: -1;
						>li {
							list-style: none;
							position: relative;
							padding: 5px 15px;
							line-height: 20px;
							>a {
								@include single-transition(all, .4s, ease-in-out);
								display: block;
								font-size: 13px;
								font-weight: 400;
								line-height: 14px;
								letter-spacing: 0.06em;
								color: $color-font;
								padding:5px 15px;
								>i { margin-right: 5px; }
								&:after {
									  content: '';
									  position: absolute;
									  width: 0%;
									  height: 2px;
									  bottom: -5px;
									  background-color:$color-dark-gray;
								}
							
								&:after {
								  right: 1.5px;
								  background:$color-dark-gray;
								  transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
								}
								
								&:hover:after {
								  background-color: transparent;
								  width: 100%;
								  transition: 0s;
								}
							}
							>ul {
								display: none;
								background: #fff;
								position: absolute;
								top: 0;
								left: 100%;
								min-width: 220px;
								text-align: left;
								margin: 0;
								padding: 15px 0;
								z-index: -1;
								>li {
									list-style: none;
									position: relative;
									padding:5px 15px;
									line-height: 20px;
									>a {
										@include single-transition(all, .4s, ease-in-out);
										display: block;
										color: $color-font;
										padding:5px 15px;
										>i { margin-right: 5px; }
										&:before , &:after {
											  content: '';
											  position: absolute;
											  width: 0%;
											  height: 2px;
											  bottom: -5px;
											  background-color:$color-dark-gray;
										}
										&:before {
										  left: -1.5px;
										}
										&:after {
										  right: 1.5px;
										  background:$color-dark-gray;
										  transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
										}
										&:hover:before{
										  background:$color-dark-gray;
										  width: 100%;
										  transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
										}
										&:hover:after {
										  background-color: transparent;
										  width: 100%;
										  transition: 0s;
										}
									}
								}
							}
						}
						>li.menu-item-has-children {
							position: relative;
							&:after {
								position: absolute;
								top: 50%;
								line-height: 1;
								right: 25px;
								content: "\f067";
								font-family: 'FontAwesome';
								 @include translateY(-50%);
							}
						}
						>li.page_item_has_children {
							>a {
								position: relative;
								&:after {
									position: absolute;
									top: 50%;
									line-height: 1;
									right: 25px;
									content: "\f067";
									font-family: 'FontAwesome';
									@include translateY(-50%);
								}
							}
						}
					}
				}
				>li.menu-item-has-children.nomega-menu-item {
					position: relative;
					>ul {
						display: none;
						background: #fff;
						position: absolute;
						top: 100%;
						left: 0;
						min-width: 220px;
						text-align: left;
						margin-top: -1px;
						padding: 15px 0;
						z-index: -1;
						>li {
							list-style: none;
							position: relative;
							padding: 5px 15px;
							line-height: 20px;
							>a {
								@include single-transition(all, .4s, ease-in-out);
								display: inline-block;
                                position: relative;
								margin: 5px 15px;
								color: $color-font;
								>i { margin-right: 5px; }
							}
							>ul {
								display: none;
								background:#fff;
								position: absolute;
								top: 0;
								left: 100%;
								min-width: 220px;
								text-align: left;
								margin: 0;
								padding: 20px 0;
								z-index: -1;
								-webkit-box-shadow: 0px 10px 30px rgba(0,0,0,0.1);
								-moz-box-shadow: 0px 10px 30px rgba(0,0,0,0.1);
								box-shadow:0px 10px 30px rgba(0,0,0,0.1);
								>li {
									list-style: none;
									position: relative;
									padding: 5px 15px;
									>a {
										@include single-transition(all, .4s, ease-in-out);
										display: inline-block;
										position: relative;
										color: $color-font;
										>i { margin-right: 5px; }
									}
								}
							}
						}
						>li.menu-item-has-children {
							position: relative;
							&:after {
								content: "\f105";
								font-family: FontAwesome;
								position: absolute;
								top: 50%;
								right: 25px;
								color: $color-font;
								opacity: 0.3;
								@include translateY(-50%);
							}
						}
						ul.depth1 >li.menu-item-has-children {
							>a {
								position: relative;
							}
							&:after {
								content: "\f105";
								font-family: FontAwesome;
								position: absolute;
								top: 50%;
								right: 30px;
								line-height: 1;
								color: $color-font;
								opacity: 0.5;
								@include translateY(-50%);
							}
						}
						>li.page_item_has_children {
							position: relative;
							&:after {
								content: "\f105";
								font-family: FontAwesome;
								position: absolute;
								top: 50%;
								right: 25px;
								color: $color-font;
								opacity: 0.3;
								line-height: 1;
								@include translateY(-50%);
							}
						}
						ul.depth1 >li.menu-item-has-children {
							position: relative;
							&:after {
								content: "\f105";
								font-family: FontAwesome;
								position: absolute;
								top: 50%;
								right: 25px;
								color: $color-font;
								opacity: 0.3;
								line-height: 1;
								@include translateY(-50%);
							}
						}
					}
				}
				>li.menu-item-has-children.mega-menu-item , li.menu-item-has-children.nomega-menu-item {
					>ul {
						display: none;
						background: #fff;
						position: absolute;
						top: 0;
						left: 100%;
						min-width: 220px;
						text-align: left;
						margin-top: -1px;
						padding: 20px 0;
						//margin: 0 5px;
						z-index: -1;
						>li {
							list-style: none;
							position: relative;
							list-style: none;
							padding: 5px 15px;
							>a {
								@include single-transition(all, .4s, ease-in-out);
								display: inline-block;
                                position: relative;
								margin: 3px 15px;
							    color: $color-font;
								>i { margin-right: 5px; }
							}
							.widget {
								.wg-title {
									font-size: 14px;
									line-height: 32px;
									letter-spacing: 0.08em;
									color: $color-font;
									margin-bottom: 0;
									padding: 3px 0;
								}
							}
							.widget.widget_products {
								.product_list_widget {
									>li {
										list-style: none;
										margin-bottom: 10px;
										&:last-child {
											margin-bottom: 0;
										}
										>a {
											line-height: 0;
											img {
												float: left;
												width: 55px;
												height: auto;
												margin-left: 0;
												margin-right: 10px;
												&:hover {
													opacity: 0.8;
												}
											}
											.product-title {
												display: inline-block;
												font-size: 11px;
												font-weight: 900;
												line-height: 11px;
												letter-spacing: 0.1em;
												color: $color-font;
												max-width: 110px;
												overflow: hidden;
												text-overflow: ellipsis;
												text-transform: uppercase;
												white-space: nowrap;
												margin-top: 6px;
												&:hover {
													color:var(--color-primary);
												}
											}
										}
										.amount {
											font-size: 14px;
											font-style: italic;
											line-height: 14px;
											color: $color-font;
										}
										>del {
											font-size: 14px;
											line-height: 14px;
											color: $color-font;
											margin-right: 5px;
											.amount {
												font-size: 14px;
												line-height: 14px;
												color: $color-font;
											}
										}
										>ins {
											font-size: 15px;
											color: $color-font;
											text-decoration: none;
										}
									}
								}
							}
						}
						
						>li.mo-banner {
							margin: 0;
							padding: 0;
							.mo-banner-wrap {
								position: relative;
								min-height: 374px;
								.mo-overlay {
									@include single-transition(all, .4s, ease-in-out);
									position: absolute;
									top: 0;
									left: 0;
									width: 100%;
									height: 100%;
									background: rgba(0,0,0,0.4);
									opacity: 0;
									>a {
										position: absolute;
										top: 50%;
										left: 50%;
										width: 50px;
										height: 50px;
										text-align: center;
										line-height: 50px;
										background: #fff;
										color: $color-font;
										@include border-radius( 50%);
										-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg);
										-moz-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg);
										-o-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg);
										-ms-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg);
										transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg);
										&:hover {
											color:var(--color-primary);
											background: #ffffff;
										}
									}
								}
								&:hover {
									.mo-overlay {
										opacity: 1;
										>a {
											-webkit-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);
											-moz-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);
											-o-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);
											-ms-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);
											transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);
										}
									}
								}
							}
						}
					}
					>ul.columns2 {
						width: 420px;
						padding: 15px 0;
						>li {
							width: 50%;
							list-style: none;
							float: left;
							padding: 5px 15px;
							border-right: 1px solid #dadada;
							padding: 8px 15px;
							line-height: 20px;
							&:last-child {
								border-right: none;
							}
							>a {
								@include single-transition(all, .4s, ease-in-out);
								>i {
									margin-right: 5px;
								}
							}
							>a.hide_link {
								display: none;
							}
							>ul {
								margin: 0;
								padding: 0;
								>li {
									list-style: none;
									padding: 3px 0;
									>a {
										@include single-transition(all, .4s, ease-in-out);
										>i {
											margin-right: 5px;
										}
										>sup {
											font-size: 8px;
											vertical-align: baseline;
										}
									}
								}
							}
						}
					}
					>ul.columns3 {
						width: 630px;
						padding: 15px 0;
						>li {
							width: 33.3333%;
							list-style: none;
							float: left;
							padding:8px 30px;
							line-height: 20px;
							border-right: 1px solid #dadada;
							&:last-child {
								border-right: none;
							}
							>a {
								@include single-transition(all, .4s, ease-in-out);
								>i {
									margin-right: 5px;
								}
							}
							>a.hide_link {
								display: none;
							}
							>ul {
								margin: 0;
								padding: 0;
								>li {
									list-style: none;
									padding: 3px 0;
									>a {
										@include single-transition(all, .4s, ease-in-out);
										display: inline-block;
										position: relative;
										margin: 5px 15px;
										color:$color-font;
										>i { margin-right: 5px; }
										&:before , &:after {
											  content: '';
											  position: absolute;
											  width: 0%;
											  height: 2px;
											  bottom: -5px;
											  background-color:$color-dark-gray;
											}
											&:before {
											  left: -1.5px;
											}
											&:after {
											  right: 1.5px;
											  background:$color-dark-gray;
											  transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
											}
											&:hover:before{
											  background:$color-dark-gray;
											  width: 100%;
											  transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
											}
											&:hover:after {
											  background-color: transparent;
											  width: 100%;
											  transition: 0s;
											}
										}
								}
							}
						}
					}
					>ul.columns4 {
						padding: 15px 0;
						float: none;
						margin: auto;
						left: 0;
						right: 0;
						border-top:  1px solid rgba(0,0,0,0.07) !important;
						box-shadow: 0 5px 30px -10px rgba(0,0,0,.06) !important;
						&:before , &:after{
							content: '';
							background: inherit;
							width: 500%;
							height: 100%;
							display: block;
							position: absolute;
							top: -1px;
							z-index: -1;
						}
						&:before {
							right: 0;
						}
						>li {
							width: 25%;
							list-style: none;
							float: left;
							padding:8px 30px;
							line-height: 20px;
							border-left: 1px solid rgba(0, 0, 0, 0.05);
							&:last-child {
								border-right: none;
							}
							>a {
								@include single-transition(all, .4s, ease-in-out);
								>i {
									margin-right: 5px;
								}
							}
							>a.hide_link {
								display: none;
							}
							>ul {
								margin: 0;
								padding: 0;
								>li {
									list-style: none;
									padding: 3px 0;
									>a {
										@include single-transition(all, .4s, ease-in-out);
										display: inline-block;
										position: relative;
										margin: 5px 15px;
										color:$color-font;
										>i { margin-right: 5px; }
										&:before , &:after {
										  content: '';
										  position: absolute;
										  width: 0%;
										  height: 2px;
										  bottom: -5px;
										  background-color:$color-dark-gray;
										}
										&:before {
										  left: -1.5px;
										}
										&:after {
										  right: 1.5px;
										  background:$color-dark-gray;
										  transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
										}
										&:hover:before{
										  background:$color-dark-gray;
										  width: 100%;
										  transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
										}
										&:hover:after {
										  background-color: transparent;
										  width: 100%;
										  transition: 0s;
										}
									}
								}
							}
						}
					}
				}
				>li.menu-item-has-children.algleft {
					position: relative;
					>ul {
						left: 0;
					}
				}
				>li.menu-item-has-children.algright {
					position: relative;
					>ul {
						right: 0;
					}
				}
				>li.menu-item-has-children.algcenter {
					position: relative;
					>ul {
						left: 50%;
						@include translateX(-50%);
					}
				}
				>li.menu-item-has-children.fullwidth {
					>ul {
						left: 0;
						margin: 0;
						width: 940px;
					}
				}
			}
		}
	}
	.mo-header-v3 {
		.mo-header-menu { background-color:transparent; }
	}
	.boxed.mo-stick-active .mo-header-v2.mo-header-stick .mo-header-menu , 
	.boxed.mo-stick-active .mo-header-v3.mo-header-stick .mo-header-menu ,
	.boxed.mo-stick-active .mo-header-v5.mo-header-stick .mo-header-menu ,
	.boxed.mo-stick-active .mo-header-v6.mo-header-stick .mo-header-menu { 
		left: 0;
		width: calc( 100% - 20px ) !important;
		margin-right: 10px;
		margin-left: 10px;
	}
	.mo-header-v5 {
		.mo-logo {
			@include single-transition(all, .4s, ease-in-out);
			display: table;
			height: 80px;
			float: left;
			position: relative;
			z-index: 110;
			> a {
				display: table-cell;
				vertical-align: middle;
			}
			.Logo_white , .Logo_white {
				max-width: 100%;
			}
			.logo{
				opacity: 0;
                display: none;
			}
			.logo.logo_page{
				opacity: 1;
                display: block;
			}
		}
		.menu-sm-lines {
			.menu-sm-line-1, .menu-sm-line-2, .menu-sm-line-3{
				&:after, &:before{
					background: #fff;
				}
			}
		}
		.mo-col-menu {
			height: 100%;
			vertical-align: middle;
			display: flex !important;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			flex-direction: column;
			-webkit-box-align: center;
			-webkit-box-pack: center;
			justify-content: center;
			align-items: center;
			padding-left: 15px;
			padding-right: 15px;
		}
		.mo-menu-list {
			height: 100%;
			z-index: 3;
			>ul {
				padding: 0;
				margin: 0;
				height: 100%;
				>li {
					margin: 0 15px;
					display: inline-flex;
					list-style: none;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					-webkit-box-align: center;
					align-items: center;
					-webkit-box-pack: center;
					justify-content: center;
					height: 100%;
					@include single-transition(all, .4s, ease-in-out);
					>a {
						position: relative;
						letter-spacing: 0;
						display: inline-block;
						text-align: center;
						margin: 0 5px;
						color:#fff;
						font-weight: 600 !important;
						@include single-transition(all, .4s, ease-in-out);
					}
					.mo-dropdown-menu-item {
						position: relative;
						>ul {
							display: none;
							background: #fff;
							position: absolute;
							top: 100%;
							left: 0;
							min-width: 220px;
							text-align: left;
							margin: 0;
							padding: 25px 0;
							z-index: -1;
							-webkit-box-shadow: 0px 15px 100px 0px rgba(0,0,0,0.25);
							box-shadow: 0px 15px 100px 0px rgba(0,0,0,0.25);
							>li {
								list-style: none;
								position: relative;
								padding: 3px 15px;
								>a {
									@include single-transition(all, .4s, ease-in-out);
									color:$color-font;
									display: block;
									padding: 8px 15px;
									>i {
										margin-right: 5px;
									}
								}
								>ul {
									display: none;
									background: #fff;
									position: absolute;
									top: 0;
									left: 100%;
									min-width: 220px;
									text-align: left;
									margin: 0;
									padding: 25px 0;
									z-index: -1;
									-webkit-box-shadow:0px 15px 100px 0px rgba(0, 0, 0, 0.25);
									box-shadow:0px 15px 100px 0px rgba(0, 0, 0, 0.25);
									>li {
										list-style: none;
										position: relative;
										padding: 5px 15px;
										>a {
											@include single-transition(all, .4s, ease-in-out);
											color:$color-font;
											display: block;
											padding: 8px 15px;
											>i {
												margin-right: 5px;
											}
										}
									}
								}
							}
							>li.menu-item-has-children {
								>a {
									position: relative;
									&:after {
										position: absolute;
										content: "\f105";
										font-family: FontAwesome;
										position: absolute;
										top: 50%;
										right: 25px;
										opacity: 0.3;
										@include translateY(-50%);
									}
								}
							}
							ul.depth1 >li.menu-item-has-children {
								>a {
									position: relative;
									&:after {
										position: absolute;
										content: "\f105";
										font-family: FontAwesome;
										position: absolute;
										top: 50%;
										right: 25px;
										opacity: 0.3;
										@include translateY(-50%);
									}
								}
							}
							>li.page_item_has_children {
								>a {
									position: relative;
									&:after {
										position: absolute;
										content: "\f105";
										font-family: FontAwesome;
										position: absolute;
										top: 50%;
										right: 25px;
										opacity: 0.3;
										@include translateY(-50%);
									}
								}
							}
						}
					}
				}
				li.menu-item-has-children.mega-menu-item > ul li , li.menu-item-has-children.nomega-menu-item > ul li{
					> a { position: relative;  }
				}
				>li.page_item_has_children.page_item {
					position: relative;
					>ul {
						display: none;
						background: #fff;
						position: absolute;
						top: 100%;
						left: 0;
						min-width: 220px;
						text-align: left;
						margin: 0;
						padding: 25px 0;
						z-index: -1;
						-webkit-box-shadow: 0px 15px 100px 0px rgba(0,0,0,0.25);
						box-shadow: 0px 15px 100px 0px rgba(0,0,0,0.25);
						>li {
							list-style: none;
							position: relative;
							padding: 3px 15px;
							>a {
								@include single-transition(all, .4s, ease-in-out);
								color:$color-font;
								float: left;
								padding: 8px 0;
								margin: 0 15px;
								>i {
									margin-right: 5px;
								}
							}
							>ul {
								display: none;
								background:#fff;
								position: absolute;
								top: 0;
								left: 100%;
								min-width: 220px;
								text-align: left;
								margin: 0;
								padding: 25px 0;
								z-index: -1;
								-webkit-box-shadow:0px 15px 100px 0px rgba(0, 0, 0, 0.25);
								box-shadow:0px 15px 100px 0px rgba(0, 0, 0, 0.25);
								>li {
									list-style: none;
									position: relative;
									padding: 3px 15px;
									>a {
										@include single-transition(all, .4s, ease-in-out);
										display: block;
										color:$color-font;
										padding: 8px 15px;
										>i {
											margin-right: 5px;
										}
									}
								}
							}
						}
						>li.menu-item-has-children {
							>a {
								position: relative;
								&:after {
									content: "\f105";
									font-family: FontAwesome;
									position: absolute;
									top: 50%;
									right: 25px;
									opacity: 0.3;
									@include translateY(-50%);
								}
							}
						}
						ul.depth1 >li.menu-item-has-children{
							>a {
								position: relative;
								&:after {
									content: "\f105";
									font-family: FontAwesome;
									position: absolute;
									top: 50%;
									right: 25px;
									opacity: 0.3;
									@include translateY(-50%);
								}
							}
						}
						>li.page_item_has_children {
							>a {
								position: relative;
								&:after {
									content: "\f105";
									font-family: FontAwesome;
									position: absolute;
									top: 50%;
									right: 25px;
									opacity: 0.3;
									@include translateY(-50%);
								}
							}
						}
					}
				}
				>li.menu-item-has-children.nomega-menu-item {
					position: relative;
					>ul {
						display: none;
						background: #fff;
						position: absolute;
						top: 100%;
						left: 0;
						min-width: 220px;
						text-align: left;
						margin: 0;
						padding: 25px 0;
						z-index: -1;
						-webkit-box-shadow: 0px 15px 100px 0px rgba(0,0,0,0.25);
						box-shadow: 0px 15px 100px 0px rgba(0,0,0,0.25);
						>li {
							list-style: none;
							position: relative;
							padding: 0 15px;
							display: block;
                            clear: both;
							>a {
								@include single-transition(all, .4s, ease-in-out);
								position: relative;
								display: block;
							    color: $color-font;
								float: left;
								margin:10px 15px;
								>i {
									margin-right: 5px;
								}
							}
							>ul {
								display: none;
								background: #fff;
								position: absolute;
								top: 0;
								left: 100%;
								min-width: 220px;
								text-align: left;
								margin: 0;
								padding: 25px 0;
								z-index: -1;
								-webkit-box-shadow:0px 15px 100px 0px rgba(0, 0, 0, 0.25);
								box-shadow:0px 15px 100px 0px rgba(0, 0, 0, 0.25);
								ul.depth2 > li {
									margin: 0 30px;
								}
								>li {
									list-style: none;
									position: relative;
									padding: 1px 20px;
    								float: left;
									width: 100%;
									>a {
										@include single-transition(all, .4s, ease-in-out);
										display: block;
									    color:$color-font;
										float: left;
										padding: 8px 0;
										margin: 0 15px;
										>i {
											margin-right: 5px;
										}
									}
								}
							}
						}
						>li.menu-item-has-children {
							position: relative;
							&:after {
								content: "\f105";
								font-family: FontAwesome;
								position: absolute;
								right: 25px;
								top: 10px;
								opacity: 0.5;
								color: $color-font;
							}
						}
						ul.depth1 >li.menu-item-has-children{
							position: relative;
							&:after {
								content: "\f105";
								font-family: FontAwesome;
								position: absolute;
								right: 20px;
								 top: 10px;
								opacity: 0.5;
								color: $color-font;
							}
						}
						>li.page_item_has_children {
							position: relative;
							&:after {
								content: "\f105";
								font-family: FontAwesome;
								position: absolute;
								right: 25px;
								opacity: 0.5;
								color: $color-font;
							}
						}
					}
				}
				>li.menu-item-has-children.mega-menu-item {
					>ul {
						display: none;
						background: #fff;
						position: absolute;
						top: 100%;
						left: 0;
						min-width: 220px;
						text-align: left;
						margin: 0;
						padding: 0;
						z-index: -1;
						-webkit-box-shadow:0px 15px 100px 0px rgba(0, 0, 0, 0.25);
						box-shadow:0px 15px 100px 0px rgba(0, 0, 0, 0.25);
						>li {
							list-style: none;
							position: relative;
							padding: 3px 15px;
							list-style: none;
							>a {
								@include single-transition(all, .4s, ease-in-out);
								display: block;
								color:$color-font;
								float: left;
								margin:10px 15px;
								>i {
									margin-right: 5px;
								}
							}
							.widget {
								.wg-title {
									font-size: 14px;
									line-height: 32px;
									letter-spacing: 0.08em;
									color: $color-font;
									margin-bottom: 0;
									padding: 3px 0;
								}
							}
							.widget.widget_products {
								.product_list_widget {
									>li {
										list-style: none;
										margin-bottom: 10px;
										&:last-child {
											margin-bottom: 0;
										}
										>a {
											line-height: 0;
											img {
												float: left;
												width: 55px;
												height: auto;
												margin-left: 0;
												margin-right: 10px;
												&:hover {
													opacity: 0.8;
												}
											}
											.product-title {
												display: inline-block;
												font-size: 11px;
												font-weight: 900;
												line-height: 11px;
												letter-spacing: 0.1em;
												color: $color-gray;
												max-width: 110px;
												overflow: hidden;
												text-overflow: ellipsis;
												text-transform: uppercase;
												white-space: nowrap;
												margin-top: 6px;
												&:hover {
													color:var(--color-primary);
												}
											}
										}
										.amount {
											font-size: 14px;
											font-style: italic;
											line-height: 14px;
											color: $color-gray;
										}
										>del {
											font-size: 14px;
											line-height: 14px;
											color: $color-gray;
											margin-right: 5px;
											.amount {
												font-size: 14px;
												line-height: 14px;
												color: $color-gray;
											}
										}
										>ins {
											font-size: 15px;
											color: $color-gray;
											text-decoration: none;
										}
									}
								}
							}
						}
						>li.mo-banner {
							margin: 0;
							padding: 0;
							.mo-banner-wrap {
								position: relative;
								min-height: 374px;
								.mo-overlay {
									@include single-transition(all, .4s, ease-in-out);
									position: absolute;
									top: 0;
									left: 0;
									width: 100%;
									height: 100%;
									background: rgba(0,0,0,0.4);
									opacity: 0;
									>a {
										position: absolute;
										top: 50%;
										left: 50%;
										width: 50px;
										height: 50px;
										text-align: center;
										line-height: 50px;
										@include border-radius( 50%);
										-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg);
										-moz-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg);
										-o-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg);
										-ms-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg);
										transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg);
									}
								}
								&:hover {
									.mo-overlay {
										opacity: 1;
										>a {
											-webkit-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);
											-moz-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);
											-o-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);
											-ms-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);
											transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);
										}
									}
								}
							}
						}
					}
					>ul.columns2 {
						width: 420px;
						padding:20px 0;
						>li {
							width: 50%;
							list-style: none;
							float: left;
							padding: 3px 15px;
							&:last-child {
								border-right: none;
							}
							>a {
								@include single-transition(all, .4s, ease-in-out);
								>i {
									margin-right: 5px;
								}
							}
							>a.hide_link {
								display: none;
							}
							>ul {
								margin: 0;
								padding: 0;
								>li {
									list-style: none;
									padding: 3px 0;
									>a {
										@include single-transition(all, .4s, ease-in-out);
										display: block;
									    color: $color-font;
										padding: 8px 15px;
										>i {
											margin-right: 5px;
										}
										>sup {
											font-size: 8px;
											vertical-align: baseline;
										}
									}
								}
							}
						}
					}
					>ul.columns3 {
						width: 630px;
                        padding: 20px 0;
						>li {
							width: 33.3333%;
							list-style: none;
							float: left;
							padding: 3px 15px;
							&:last-child {
								border-right: none;
							}
							>a {
								@include single-transition(all, .4s, ease-in-out);
								>i {
									margin-right: 5px;
								}
							}
							>a.hide_link {
								display: none;
							}
							>ul {
								margin: 0;
								padding: 0;
								>li {
									list-style: none;
									padding: 3px 0;
									>a {
										@include single-transition(all, .4s, ease-in-out);
										display: block;
										color: $color-font;
										padding: 8px 15px;
										>i {
											margin-right: 5px;
										}
										>sup {
											font-size: 8px;
											vertical-align: baseline;
										}
									}
								}
							}
						}
					}
					>ul.columns4 {
						width: 840px;
						padding:20px 0;
						max-width: 1200px;
						float: none;
						margin: auto;
						left: 0;
						right: 0;
						&:after, &:before {
							content: '';
							width: 500%;
							height: 100%;
							display: block;
							position: absolute;
							top: 0;
							z-index: -1;
						}
						&:before {
							right: 0;
						}
						>li {
							width: 25%;
							list-style: none;
							float: left;
							padding:3px 15px;
							border-left:1px solid rgba(0, 0, 0, 0.05);
							&:last-child {
								border-right: none;
							}
							>a {
								@include single-transition(all, .4s, ease-in-out);
								>i {
									margin-right: 5px;
								}
							}
							>a.hide_link {
								display: none;
							}
							>ul {
								margin: 0;
								padding: 0;
								>li {
									list-style: none;
									padding: 3px 0;
									>a {
										@include single-transition(all, .4s, ease-in-out);
										display: block;
										color: $color-font;
										padding: 8px 15px;
										>i {
											margin-right: 5px;
										}
										>sup {
											font-size: 8px;
											vertical-align: baseline;
										}
									}
								}
							}
						}
					}
				}
				>li.menu-item-has-children.algleft {
					position: relative;
					>ul {
						left: 0;
					}
				}
				>li.menu-item-has-children.algright {
					position: relative;
					>ul {
						right: 0;
					}
				}
				>li.menu-item-has-children.algcenter {
					position: relative;
					>ul {
						left: 50%;
						@include translateX(-50%);
					}
				}
				>li.menu-item-has-children.fullwidth {
					>ul {
						left: 0;
						width: 100% !important;
					}
				}
			}
			>ul#menu-testing-menu {
				>li {
					>a {
						font-size: 14px;
						letter-spacing: 0;
						text-transform: none;
					}
				}
				li.menu-item-has-children {
					position: relative;
					ul {
						display: none;
						background: #fff;
						position: absolute;
						top: 100%;
						left: 0;
						min-width: 220px;
						text-align: left;
						margin: 0;
						padding: 25px 0;
						z-index: -1;
						-webkit-box-shadow: 0px 15px 100px 0px rgba(0,0,0,0.25);
						box-shadow: 0px 15px 100px 0px rgba(0,0,0,0.25);
						>li {
							list-style: none;
							position: relative;
							padding: 5px 15px;
							>a {
								@include single-transition(all, .4s, ease-in-out);
								position: relative;
								display: block;
								color:$color-font;
								padding: 8px 15px;
								>i {
									margin-right: 5px;
								}
							}
						}
						>li.menu-item-has-children {
							>a {
								&:after {
									content: "\f105";
									font-family: FontAwesome;
									position: absolute;
									top: 50%;
									right: 25px;
									opacity: 0.3;
									@include translateY(-50%);
								}
							}
						}
					}
					ul.depth1 {
						top: 0 !important;
						left: 100%;
					}
					ul.depth7 {
						top: 0 !important;
						left: 100%;
					}
					ul.depth8 {
						top: 0 !important;
						left: 100%;
					}
					ul.depth9 {
						top: 0 !important;
						left: 100%;
					}
					ul.depth10 {
						top: 0 !important;
						left: 100%;
					}
					ul.depth2 {
						top: 0 !important;
						left: -100%;
					}
					ul.depth3 {
						top: 0 !important;
						left: -100%;
					}
					ul.depth4 {
						top: 0 !important;
						left: -100%;
					}
					ul.depth5 {
						top: 0 !important;
						left: -100%;
					}
					ul.depth6 {
						top: 0 !important;
						left: -100%;
					}
				}
			}
		}
	}
	.mo-header-v6 {
		.mo-logo {
			 @include single-transition(all, .4s, ease-in-out);
			img { max-width: 100%; }
			img.logo-stick { display: none; }
		}
	    .mo-col-menu { 
			float:none; 
			margin:auto;
			height: 100%;
			vertical-align: middle;
			display: flex !important;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			flex-direction: column;
			-webkit-box-align: center;
			-webkit-box-pack: center;
			justify-content: center;
			align-items: center;
			padding-left: 15px;
			padding-right: 15px;
		 }
		.mo-menu-list {
			>ul {
				margin: 0;
				padding: 0;
				>li {
					display: inline-flex;
					list-style: none;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					-webkit-box-align: center;
					align-items: center;
					-webkit-box-pack: center;
					justify-content: center;
					margin: 0 15px;
					-webkit-transition: all 0.4s ease-in-out;
					-moz-transition: all 0.4s ease-in-out;
					-o-transition: all 0.4s ease-in-out;
					transition: all 0.4s ease-in-out;
					>a {
						position: relative;
						text-align: center;
						display: inline-block;
						color: $color-font;
						font-size: 15px;
						line-height: 20px;
						font-weight: 600 !important;
						margin: 30px 5px 30px 5px;
						@include single-transition(all, .4s, ease-in-out);
					}
					.mo-dropdown-menu-item {
						position: relative;
						>ul {
							display: none;
							position: absolute;
							background:#fff;
							top: 100%;
							left: 0;
							min-width: 220px;
							text-align: left;
							margin: 0;
							padding: 15px 0;
							z-index: -1;
							>li {
								list-style: none;
								position: relative;
								padding:3px 15px;
								>a {
									@include single-transition(all, .4s, ease-in-out);
									display: block;
									color: $color-font;
									padding: 8px 15px;
									>i { margin-right: 5px; }
								}
								>ul {
									display: none;
									position: absolute;
									background:#fff;
									top: 0;
									left: 100%;
									min-width: 220px;
									text-align: left;
									margin: 0;
									padding: 15px 0;
									z-index: -1;
									>li {
										list-style: none;
										position: relative;
										padding: 0px 15px;
										>a {
											@include single-transition(all, .4s, ease-in-out);
											display: block;
											color: $color-font;
											padding: 8px 15px;
											>i {
												margin-right: 5px;
											}
										}
									}
								}
							}
							>li.menu-item-has-children {
								>a {
									position: relative;
									&:after {
										content: "\f105";
										font-family: FontAwesome;
										position: absolute;
										top: 50%;
										right: 25px;
										opacity: 0.3;
										right: 10px;
									}
								}
							}
							ul.depth1 >li.menu-item-has-children {
								>a {
									position: relative;
									&:after {
										content: "\f105";
										font-family: FontAwesome;
										position: absolute;
										top: 50%;
										right: 25px;
										opacity: 0.3;
										right: 10px;
									}
								}
							}
							>li.page_item_has_children {
								>a {
									position: relative;
									&:after {
										content: "\f105";
										font-family: FontAwesome;
										position: absolute;
										top: 50%;
										right: 25px;
										opacity: 0.3;
										@include translateY(-50%);
									}
								}
							}
						}
					}
				}
				li.menu-item-has-children.mega-menu-item > ul li , li.menu-item-has-children.nomega-menu-item > ul li{
					> a { position: relative; display: inline-block; }
				}
				li.menu-item-has-children.mega-menu-item > ul li.current_page_item, li.menu-item-has-children.nomega-menu-item > ul > li.current_page_item{
                    > a{ color: var(--color-primary); }
				}
				>li.page_item_has_children.page_item {
					position: relative;
					>ul {
						display: none;
						background:#fff;
						position: absolute;
						top: 100%;
						left: 0;
						min-width: 220px;
						text-align: left;
						margin: 0;
						padding: 15px 0;
						z-index: -1;
						>li {
							list-style: none;
							position: relative;
							padding:3px 15px;
							>a {
								@include single-transition(all, .4s, ease-in-out);
								display: block;
								color: $color-font;
								padding: 8px 15px;
								>i {
									margin-right: 5px;
								}
							}
							>ul {
								display: none;
								background:#fff;
								position: absolute;
								top: 0;
								left: 100%;
								min-width: 220px;
								text-align: left;
								margin: 0;
								padding: 15px 0;
								z-index: -1;
								>li {
									list-style: none;
									position: relative;
									padding: 0px 15px;
									>a {
										@include single-transition(all, .4s, ease-in-out);
										display: block;
										color: $color-font;
										padding: 8px 15px;
										>i {
											margin-right: 5px;
										}
									}
								}
							}
						}
						>li.menu-item-has-children {
							>a {
								position: relative;
								&:after {
									content: "\f105";
									font-family: FontAwesome;
									position: absolute;
									top: 50%;
									right: 25px;
									opacity: 0.3;
									 @include translateY(-50%);
								}
							}
						}
						ul.depth1 >li.menu-item-has-children {
							>a {
								position: relative;
								&:after {
									content: "\f105";
									font-family: FontAwesome;
									position: absolute;
									top: 50%;
									right: 25px;
									opacity: 0.3;
									 @include translateY(-50%);
								}
							}
						}
						>li.page_item_has_children {
							>a {
								position: relative;
								&:after {
									content: "\f105";
									font-family: FontAwesome;
									position: absolute;
									top: 50%;
									right: 25px;
									opacity: 0.3;
									@include translateY(-50%);
								}
							}
						}
					}
				}
				>li.menu-item-has-children.nomega-menu-item {
					position: relative;
					>ul {
						display: none;
						background:#fff;
						position: absolute;
						top: 100%;
						left: 0;
						min-width: 220px;
						text-align: left;
						margin: 0;
						padding: 20px 0;
						z-index: -1;
						>li {
							list-style: none;
							position: relative;
							padding:1px 15px;
							>a {
								@include single-transition(all, .4s, ease-in-out);
								display: inline-block;
								padding: 8px 0;
                                margin: 0 15px;
								>i { margin-right: 5px; } 
							}
							>ul {
								display: none;
								background: #fff;
								position: absolute;
								top: 0;
								left: 100%;
								min-width: 220px;
								text-align: left;
								margin: 0;
								padding: 15px 0;
								z-index: -1;
								-webkit-box-shadow:0px 15px 100px 0px rgba(0, 0, 0, 0.25);
								box-shadow:0px 15px 100px 0px rgba(0, 0, 0, 0.25);
								>li {
									list-style: none;
									position: relative;
									padding: 0 15px;
									>a {
										@include single-transition(all, .4s, ease-in-out);
										display: inline-block;
										padding: 8px 0;
										margin: 0 15px;
										>i { margin-right: 5px; }
									}
								}
							}
						}
						>li.menu-item-has-children , >li.page_item_has_children {
							position: relative;
							&:after {
								content: "\f105";
								font-family: FontAwesome;
								position: absolute;
								top: 50%;
								right: 30px;
								line-height: 1;
								color: $color-font;
								opacity: 0.5;
								@include translateY(-50%);
							}
						}
					}
				}
				>li.menu-item-has-children.mega-menu-item {
					>ul {
						>li {
							list-style: none;
							position: relative;
							padding:3px 15px;
							list-style: none;
							>a {
								@include single-transition(all, .4s, ease-in-out);
								display: inline-block;
								color:#fff;
								padding: 8px 0;
								>i {
									margin-right: 5px;
								}
							}
							.widget {
								.wg-title {
									font-size: 14px;
									line-height: 32px;
									letter-spacing: 0.08em;
									color: $color-gray;
									margin-bottom: 0;
									padding: 3px 0;
								}
							}
							.widget.widget_products {
								.product_list_widget {
									>li {
										list-style: none;
										margin-bottom: 10px;
										&:last-child {
											margin-bottom: 0;
										}
										>a {
											line-height: 0;
											img {
												float: left;
												width: 55px;
												height: auto;
												margin-left: 0;
												margin-right: 10px;
												&:hover {
													opacity: 0.8;
												}
											}
											.product-title {
												display: inline-block;
												font-size: 11px;
												font-weight: 900;
												line-height: 11px;
												letter-spacing: 0.1em;
												color: $color-gray;
												max-width: 110px;
												overflow: hidden;
												text-overflow: ellipsis;
												text-transform: uppercase;
												white-space: nowrap;
												margin-top: 6px;
											}
										}
										.amount {
											font-size: 14px;
											font-style: italic;
											line-height: 14px;
											color: $color-gray;
										}
										>del {
											font-size: 14px;
											line-height: 14px;
											color: $color-gray;
											margin-right: 5px;
											.amount {
												font-size: 14px;
												line-height: 14px;
												color: $color-gray;
											}
										}
										>ins {
											font-size: 15px;
											color: $color-gray;
											text-decoration: none;
										}
									}
								}
							}
						}
					
						>li.mo-banner {
							margin: 0;
							padding: 0;
							.mo-banner-wrap {
								position: relative;
								min-height: 374px;
								.mo-overlay {
									@include single-transition(all, .4s, ease-in-out);
									position: absolute;
									top: 0;
									left: 0;
									width: 100%;
									height: 100%;
									background: rgba(0,0,0,0.4);
									opacity: 0;
									>a {
										position: absolute;
										top: 50%;
										left: 50%;
										width: 50px;
										height: 50px;
										text-align: center;
										line-height: 50px;
										color: #fff;
										background:var(--color-primary);
										@include border-radius( 50%);
										-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg);
										-moz-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg);
										-o-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg);
										-ms-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg);
										transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg);
									}
								}
								&:hover {
									.mo-overlay {
										opacity: 1;
										>a {
											-webkit-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);
											-moz-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);
											-o-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);
											-ms-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);
											transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);
										}
									}
								}
							}
						}
					}
					>ul.columns2 {
						width: 420px;
						padding: 15px 0;
						>li {
							width: 50%;
							list-style: none;
							float: left;
							padding:3px 15px;
							&:last-child {
								border-right: none;
							}
							>a {
								text-align: left;
								@include single-transition(all, .4s, ease-in-out);
								>i {
									margin-right: 5px;
								}
							}
							>a.hide_link {
								display: none;
							}
							>ul {
								margin: 0;
								padding: 0;
								>li {
									list-style: none;
									padding: 3px 0;
									>a {
										@include single-transition(all, .4s, ease-in-out);
										>i {
											margin-right: 5px;
										}
										>sup {
											font-size: 8px;
											vertical-align: baseline;
										}
									}
								}
								
							}
						}
					}
					>ul.columns3 {
						width: 630px;
						padding: 15px 0;
						>li {
							width: 33.3333%;
							list-style: none;
							float: left;
                            text-align: left;
							padding:3px 15px;
							&:last-child {
								border-right: none;
							}
							>a {
								@include single-transition(all, .4s, ease-in-out);
								>i {
									margin-right: 5px;
								}
							}
							>a.hide_link {
								display: none;
							}
							>ul {
								margin: 0;
								padding: 0;
								>li {
									list-style: none;
									padding: 3px 0;
									>a {
										@include single-transition(all, .4s, ease-in-out);
										>i {
											margin-right: 5px;
										}
										>sup {
											font-size: 8px;
											vertical-align: baseline;
										}
									}
								}
							}
						}
					}
					>ul.columns4 {
						width: 840px;
						padding: 15px 0;
						max-width: 1140px;
						float: none;
						margin: auto;
						left: 0;
						right: 0;
						>li {
							width: 25%;
							list-style: none;
							float: left;
							text-align: left;
						    padding: 3px 25px;
                            border-left: 1px solid rgba(0, 0, 0, 0.05);
							&:last-child {
								border-right: none;
							}
							>a {
								@include single-transition(all, .4s, ease-in-out);
								>i { margin-right: 5px; }
							}
							>a.hide_link {
								display: none;
							}
							>ul {
								margin: 0;
								padding: 0;
								>li {
									list-style: none;
									padding: 3px 0;
									>a {
										@include single-transition(all, .4s, ease-in-out);
										>i {
											margin-right: 5px;
										}
										>sup {
											font-size: 8px;
											vertical-align: baseline;
										}
									}
								}
							}
						}
					}
				}
				>li.menu-item-has-children.algleft {
					position: relative;
					>ul {
						left: 0;
					}
				}
				>li.menu-item-has-children.algright {
					position: relative;
					>ul {
						right: 0;
					}
				}
				>li.menu-item-has-children.algcenter {
					position: relative;
					>ul {
						left: 50%;
						@include translateX(-50%);
					}
				}
				>li.menu-item-has-children.fullwidth {
					>ul {
						left: 0;
						width: 100% !important;
					}
				}
			}
		}
	}
}
@media (max-width: 767px) {
	.mo-sidepanel {
		.mo-header-top {
			.widget {
				text-align: center;
				#menu-menu-top {
					text-align: center;
					>li {
						margin-right: 25px;
					}
				}
				.mo-top-bar {
					text-align: center;
					>li {
						margin-right: 25px;
					}
				}
			}
		}
	}
	.mo-header-onepage {
		.mo-logo {
			margin-top: 20px;
		}
		.mo-menu {
			right: 20px;
		}
	}
}
@media (max-width: 1199px) {
  .social-header-lnav, .copyright_txt_lnav {display:none;}
  .mo-wrapper-leftnav.mo-border header { height: auto; }
  .mo-wrapper-leftnav header, .mo-wrapper-leftnav .mo-left-navigation{position:relative; width:100%; height: auto; display:block; }
  .wrapper-left-navigation .main-content, .wrapper-left-navigation footer , .scroll-pane{ width:100% !important;  }
  .mo-wrapper-leftnav .main-content { width: 100%; height: auto; }
  .wrapper-left-navigation .footer_v1.footer-fixed { width: 100% !important; left:0; }
}
@media (min-width: 1200px) {
	.mo-wrapper-leftnav { 
		.mo-left-navigation{ width: 20%;}
	}
	.wrapper-left-navigation .footer_v1.footer-fixed { left: 20%; }
	.wrapper-left-navigation .main-content , .wrapper-left-navigation footer{
		width:80%;
		float:right;
		.container { width: 95%;}
	}
}
.mo-col-menu ul {list-style:none;}
/*-------------------*/

.mo-header-v5 {
	 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul ,
	 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul {
		li:hover >a , li.current-menu-item >a , li.current-menu-ancestor >a , li.current_page_item a {
			position: relative;
			overflow: hidden;
			> i { margin-right: 5px; }
		}
	}
}
.mo-header-v6{
	.mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul {
		li:hover >a , li.current-menu-item >a , li.current-menu-ancestor >a , li.current_page_item a {
			@extend .color-main;
		}
	}
}
/* menu fullwidth */
@media (min-width: 992px){
	.mo-header-v2 , .mo-header-v4 , .mo-header-v5 , .mo-header-v6, .mo-header-v7 {
       .mo-menu-list > ul >li.menu-item-has-children.fullwidth >ul { padding:40px 0 !important; }
	}
}
/* menu scaleY effect */
@media (min-width: 992px){
	.mo-header-v2 , .mo-header-v3, .mo-header-v4 , .mo-header-v5 , .mo-header-v6 , .mo-header-v7{
		.mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul , .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul,
		 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul, .mo-col-menu ul.depth2{
			-webkit-transition: all 0.4s ease;
			-moz-transition: all 0.4s ease;
			transition: all 0.4s ease;
			-webkit-transform: scaleY(0);
			-moz-transform: scaleY(0);
			-o-transform: scaleY(0);
			-ms-transform: scaleY(0);
			transform: scaleY(0);
			-webkit-transform-origin: 0 0 0;
			-ms-transform-origin: 0 0 0;
			-o-transform-origin: 0 0 0;
			transform-origin: 0 0 0;
			opacity: 0;
			position: absolute;
			margin: 0 5px;
			-moz-box-shadow:11px 10px 38px 0 rgba(0,0,0,.1);
			-webkit-box-shadow:11px 10px 38px 0 rgba(0,0,0,.1);
			box-shadow:11px 10px 38px 0 rgba(0,0,0,.1);
			@include border-radius(10px);
			display: block;
			top: -1.9rem;
		}
		.mo-col-menu ul.depth2{ 
			display: none;
			background: #fff;
			position: absolute;
			top: -1rem;
			left: 100%;
			min-width: 220px;
			text-align: left;
			margin: 0;
			padding: 25px 0;
			z-index: -1;
			-webkit-box-shadow: 0px 15px 100px 0px rgba(0, 0, 0, 0.25);
			box-shadow: 0px 15px 100px 0px rgba(0, 0, 0, 0.25);
			li{
				position: relative;
				overflow: hidden;
			}
		}
		.mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul, .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul{
			top: 100%;
			z-index: -1;
		}
		.mo-menu-list > ul > li.menu-item-has-children.mega-menu-item:hover > ul , .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item:hover > ul , .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li:hover > ul, .mo-col-menu ul.depth1 > li:hover > ul.depth2 {
			-webkit-transform: scaleY(1);
			-moz-transform: scaleY(1);
			-o-transform: scaleY(1);
			-ms-transform: scaleY(1);
			transform: scaleY(1);
			opacity: 1;
			display: block;
		}
	}
	.mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul{
		top:calc( 100% + 25px);
	}
	.mo-header-v2 , .mo-header-v3 , .mo-header-v4 , .mo-header-v5 , .mo-header-v6, .mo-header-v7 {
	   .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4{
		padding: 15px 0;
		float: none;
		margin: auto;
		left: 0;
		right: 0;
		&:before , &:after{
			content: '';
			background: inherit;
			width: 500%;
			height: 100%;
			display: block;
			position: absolute;
			top: 0;
			z-index: -1;
		}
		&:before {
			right: 0;
		}
	  }
   }
}
.mo-header-v1 .logo img, .mo-header-v2 .mo-logo img, .mo-header-v3 .mo-logo img, .mo-header-v4 .mo-logo img, .mo-header-v5 .mo-logo img, .mo-header-v6 .mo-logo img, .mo-header-v7 .mo-logo img, .mo-header-onepage .mo-logo img, .mo-left-navigation .mo-header-menu .mo-logo img , .navigation img.Logo_white, .navigation .logo.logo_page{
	height: 35px;
}
.mo-header-v2 , .mo-header-v3 , .mo-header-v4 , .mo-header-v5 , .mo-header-v6, .mo-header-v7 {
	.mo-col-menu ul {
		display: flex;
		align-items: stretch;
		justify-content: flex-end;
	}
	.mo-menu-list > ul > li > a {
		display: inline-flex;
		white-space: nowrap;
	}
}

@media only screen and (min-width: 1200px) {
	.mo-header-v2, .mo-header-v3, .mo-header-v4 , .mo-header-v5 , .mo-header-v6, .mo-header-v7 {
		#mo_header .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4,
		#mo_header .mo-menu-list > ul li.menu-item-has-children.nomega-menu-item > ul.columns4{ width: 1140px !important; }
	}
}
/* header single */
.single-team , .single-portfolio{
	.mo-header-v3 .mo-menu-list > ul > li > a , .nav-menu-icon a , .nav-menu-icon a:hover, .nav-menu-icon a.active{ color:$color-black; }
	.mo-header-v5 .mo-menu-list > ul > li > a, .mo-header-v5 .mo-header-top.t_motivo .icon_text, .mo-header-v5 .mo-header-top.t_motivo a, .mo-header-v5 .mo-search-header > a, .mo-header-v5 .mo-cart-header > a, .mo-header-v5 .social-header-v5 li a, .mo-header-v5 .lang_link > ul > li{ color:$color-black; }
	.mo-header-v5 .social-header-v5 li a:hover { color:$color-dark-gray;}
	.btn-nav { border-color:$color-black; color:$color-black; }
	.mo-header-v5.mo-header-fixed .mo-header-menu, .mo-header-v6 .mo-header-menu { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
	.mo-header-v6 .mo-menu-list > ul > li > a, .mo-header-v6 .mo-header-top.t_motivo .contact_info, .mo-header-v6 .mo-header-top.t_motivo .contact_info a, .mo-header-v6 .social-header-v6 li a, .mo-header-v6 .mo-search-header > a, .mo-header-v6 .mo-cart-header > a , .mo-header-v6 .menu-toggle { color:$color-black; }
	.mo-header-v3 .navigation img.logo , .mo-header-v5 .mo-header-menu .mo-logo .logo , .mo-header-v6 .mo-header-menu .mo-logo .logo  { display: block; opacity: 1; }
	.mo-header-v3 .navigation img.Logo_white, .mo-header-v5 .mo-header-menu .mo-logo .Logo_white , .mo-header-v6 .mo-header-menu .mo-logo .Logo_white { display: none;     opacity: 0; }
}

//.mo-header-v7
	.mo-header-v7 {
	.mo-header-top{
		backdrop-filter: blur(10px) brightness(93%);
		background-color: rgba(0, 0, 0, 0.2);
		padding-top: 8px;
		padding-bottom: 8px;
		padding-right: 30px;
		padding-left: 30px;
		display: block;
		float: left;
		width: 100%;
		strong{font-weight: 400;}
		span.info-header , .info-header a{
			font-size: 13px;
			color: #ffffffb3;
			line-height: 1.7em;
			display: inline;
			> i{
				padding-right: 7px;
				margin-top: 10px;
				font-size: 14px;
				height: 100%;
				float: left;
				opacity: 0.3;
				color: #fff;
			}
			> a{padding-left:5px; }
		}
		.mo-header-top-l{margin-top:-5px;}
	}
	.sec-page-header{
		padding-left: 30px;
		padding-right: 30px;
		display: block;
		float: left;
		width: 100%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}
	.mo-col-logo{display:inline-block;}
	.mo-header-menu {
		position: absolute;
		top:0;
		left: 50%;
		width: 100%;
		z-index: 999;
		background:transparent;
		@include translateX(-50%);
		.mo-search-sidebar {
		>a {
			&:before {
				@include single-transition(all, .4s, ease-in-out);
				content: "";
				position: absolute;
				top: 50%;
				left: 50%;
				width: 0;
				height: 2px;
				background: #ffffff;
				opacity: 0;
				-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
				-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
				-o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
				-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
				transform: translateX(-50%) translateY(-50%) rotate(45deg);
			}
			&:after {
					@include single-transition(all, .4s, ease-in-out);
				content: "";
				position: absolute;
				top: 50%;
				left: 50%;
				width: 0;
				height: 2px;
				background: #ffffff;
				opacity: 0;
				-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
				-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
				-o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
				-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
				transform: translateX(-50%) translateY(-50%) rotate(45deg);
				-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
				-moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
				-o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
				-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
				transform: translateX(-50%) translateY(-50%) rotate(-45deg);
			}
			&:hover {
				color: #fff;
				@extend .bg-color-main;
			}
		}
		>a.active {
			@extend .bg-color-main;
			>i {
				opacity: 0;
			}
			&:before {
				width: 15px;
				opacity: 1;
			}
			&:after {
				width: 15px;
				opacity: 1;
			}
		}
	}

	}
	.menu_other_v7{
		text-align: center;
		float: right;
		position: relative;
		right: 0;
		top: 0;
		vertical-align: middle;
		.button.btn-nav{ 
			margin-top:10px; margin-left:20px; letter-spacing:0; float:right;
			border: 1px solid transparent;
			color:#fff;
			border-radius: 25px;
			--qode-hover-move-x: 110%;
			--qode-hover-move-y: 100%;
			background-color: rgba(255, 255, 255, .2);
			-webkit-backdrop-filter: blur(4px) brightness(100%);
			backdrop-filter: blur(4px) brightness(100%);
		}
		.social_list{ 
			float:right; clear:none; margin-top:10px; 
			ul.social-links li a {
				background-color: transparent;
				border: 0;
				opacity: 0.4;
				width: 40px;
				height: 40px;
				line-height: 40px;
				&:hover:after {
					animation: mo-menu-circle-border-primary 1s forwards;
				}
			}
		}
		.mo-search-header , .menu-toggle, .mo_mini_cart{
			position: relative;
			margin-left: 10px;
			border: 1px solid rgba(255, 255, 255, 0.2);
			width: 40px;
			height: 40px;
			border-radius: 50%;
			top: 10px;
			&:after {
				content: "";
				position: absolute;
				width: 40px;
				height: 40px;
				display: block;
				left: -1px;
				top: 0;
				z-index: -1;
				border: 1px solid transparent;
				border-radius: 50%;
				box-sizing: border-box;
			}
			&:hover:after {
				animation: mo-menu-circle-border 1s forwards;
			}
		}
		.mo-search-header > a i{ margin-right:0; color: #fff;}
		.menu-sm-lines {
			top: 30%;
			.menu-sm-line-1 { width:15px; right:-13px;}
			.menu-sm-line-2 { width:20px; right:-8px; }
			.menu-sm-line-1:after, .menu-sm-line-1:before, .menu-sm-line-2:after, .menu-sm-line-2:before{background:#fff;}
		}
		.color-switcher{ top:10px;margin-left: 10px; border:1px solid rgba(255, 255, 255, 0.1);}
		.info-txt{
			margin-top: 5px;
			color: #fff;
			display: block;
			max-width: 250px;
			font-size: 13px;
			line-height: 20px;
			text-align: right;
			float: left;
			a{
				color: var(--color-primary);
				font-size: 18px;
				line-height: 24px;
				font-weight: 700;
				display: block;
				clear: both;
			}
		}
		.mo_mini_cart svg path, .mo_mini_cart svg line{stroke:#fff;}
		.select-languages{
			margin-left: 10px;
			a {
				line-height:1;
				font-size: 14px;
				font-weight: 700;
				text-transform: capitalize;
				letter-spacing: 0.5px;
				&:after{ border-color: #fff;}
				svg{ margin-top: -1px; }
			}
			> a {color: #fff;}
		}
		.header-top-login-register {
			margin-top:10px;
			a{
				color:#fff;
				padding-left: 10px;
				padding-right: 10px;
				line-height: 35px;
				border: 1px solid rgba(255, 255, 255, 0.2);
				svg{ 
					stroke: rgba(255, 255, 255, 0.8);
					margin-right: 0;
				}
				span{display: none;}
			}
		}
	}
	.mo-header-top { 
		.container{ border-bottom:1px solid rgba(132, 132, 132, 0.4);}
		.contact_info{
			font-size:14px;
			line-height: 1.7em;
			color: #fff;
			float: right;
			display: flex;
			flex-direction: row;
			a{ color: #ffffffb3; }
			a:hover{ color: #fff; }
			span{ 
				font-size: 13px;
				color: #ffffffb3;
				line-height: 1.7em;
				padding-left: 15px; 
				display: inline-block;
				padding-left: 15px;
				display: inline-block;
				max-width: 250px;
				strong { font-weight: 400; }
			}
			i{ 
				padding-right: 7px;
				margin-top: 4px;
				font-size: 14px;
				height: 100%;
				float: left;
				opacity: 0.3;
				color: #fff;
				&.fa-phone{ 
					margin-top: 3px;
				}
			}
		}
		.info-txt {
			line-height: 40px;
			letter-spacing: 0;
			float: left;
			color: #fff;
			font-size: 14px;
			padding-right: 15px;
			a{color:inherit; font-weight:600; }
		}
		.social_list {
			float: left;
			clear: none;
			margin-right: 15px;
			li {
				margin-right: 0;
				a{
					background-color: transparent;
					font-size: 14px;
					height: auto;
					width: 30px;
					margin-top: 10px;
					opacity: 0.6;
				}
			}
		}
		.social_list a { border-top: 0; border-bottom: 0; }
		.mo-search-header { margin-top: 9px; }
		.mo_mini_cart { margin-top: 12px; }
		.menu-sm-points { top: 15px; }
		.select-languages  {
			margin-left: 15px;
			top: 0;
			width: 60px;
			float: right;
			> a { color: #fff; line-height:40px; padding-right:0; }
			ul a { margin: 0;}
			> a:after {
				width: 6px;
				height: 6px;
				border-left: 2px solid #fff;
				border-bottom: 2px solid #fff;
				margin-right: -8px;
				margin-top: -5px;
				opacity: 0.5;
			}
		}
	}
}	
@media (max-width: 991px) {
	.mo-header-v7 {
		.mo-header-icon span , .mo-header-icon:before , .mo-header-icon:after {background:#fff; }
		.mo-logo {
			img.logo { display: none; }
			img.logo_page{ display:block;}
		}
		.mo-header-icon{top:34px;}
        .menu_other_v7{right:60px;top:-10px;}
		.mo-menu-list{
			@include single-transition(all, .4s, ease-in-out);
			min-width: 100%;
			background: #fff;
			margin: 0;
			padding: 10px 20px;
			position: absolute;
			top: 70px;
			right: 0 !important;
			z-index: 999;
			-webkit-animation: fadeInUp 0.4s both;
			-moz-animation: fadeInUp 0.4s both;
			-o-animation: fadeInUp 0.4s both;
			animation: fadeInUp 0.4s both;
			border-bottom: 3px solid var(--color-primary);
			>ul {
				text-align: left;
				margin: 0;
				padding: 15px 30px 10px;
				>li {
					 @include single-transition(all, .4s, ease-in-out);
					list-style: none;
					position: relative;
					opacity: 1 !important;
					border-top: 1px solid rgba(0,0,0,0.1);
					&:first-child {
						border: none;
					}
					&:hover {
						>a {
							color: var(--color-primary) !important;
						}
					}
					>a {
						display: block;
						color: $color-font !important;
						line-height: 26.4px !important;
						font-weight: 500 !important;
						margin: 5px 0;
						text-align: left;
					}
				}
				>li.current-menu-item {
					>a {
						color: var(--color-primary) !important;
					}
				}
				>li.current-menu-ancestor {
					>a {
						color: var(--color-primary) !important;
					}
				}
				>li.menu-item-has-children {
					position: relative;
					>ul {
						display: none;
						background: none !important;
						margin: 0 0 15px;
						padding: 0; 
						>li {
							list-style: none;
							position: relative;
							opacity: 1 !important;
							&:hover {
								>a {
									color: var(--color-primary) !important;
								}
							}
							a {
								display: block;
								white-space: nowrap;
								margin: 7px 10px;
								opacity: 0.8 !important;
							}
						}
						>li.current-menu-item {
							>a {
								color: var(--color-primary) !important;
							}
						}
						>li.current-menu-ancestor {
							>a {
								color: var(--color-primary) !important;
							}
						}
						ul >li.menu-item-has-children ul{
							display: none;
							margin: 0;
							padding: 0;
						}
						>li.menu-item-has-children {
							position: relative;
							>ul {
								display: none;
								margin: 0;
								padding: 0;
								>li {
									list-style: none;
									position: relative;
									&:hover {
										>a {
											color: var(--color-primary) !important;
										}
									}
									a {
										display: block;
										padding: 0;
										margin: 5px 20px;
									}
								}
								>li.current-menu-item {
									>a {
										color: var(--color-primary) !important;
									}
								}
								>li.current-menu-ancestor {
									>a {
										color: var(--color-primary) !important;
									}
								}
							}
							.mb-dropdown-icon {
								position: absolute;
								top: 0;
								right: 0;
								width: 25px;
								height: 25px;
								font-size: 8px;
								font-weight: 400;
								padding: 0;
								margin: 0;
								border: none;
								&:before {
									position: absolute;
									top: 1px;
									left: 10px;
									-webkit-transform: translateY(0) !important;
									transform: translateY(0) !important;
									content: "\f067";
                                    font-family: 'FontAwesome';
									&:before {
										content: " ";
										display: table;
									}
									&:after {
										content: " ";
										display: table;
										clear: both;
									}
								}
								&:hover {
									&:before {
										color:var(--color-primary);
									}
								}
							}
							.mb-dropdown-icon.open {
								&:before {
									content: "\f068";
								    font-family: FontAwesome;
									color:$color-dark-gray;
								}
							}
						}
					}
					.mb-dropdown-icon {
						position: absolute;
						top: 0;
						right: 0;
						width: 22px;
						height: 22px;
						font-size: 10px;
						font-weight: 400;
						padding: 0;
						&:before {
							@include single-transition(all, .4s, ease-in-out);
							position: absolute;
							top: 0;
                            left: 25%;
							-webkit-transform: translateY(0) !important;
							transform: translateY(0) !important;
							content: "\f067";
                            font-family: 'FontAwesome';
							background-color: transparent;
							&:before {
								content: " ";
								display: table;
							}
							&:after {
								content: " ";
								display: table;
								clear: both;
							}
						}
						&:hover {
							&:before {
								color:var(--color-primary);
							}
						}
					}
					.mb-dropdown-icon.open {
						&:before {
							font-family: FontAwesome;
							content: "\f068";
							color:$color-dark-gray;
						}
					}
				}
			}
		}
		.mo-menu-list.active-menu-mb {
			display: block !important;
		}
		.mo-header-menu {
			.mo-col-menu.has-menu-right-sidebar {
				.mo-menu-list {
					margin-right: 0;
					padding-right: 20px;
				}
				.mo-menu-list.motivo_cc {
					background: $color-black;
					>ul {
						margin-right: 0px;
						>li {
							>a {
								height: 45px;
							}
							>ul {
								>li {
									padding: 0;
									>a {
										color: $color-gray;
									}
									>ul {
										>li {
											padding: 0;
											>a {
												color: $color-gray;
											}
										}
									}
								}
							}
						}
					}
				}
				.header_socials {
					display: none;
				}
			}
		}
		.mo_widget_mini_cart {
			.mo-cart-header {
				top: -24px;
				right: 115px;
			}
		}
		.mo-search-sidebar {
			>a {
				top: -24px;
				right: 60px;
			}
		}
		.header_socials_top {
			display: block;
			position: relative;
			z-index: 99;
		}
	}
}

@media (min-width: 992px) {
	.mo-stick-active {
		.mo-header-v7.mo-header-stick {
			.mo-header-menu {
				z-index: 999 !important;
				position: fixed;
				top: 0;
				width: 100%;
				backdrop-filter: brightness(100%) contrast(100%) saturate(100%) blur(10px) hue-rotate(0deg);
                background-color: #ffffffd9;
				-webkit-box-shadow: 0px 10px 90px 0px rgba(0,0,0,0.06);
				-moz-box-shadow: 0px 10px 90px 0px rgba(0,0,0,0.06);
				box-shadow: 0px 10px 90px 0px rgba(0,0,0,0.06);
				&:before { top: 0 !important; }
			}
			.mo-cart-header > a svg path, .mo-cart-header > a svg line { stroke:$color-font; }
			.menu_other_v7 .select-languages > a, .menu_other_v7 .info-txt, .social_list a{ color:$color-font;}
			.mo-logo img.logo { display:block;}
			.mo-logo img.Logo_white{ display:none; }
			.mo-header-top { display:none;  }
			.button.bg_light{ background:var(--color-primary);color: #fff;}
			.mo-search-header, .mo_mini_cart, .color-switcher, .header-top-login-register a{border: 1px solid rgba(0, 0, 0, 0.1);}
			.mo-menu-list > ul > li > a{color:$color-font;}
			.menu_other_v7 .mo-search-header > a i{ color:$color-font;}
			.menu-toggle{border:0;  background: var(--color-grey);}
			.color-switcher.white-switcher ul li a.dark{ background-image:url(../images/2light.svg); }
			.select-languages a:after { border-color: $color-font;}
			.header-top-login-register a{color: $color-font; }
			.header-top-login-register a svg{ stroke: $color-font;}
			.header-top-login-register a:hover svg { stroke: #fff;}
			.button.bg_hr_light:hover, .button.bg_hr_light:active, .button.bg_hr_light:focus{
				 background:$color-font; 
				 &:before{ background:$color-font;}
				  span{color:#fff; }
			}
		}
	}

	.mo-header-v7 {
		.mo-col-logo{
			float: left;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			flex-direction: column;
			-webkit-box-align: center;
			align-items: center;
			-webkit-box-pack: center;
			justify-content: center; 
			margin-right: 30px;
		}
		.mo-logo {
			@include single-transition(all, .4s, ease-in-out);
			img { max-width: 100%; }
			img.logo { display:none;}
			img.Logo_white{ display:block; }
			img.logo_page{ display:block;}
		}
		.container-fluid{
			padding-right: 20px;
			padding-left: 20px;
		}
		
		.mo-col-logo, .mo-col-menu, .menu_other_v7{ 
			height:60px !important; 
			line-height:60px !important;
		 }
		.mo-menu-list {
			>ul {
				margin: 0;
				padding: 0;
				>li {
					margin-right: 15px;
					display: inline-flex;
					list-style: none;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					-webkit-box-align: center;
					align-items: center;
					-webkit-box-pack: center;
					justify-content: center;
					@include single-transition(all, .4s, ease-in-out);
					.l-dropdown-icon {
						opacity: 0.4;
						right: 10px;
						position: relative;
					}
					>a {
						position: relative;
						font-style: normal;
						color: $color-black;
						display: inline-block;
						text-align: center;
						margin: 0 5px 0 0;
						padding-right: 10px;
						line-height: 20px;
						letter-spacing: 0px;
						font-weight: 600 !important;
						font-style: normal;
						color: #fff;
						font-size: 15px;
						@include single-transition(all, .4s, ease-in-out);
					}
					.mo-dropdown-menu-item {
						position: relative;
						>ul {
							display: none;
							background: $color-black;
							position: absolute;
							top: 100%;
							left: 0;
							min-width: 220px;
							text-align: left;
							margin: 0;
							padding: 15px 0;
							z-index: -1;
							>li {
								list-style: none;
								position: relative;
								padding: 0px 15px;
								>a {
									@include single-transition(all, .4s, ease-in-out);
									display: block;
									font-size: 13px;
									font-weight: 400;
									line-height: 14px;
									letter-spacing: 0.06em;
									color: $color-gray;
									padding: 8px 15px;
									>i {
										margin-right: 5px;
									}
								}
								>ul {
									display: none;
									background: $color-black;
									position: absolute;
									top: 0;
									left: 100%;
									min-width: 220px;
									text-align: left;
									margin: 0;
									padding: 15px 0;
									z-index: -1;
									>li {
										list-style: none;
										position: relative;
										padding: 0px 15px;
										>a {
											@include single-transition(all, .4s, ease-in-out);
											display: block;
											font-size: 13px;
											font-weight: 400;
											line-height: 14px;
											letter-spacing: 0.06em;
											color: $color-gray;
											padding: 8px 15px;
											>i {
												margin-right: 5px;
											}
										}
									}
								}
							}
							>li.menu-item-has-children {
								>a {
									position: relative;
								}
								&:after {
									content: "\f105";
									font-family: FontAwesome;
									position: absolute;
									top: 50%;
									right: 30px;
									line-height: 1;
									color: $color-font;
									opacity: 0.5;
									@include translateY(-50%);
								}
							}
							ul.depth1 >li.menu-item-has-children {
								>a {
									position: relative;
								}
								&:after {
									content: "\f105";
									font-family: FontAwesome;
									position: absolute;
									top: 50%;
									right: 30px;
									line-height: 1;
									color: $color-font;
									opacity: 0.5;
									@include translateY(-50%);
								}
							}
							>li.page_item_has_children {
								>a {
									position: relative;
								}
								&:after {
									content: "\f105";
									font-family: FontAwesome;
									position: absolute;
									top: 50%;
									right: 30px;
									line-height: 1;
									color: $color-font;
									opacity: 0.5;
									@include translateY(-50%);
								}
							}
						}
					}
				}
				>li.page_item_has_children.page_item {
					position: relative;
					>ul {
						display: none;
						background: $color-black;
						position: absolute;
						top: 100%;
						left: 0;
						min-width: 220px;
						text-align: left;
						margin: 0;
						padding: 15px 0;
						z-index: -1;
						>li {
							list-style: none;
							position: relative;
							padding: 20px 0;
							display: inline-block;
							margin: 5px 15px;
							>a {
								@include single-transition(all, .4s, ease-in-out);
								display: block;
								font-size: 13px;
								font-weight: 400;
								line-height: 14px;
								letter-spacing: 0.06em;
								color: $color-gray;
								padding: 8px 15px;
								>i {
									margin-right: 5px;
								}
							}
							>ul {
								display: none;
								background: $color-gray;
								position: absolute;
								top: 0;
								left: 100%;
								min-width: 220px;
								text-align: left;
								margin: 0;
								padding: 15px 0;
								z-index: -1;
								>li {
									list-style: none;
									position: relative;
									padding: 0px 15px;
									>a {
										@include single-transition(all, .4s, ease-in-out);
										display: block;
										font-size: 13px;
										font-weight: 400;
										line-height: 14px;
										letter-spacing: 0.06em;
										color:$color-black;
										padding: 8px 15px;
										>i {
											margin-right: 5px;
										}
									}
								}
							}
						}
						>li.menu-item-has-children {
							>a {
								position: relative;
							}
							&:after {
								content: "\f105";
								font-family: FontAwesome;
								position: absolute;
								top: 50%;
								right: 30px;
								line-height: 1;
								color: $color-font;
								opacity: 0.5;
								@include translateY(-50%);
							}
						}
						ul.depth1 >li.menu-item-has-children{
							>a {
								position: relative;
							}
							&:after {
								content: "\f105";
								font-family: FontAwesome;
								position: absolute;
								top: 50%;
								right: 30px;
								line-height: 1;
								color: $color-font;
								opacity: 0.5;
								@include translateY(-50%);
							}
						}
						>li.page_item_has_children {
							>a {
								position: relative;
							}
							&:after {
								content: "\f105";
								font-family: FontAwesome;
								position: absolute;
								top: 50%;
								right: 30px;
								line-height: 1;
								color: $color-font;
								opacity: 0.5;
								@include translateY(-50%);
							}
						}
					}
				}
				>li.menu-item-has-children.nomega-menu-item {
					position: relative;
					>ul {
						background:#fff;
						position: absolute;
						min-width: 220px;
						text-align: left;
						padding: 20px 0;
						z-index: -1;
						>li {
							list-style: none;
							position: relative;
							padding: 5px 15px;
							line-height: 20px;
							>a {
								@include single-transition(all, .4s, ease-in-out);
								color: $color-black;
								display: inline-block;
								position: relative;
								margin: 2px 15px;
								line-height: 23px;
								letter-spacing: 0px;
								font-weight: 400;
								font-style: normal;
								font-size: 15px;
								>i {
									margin-right: 5px;
								}
							}
							>ul {
								display: none;
								background:$color-gray;
								position: absolute;
								top: 0;
								left: 100%;
								min-width: 220px;
								text-align: left;
								margin: 0;
								padding: 20px 0;
								z-index: -1;
								ul.depth2 > li {
									margin: 0 30px;
								}
								>li {
									list-style: none;
									position: relative;
									padding: 2px 15px;
									line-height: 20px;
									>a {
										@include single-transition(all, .4s, ease-in-out);
										font-size: 13px;
										font-weight: 400;
										line-height: 14px;
										letter-spacing: 0.06em;
										color: $color-black;
									    display: inline-block;
										position: relative;
										margin: 5px 15px;
										>i {
											margin-right: 5px;
										}
									}
								}
								li.current_page_item a{
									color: var(--color-primary);
								}
							}
						}
						li.current_page_item a{
							color: var(--color-primary);
						}
						ul.depth1 > li.menu-item-has-children {
							>a {
								position: relative;
							}
							&:after {
								content: "\f105";
								font-family: FontAwesome;
								position: absolute;
								top: 50%;
								right: 30px;
								line-height: 1;
								color: $color-font;
								opacity: 0.5;
								@include translateY(-50%);
							}
						}
						>li.menu-item-has-children {
							>a {
								position: relative;
							}
							&:after {
								content: "\f105";
								font-family: FontAwesome;
								position: absolute;
								top: 50%;
								right: 30px;
								line-height: 1;
								color: $color-font;
								opacity: 0.5;
								@include translateY(-50%);
							}
						}
						>li.page_item_has_children {
							>a {
								position: relative;
							}
							&:after {
								content: "\f105";
								font-family: FontAwesome;
								position: absolute;
								top: 50%;
								right: 30px;
								line-height: 1;
								color: $color-font;
								opacity: 0.5;
								@include translateY(-50%);
							}
						}
					}
				}
				>li.menu-item-has-children.mega-menu-item {
					>ul {
						background: #fff;
						position: absolute;
						min-width: 220px;
						text-align: left;
						>li {
							list-style: none;
							position: relative;
							padding: 5px 15px;
							list-style: none;
							>a {
								@include single-transition(all, .4s, ease-in-out);
								font-size: 13px;
								font-weight: 400;
								line-height: 14px;
								color: $color-black;
								display: inline-block;
								position: relative;
								margin: 5px 15px;
								line-height: 16px !important;
								>i {
									margin-right: 5px;
								}
							}
							.widget {
								.wg-title {
									font-size: 14px;
									line-height: 32px;
									letter-spacing: 0.08em;
									color: $color-black;
									margin-bottom: 0;
									padding: 3px 0;
								}
							}
						}
						>li.mo-banner {
							margin: 0;
							padding: 0;
							.mo-banner-wrap {
								position: relative;
								min-height: 374px;
								.mo-overlay {
									@include single-transition(all, .4s, ease-in-out);
									position: absolute;
									top: 0;
									left: 0;
									width: 100%;
									height: 100%;
									background: rgba(0,0,0,0.4);
									opacity: 0;
									>a {
										position: absolute;
										top: 50%;
										left: 50%;
										width: 50px;
										height: 50px;
										text-align: center;
										line-height: 50px;
										color: #fff;
										background:var(--color-primary);
										@include border-radius( 50%);
										-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg);
										-moz-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg);
										-o-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg);
										-ms-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg);
										transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg);
									}
								}
								&:hover {
									.mo-overlay {
										opacity: 1;
										>a {
											-webkit-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);
											-moz-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);
											-o-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);
											-ms-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);
											transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);
										}
									}
								}
							}
						}
					}
					>ul.columns2 {
						width: 420px;
						padding: 25px 0;
						>li {
							width: 50%;
							list-style: none;
							float: left;
							padding: 5px 15px;
							&:last-child {
								border-right: none;
							}
							>a {
								 @include single-transition(all, .4s, ease-in-out);
								>i {
									margin-right: 5px;
								}
							}
							>a.hide_link {
								display: none;
							}
							>ul {
								margin: 0;
								padding: 0;
								>li {
									list-style: none;
									padding: 3px 0;
									>a {
										@include single-transition(all, .4s, ease-in-out);
										>i {
											margin-right: 5px;
										}
										>sup {
											font-size: 8px;
											vertical-align: baseline;
										}
									}
								}
							}
						}
					}
					>ul.columns3 {
						width: 630px;
						padding: 25px 0;
						>li {
							width: 33.3333%;
							list-style: none;
							float: left;
							padding: 5px 15px;
							&:last-child {
								border-right: none;
							}
							>a {
								@include single-transition(all, .4s, ease-in-out);
								>i {
									margin-right: 5px;
								}
							}
							>a.hide_link {
								display: none;
							}
							>ul {
								margin: 0;
								padding: 0;
								>li {
									list-style: none;
									padding: 3px 0;
									>a {
										@include single-transition(all, .4s, ease-in-out);
										>i {
											margin-right: 5px;
										}
										>sup {
											font-size: 8px;
											vertical-align: baseline;
										}
									}
								}
							}
						}
					}
					>ul.columns4 {
						width: 840px;
						padding: 25px 0;
						>li {
							width: 25%;
							list-style: none;
							float: left;
							line-height: 20px;
							padding: 10px 15px;
							border-left: 1px solid rgba(0, 0, 0, 0.05);
							&:last-child {
								border-right: none;
							}
							>a {
								@include single-transition(all, .4s, ease-in-out);
								>i {
									margin-right: 5px;
								}
							}
							>a.hide_link {
								display: none;
							}
							>ul {
								margin: 0;
								padding: 0;
								>li {
									list-style: none;
									padding: 3px 0;
									>a {
										@include single-transition(all, .4s, ease-in-out);
										>i {
											margin-right: 5px;
										}
										>sup {
											font-size: 8px;
											vertical-align: baseline;
										}
									}
								}
							}
						}
					}
				}
				>li.menu-item-has-children.algleft {
					position: relative;
					>ul {
						left: 0;
					}
				}
				>li.menu-item-has-children.algright {
					position: relative;
					>ul {
						right: 0;
					}
				}
				>li.menu-item-has-children.algcenter {
					position: relative;
					>ul {
						left: 50%;
						@include translateX(-50%);
					}
				}
				>li.menu-item-has-children.fullwidth {
					>ul {
						left: 0;
						width: 100% !important;
					}
				}
			}
			>ul#menu-testing-menu {
				>li {
					>a {
						font-size: 14px;
						letter-spacing: 0;
						text-transform: none;
					}
				}
				li.menu-item-has-children {
					position: relative;
					ul {
						display: none;
						background: #fff;
						position: absolute;
						top: 100%;
						left: 0;
						min-width: 220px;
						text-align: left;
						margin: 0;
						padding: 25px 0;
						z-index: -1;
						>li {
							list-style: none;
							position: relative;
							padding: 5px 15px;
							>a {
								@include single-transition(all, .4s, ease-in-out);
								position: relative;
								display: block;
								font-size: 13px;
								font-weight: 400;
								line-height: 14px;
								letter-spacing: 0.06em;
								color: $color-black;
								padding: 8px 15px;
								>i {
									margin-right: 5px;
								}
							}
						}
						>li.menu-item-has-children {
							&:after {
								position: absolute;
								top: 50%;
								content: "\f067";
								font-family: 'FontAwesome';
								line-height: 1;
								right: 20px;
								@include translateY(-50%);
							}
						}
					}
					ul.depth1 {
						top: 0 !important;
						left: 100%;
					}
					ul.depth7 {
						top: 0 !important;
						left: 100%;
					}
					ul.depth8 {
						top: 0 !important;
						left: 100%;
					}
					ul.depth9 {
						top: 0 !important;
						left: 100%;
					}
					ul.depth10 {
						top: 0 !important;
						left: 100%;
					}
					ul.depth2 {
						top: 0 !important;
						left: -100%;
					}
					ul.depth3 {
						top: 0 !important;
						left: -100%;
					}
					ul.depth4 {
						top: 0 !important;
						left: -100%;
					}
					ul.depth5 {
						top: 0 !important;
						left: -100%;
					}
					ul.depth6 {
						top: 0 !important;
						left: -100%;
					}
				}
			}
		}
	}
}
@media (min-width: 992px){
	.l-dropdown-icon{
		position: relative;
		display: inline-block;
		width: 5px;
		right: 0;
		color: #fff;
		&:after{
			content: "\f107";
			font-family: FontAwesome;
			font-size: 12px; 
		}
	}
	.mo-header-v2 .l-dropdown-icon, .mo-header-v3 .l-dropdown-icon, .mo-header-v4 .l-dropdown-icon, .mo-header-v6 .l-dropdown-icon{
		display: block;
		color: $color-content;
	}
	.mo-header-v5 .l-dropdown-icon{
		float: none;
	}
	.mo-stick-active .mo-header-v7.mo-header-stick .mo-header-menu .l-dropdown-icon{color: $color-content;}
	.mo-stick-active .mo-header-v7.mo-header-stick .menu-sm-lines {
		.menu-sm-line-1, .menu-sm-line-2, .menu-sm-line-3{
			&:after, &:before{
				background: $color-font;
			}
		}
	}
}
/* header single */
.single-portfolio, .single-product{
	.mo-header-v3 .color-white .nav-menu-icon a, .mo-header-v3 .color-white .mo-menu-list > ul > li > a{color:$color-black;}
	.mo-header-v3 .color-white .menu-icon span { background-color:$color-black; }
	.mo-header-v3 .mo-menu-list > ul > li > a , .nav-menu-icon a , .nav-menu-icon a:hover, .nav-menu-icon a.active{ color:$color-black; }
	.mo-header-v4 .mo-header-menu { border-bottom: 1px solid #e9e7e4; }
	.mo-header-v5 .mo-menu-list > ul > li > a, .mo-header-v5 .mo-header-top.t_motivo .icon_text, .mo-header-v5 .mo-header-top.t_motivo a, .mo-header-v5 .mo-search-header > a, .mo-header-v5 .mo-cart-header > a, .mo-header-v5 .social-header-v5 li a, .mo-header-v5 .lang_link > ul > li{ color:$color-black; }
	.mo-header-v5 .social-header-v5 li a:hover { color:$color-dark-gray;}
	.mo-header-v5 .menu-sm-points .menu-sm-point:before { background:$color-black; }
	.btn-nav { border-color:$color-black; color:$color-black; }
	.mo-header-v6 .menu-toggle .menu-toggle-title{ color:$color-black; }
	.mo-header-v6 .menu-sm-lines .menu-sm-line-1:after, .mo-header-v6 .menu-sm-lines .menu-sm-line-1:before, .mo-header-v6 .menu-sm-lines .menu-sm-line-2:after, .mo-header-v6 .menu-sm-lines .menu-sm-line-2:before, .mo-header-v6 .menu-sm-lines .menu-sm-line-3:after, .mo-header-v6 .menu-sm-lines .menu-sm-line-3:before{ background:$color-black; }
	.mo-header-v5.mo-header-fixed .mo-header-menu, .mo-header-v6 .mo-header-menu { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
	.mo-header-v6 .mo-menu-list > ul > li > a, .mo-header-v6 .mo-header-top.t_motivo .contact_info, .mo-header-v6 .mo-header-top.t_motivo .contact_info a, .mo-header-v6 .social-header-v6 li a, .mo-header-v6 .mo-search-header > a, .mo-header-v6 .mo-cart-header > a , .mo-header-v6 .menu-toggle { color:$color-black; }
	.mo-header-v3 .navigation img.logo , .mo-header-v5 .mo-header-menu .mo-logo .logo , .mo-header-v6 .mo-header-menu .mo-logo .logo, .navigation img.logo { display: block; opacity: 1; }
	.mo-header-v3 .navigation img.Logo_white, .mo-header-v5 .mo-header-menu .mo-logo .Logo_white , .mo-header-v6 .mo-header-menu .mo-logo .Logo_white { display: none;     opacity: 0; }
	.mo-header-v7 .mo-menu-list > ul > li > a, .mo-header-v7 .mo-search-header > a, .mo-header-v7 .mo-cart-header > a{color:$color-black;}
	.mo-header-v7 .menu-sm-points .menu-sm-point:before { background:$color-black; }
	.mo-header-v7 .mo-header-top{ border-bottom: 1px solid #e9e7e4; }
    .mo-header-v7 .mo-header-top .contact_info, .mo-header-v7 .mo-header-top .contact_info a, .mo-header-v7 .mo-header-top .contact_info a:hover{ color:$color-black; }
    .mo-header-v7 .mo-logo img.logo { display: block; }
    .mo-header-v7 .mo-logo img.Logo_white {  display: none; }
}
.single-team.mo-stick-active .mo-header-v3.mo-header-stick, .single-portfolio.mo-stick-active .mo-header-v3.mo-header-stick, .single-product.mo-stick-active .mo-header-v3.mo-header-stick{
	.navigation img.logo { display:none; opacity:0; }
	.navigation img.Logo_white { display:block; opacity:1; }
}
/* header-data-hover */
.mo-header-menu.header-data-hover, .mo-sidepanel-v1.header-data-hover{
	.sidepanel-content .nav-sidepanel > ul > li, .sidepanel-content .nav-sidepanel > ul > li > ul > li,
	.mo-menu-list > ul > li, .mo-menu-list > ul > li > ul > li, .mo-menu-list > ul > li > ul > li > ul > li,
	.mo-menu-list ul ul.depth1 > li > ul.depth2 > li {
		&:hover{
			.mb-dropdown-icon:before{
				-webkit-transform: rotate(0deg);
				-ms-transform: rotate(0deg);
				transform: rotate(0deg);
			}
		}
		a{
			position: relative;
			height: auto;
			overflow:hidden;
			span.data-hover{
				position: relative;
				display: block;
				-webkit-transition: -webkit-transform 0.2s;
				transition: transform 0.2s;
				transform-origin: 100% 0%;
				overflow: visible;
			}
			&:before {
				position: absolute;
				top: 100%;
				width:100%;
				left:0;
				content: attr(data-hover);
				-webkit-transition: -webkit-transform 0.2s;
				transition: transform 0.2s;
				transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
				transform-style: preserve-3d;	
			}
		}
		&:hover > a{
			overflow: hidden;
			span.data-hover{
				-webkit-transform: translateY(-100%);
				transform: translateY(-100%);
				transform-origin: 0% 0%;
			}
			&:before {
				-webkit-transform: translateY(-100%);
				transform: translateY(-100%);
				transform-origin: 100% 0%;
			}
		}
	}
}
// Icon with header-data-hover
.mo-header-v2 , .mo-header-v3, .mo-header-v4, .mo-header-v7{
	.mo-header-menu.header-data-hover{
		.mo-menu-list > ul > li > a > i{display:none;}
		.mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li > a, .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > a{
            min-width: 150px;
			i {
				padding-right: 0;
				width: 10px;
				height: 10px;
				float: left;
				margin-top: 2px;
				position: absolute;
				right: 0;
			}
		}
		.mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > a.mb-dropdown-icon{ min-width:25px;}
	}
}
.mo-sidepanel-v1 .sidepanel-content { 
	.nav-sidepanel > ul > li.menu-item-has-children > ul > li > a, 
	.sidepanel-content .menu.mo-menu-list > ul > li.menu-item-has-children > ul > li > a{
		min-width: 100%;
		i {
			padding-right: 0;
			width: 10px;
			height: 10px;
			float: left;
			margin-top: 10px;
			position: absolute;
			right: 28px;
			font-size: 12px;
			opacity: 0.7;
		}
	}
}
.mo-sidepanel-v1 .sidepanel-content .nav-sidepanel > ul > li > a > i{ display:none;}
/* header-linear-hover */
.mo-header-menu.header-linear-hover{
	.mo-menu-list > ul > li, .mo-menu-list > ul > li > ul > li, .mo-menu-list > ul > li > ul > li > ul > li{
		> a > span{
			background-image: linear-gradient(currentColor,currentColor);
			background-position: 0 100%;
			background-repeat: no-repeat;
			background-size: 0 2px;
			transition: background-size .3s ease;
			padding-bottom: 2px;
		}
		&:hover{
			> a > span{ background-size: 100% 2px; }
		}
	}
	.mo-menu-list > ul li.menu-item-has-children.mega-menu-item > ul li.current_page_item > a > span,
    .mo-menu-list > ul li.menu-item-has-children.nomega-menu-item > ul > li.current_page_item > a > span {
		background-image: linear-gradient(currentColor,currentColor);
		background-position: 0 100%;
		background-repeat: no-repeat;
		background-size: 100% 2px; 
		transition: background-size .3s ease;
		padding-bottom: 2px;
    }
}
/* header-color-main-hover */
.mo-header-menu.header-color-main-hover{
	.mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul li:hover > a,
	.mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.current_page_item > a,
	.mo-menu-list > ul li.menu-item-has-children.nomega-menu-item > ul > li.current_page_item > a{
		@extend .color-main;
	}
}
/* header-opacity-hover */
.mo-header-menu .mo-menu-list > ul{
    li a, li .l-dropdown-icon:after{opacity:.8}
	&:hover li a, &:hover li .l-dropdown-icon:after {opacity:.3}
	&:hover li:hover a, &:hover li:hover .l-dropdown-icon:after{opacity:1}
}
/* header-submenu-transition */
.mo-header-menu .mo-menu-list > ul > li.menu-item-has-children {
	> ul > li{
		margin: 0;
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateY(5px);
		-ms-transform: translateY(5px);
		transform: translateY(5px);
		-webkit-transition: all 0.2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s;
		transition: all 0.2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s;
	}
	&:hover > ul {
		> li {
			opacity: 1;
			visibility: visible;
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
		}
		> li:nth-child(2n+1) {
			-webkit-transition-delay: 0.1s;
			transition-delay: 0.1s;
		}
		> li:nth-child(2n+2) {
			-webkit-transition-delay: 0.15s;
			transition-delay: 0.15s;
		}
		> li:nth-child(2n+3) {
			-webkit-transition-delay: 0.2s;
			transition-delay: 0.2s;
		}
		> li:nth-child(2n+4) {
			-webkit-transition-delay: 0.25s;
			transition-delay: 0.25s;
		}
		> li:nth-child(2n+5) {
			-webkit-transition-delay: 0.3s;
			transition-delay: 0.3s;
		}
		> li:nth-child(2n+6) {
			-webkit-transition-delay: 0.35s;
			transition-delay: 0.35s;
		}
		> li:nth-child(2n+7) {
			-webkit-transition-delay: 0.4s;
			transition-delay: 0.4s;
		}
		> li:nth-child(2n+8) {
			-webkit-transition-delay: 0.45s;
			transition-delay: 0.45s;
		}
	}
}
@media (max-width: 991px){
	.mo-header-v2 .mo-col-menu ul, .mo-header-v3 .mo-col-menu ul, .mo-header-v4 .mo-col-menu ul, .mo-header-v5 .mo-col-menu ul, .mo-header-v6 .mo-col-menu ul, .mo-header-v7 .mo-col-menu ul{display:block; text-align:left;}
}
/* main-search */
.main-login {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
	@include transition-delay(0.3s);
   	@include transition-duration(0.1s);
	@include transition-property(all);
  	@include transition-timing-function(ease-in-out);
}
.main-login-container {
    background: rgba(0,0,0,0.8);
	width:100% !important;
    margin: 0 auto;
    position: absolute;
    transition: all .3s ease;
    bottom: 0;
    -webkit-clip-path: circle(0% at 100% 0);
    clip-path: circle(0% at 100% 0);
    height: 100vh;
    left: 0;
    right: 0;
    top: 0;
    transition: clip-path 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), visibility 0.3s, -webkit-clip-path 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96);
    visibility: hidden;
}
body.login-is-opened {
 .main-login {
	opacity: 1;
	visibility: visible;
	@include transition-delay(0s);
	@include transition-duration(0.1s);
	@include transition-property(all);
	@include transition-timing-function(ease-in-out);
  }
  .main-login-container {
		visibility: visible;
		margin: auto;
		float: none;
		width: 100%;
		height: 100%;
		-webkit-clip-path: circle(150% at 100% 0);
		clip-path: circle(150% at 100% 0);
   }
  .main-login-content {
    opacity: 1;
    visibility: visible;
	top: 15%;
  }
  .header_login {
    display: block !important;
  }	
}
.bg-login{
	background: #ccc;
    border-radius: 25px;
	background-image: url(../images/bg-titlebar2.jpg); 
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	.logo-login{
		max-width: 150px;
		display: block;
		margin-left: 30px;
		margin-top: 30px;
	}
	.bg-login-footer{
		position: absolute;
		bottom: 65px;
		left: 70px;
		width: 200px;
		text-align: left;
		font-size: 12px;
		line-height: 1.5;
		color: #fff;
	}
}
.nori-login-form-content{
	padding-left:30px;
	margin-top: 50px;
    margin-bottom: 50px;
}
.main-login-content {
  text-align: center;
  position: relative;
  top: 20%;
  opacity: 0;
  visibility: hidden;
  margin: auto;
  width: 90%;
  max-width: 900px;
  padding: 30px 40px;
  border-radius: 25px;
  background: #fff;
  @extend .box-shadow;
  @include transition-delay(0);
  @include transition-duration(0.2s);
  @include transition-property(all);
  @include transition-timing-function(ease-in-out);
  -webkit-transition-property: opacity, visibility, top;
  -o-transition-property: opacity, visibility, top;
  transition-property: opacity, visibility, top;
  ul.nori-login-form-tab{
	list-style: none;
	background: var(--color-grey); 
    display: inline-flex;
    border-radius: 25px;
	overflow: hidden;
	padding: 0;
	margin-bottom: 50px;
	height: 50px;
	li{
		padding: 0 35px;
		height: 50px;
		line-height: 50px;
		font-size: 15px;
        font-weight: bold;
		cursor: pointer;
		border-radius: 25px;
	}
	li.active{
		border-radius: 25px;
		background: var(--color-dark);
		color: #fff;
	}
  }
  #allTabsContainer{
	 clear:both;
	 .nori-login-text{
		margin-top: 50px;
		font-size: 14px;
		line-height: 1.5;
	}
  }
  form {
    position: relative;
    display: inline-block;
    width: 100%;
    z-index: 0; 
	input[type="password"], input[type="email"], input[type="text"] {
		height: 50px;
		box-shadow: none;
		padding: 0 20px;
		outline: none;
		margin-bottom: 25px;
	}
	input[type="submit"]{font-weight:700;}
	input[type="search"] {
		font-size: 50px;
		line-height: 1;
		color: $color-font;
		height: auto;
		width: 100%;
		border: none;
		text-align: left;
		padding-left: 0;
		padding-bottom: 12px;
		margin-bottom: 10px;
		display: block;
		background-color: transparent;
		box-shadow: inset 0 -2px 0 #e1e1e1;
		border-radius: 0;
		-webkit-transition: .4s all;
		@extend .bold-weight;
		@include placeholder-color($color-font);
		transition: .4s all;
		&:focus {
			box-shadow: inset 0 -2px 0 var(--color-primary);
			background-size: 100% 2px;
			width: 100%;
		}
	 }
    .label-field {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
	  @include transition-delay(0);
      @include transition-duration(0.2s);
      @include transition-property(all);
      @include transition-timing-function(ease-in-out);
	  &:after {
		content: "Type above and press Enter to search. Press Close to cancel. ";
		position: absolute;
		left: 0;
		text-align: left;
		font-size: 14px;
		color: #a0a0a0;
		font-weight: 400;
	    }
     }
	 .search-submit {
		width: 45px;
		height: 40px;
		position: absolute;
		top: 1px;
		right: 1px;
		color: #232323;
		background-color: transparent;
		border: 0px;
		text-indent: 100px;
		z-index: 2;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		display: none;
	    }
	  .fa-login{ position:absolute; right:5px; top:20px; font-size:13px; display: none;}
    }
	.remember-me-with-register{
		text-align: left;
		font-size: 16px;
		line-height: 24px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: 15px;
		padding-left: 15px;
		padding-right: 15px;
	}
	span.remember-me-text{ padding-left:5px;}
	.lost_password {
		position: relative;
		color: var(--color-primary);
		font-size: 16px;
		line-height: 24px;
		margin-left: 15px;
	}
}	
.main-login-container.without-js-centred {
  overflow-y: auto; 
}
.main-login-container.without-js-centred .main-login-content {
    margin-top: 0 !important;
    top: 0;
    position: relative;
}