.widget_nav_menu .sub-menu { margin-top: 8px }
/*-[ Navigation ]-----------------*/
.menu-item-has-children > a:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 20px;
    color: rgba(255, 255, 255, 0.4);
}
.sub-menu .menu-item-has-children > a:after {
    top: 50%;
    margin-top: -12px;
    right: 15px;
}
#main-menu-wrapper nav.navigation .menu{
  padding: 40px 0;
-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 15px;
}
.navigation .menu > li > a {
    color:#000;
	font-family: "Lato-regular", sans-serif;	
	font-size: 15px;
	letter-spacing: 1px;
}
.navigation ul li {
  line-height: 20px;
    float: left;
    position: relative;
}
.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;
    border-bottom: 0;
}
.navigation ul ul {
    position: absolute;
    width: 230px;
    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 45px 9px 20px;
    position: relative;
    width: 230px;
    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;
}
.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: 230px;
    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  }
a#pull { display: none }
.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: 58px;
}
.toggle-menu .active > .toggle-caret .fa:before { content: "\f068" } /*minus*/

       
		
		@media screen and (max-width:960px) { 
 
    .layout-vertical .vertical .content-wrap .title a { font-size: 30px }
}
@media screen and (max-width: 480px){
a#pull {
right:15px;
}}
@media screen and (max-width:900px) { 
    .widget-header { max-width: 70% }
    .navigation .menu { box-shadow: none }
}
@media screen and (max-width:1024px) { 
    .navigation { width: 100%; border: none !important; display: none; }
     .navigation ul .current-menu-item > a, .navigation ul li a:hover { background-color:rgb(30, 140, 190); 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: 25px; }
    .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:30px; font-family: FontAwesome; }
	.mobile-menu-active a#pull:after {
  content: "\f00d";
}
	.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: -300px; width: 300px; 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: 9px 18px !important }
    .navigation ul ul ul a { padding: 9px 27px !important }
    .navigation ul ul ul ul a { padding: 9px 36px !important }
    .navigation .toggle-caret { display: block; width: 43px; height: 58px; 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: '' }
    }