@charset "UTF-8";
:root {
--circular-track-color:#ecf0f6;
--headings-color:$headings-color;
--circular-track-color:#4c5d6f
}
#jpreOverlay {
	background-color: #1e2024
}
article>ul {
	color: #fff
}
article>ol {
	color: #fff
}
#jpreLoader, #jprePercentage {
	text-align: center;
	width: 260px;
	margin: 0 auto
}
#jprePercentage {
	font-family: Montserrat, sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: -.03em;
	color: #4e7dff
}
#jprePercentage:before {
	content: "Loading...";
	color: #fff
}
#jprePercentage:after {
	content: "Our Code World";
	display: block;
	font-size: 8px;
	line-height: 1.5em;
	color: #fff;
	letter-spacing: 0
}

.header-standard {
	background: transparent;
	height: auto;
}

/*#home .navbar.fixed-top {
	background:transparent;
}*/

.header-logo {
	display: inline-block;
}

/*.header-logo img { 
	max-height: 70px;
}*/

/*.navbar-fixed-top .navbar-collapse {
	display: inline;
	float: right;
}*/

a.menu__link {
	color:#fff;
	position: relative;
}

a.menu__link:after {
	content: '';
	position: absolute;
	left: 10%;
	width: 80%;
	height: 2px;
	/*background: #781e92;*/
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
	bottom: 0px;
}

@media (max-width:991px) {
.header-standard {
	position: relative;
}

.header-standard .fixed-top {
	height: auto !important;
	padding: 0px !important;
}

.header {
	z-index: 103
}

}
.header__top-bar {
	background-color: #292c31;
	display: none
}
@media (min-width:992px) {
.header__top-bar {
	display: block
}
}
.nav-account {
	display: none
}
@media (min-width:992px) {
.nav-account {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	float: right
}
.nav-account .nav-account__item {
	display: inline-block;
	float: right;
	font-size: 9px;
	line-height: 1.5em;
	text-transform: uppercase;
	font-weight: 700;
	font-family: Montserrat, sans-serif
}
.nav-account .nav-account__item:before {
	content: "\2F";
	display: inline-block;
	color: #6b6d70;
	margin: 0 16px 0 14px
}
.nav-account .nav-account__item>a {
	color: #fff;
	transition: all .3s ease;
	display: inline-block;
	height: 48px;
	line-height: 48px
}
.nav-account .nav-account__item>a:hover {
	color: #4e7dff
}
.nav-account .nav-account__item>a:focus {
	outline: 0
}
.nav-account .nav-account__item>a .highlight {
	color: #4e7dff
}
.nav-account .nav-account__item:last-child:before {
	display: none
}
.nav-account .nav-account__item.has-children {
	position: relative
}
.nav-account .nav-account__item.has-children:after {
	content: "";
	display: inline-block;
	margin-left: 9px;
	width: 6px;
	height: 4px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Cpath transform='translate(-586.156 -1047.28)' fill='%23fff' d='M586.171,1048l0.708-.71,2.828,2.83-0.707.71Zm4.95-.71,0.707,0.71L589,1050.83l-0.707-.71Z'/%3E%3C/svg%3E");
	background-size: 6px 4px;
	background-repeat: no-repeat;
	background-position: 50%;
	top: -2px;
	position: relative
}
.nav-account .nav-account__item.has-children ul {
	list-style: none;
	top: 40px;
	right: 0;
	min-width: 110px;
	padding: 14px 0;
	margin: 0;
	border: 1px solid #e4e7ed;
	box-shadow: none;
	background-color: #fff;
	transform-style: preserve-3d;
	transform: translateX(50%) rotateX(-75deg);
	visibility: hidden
}
.nav-account .nav-account__item.has-children ul li a {
	font-size: 9px;
	padding: 6px 24px;
	border-bottom: none;
	color: rgba(49,64,75,.4);
	transition: color .2s ease
}
.nav-account .nav-account__item.has-children ul li a:hover {
	color: #31404b;
	background-color: transparent
}
.nav-account .nav-account__item.has-children:hover ul {
	display: block;
	transform: translateX(50%) rotateX(0);
	opacity: 1;
	visibility: visible
}
.nav-account .nav-account__item--logout>a {
	color: #6b6d70
}
}
.header__secondary {
	background-color: #1e2024;
	display: none
}
@media (min-width:992px) {
.header__secondary {
	display: block;
	text-align: right
}
}
.header__primary {
	background-color: #1e2024;
	position: relative
}

