.widget_nav_menu .sub-menu { margin-top: 8px }
/*-[ Navigation ]-----------------*/
.menu-item-has-children > a:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 3px;
    color: #fff;
}
.menu-item-has-children > a{
padding-right: 20px!important;
}
.navigation ul ul a, .navigation ul ul a:link, 
.navigation ul ul a:visited{
color:#4d4d4d;
}

.sub-menu .menu-item-has-children > a:after {
    top: 50%;
    margin-top: -12px;
    right: 15px;
}
#main-menu-wrapper nav.navigation .menu{
-webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  }
 
 header.smaller #main-menu-wrapper nav.navigation ul{
  padding: 20px 0;
}
.navigation ul { margin: 0 auto; float: right; }

/*#secondary-navigation .menu > li { padding-top: 1px; }*/
.navigation .menu > li {
margin:0 5px;
}
#menu li{
list-style-type: none;
}
.navigation .menu > li > a {
    padding: 10px;
    color:#fff;
	font-family:'Open Sans', sans-serif;
	font-size: 15px;
	letter-spacing: 1px;
}
.navigation ul li {
  line-height: 20px;
    float: left;
    position: relative;
}
.sub-menu{
-webkit-box-shadow: 0px 0px 5px 0px rgba(173,173,173,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(173,173,173,0.25);
box-shadow: 0px 0px 5px 0px rgba(173,173,173,0.25);
}
.sub-menu li{
border-bottom:1px solid rgba(85, 85, 85, 0.44);
}
.sub-menu li:last-child{
border-bottom:0;
}
.menu-item.current-menu-item, .navigation .menu > li:hover,
.navigation .menu > li a:focus {
    background: #fec503;
}
.sub-menu li:hover,
.sub-menu li a:focus{
background:#fec503;
}

.navigation ul li a, .navigation ul li a:link, .navigation ul li a:visited {
    display: inline-block;
    transition: background-color, color 0.2s linear;
}
.navigation > ul > .current a {
    background: transparent;
    color: #5a5a5a !important;
}
.navigation ul li li {
    background: #fff;
}
.navigation ul ul {
	top:45px;
    position: absolute;
    width: 200px;
    padding: 20px 0 0 0;
    padding-top: 0;
    z-index: 400;
    font-size: 12px;
    color: #798189;
	background:#fff;
}
.navigation ul ul li {
    padding: 0;
        color: #fff;
	  line-height: 25px;
}
.navigation ul ul a, .navigation ul ul a:link, 
.navigation ul ul a:visited {
	font-size: 14px;
    padding: 9px 9px 9px 20px;
    width: 200px;
    border-left: 0;
    background: transparent;
    border-right: 0;
    border-radius: 0;
    border-bottom: 1px solid   rgba(255, 255, 255, 0.05);
    margin: 0;
    color: #4d4d4d;
    text-align: left;
}
.navigation ul ul li:first-child a {

}
.navigation ul ul li:last-child a { border-bottom: none }
.navigation ul ul { display: none }
.navigation ul ul ul {
    left: 200px;
    top: 0;
}
.sub-menu .menu-item-has-children:after { color: #fff }
.navigation .toggle-caret { display: none }
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after { clear: both }
.clearfix { *zoom: 1  }
.navigation i { margin-right: 4px }



/*-[ Custom Nav Widget ]---------------------------*/
.widget_nav_menu .fa > a, .widget_nav_menu .fa > a { padding-left: 5px }
.widget_nav_menu .sub-menu { margin-top: 8px }
.widget_nav_menu .menu-item-has-children > a:after { content: '' }
/*-[ Toggle menu ]---------------------------*/
.toggle-menu ul ul { display: none }
.toggle-menu .toggle-menu-item-parent { position: relative }
.toggle-menu .toggle-caret {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    cursor: pointer;
    line-height: inherit;
}
.toggle-menu .toggle-caret .fa {
    width: 20px;
    text-align: center;
    font-size: inherit;
    color: inherit;
    line-height: 54px;
    color: #949494;
}
.toggle-menu .active > .toggle-caret .fa:before { content: "\f068" } 
    
		
@media screen and (max-width:960px) { 
     .layout-vertical .vertical .content-wrap .title a { font-size: 30px; }
}
@media screen and (max-width: 480px){
a#pull:after {
right:15px!important;
}
.col-center a#pull:after {
right:0px!important;
}

}
@media screen and (max-width:900px) { 
    .widget-header { max-width: 70% }
    .navigation .menu { box-shadow: none }
}
@media screen and (max-width:1024px) { 
.navigation .menu > li > a i.fa {
    color: #000!important;
}
.page div#main-menu-wrapper, .single div#main-menu-wrapper,  .page .navbar-shrink div#main-menu-wrapper, .single .navbar-shrink div#main-menu-wrapper{
    padding-top: 10px;
}
div#main-menu-wrapper {
    text-align: right;
}

