.navigation #menu-button { display: none; }

.navigation ul.menu { padding: 0px; margin:0px 0 0; display: flex; gap: 0 45px; justify-content: center; transition: ease 0.5s;}

.navigation ul > li { list-style-type: none; position: relative; display: inline-block; }

.navigation ul > li > a { display:inline-block; color:#292929; font-size:16px; text-decoration: none; line-height: normal; padding: 20px 15px 20px; position: relative; z-index: 2; text-transform: uppercase; font-family: 'Red Hat Display Bold'; }

.navigation ul > li.has-sub .submenu-button { position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url('../images/carat.svg') no-repeat center; width: 8px; height: 6px; }

.navigation ul > li > a:hover { color: #8F877C; }



/* .header-fixed .navigation ul > li > a { color: #3359b9; }

.header-fixed .navigation ul > li > a:hover:before { background: #3359b9; }

.header-fixed .navigation ul > li.current-menu-item > a:before, .header-fixed .navigation ul > li.current_page_parent > a:before, .header-fixed .navigation ul > li.current-menu-parent > a:before { background: #3359b9; }

.header-fixed #cssmenu.small-screen #menu-button { background-color: #3359b9; }

.header-fixed #cssmenu.small-screen #menu-button::before { background-color: #fff; }

.header-fixed #cssmenu.small-screen #menu-button::after { border-color: #fff; }

 */



.navigation ul ul { position: absolute; left: -9999px; width:220px; margin: 0px; padding: 0; top:100%; background: #000; text-align: left; z-index: 99; }

.navigation ul ul li { list-style-type:none; position: relative; display: block; float: left; width: 100%; padding: 0px; margin: 0px 0 1px!important; }

.navigation ul ul li:first-child { border:none; }

.navigation li:hover > ul { left: 0px; margin: 0px; }

.navigation li ul li:hover > ul { top:0; left: 100%; }

.navigation ul ul li a { padding: 10px 10px 10px 15px; font-size: 16px; display:block; text-decoration: none; color: #fff; line-height: normal; text-align: left; }

.navigation ul ul li a:hover:after { display:none; }

.navigation ul ul li:hover > a,

.navigation ul ul li a:hover { color:#fff; text-decoration: none; background-color: #8F877C; }

.navigation ul ul li a:after { display:none; }

.navigation ul ul li.current-menu-item > a { color:#fff; text-decoration: none; background-color: #8F877C; }

.navigation ul ul ul { max-height: 500px; overflow: auto; }



#cssmenu.small-screen { display: inline-block; vertical-align: top; }

#cssmenu.small-screen ul { width: 100%; display: none; /*margin-top: 40px;*/ top:100%; position: absolute; left: 0; z-index: 999; background: #3359b9; text-align: left; }

#cssmenu.small-screen.align-center > ul { text-align: left; }

#cssmenu.small-screen ul li { width: 100%; float:left; border-bottom: 1px solid #fff; position: relative; margin: 0px; }

#cssmenu.small-screen ul li a { width: 100%; border-bottom: 0; padding: 11px 15px 11px; padding-left: 15px; color: #fff; background: none;font-weight: normal; text-align: left; font-size: 18px; }

#cssmenu.small-screen ul ul li a { padding: 6px 15px 6px; }

#cssmenu.small-screen ul ul li { border:none; }

/*#cssmenu.small-screen ul ul li:hover > a,

#cssmenu.small-screen ul ul li.menu-item-has-children > a { color: #68A8DE; }*/

/*#cssmenu.small-screen ul li.menu-item-has-children > a { color: #68A8DE; }*/

#cssmenu.small-screen ul ul { overflow: auto; }

#cssmenu.small-screen ul ul,

#cssmenu.small-screen ul ul ul,

#cssmenu.small-screen.align-right ul ul { position: relative; left: 0; top:0; width: 100%; margin: 0; padding: 0px 0 10px 15px; text-align: left; height: auto; }

#cssmenu.small-screen > ul > li.has-sub > a:after,

#cssmenu.small-screen > ul > li.has-sub > a:before,

#cssmenu.small-screen ul ul > li.has-sub > a:after,

#cssmenu.small-screen ul ul > li.has-sub > a:before { display: none; }

#cssmenu.small-screen #menu-button { display: block; cursor: pointer; position: absolute; top:70px; transform: translateY(-50%); width: 36px; height: 35px; right: 15px; z-index: 99; background: #fff; border-radius:50%; }

#cssmenu.small-screen #menu-button:after { position: absolute; top: 16px; right: 8px; display: block; height: 9px; width: 20px; border-top: 2px solid #3359b9; border-bottom: 2px solid #3359b9; content: ''; }

#cssmenu.small-screen #menu-button:before { position: absolute; top: 9px; right: 8px; display: block; height: 2px; width: 20px; background:  #3359b9; content: ''; }

#cssmenu.small-screen #menu-button.menu-opened:after { top: 17px; border: 0; height: 2px; width: 20px; background:  #3359b9; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

#cssmenu.small-screen #menu-button.menu-opened:before { top: 17px; background:  #3359b9; width: 20px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg); transform: rotate(-45deg); }



#cssmenu.small-screen .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid rgba(255,255,255,.3);height: 44px; width: 64px; cursor: pointer; }

#cssmenu.small-screen .submenu-button.submenu-opened { background: #3359b9; }

#cssmenu.small-screen .submenu-button::after { position: absolute; top: 21px; right: 26px; width: 15px; height: 3px; display: block; background: #fff; content: ''; }

#cssmenu.small-screen .submenu-button.submenu-opened:after { background:  #fff; }

#cssmenu.small-screen .submenu-button::before { position: absolute; top: 15px; right: 32px; display: block; width: 3px; height: 15px; background:  #fff; content: ''; }

#cssmenu.small-screen .submenu-button.submenu-opened::before { display:none; }













@media (min-width:1200px) and (max-width:1320px) {

	.navigation ul > li { margin: 0px 0px 0px 20px; }

	.navigation ul > li > a { font-size: 16px; }

}



@media (max-width:1199px) {

	#cssmenu ul { padding:0px; display: none; }

	#cssmenu > ul > li.current-menu-item a::after, #cssmenu > ul > li.has-sub > a:after { display:none; }

	#cssmenu li ul li:hover > ul { left:0; }

	.navigation ul > li > a:hover::after { display:none!important; }

}



@media (max-width:767px) {

	#cssmenu.small-screen ul { max-height: 500px; overflow: auto; }

	.site-header .search .widget_search { right: 0; top: 105%; background-color: #fff; }

	.site-header .search .widget_search form input.search-submit { border-radius: 0; padding: 6px 15px 6px; }

}