.sticky{
	z-index: 1000;
}

.nav-bar {
	display: normal;
	align-items: center;
	background: transparent;
	height: 100px;
	margin-bottom: 0;
	padding: 0;
}

/** mobile menu icon **/
.nav-bar button.offcanvas-trigger{
	background-color: transparent;
}
.nav-bar button.offcanvas-trigger:hover{
	cursor: pointer;
}

/** OFF CANVAS **/
.position-left {
  width: 200px;
  -ms-transform: translateX(-200px);
      transform: translateX(-200px);
}
.off-canvas-content .off-canvas.position-left {
    -ms-transform: translateX(-200px);
        transform: translateX(-200px);
}
.off-canvas-content.is-open-left.has-transition-push {
    -ms-transform: translateX(200px);
        transform: translateX(200px);
}
.position-right {
  width: 200px;
  -ms-transform: translateX(200px);
      transform: translateX(200px);
}
.off-canvas-content .off-canvas.position-right {
    -ms-transform: translateX(200px);
        transform: translateX(200px);
}
.off-canvas-content.is-open-right.has-transition-push {
    -ms-transform: translateX(-200px);
        transform: translateX(-200px);
}
.multilevel-offcanvas {
	background: #414141;
	padding: 15px;
}
.multilevel-offcanvas > .menu {
	margin-bottom: 10px;
}
.multilevel-offcanvas .menu a {
	color: #444;
	padding-top: 10px;
	padding-bottom: 10px;
	outline: 0;
	transition: color 0.2s ease-in;
}
.multilevel-offcanvas .menu a:focus {
	outline: none;
}
.multilevel-offcanvas .menu a:hover {
	color: #fcb315;
	text-decoration: none;
}

.is-open + .off-canvas-content .hamburger .line:nth-child(1),
.is-open + .off-canvas-content .hamburger .line:nth-child(3) {
	width: 12px;
}
.is-open + .off-canvas-content .hamburger .line:nth-child(1) {
  -webkit-transform: translateX(-5px) rotate(-45deg);
      -ms-transform: translateX(-5px) rotate(-45deg);
          transform: translateX(-5px) rotate(-45deg);
}
.is-open + .off-canvas-content .hamburger .line:nth-child(3) {
  -webkit-transform: translateX(-5px) rotate(45deg);
      -ms-transform: translateX(-5px) rotate(45deg);
          transform: translateX(-5px) rotate(45deg);
}


@media only screen and (max-width:780px) {
	.dropdown.menu > li.womens-dropdown.opens-right > .is-dropdown-submenu {
		width: 680px;
		left: -278px;
	}
	.dropdown.menu > li.mens-dropdown.opens-right > .is-dropdown-submenu {
		width: 680px;
		left: -372px;
	}
}
@media only screen and (max-width:720px) {
	.dropdown.menu > li.womens-dropdown.opens-right > .is-dropdown-submenu {
		width: 640px;
		left: -258px;
	}
	.dropdown.menu > li.mens-dropdown.opens-right > .is-dropdown-submenu {
		width: 640px;
		left: -352px;
	}
}
@media only screen and (max-width:680px) {
	.dropdown.menu > li.womens-dropdown.opens-right > .is-dropdown-submenu {
		width: 600px;
		left: -238px;
	}
	.dropdown.menu > li.mens-dropdown.opens-right > .is-dropdown-submenu {
		width: 600px;
		left: -332px;
	}
}
@media only screen and (max-width:640px) {
	.dropdown.menu > li.womens-dropdown.opens-right > .is-dropdown-submenu {
		width: 580px;
		left: -228px;
	}
	.dropdown.menu > li.mens-dropdown.opens-right > .is-dropdown-submenu {
		width: 580px;
		left: -322px;
	}
.nav-bar {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
height: 70px;
}
	.nav-bar-left,
	.nav-bar-right{
		width: 50px;
	}
}