.header__primary-inner {
	position: relative;
	z-index: 1;
	background-color: #292c31
}
.header__primary-inner:before {
	content: "";
	position: absolute;
	display: none;
	top: 0;
	bottom: 0;
	width: 210px;
	background-color: #1e2024;
	left: -25px;
	margin-left: 0;
	transform: skew(-25deg)
}
@media (min-width:768px) {
.header__primary-inner:before {
	display: block
}
}
@media (max-width:991px) {
.header__primary-inner:before {
	width: 80px
}
}
@media (max-width:991px) {
.main-nav .social-links--main-nav {
	display: none
}
}


@media (max-width:991px) {
.header-logo {
	display: none;
}

.form-inline{
	display: none;
}

}

.header-logo__img {
	position: relative
}

.header-mobile {
	display: none;
	/* background-color: #1e2024 */
}

.header-search-form {
	padding: 24px 0;
	overflow: hidden;
	transition: all .4s ease-in-out;
	position: relative;
	z-index: 1;
	background-color: #0d1e26;
	vertical-align: top
}

@media (min-width:992px) {
.header-search-form {
	display: inline-block;
	width: 360px
}
}

@media (min-width:992px) and (max-width:1199px) {
.header-search-form {
	width: 200px
}
}
.header-search-form .search-form {
	position: relative
}
.main-nav .header-search-form {
	padding: 11px 0;
	background-color: transparent
}
.main-nav .header-search-form.header-search-form--right {
	float: right
}
input.header-mobile__search-control {
	background-color: #292c31;
	border-color: #292c31;
	border-radius: 20px;
	height: 38px;
	padding: 6px 60px 6px 20px;
	font-size: 12px
}
@media (min-width:992px) {
input.header-mobile__search-control {
	background-color: #292c31;
	border-color: #292c31
}
}
input.header-mobile__search-control:focus {
	color: #fff;
	background-color: #292c31;
	border-color: #292c31
}
@media (min-width:992px) {
input.header-mobile__search-control:focus {
	background-color: #292c31;
	border-color: #292c31
}
}
.header-mobile__search-submit {
	background: 0 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 51px;
	height: 38px;
	line-height: 38px;
	padding: 0;
	border: none;
	font-size: 16px;
	color: #4e7dff;
	transition: color, background-color .3s ease;
	border-radius: 0 20px 20px 0
}
.header-mobile__search-submit:hover {
	background-color: hsla(0,0%,100%,.1)
}
@media only screen and (max-width:991px) {
.header-mobile {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 3;
}
.header-mobile__inner {
	overflow: hidden;
	position: relative;
	z-index: 2;
	height: 80px;
	background-color: #000;
	transition: all .4s ease-in-out
}

.header-mobile__logo {
	text-align: center;
	position: absolute;
	z-index: 3;
	left: 10%;
	transform: translate(-50%);
	top: -3px
}

nav.navbar-collapse .header-mobile__logo { 
	left: 50%;
}

.header-mobile__logo-img {
	width: 45px;
	height: auto
}
.burger-menu-icon {
	z-index: 102;
	transition: all .4s ease-in-out;
	display: block;
	position: absolute;
	top: 32px;
	left: 88%;
	cursor: pointer;
	width: 26px;
	height: 19px
}

.burger-menu-icon__line, .burger-menu-icon__line:after, .burger-menu-icon__line:before {
	content: "";
	cursor: pointer;
	height: 3px;
	width: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	display: block;
	border-radius: 1px
}
.burger-menu-icon__line:before {
	top: 8px
}
.burger-menu-icon__line:after {
	top: 16px
}
.header-mobile__search-icon {
	display: block;
	position: absolute;
	right: 34px;
	top: 30px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	font-size: 22px;
	color: #fff;
	text-align: center
}
.header-mobile__search-icon:after, .header-mobile__search-icon:before {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all .3s ease-in-out
}
.header-mobile__search-icon:before {
	content: "\f002";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: FontAwesome
}
.header-mobile__search-icon:after {
	content: "";
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cpath transform='translate(-267.219 -40.219)' fill='%23fff' d='M267.62,56.258L283.258,40.62a1.5,1.5,0,0,1,2.121,2.121L269.741,58.379A1.5,1.5,0,0,1,267.62,56.258Zm15.638,2.122L267.62,42.742a1.5,1.5,0,0,1,2.121-2.121l15.638,15.638A1.5,1.5,0,0,1,283.258,58.38Z'/%3E%3C/svg%3E");
	background-position: 50%;
	background-size: 19px 19px;
	background-repeat: no-repeat;
	cursor:pointer;
}

.header-mobile__search-icon.header-mobile__search-icon--close:before, .header-mobile__search-icon:after {
	transform: translate(-50%, -50%), scale(0);
	opacity: 0
}
.header-mobile__search-icon.header-mobile__search-icon--close:after {
	transform: translate(-50%, -50%), scale(1);
	opacity: 1
}
.header-mobile__search-icon:hover {
	cursor: pointer
}
.header-search-form {
	padding: 0 25px;
	height: 0;
	top: -62px
}
.header-mobile--expanded .header-search-form {
	top: 0;
	height: 63px
}
input.header-mobile__search-control {
	margin-top: 12px

}
}
.header-banner {
	display: inline-block;
	vertical-align: middle;
	margin-left: 38px
}
@media (min-width:992px) {
.header-banner {
	margin-left: 15px
}
}
@media (min-width:992px) and (max-width:1199px) {
.header-banner img {
	width: 254px;
	height: auto
}
}
@media (min-width:1200px) {
.header-banner {
	margin-left: 38px
}
}

