.mainMenu {font-size: 1rem; font-weight: 400; letter-spacing: 0.03em;}
.mainMenu__xs {}
.mainMenu__title {}
.mainMenu__xsBtn {}
.mainMenu__xsBtn._active {}
.mainMenu__ul {margin: 0;padding: 0;list-style: none; position: absolute; display: none; z-index: 10; left:100%; top: 0px; min-width: 100%; z-index: 50;}
.mainMenu__ul._lvl_1 {position: relative; display: block; left:0;}
.mainMenu__ul._lvl_1._active {display: block !important;}
.mainMenu__ul._lvl_2 {left:0; top: auto; box-shadow: 0px 0px 4.9px 0.1px rgba(0, 0, 0, 0.33); background: #fff;}
.mainMenu__ul._hover {display: block;}
.mainMenu__ul._right {left: auto; right: 0;}
.mainMenu__item {position: relative;}
.mainMenu__item._lvl_1 {display: inline-block;}
.mainMenu__link {padding: 0.6875rem; display: block; white-space: nowrap; z-index: 11; color: #000; text-decoration: none !important;}

.mainMenu__link._parent {padding-right: 1.5rem;}
.mainMenu__link.help {padding-left: 1.75rem;}
.mainMenu__link.help:before {content: ''; position: absolute; top: 50%; left: 0.4375rem; transform: translateY(-50%); background: url(images/sprite.svg) 0 0; background-size: 100% auto; width: 1rem; height: 1rem;  }


.mainMenu__link._lvl_2 {font-size: 0.875rem; padding: 0.5rem 1.25rem;}
.mainMenu__caret {position: absolute; right:0px; top: 0px; cursor: pointer; z-index: 20;}
.mainMenu__caret:before {content: '\f107'; font-family: FontAwesome; padding: 0.8125rem 0.5rem 0 0; display: block;}



.mainMenu__link:hover,
.mainMenu__item._hover>.mainMenu__link {background: #595959; color: #fff;}

.mainMenu__link:hover+.mainMenu__caret:before,
.mainMenu__item._hover>.mainMenu__caret:before {color: #fff; content: '\f106' !important;}

.mainMenu__link.help:hover:before,
.mainMenu__item._hover>.mainMenu__link.help:before {background-position: 0 -1rem;}

.mainMenu__link.help._hover:before {}
.mainMenu__link._lvl_2._where {background: #b4b4b4; color: #fff}
.mainMenu__link._lvl_2._where:after {content: ''; display: inline-block; width: 1rem; height: 1rem; background: url(images/sprite.svg) 0 -3rem; background-size: 100% auto; vertical-align: text-top;}
.mainMenu__link._lvl_2._where:hover:after {background-position: 0 -3rem;}

.mainMenu__link._lvl_2:hover {background: #e31f24; color: #fff;}


/*desktops*/
@media (max-width: 1300px) { 
	.mainMenu__link._lvl_1 {padding: 0.6875rem 0.25rem;}
	.mainMenu__link._parent {padding-right: 0.25rem;}
	.mainMenu__caret {display: none;}
	.mainMenu__link.help:before {display: none;}
}

/*desktops*/
@media (max-width: 1200px) { 
	.mainMenu {letter-spacing: 0.3px;}
}

/*tablets*/
@media (max-width: 991px) {
	.mainMenu {margin: 0 -15px; background: #fff;}
	.mainMenu__item._lvl_1 {display: block;} 
	.mainMenu__caret {display: block; width: 2.9rem; height: 2.9rem; padding-top: 0.7rem; text-align: center;}
	.mainMenu__ul {position: relative;}
	.mainMenu__link._lvl_1 {padding-left: 15px;}
	.mainMenu__link._lvl_2 {font-size: 0.92rem; padding-left: 15px; background: #f9f9f9;}
	.mainMenu__ul._lvl_2 {box-shadow: none;}
	.mainMenu__link {border-bottom: 1px solid #e6e6e6;}
	.mainMenu__link._parent {padding-right: 3rem;}
	.mainMenu__caret:before {padding: 0;}
}

/*phones*/
@media (max-width: 767px) { 
  .mainMenu__link._lvl_1 {font-size: 1.125rem;}
  .mainMenu__link._lvl_2 {font-size: 1rem;}
	
}