/*navigation*/
@media (min-width: 820px) {
	.sx-navigation.sx-navigation--standard > .sx-navigation__list > .sx-navigation__list-entry:first-child {
		display:none;
	}
}

/*sub navi*/

@media (min-width: 820px) {
  .sx-navigation.sx-navigation--standard .navigation-main-content__sub-navigation {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 250px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.05);
    transition: all .3s ease;
  }
}

@media (min-width: 820px) {
  .sx-navigation.sx-navigation--standard .navigation-main-content__sub-navigation--level-0 {
    z-index: -1;
    visibility: hidden;
    opacity: 0;
  }
}

@media (min-width: 820px) {
  .sx-navigation.sx-navigation--standard .sx-navigation__list-entry > .navigation-main-content__sub-navigation--level-0 {
    display: block;
    min-width: 0;
	  white-space:nowrap;
  }
}

@media (min-width: 820px) {
  .sx-navigation.sx-navigation--standard .sx-navigation__list-entry:not(.sx-mobile-navi-touch-helper):hover > .navigation-main-content__sub-navigation--level-0 {
    z-index: 1;
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
  }
}

/*ul*/

@media (min-width: 820px) {
  .sx-navigation.sx-navigation--standard .navigation-main-content__sub-navigation .navigation-main-content__list {
    display: block;
	padding: 0;
	  border:1px solid #E7E7E7;
  }
}

@media (min-width: 820px) {
  .sx-navigation.sx-navigation--standard .sx-navigation__list-entry > .navigation-main-content__sub-navigation--level-0 > .navigation-main-content__list {
    display: none;
  }
}

@media (min-width: 820px) {
  .sx-navigation.sx-navigation--standard .sx-navigation__list-entry:not(.sx-mobile-navi-touch-helper):hover > .navigation-main-content__sub-navigation--level-0 > .navigation-main-content__list {
    display: block;
  }
}

/*li*/
.sx-navigation.sx-navigation--standard .navigation-main-content__sub-navigation .navigation-main-content__list .sx-navigation__list-entry {
	border-bottom:1px solid #E7E7E7;
}
.sx-navigation.sx-navigation--standard .navigation-main-content__sub-navigation .navigation-main-content__list .sx-navigation__list-entry:last-child {
	border-bottom:0;
}

/*a*/
.sx-navigation .nav-item.active .navigation-main-content__sub-navigation .nav-link {
	color: #1e1e1e;
	font-style: normal;
}
.sx-navigation .nav-item.active .navigation-main-content__sub-navigation .nav-link:hover {
	color: #e44d4d;
}
.sx-navigation .nav-item.active .navigation-main-content__sub-navigation .nav-link.sx-navigation__entry-link--active {
	color: #e44d4d;
}

html.nav-open {
	overflow-y:hidden;
}
/*offcanvas*/
.navigation-main-offcanvas {
	display:none;
	
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index:50;
	background-color: #F5F5F5;
	
	overflow-y:scroll;
}
.navigation-main-offcanvas.active {
	display:block;
}
.navigation-main-offcanvas__container {
	width:100%;
	max-width:540px;
	margin:0 auto;
}
.navigation-main-offcanvas__header {
	background-color: #FFF;
	padding:0 20px 0 15px;
}

/*offset body*/
.navigation-main-offcanvas__body {
}
.navigation-main-offcanvas__list {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.navigation-main-offcanvas__list-entry {
	display:block;
	position:relative;
}
.navigation-main-offcanvas__entry-container {
	/*display: flex;
	align-items: center;
	justify-content: space-between;
	*/
	position:relative;
}
.navigation-main-offcanvas__subnavi-indicator {
	display: block;
	width: 52px;
	min-width: 52px;
	height: 30px;
	min-height: 30px;
	margin:12px 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	color: #000;
	text-align: right;
	cursor: pointer;
	border:0;
	position: absolute;
	top:0;
	right:0;
	z-index:101;
}
.navigation-main-offcanvas__subnavi-indicator::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  width: 15px;
  height: 15px;
  -webkit-transform:translateY(-25%) rotateX(0) rotate(-45deg) skew(15deg, 15deg);
  transform: translateY(-25%) rotateX(0) rotate(-45deg) skew(15deg, 15deg);
  border-top:1px solid #1E1E1E;
  border-right:1px solid #1E1E1E;
  border-left:1px solid transparent;
  border-bottom:1px solid transparent;
  -webkit-transition:border 0.6s linear,-webkit-transform 0.6s ease;
  transition:border 0.6s linear,-webkit-transform 0.6s ease;
  -o-transition: border 0.6s linear,-o-transform 0.6s ease;
  transition:transform 0.6s ease,border 0.6s linear;
  transition:transform 0.6s ease,border 0.6s linear,-webkit-transform 0.6s ease,-o-transform 0.6s ease;
}
.navigation-main-offcanvas__subnavi-indicator.collapsed::after {
  -webkit-transform:translateY(-75%) rotateX(-180deg) rotate(-45deg) skew(15deg, 15deg);
  transform: translateY(-75%) rotateX(-180deg) rotate(-45deg) skew(15deg, 15deg);
  border-top:1px solid #1E1E1E;
  border-right:1px solid #1E1E1E;
  border-left:1px solid transparent;
  border-bottom:1px solid transparent;
  -webkit-backface-visibility:visible;
  backface-visibility: visible;
}
.navigation-main-offcanvas__entry-link {
	background-color: #f5f5f5;
    padding:15px;
    border-bottom:1px solid #fff;
    transition:background-color 0.4s ease, color 0.4s ease;
	
	color:#1E1E1E;
	font-style:normal;
	
	display: block;
	width: 100%;
}
.navigation-main-offcanvas__list-entry:hover > .navigation-main-offcanvas__entry-container > .navigation-main-offcanvas__entry-link,
.navigation-main-offcanvas__list-entry.active > .navigation-main-offcanvas__entry-container > .navigation-main-offcanvas__entry-link {
	background-color: #e44d4d;
	color: #fff;
}
.navigation-main-offcanvas__list-entry:hover > .navigation-main-offcanvas__entry-container > .navigation-main-offcanvas__subnavi-indicator::after,
.navigation-main-offcanvas__list-entry.active > .navigation-main-offcanvas__entry-container > .navigation-main-offcanvas__subnavi-indicator::after {
	border-top:1px solid #fff;
  border-right:1px solid #fff;
}
.navigation-main-offcanvas__sub-navigation {
	display:none;
}
.navigation-main-offcanvas__list-entry.active .navigation-main-offcanvas__sub-navigation {
	display:block;
}
.navigation-main-offcanvas__sub-navigation .navigation-main-offcanvas__entry-link {
	background-color:#e7e7e7;
	padding:10px 15px;
}

/*offcanvas foot*/
.navigation-main-offcanvas__foot {
}
.navigation-main-offcanvas__lang-nav {
	font-size: 14px;
	list-style:none;
	padding:0;
	margin:0;
}
.navigation-main-offcanvas__lang-nav > li {
	width: 50%;
    background-color: #f5f5f5;
    text-transform: uppercase;
    text-align: center;
	
	float: left;
}
.navigation-main-offcanvas__lang-nav > li:first-child {
	width: calc(50% - 1px);
	border-right:1px solid #fff;
}
.navigation-main-offcanvas__lang-nav > li > a {
	color: #282828;
	font-style: normal;
	display: inline-block;
	padding:15px;
}
.navigation-main-offcanvas__lang-nav > li > a.active {
	color: #e44d4d;
}