.main-nav {
	position: relative;
	text-align: right
}

.main-nav .header-mobile__logo {
	display: none
}

.main-nav__list {
	display: inline-block;
	text-align: left;
	padding: 0 140px 0px 40px;
	margin: 0;
	list-style: none;
	margin-top: 76px;
	border-top: 2px solid rgba(255, 255, 255, 0.5)
}

@media (max-width:991px) {
	.main-nav__list {
		display: inline-block;
		text-align: left;
		padding: 0;
		margin: 0;
		list-style: none;
		margin-top: 0px;
		border-top: 0
	}
}

@media (min-width:992px) {
.main-nav__list {
	border-left: none
}
}
.main-nav__list>li {
	text-align: center;
	display: inline-block;
	padding: 0
}

/*

@media (min-width:992px) {
.main-nav__list>li {
	margin-left: -.25em;
	border-right: none
}
.main-nav__list>li:first-of-type {
	margin-left: 0
}
}


.main-nav__list>li>a {
	display: block;
	color: #fff;
	padding: 0 34px;
	line-height: 62px;
	text-decoration: none;
	position: relative;
	font-family: Montserrat, sans-serif;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	transition: color .3s ease
}
*/

@media (min-width:992px) and (max-width:1199px) {
.main-nav__list>li>a {
	padding-left: 20px;
	padding-right: 20px
}
}
.main-nav__list>li>a:before {
	content: "";
	display: block;
	position: absolute;
	left: 10%;
	bottom: 0px;
	height: 2px;
	width: 80%;
	background-color: transparent;
	transition: background-color .3s ease
}

.main-nav__list>li>a:hover {
	color: #fff;
	background-color: transparent;
	text-decoration: none
}

/*.main-nav__list>li>a:hover:before {
	background-color: #3361d1;
}*/

