.mainMenu {}
.mainMenu__xs {}
.mainMenu__title {}
.mainMenu__xsBtn {}
.mainMenu__xsBtn._active {}
.mainMenu__ul {margin: 0;padding: 0;list-style: none; display: none; z-index: 10; min-width: 100%;}
.mainMenu__ul._lvl_1 {display: flex;}
.mainMenu__ul._lvl_2 {background: #fff; padding: 0.75rem 0;}
.mainMenu__ul._hover {display: block;}
.mainMenu__ul._right {left: auto; right: 100%;}
.mainMenu__item {position: relative;}
.mainMenu__item._lvl_1 {flex: 1 0 0%;}
.mainMenu__item._lvl_1:hover {}
.mainMenu__item._lvl_2 {}
.mainMenu__itemContent._lvl_1 {position: absolute; top: 0; left: 0; right: 0;}
.mainMenu__link._lvl_1 {font-size: 1.5rem; color: #000; text-decoration: none !important; border-bottom: 5px solid var(--primary-color); height: 4.125rem; justify-content: center; align-items: center; display: flex; padding: 1rem;}
.mainMenu__link._lvl_2 {min-height: 3.125rem; color: #000; font-size: 1.25rem; padding: 0.75rem; justify-content: center; align-items: center; display: flex; text-decoration: none !important; transition: .5s;
text-align: center;
}
.mainMenu__link._lvl_2:hover {color:var(--primary-color); }
.mainMenu__item._lvl_1:hover .mainMenu__link._lvl_1 {color: var(--primary-color);}
.mainMenu__item._lvl_1:hover .mainMenu__ul._lvl_2 {display: block;}
.mainMenu__item._lvl_1:hover .mainMenu__itemContent._lvl_1 {box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.35); z-index: 500;}

.mainMenu__link._parent._lvl_1 span {position: relative;}
.mainMenu__link._parent._lvl_1 span:before,
.mainMenu__link._parent._lvl_1 span:after {content: ''; position: absolute;  top: 50%; width: 10px; height: 10px; border: 1px solid #000; transform: translate(7px, 6px); margin-top: -5px; transition: .5s;}
.mainMenu__link._parent._lvl_1 span:before {left: 0; transform: translate(-18px, 0) rotate(-45deg);  border-bottom-color: transparent !important; border-right-color: transparent !important; opacity: 0;}
.mainMenu__link._parent._lvl_1 span:after {right: 0; transform: translate(18px, 0) rotate(-45deg); border-top-color: transparent !important; border-left-color: transparent !important;}

.mainMenu__item._lvl_1:hover span:before,
.mainMenu__item._lvl_1:hover span:after {border-color: var(--primary-color); opacity: 1;}
.mainMenu__item._lvl_1:hover span:before {transform: translate(-10px, -13px); }
.mainMenu__item._lvl_1:hover span:after {transform: translate(10px, 9px);}