@CHARSET "ISO-8859-1";
/*------------------------------------------------------------------
[ Subnavbar / .subnavbar ]
*/
.navbar {
	border-bottom: 1px solid #005533;
	border-radius: 0px;
}
.subnavbar {
  /*margin-top: -20px;*/
  /*margin-top: 58px;*/
  margin-bottom: 10px;
  border-top: 1px solid #006633 !important;

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#006633), to(#2E885A));
  background-image: -webkit-linear-gradient(top, #006633, 0%, #2E885A, 100%);
  background-image: -moz-linear-gradient(top, #006633 0%, #2E885A 100%);
  background-image: linear-gradient(to bottom, #006633 0%, #2E885A 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff414141', endColorstr='#ff323232', GradientType=0);
  border-bottom: 1px solid #006633;
  /*padding-left:100px;*/
  

}

.subnavbar .subnavbar-inner {
  height: 80px;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#006633), to(#2E885A));
  background-image: -webkit-linear-gradient(top, #006633, 0%, #2E885A, 100%);
  background-image: -moz-linear-gradient(top, #006633 0%, #2E885A 100%);
  background-image: linear-gradient(to bottom, #006633 0%, #2E885A 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff414141', endColorstr='#ff323232', GradientType=0);
  border-bottom: 1px solid #006633;
  padding-left:100px;
}

.subnavbar .btn-subnavbar {
  display: none;
  padding: 10px 0 8px;
  color: #F90;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
}
.subnavbar .btn-subnavbar:hover {
  text-decoration: none;
}
.subnavbar .dropdown .caret {
  margin-bottom: 5px;
  border-top-color: #FFF;
  border-bottom-color: #FFF;
  opacity: 35;
  filter: alpha(opacity=3500);
}
.subnavbar .dropdown.open .caret {
  display: none;
}
.subnavbar .mainnav {
  display: inline-block;
/*  height: 80px;*/
  padding: 0;
  margin: 0;
/*  border-left: 1px solid #006633;
  border-right: 1px solid #1C7B4B;*/
}
.subnavbar .mainnav > li {
  float: left;
  min-width: 80px;
  height: 80px;
  padding: 0;
  margin: 0;
  text-align: center;
  list-style: none;
  border-left: 1px solid #006633;
  border-right: 1px solid #1C7B4B;
}
.subnavbar .mainnav > li > a {
  display: block;
  height: 100%;
  padding: 0 15px;
  font-size: 14px;
  font-family: BerlinSans, verdana, arial, helvetica, sans-serif;
  font-weight: normal;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.subnavbar .mainnav > li > a:hover {
  color: #000;
  text-decoration: none;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
 -moz-transform-style: preserve-3d;
 -webkit-transform-style: preserve-3d;
    -webkit-transition-property: -webkit-transform, color;
    -moz-transition-property: -moz-transform, color;
    -o-transition-property: -o-transform, color;
    transition-property: transform, color;
}

.subnavbar .mainnav > li > a > i {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-top: 12px;
  margin-bottom: 9px;
  font-size: 28px;
}
.subnavbar .mainnav > li > a > .fa-stack {
  position: relative;
  top: 2px;
  display: inline-block;
  height: 24px;
  margin-top: 12px;
  margin-bottom: 9px;
}
.subnavbar .mainnav > li > a > span {
  display: block;
  padding-bottom: 2px;
}
.subnavbar .mainnav > li.open > a {
  text-decoration: none;
}
.subnavbar .mainnav > li.active > a {
  background: #333;
  color: #F90;
}
.subnavbar .mainnav > li.active > a .caret {
  border-top-color: #ff9900;
  border-bottom-color: #ff9900;
}
.subnavbar .dropdown > .dropdown-menu {
  top: 97%;
  text-align: left;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.subnavbar .dropdown > .dropdown-menu a {
  font-family: BerlinSans, verdana, arial, helvetica, sans-serif;	
  font-size: 14px;
}
.subnavbar .dropdown > .dropdown-menu::before,
.subnavbar .dropdown > .dropdown-menu::after {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 9px;
}
.subnavbar .dropdown > .dropdown-menu::after {
  border-left-width: 6px;
  border-right-width: 6px;
  border-bottom-width: 6px;
  border-bottom-color: #fff;
  top: -6px;
  left: 10px;
}
.subnavbar .dropdown-submenu .dropdown-menu:after,
.subnavbar .dropdown-submenu .dropdown-menu:before {
  display: none;
}
.subnavbar .subnav-collapse.collapse {
  height: auto\9;
  overflow: visible\9;
}
/*------------------------------------------------------------------

[Responsive Stylesheet]
*/
@media (max-width: 979px) {
  .subnavbar .subnavbar .container {
    width: auto;
  }
}
/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */
@media (max-width: 768px) {
  .subnavbar .subnav-toggle {
    display: block;
  }
  .subnavbar {
      /*margin-top: 55px;*/
  }
  .subnavbar .btn-subnavbar {
    display: block;
  }
  .subnavbar .subnavbar-inner {
    height: auto;
  }
  .subnavbar .mainnav {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 1em;
    margin-bottom: 1.5em;
    border: none;
  }
  .subnavbar .mainnav > li {
    float: none;
    width: 100%;
    height: auto;
    margin-bottom: 1em;
    text-align: left;
    border: none;
  }
  .subnavbar .mainnav > li > a {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: .5em;
    color: #CCC;
    /*font-size: 13px;*/
    font-weight: 600;
  }
  .subnavbar .mainnav > li > a > span {
    display: inline;
  }
  .subnavbar .mainnav > li > a > i {
    display: inline;
    margin-right: .5em;
    margin-bottom: 0;
    font-size: 14px;
  }
  .subnavbar .mainnav > li > a .caret {
    margin-top: -2px;
    margin-left: 3px;
  }
  .subnavbar .mainnav > li.active > a {
    color: #F90;
    background: transparent;
  }
  .subnavbar .dropdown .dropdown-menu {
    position: static;
    float: none;
    width: 100%;
    background: transparent;
    border: none;
    box-shadow: none;
  }
  .subnavbar .dropdown .dropdown-menu a {
    padding: 12px 40px;
    color: #FFF;
    font-weight: 600;
  }
  .subnavbar .dropdown .dropdown-menu a:active,
  .subnavbar .dropdown .dropdown-menu a:focus {
    background: #555 !important;
    outline: none;
  }
  .subnavbar .dropdown .dropdown-menu::before,
  .subnavbar .dropdown .dropdown-menu::after {
    display: none;
  }
  .subnavbar .dropdown.open .caret {
    display: inline-block;
  }
  .subnavbar .dropdown-submenu > a:after {
    display: none;
  }
  .subnavbar .dropdown-submenu > .dropdown-menu {
    display: block;
  }
  .subnavbar .dropdown-submenu > .dropdown-menu > li > a {
    padding-right: 20px;
    padding-left: 60px;
  }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .subnav-collapse.collapse {
    display: block!important;
    height: auto!important;
    padding-bottom: 0;
    overflow: visible!important;
  }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .navbar .container,
  .subnavbar .container {
    /*padding-right: 0;*/
    /*padding-left: 0;*/
  }
  .page-title {
    margin-left: -15px;
  }
}

@media (max-width: 993px) {

	.subnavbar .mainnav > li {
	    height: 60px;
	    min-width: 65px;
	}
	.subnavbar .mainnav > li > a {
		/*font-size: 11px;*/
		padding: 0 5px;
	}
	.subnavbar .mainnav > li > a > i {
	  width: 18px;
	  height: 18px;
	  margin-top: 6px;
	  margin-bottom: 3px;
	  font-size: 16px;
	}
	
}
@media (min-width: 994px) and (max-width: 1200px) {

	.subnavbar .mainnav > li {
	    height: 80px;
	    min-width: 75px;
	}
	
}