.main-nav__list>li.active>a {
	color: #4e7dff;
	text-decoration: none;
	background-color: transparent
}
.main-nav__list>li.active>a:before {
	background-color: #4e7dff
}
.main-nav__list>li.has-children>a:after {
	content: "\f107";
	display: inline-block;
	margin-left: 10px;
	width: 12px;
	height: 10px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Cpath transform='translate(-586.156 -1047.28)' fill='%23fff' d='M586.171,1048l0.708-.71,2.828,2.83-0.707.71Zm4.95-.71,0.707,0.71L589,1050.83l-0.707-.71Z'/%3E%3C/svg%3E");
	background-size: 12px 10px;
	background-repeat: no-repeat;
	background-position: 50%;
	top: 0px;
	position: relative;
	font-family: fontawesome;
	display:none;
}

.main-nav__list > li.has-children.dropdown > a::after{
	top:5px;
}


.main-nav__megamenu {
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	left: 0;
	position: absolute;
	top: 62px;
	z-index: 1000;
	margin: 0;
	text-align: left;
	padding: 43px 55px;
	font-size: 15px;
	border: 1px solid #e4e7ed;
	background-color: #fff;
	opacity: 0;
	transform-origin: 0 0;
	transition: transform .3s, opacity .3s
}
.main-nav__megamenu .main-nav__title {
	font-size: 14px;
	letter-spacing: -.03em;
	padding: 3px 0;
	margin-bottom: 19px;
	color: #31404b;
	text-align: left;
	text-transform: uppercase;
	font-family: Montserrat, sans-serif;
	font-weight: 700
}
.main-nav__ul li {
	display: block;
	white-space: nowrap;
	text-align: left;
	text-transform: uppercase
}
.main-nav__ul li a {
	display: block;
	font-size: 11px;
	line-height: 18px;
	font-family: Montserrat, sans-serif;
	font-weight: 700;
	text-align: left;
	padding: 5px 0;
	color: rgba(49,64,75,.4);
	transition: color .3s ease
}
.main-nav__ul li a:hover {
	color: #31404b;
	text-decoration: none
}
.main-nav__list li>.main-nav__megamenu, .main-nav__list li>.main-nav__sub, .main-nav__list li>.main-nav__sub-2, .main-nav__list li>.main-nav__sub-3 {
	transform-style: preserve-3d;
	transform: rotateX(-75deg);
	visibility: hidden
}
.main-nav__list li:hover>.main-nav__megamenu, .main-nav__list li:hover>.main-nav__sub, .main-nav__list li:hover>.main-nav__sub-2, .main-nav__list li:hover>.main-nav__sub-3 {
	transform: rotateX(0);
	opacity: 1;
	visibility: visible
}

.main-nav__sub {
	position: absolute;
	top: 40px;
	z-index: 1000;
	margin: 0;
	padding: 10px;
	min-width: 240px;
	background-color: #fff;
	/*border: 1px solid #000;*/
	border-radius: 0px;
	opacity: 0;
	transform-origin: 0 0;
	transition: transform .3s, opacity .3s
}

.main-nav__sub>li>a {
	text-decoration: none
}
.main-nav__sub>li.has-children>a:after {
	content: "";
	display: block;
	position: absolute;
	right: 24px;
	top: 50%;
	margin-top: -2px;
	width: 6px;
	height: 4px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Cpath transform='translate(-586.156 -1047.28)' fill='%2331404b' d='M586.171,1048l0.708-.71,2.828,2.83-0.707.71Zm4.95-.71,0.707,0.71L589,1050.83l-0.707-.71Z'/%3E%3C/svg%3E");
	background-size: 6px 4px;
	background-repeat: no-repeat;
	background-position: 50%;
	transform: rotate(-90deg)
}
/*
.main-nav__sub li a {
	display: block;
	font-family: Montserrat, sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 11px;
	color: #31404b;
	text-align: left;
	line-height: 1.5em;
	padding: 16px 30px;
	letter-spacing: normal;
	border-bottom: 1px solid #e4e7ed;
	transition: background-color .3s ease
}

.main-nav__sub li a:hover {
	color: #31404b;
	background-color: rgba(228,231,237,.2)
}
*/

