@charset "utf-8"; 
/* CSS Document */
.main-nav { }
.main-nav button { color:#FFF !important; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box;}
.main-nav button:focus { outline:none; }
.main-nav button .icon-bar { background-color:#FFF; }
.main-nav .navbar-collapse { padding:0;}
.main-nav .nav .nav-item {  font-family:'Open Sans', sans-serif; z-index:100; font-size:14px; font-weight:700; }
.main-nav .nav .nav-item.dropdown { z-index:101; }
.main-nav .nav .nav-item a { color:#fff; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; padding:12px 25px;  border-right:1px solid #43901B; }
.main-nav .nav .nav-item a:hover { background:#FFF; color:#fc5a0a; }
.main-nav .nav .nav-item.active { position:relative;}
.main-nav .nav .nav-item.active > a { }
.main-nav .nav .nav-item.active > a:before { content:"\f0d8"; position:absolute; bottom:-8px; left:0; text-align:center; font-family:FontAwesome; display:block; font-size:12px; width:100%; }
.main-nav .nav .nav-item.active > a.dropdown-toggle:before { display:none; }
.main-nav .nav .nav-item.open a { background:#333; color:#FFF !important; }
.main-nav .nav .nav-item .dropdown-menu { -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; margin:0; border:none; padding:0; text-transform:none; min-width:220px; }
.main-nav .nav .nav-item .dropdown-menu a { border-bottom:1px solid #dddddd; padding:8px 20px; }
.main-nav .nav .nav-item .dropdown-menu a:hover { background:#000000; color:#FFF; padding-left:24px;}
.main-nav .nav .nav-item .dropdown-submenu { position:relative; }
.main-nav .nav .nav-item .dropdown-submenu .fa { position:absolute; right:15px; top:10px; }
.main-nav .nav .nav-item .dropdown-submenu li { position:relative; }
.main-nav .nav .nav-item .dropdown-submenu li .fa { position:absolute; right:15px; top:10px; }
.main-nav .nav .nav-item .dropdown-submenu > .dropdown-menu { top:0; left:100%; margin-top:0px; margin-left:-1px;}


@media only screen and ( max-width:1200px) {
.main-nav .nav .nav-item a { padding-left:14px; padding-right:14px;}
}

@media only screen and ( max-width:960px) {
.main-nav .nav .nav-item { text-transform:none; font-size:12px; }	
.main-nav .nav .nav-item a { padding-left:5px; padding-right:5px;}
}

@media (max-width:767px) {
.main-nav .container { width:100%; }
.main-nav  ul{ background:#222; border-bottom:1px solid #404040; }
.main-nav .navbar-collapse { padding-left:15px; padding-right:15px; border-top:0; -webkit-box-shadow:0; -moz-box-shadow:0; box-shadow:0; }
.navbar-nav { margin-top:0; }
.main-nav .nav .nav-item {   font-size:16px; }	
.main-nav .nav .nav-item a { color:#FFF;}
.main-nav .nav .nav-item.active > a:before { content:none; }
.main-nav .nav .nav-item .dropdown-submenu > .dropdown-menu { position:static; left:auto; margin-left:0; }
.main-nav .nav .nav-item .dropdown-submenu .dropdown-menu a { padding-left:30px;}
.main-nav .nav .nav-item .dropdown-submenu .dropdown-menu a:hover { padding-left:34px;}
.main-nav .nav .nav-item .dropdown-submenu .dropdown-menu .dropdown-submenu .dropdown-menu a { padding-left:45px; }
.main-nav .nav .nav-item .dropdown-submenu .dropdown-menu .dropdown-submenu .dropdown-menu a:hover { padding-left:49px; }

.main-nav button .icon-bar { background-color:#222;}
.main-nav .nav .nav-item.active > a { background:#222; color:#fff; }
.main-nav .nav .nav-item.active > a:hover { background:#b70823; color:#FFF;}
}