.navigation .menu > li {
margin:0;
}
.logged-in .navigation ul{
padding-top:32px;
}
.logged-in .navigation ul.sub-menu{
padding-top:0px;
}
.navigation ul{
padding-left:0px;
}
.home div#main-menu-wrapper {
    padding-top: 0px;
}
.navigation .menu > li > a {
    padding: 14px 0;
	}
.sub-menu .menu-item-has-children:hover{
background:#fed136;
}
.sub-menu .menu-item-has-children:hover ul li a{
color:#000!important;
} 
.sub-menu .menu-item-has-children ul li a:hover{
background:#fed136;
color:#fff!important;
}
    .navigation { width: 100%; border: none !important; display: none; }
     .navigation ul .current-menu-item > a, .navigation ul li a:hover { color: #fff!important;}
    .navigation .menu a, .navigation .menu .fa > a, .navigation .menu .fa > a { color: #000!important; background: transparent; }
    .navigation .menu { display: block!important; float: none; background: transparent; margin-bottom: 45px; }
    .navigation ul ul { visibility: visible!important; opacity: 1!important; position: relative; left: 0!important; border: 0; width: 100%; }
    .navigation ul li li { background: transparent; border: 0; }
    nav { height: auto }
    nav li, .navigation ul li li { width: 100%!important; float: left; position: relative; }
    .navigation ul li:after { display: none }
    .navigation ul li:before { display: none }
    nav li a { border-bottom: 1px solid rgba(193, 193, 193, 0.2)!important; width: 100%!important; box-sizing: border-box; }
    nav a { text-align: left; width: 100%; text-indent: 15px; }
    .header a#pull { display: block; width: 100%; position: relative; color: #fff; padding: 30px 0; text-indent: 15px; text-align: right;  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;}
  body.page .header a#pull{
color:#000;
}
    a#pull:after { content: "\f0c9"; 
    display: inline-block;
     font-size:24px;
      font-family: "Font Awesome 5 Free";
          font-weight: 600;
      color:#fff;
      position:relative;
       top:10px;
       right: 10px; 
   }
	.navbar-default.navbar-shrink a#pull:after {
	top:5px;
	}
.mobile-menu-active a#pull:after {
  content: "\f00d";
  color:#fff;
}

.header-wrapper header.smaller a#pull {padding: 23px 0; color: #000;}
.navigation ul .sfHover a, .navigation ul li:hover, .navigation ul .sfHover ul li { background: transparent }
    
  
    /*-[ Responsive Navigation ]--------------------------------*/
   
    .mobile-menu-active .main-container, .mobile-menu-active #site-header, .mobile-menu-active .footer { left: 300px; transition: left 500ms ease; }
    .navigation.mobile-menu-wrapper { display: block; position: fixed; top: 0; left: -260px; width: 260px; height: 100%; background-color: #fff; border-right: 1px solid rgba(0, 0, 0, 0.2)!important; overflow: auto; transition: left 500ms ease; -webkit-backface-visibility: hidden;   z-index: 99999;}
    .mobile-menu-active .navigation.mobile-menu-wrapper { left: 0 }
    .navigation ul li { width: 100%; display: block; }
    .navigation ul li:hover { background: none }
    .navigation ul li a, .navigation ul ul a { padding: 9px 0; width: 100%; border: none; }
    .navigation ul ul { position: static; width: 100%; border: none; }
    .navigation ul ul li { background: none; width: 100%; }
    .navigation i { display: inline }
    .navigation ul ul a { padding: 11px 18px !important }
    .navigation ul ul ul a { padding: 11px 27px !important }
    .navigation ul ul ul ul a { padding: 11px 36px !important }
    .navigation .toggle-caret { display: block; width: 43px; height: 48px; line-height: 43px; color: #ffffff; border-left: 1px solid rgba(193, 193, 193, 0.2); }
    .navigation .toggle-caret i { margin-right: 0 }
    .navigation .menu-item-has-children > a:after { content: '' }
	.sub-menu{-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;}
    }