.main-nav__sub li a {
	display: block;
	border-radius: 0px;
	padding: 7px 10px;
	font-size: 14px;
	color: #000;
	text-align: left;
	line-height: 1.5em;
	letter-spacing: normal;
	transition: background-color .3s ease
}

.main-nav__sub li a:hover {
	background-color: #000;
    color: #ffffff;
    text-decoration: none;
}

.main-nav__sub li:last-child>a {
	border-bottom: none
}

.main-nav__sub>li.active>a {
	color: #31404b;
	background-color: rgba(228,231,237,.2)
}

.main-nav__list li:hover .main-nav__sub {
	display: block
}
.main-nav__sub li {
	position: relative;
	padding: 0;
	margin: 0;
	display: block
}
.main-nav__sub li:hover .main-nav__sub-2 {
	display: block;
	opacity: 1;
	list-style: none;
	padding: 0;
	background-color: #fff
}
.main-nav__sub-2 {
	min-width: 240px;
	border: 1px solid #e4e7ed;
	position: absolute;
	left: 100%;
	top: -1px;
	margin: 0;
	padding: 0;
	opacity: 0;
	transform-origin: 0 0;
	transition: transform .4s, opacity .4s
}
.main-nav__sub-2 li:hover .main-nav__sub-3 {
	opacity: 1;
	list-style: none;
	padding: 0;
	border: 1px solid #e4e7ed;
	background-color: #fff
}
.main-nav__sub-3 {
	min-width: 240px;
	position: absolute;
	left: 100%;
	top: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
	transform-origin: 0 0;
	transition: transform .4s, opacity .4s
}
.main-nav__toggle, .main-nav__toggle-2 {
	display: none
}
@media only screen and (min-width:992px) {
.main-nav__list li:hover>.main-nav__sub, .main-nav__sub li:hover>.main-nav__sub-2, .main-nav__sub-2 li:hover>.main-nav__sub-3 {
	display: block
}
.main-nav__list li:hover>.main-nav__megamenu {
	display: -ms-flexbox;
	display: flex
}
.main-nav .main-nav__item--shopping-cart, .main-nav__list .main-nav__item--social-links, .main-nav__list .nav-account__item, .main-nav__list .social-links__item {
	display: none
}
}


