.header {padding-top: 5px;}
/*-------------------------Navigation---------------------- */
#navigation {-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
#navigation {float:right; text-align: right; padding: 0;}
.main-navigation div:first-of-type{float:right}
.main-navigation {display: inline-block; width: auto;	font-size:19px; margin-right: 10px;}
.main-navigation ul, .main-navigation li {position:relative;display:inline;list-style:none;margin:0;padding:0}
.main-navigation ul li a {z-index: 99;}
.main-navigation ul ul li {background-color: #fbfbfb;border: 1px solid #d1d1d1;}
.main-navigation ul ul a {margin-left: 10px; text-align: center}
.main-navigation ul ul {
	float: left; text-align: left; position: absolute; top: 100%; left: 0; z-index: 99;	display: block;
	min-width: 270px; background: #fff; opacity: 0; transition: all ease 0.23s; -webkit-transform-origin: top;
	transform-origin: top; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;
	-webkit-transform: scale(1, 0); transform: scale(1, 0); margin-top: -1px;}
.main-navigation ul li:hover > ul, .main-navigation ul li:focus > ul, .main-navigation ul li.focus > ul {
	display: block; opacity: 1; z-index: 1000; transform: scale(1,1);}
.main-navigation ul ul ul {left: auto;right: 100%;}
.main-navigation li {position: relative; display: inline-block; margin-bottom: 0;}
.main-navigation ul ul ul {right: 100%; top: 0;}
.main-navigation ul ul li:hover > ul {left: auto;right: 100%;}
.main-navigation li li {float: none; display: block;}
.main-navigation ul li li:last-child > a {border: none;}
.main-navigation ul li:last-child a{padding-right:0px;}
.main-navigation ul li a {display: block; margin-right: 10px; position: relative; z-index: 99;
	line-height: 33px; transition: all ease 0.23s; text-decoration: none; font-weight:500; color: #3e3e3e;}
.main-navigation ul li:hover a, .main-navigation ul li a:focus{opacity: 1; color: #3e3e3e;;} 
.main-navigation ul ul li.menu-item-has-children a:hover{opacity: 1; color: #fff; background: #037fff;}
.main-navigation ul ul a:hover{opacity: 1; color: #fff; background: #037fff;}
.main-navigation ul ul li a:hover{opacity: 1; color: #fff}
.main-navigation ul li a:hover{opacity: 1; color: #037fff} 
.main-navigation ul li.current-menu-item a, .main-navigation ul li.current_page_item a{
    opacity: 1; color: #037fff; border: 0 solid #037fff; border-bottom-width: 2px;}
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a{
    color: #037fff; border: 0 solid #037fff; border-bottom-width: 2px;}
.main-navigation ul li ul li a {line-height: 45px; color:#3e3e3e;}
.main-navigation li > a {position: relative;}
.main-navigation li li.current_page_item > a:after,
.main-navigation li li.current-menu-item > a:after,
.main-navigation ul li li a:hover:after {display: none;}
.main-navigation li.menu-item-has-children > a {padding-right: 24px;}
.main-navigation li.menu-item-has-children > a:after {
	content: "\f347"; right: 0px; top: 0px; width: 20px; height: 20px; font-size: 18px !important;
	position: absolute; font-family: dashicons;}
.main-navigation ul ul li.menu-item-has-children > a:after {
	content: "\f341"; font-family: dashicons; position: absolute; right: 0; top: 25%; transform: translate(0, -50%);}
.menu-toggle {display: none;}

@media(max-width:767px){
    .main-navigation a::after{display: inline-block !important; line-height:1; border: 1px solid #555;}
    .main-navigation ul {display: none;	list-style: none; margin: 0; padding-left: 0;}
    .menu-toggle, .main-navigation.toggled ul {display: block;}
    .menu-toggle {width: auto;}
    .menu-toggle:hover {opacity: .89;}
    .toggled .menu-toggle span {background: #181818;}
    .menu-toggle span {background: #21201f; border: none; height: 3px; width: 28px; position: absolute;
	    top: 7px; left: 4px; transition: all .25s ease; cursor: pointer;}
    .menu-toggle span:nth-of-type(2) {top: 18px;}
    .menu-toggle span:nth-of-type(3) {top: 29px;}
    .main-navigation button.menu-toggle:focus {outline: 1px solid #141414; border-radius: 0;}
    .main-navigation {width: 100%;}
	.main-navigation button.menu-toggle {
		width: 40px; text-align: center; margin:0 auto; background: transparent; border: 0;
		color: #ffffff; padding: 10px; height: 40px; position: relative; cursor: pointer;
	    margin-top: 3px; margin-left: 15px; float: right;}
	.main-navigation button.menu-toggle span.nav-icon {
		float: left; background: #fff; color: #000; height: 43px; width: 45px; line-height: 33px;
		text-align: center; position: absolute; left: 20px; top: 11px; border: 1px solid;}
	#primary-menu ul.nav-menu {
		position: absolute; width: 100%; right: 0; box-shadow: 0 0 10px rgb(0 0 0 / 12%);
		background: #ffffff; z-index: 99; margin-top: 5px;}
	.main-navigation button.menu-toggle span.nav-icon:hover {background: #6abe52; color: #ffffff; cursor: pointer;}
	.main-navigation.toggled ul li {
		text-align: left; line-height: 33px; float: right; position: relative; width: 100%;}
	.main-navigation.toggled ul ul,
	.main-navigation.toggled ul ul ul {position: relative; width: 100%; float: right; 
	    display: block; opacity: 0; right: 0; height: 0; box-shadow: none;}
	.main-navigation ul ul ul {left: 0; opacity: 0; right: 0;}
	.main-navigation.toggled ul li:hover ul,
	.main-navigation.toggled ul li:focus ul,
	.main-navigation.toggled ul li.focus ul {display: block; opacity: 1; height: auto; transform: scale(1,1);}
	.main-navigation.toggled ul li:hover ul ul,
	.main-navigation.toggled ul li:focus ul ul,
	.main-navigation.toggled ul li.focus ul ul {display: block; opacity: 0; height: 0; box-shadow: none; transform: scale(1,1);}
	.main-navigation.toggled ul  ul li:hover ul,
	.main-navigation.toggled ul  ul  li:focus ul,
	.main-navigation.toggled ul  ul li.focus ul {
		display: block;	opacity: 1;	right: 0; height: auto;	box-shadow: none;}
	.main-navigation.toggled ul li a {padding: 2px 15px;}
	.main-navigation li {border-bottom: 1px solid #d1d1d1}
    .main-navigation ul ul li {background-color: #fff;border: 1px solid #d1d1d1;}
    .main-navigation li li li a{background-color:#eee;}
    .main-navigation ul li{border-bottom: 1px solid #d1d1d1}
	.main-navigation li.menu-item-has-children > a::after{
	    border: 2px solid #555; margin-top: 7px; font-size: 22px !important;}
	.main-navigation ul li ul li a {line-height: 33px; color:#3e3e3e;}
	.main-navigation ul ul ul li > a {text-align: left !important;}
	.main-navigation ul li.current_page_item a, .main-navigation ul li.current-menu-item a{
	    opacity: 1; color: #037fff; ;border: 0 solid #037fff; border-bottom-width: 2px;}
    .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a{
        color: #037fff; border: 0 solid #037fff; border-bottom-width: 2px;}
    
}