@media only screen and (max-width:991px) {
.main-nav {
	width: 270px;
	right: 0;
	transform: translateX(270px);
	height: 100vh;
	position: fixed;
	top: 0;
	margin: 0;
	z-index: 103;
	overflow: auto;
	transition: all .4s ease-in-out;
	background-color: #000;
	left:auto;
}
.site-wrapper--has-overlay .main-nav {
	transform: translateX(0px);
	transition: all .4s ease-in-out
}
.main-nav .header-mobile__logo {
	position: relative;
	padding: 5px 0 18px;
	display: block;
	border-bottom: 0px;
}
.main-nav .main-nav__item--shopping-cart .info-block__link-wrapper {
	overflow: hidden;
	font-size: 11px;
	line-height: 1.5em;
	padding-right: 20px
}
.main-nav .main-nav__item--shopping-cart .df-icon-stack--bag {
	display: none
}
.main-nav .main-nav__item--shopping-cart .info-block__heading {
	margin-bottom: 0;
	float: left;
	font-size: 11px;
	line-height: 1.5em
}
.main-nav .main-nav__item--shopping-cart .info-block__cart-sum {
	float: right;
	font-size: 11px;
	line-height: 1.5em;
	color: #4e7dff
}
.main-nav .main-nav__back {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 8'%3E%3Cpath transform='translate(-238.75 -17.75)' fill='%23fff' d='M240,21h12v2H240V21Zm0.171-.415,4.243,4.243L243,26.242,238.757,22Zm4.243-1.414-4.243,4.242L238.757,22,243,17.757Z'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 16px 12px;
	background-color: rgba(255, 255, 255, 0.12);
	cursor: pointer;
	transform: rotate(180deg);
}

.main-nav .main-nav__back:hover {
	cursor: pointer
}
.main-nav .main-nav__list>li>a:before {
	top: 0;
	bottom: 0;
	width: 4px;
	height: auto
}
.main-nav .main-nav__list>li>a .highlight {
	color: #4e7dff
}
.main-nav .main-nav__list>li.has-children>a:after {
	display: none
}
.main-nav .main-nav__list>li.nav-account__item--logout>a {
	color: #6b6d70
}
.main-nav .main-nav__list>li.nav-account__item--wishlist>a {
	padding-right: 20px
}
.main-nav .main-nav__list>li.nav-account__item--wishlist .highlight {
	float: right
}
.main-nav .main-nav__list>li.main-nav__item--social-links {
	text-align: left;
	padding: 0 15px 20px
}
.main-nav .main-nav__list>li.main-nav__item--social-links>a {
	display: inline-block;
	border-bottom: none;
	padding: 15px
}
.main-nav .main-nav__list>li.main-nav__item--social-links>a:before, .main-nav__list .main-nav__sub .main-nav__sub-2 li:hover .main-nav__sub-3, .main-nav__list .main-nav__sub li.has-children>a:after, .main-nav__list li:hover .main-nav__sub, .main-nav__list li:hover .main-nav__sub .main-nav__sub-2 {
	display: none
}
.main-nav__toggle {
	width: 30px;
	height: 30px;
	top: 8px;
	right: 10px
}
.main-nav__toggle, .main-nav__toggle-2 {
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 1;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Cpath transform='translate(-586.156 -1047.28)' fill='%23fff' d='M586.171,1048l0.708-.71,2.828,2.83-0.707.71Zm4.95-.71,0.707,0.71L589,1050.83l-0.707-.71Z'/%3E%3C/svg%3E");
	background-size: 12px 10px;
	background-repeat: no-repeat;
	background-position: 50%;
	transition: all .4s ease
}
.main-nav__toggle-2 {
	width: 20px;
	height: 20px;
	top: 3px;
	right: 15px
}
.main-nav__toggle--rotate {
	transform: rotate(180deg)
}
.main-nav__sub-2 {
	width: 100%;
	position: static;
	left: 100%;
	top: 0;
	display: none;
	margin: 0;
	padding: 0!important;
	border: 0 solid;
	transform: none;
	opacity: 1;
	visibility: visible
}
.main-nav__sub-2 li {
	margin: 0;
	padding: 0;
	position: relative
}
.main-nav__sub-2 li a {
	display: block;
	padding: 10px 25px
}
.main-nav__sub-2 li:hover>a {
	color: #fff
}
.main-nav__sub-3 {
	width: 100%;
	position: static;
	left: 100%;
	top: 0;
	display: none;
	margin: 0;
	padding: 0!important;
	border: 0 solid;
	transform: none;
	opacity: 1;
	visibility: visible
}
.main-nav__sub-3 li {
	margin: 0;
	padding: 0;
	position: relative
}
.main-nav__sub-3 li a {
	display: block;
	padding: 10px 25px
}
.main-nav__sub-3 li:hover>a {
	color: #fff
}
.main-nav .main-nav__list {
	height: 100%;
	overflow-y: auto;
	display: block
}
.main-nav .main-nav__list>li {
	width: 100%;
	display: block;
	float: none;
	border-right: none;
	background-color: transparent;
	position: relative;
	white-space: inherit;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	text-align: left;
	margin-bottom:0px;
}

.main-nav .main-nav__list>li>a {
	padding: 14px 20px;
	font-size: 14px;
	text-align: left;
	border-right: 0 solid;
	background-color: transparent;
	color: #fff;
	line-height: 1em;	
	position: static
}

.main-nav .main-nav__list > li > a i {
	margin-right:8px;
	font-size: 18px;
	position: relative;
	top: 3px;
}

.main-nav .main-nav__list li.has-children>a:after {
	transform: none;
	top: 13px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Cpath transform='translate(-586.156 -1047.28)' fill='%23fff' d='M586.171,1048l0.708-.71,2.828,2.83-0.707.71Zm4.95-.71,0.707,0.71L589,1050.83l-0.707-.71Z'/%3E%3C/svg%3E")
}
.main-nav__list .main-nav__sub {
	transform: none;
	opacity: 1;
	display: none;
	position: relative;
	top: 0;
	background-color: #242424;
	border: none;
	padding: 7px 0;
	visibility: visible;
}

.main-nav__list .main-nav__sub li a {
	line-height: 1.4;
	font-size: 13px;
	padding: 5px 0 5px 20px;
	color: #9a9da2;
	transition: color .3s ease;
	border-bottom: none;
	display: block;
	text-align: left;
	text-transform: none;
	font-weight: 400;
}

.main-nav__list .main-nav__sub li a:hover {
	color: #fff
}
.main-nav__list .main-nav__sub li:hover>a {
	background-color: transparent;
	color: #fff
}
.main-nav__list .main-nav__sub li:hover .main-nav__sub-2 {
	background-color: transparent
}
.main-nav__list .main-nav__sub li .main-nav__sub-2 {
	padding: 15px 0
}
.main-nav__list .main-nav__sub li .main-nav__sub-2 li a {
	padding-left: 50px
}
.main-nav__list .main-nav__sub li .main-nav__sub-2 li a:hover {
	background-color: none
}
.main-nav__list .main-nav__sub li .main-nav__sub-2 li .main-nav__sub-3 li a {
	padding-left: 60px
}
.main-nav__list .main-nav__megamenu {
	background-color: #292c31;
	color: #9a9da2;
	display: none;
	position: relative;
	top: 0;
	padding: 15px 0;
	border: none;
	transform: none;
	opacity: 1;
	visibility: visible
}
.main-nav__list .main-nav__megamenu[class^=col-] {
	padding-bottom: 15px
}
.main-nav__list .main-nav__megamenu div[class^=col-] {
	padding-left: 30px;
	padding-right: 30px
}
.main-nav__list .main-nav__megamenu .main-nav__title {
	color: #fff;
	font-size: 11px;
	padding: 10px 30px;
	margin: 0
}
.main-nav__list .main-nav__megamenu>ul {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 13px
}
.main-nav__list .main-nav__megamenu>ul>li>a {
	padding: 7px 20px 7px 40px;
	line-height: 1.5em;
	font-size: 10px;
	color: #9a9da2
}
.main-nav__list .main-nav__megamenu>ul>li>a:hover {
	color: #fff
}
.main-nav__list li:hover .main-nav__megamenu {
	display: none;
	position: relative;
	top: 0
}
.main-nav__list li:hover>.main-nav__megamenu, .main-nav__list li:hover>.main-nav__sub, .main-nav__list li>.main-nav__megamenu, .main-nav__list li>.main-nav__sub, .main-nav__sub li:hover>.main-nav__sub-2, .main-nav__sub li>.main-nav__sub-2, .main-nav__sub-2 li:hover>.main-nav__sub-3, .main-nav__sub-2 li>.main-nav__sub-3 {
	transform: none;
	visibility: visible
}
.main-nav__list li:hover>.main-nav__megamenu, .main-nav__list li>.main-nav__megamenu, .main-nav__sub li:hover>.main-nav__sub-2, .main-nav__sub-2 li:hover>.main-nav__sub-3, .main-nav__sub-2 li>.main-nav__sub-3 {
	opacity: 1
}
}

.site-overlay {
	left: 0;
	top: 0;
	z-index: 102;
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: transparent;
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity .4s linear
}
@media (max-width:991px) {
.site-wrapper--has-overlay .site-overlay {
	visibility: visible;
	opacity: 1;
	background-color: rgba(0,0,0,.8)
}
}
@media (min-width:992px) {
.site-wrapper--has-overlay-pushy .site-overlay {
	visibility: visible;
	opacity: 1;
	background-color: rgba(0,0,0,.8)
}
}