
@font-face {
  font-family: 'TradeGothicLTStd-Cn18';
  src: url('../fonts/TradeGothicLTStd-Cn18.eot?#iefix') format('embedded-opentype'),  url('../fonts/TradeGothicLTStd-Cn18.otf')  format('opentype'),
	     url('../fonts/TradeGothicLTStd-Cn18.woff') format('woff'), url('../fonts/TradeGothicLTStd-Cn18.ttf')  format('truetype'), url('../fonts/TradeGothicLTStd-Cn18.svg#TradeGothicLTStd-Cn18') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TradeGothicLTStd';
  src: url('../fonts/TradeGothicLTStd.eot?#iefix') format('embedded-opentype'),  url('../fonts/TradeGothicLTStd.otf')  format('opentype'),
	     url('../fonts/TradeGothicLTStd.woff') format('woff'), url('../fonts/TradeGothicLTStd.ttf')  format('truetype'), url('../fonts/TradeGothicLTStd.svg#TradeGothicLTStd') format('svg');
  font-weight: normal;
  font-style: normal;
}

.navbar-nav:not(.sm-collapsible) ul .caret {
	position: absolute;
	right: 0;
	margin-top: 6px;
	margin-right: 15px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px dashed;
}
.navbar-nav:not(.sm-collapsible) ul a.has-submenu {
	padding-right: 30px;
	background-color:#ec1d24;
}
.navbar-nav:not(.sm-collapsible) ul a.has-submenu:hover {
	background-color:#FFFFFF;
}
/* make sub menu arrows look like +/- buttons in collapsible mode */
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
	position: absolute;
	right: 0;
	margin: -15px 15px 0 0;
	padding: 5px 0 0 0;
	width: 30px;
	height: 20px;
	line-height: 24px;
	text-align: center;
	border-width: 1px;
 	border-style: solid;
}
.navbar-nav.sm-collapsible .caret:before {
	content: '+';
	font-size:22px;
	font-weight: bold;
}
.navbar-nav.sm-collapsible .open > a > .caret:before {
	content: '-';
}
.navbar-nav.sm-collapsible a.has-submenu {
	padding-right: 50px;
}
/* revert to Bootstrap's default carets in collapsible mode when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav */
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret {
	position: static;
	margin: 0 0 0 2px;
	padding: 0;
	width: 0;
	height: 0;
	border-top: 4px dashed;
	border-right: 4px solid transparent;
	border-bottom: 0;
	border-left: 4px solid transparent;

}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before {
	content: '' !important;
}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu {
	padding-right: 15px;

}
/* scrolling arrows for tall menus */
.navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
	position: absolute;
	display: none;
	visibility: hidden;
	height: 20px;
	overflow: hidden;
	text-align: center;
}
.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
	position: absolute;
	top: -2px;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-top: 7px dashed transparent;
	border-right: 7px dashed transparent;
	border-bottom: 7px solid;
	border-left: 7px dashed transparent;
}
.navbar-nav span.scroll-down-arrow {
	top: 6px;
	border-top: 7px solid;
	border-right: 7px dashed transparent;
	border-bottom: 7px dashed transparent;
	border-left: 7px dashed transparent;
}
/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
.navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
	padding-left: 35px;
}
.navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header {
	padding-left: 45px;
}
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header {
	padding-left: 55px;
}
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header {
	padding-left: 65px;
}
/* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */
.navbar-nav .dropdown-menu > li > a {
	white-space: normal;
}
.navbar-nav ul.sm-nowrap > li > a {
	white-space: nowrap;
}
.navbar-nav.sm-collapsible ul.sm-nowrap > li > a {
	white-space: normal;
}
/* fix .navbar-right subs alignment */
.navbar-right ul.dropdown-menu {
	left: 0;
	right: auto;
}

.menu-part { background-color:#FFF; border:0px solid #f2f2f2; margin-top:15px; border-top-left-radius:10px;  border-top-right-radius:10px; padding:7px 10px 0px 10px; height:125px; }
.navbar-default { background-color:transparent; border:0px; margin-top:0px; float: none; }
.navbar-default span:before, span:after { border:0; height:0px; }
.navbar-default .navbar-nav>li>a { font-family: 'TradeGothicLTStd', Arial, Helvetica, sans-serif; font-size:16px; color:#505050; text-decoration:none; font-weight:400; line-height:16px; }
.navbar-default .navbar-nav>li>a:hover { background: transparent; color:#FF0000; }
.nav>li>a { position: relative; display: block; padding:10px 14px; }

.nav-pills>li>a { border-radius: 0px; padding: 10px 12px; background-color: #eaeaea; }
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus { color: #fff; background-color: #ec1d25; }


.navbar-nav {}

.navbar-nav li.red { margin-top:-10px; }

.navbar { margin-bottom:0px; border-radius:0; min-height:40px; }

.navbar-nav>li>.dropdown-menu { background-color:#ec1d24; color:#FFF; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { background:#ec1d24; color:#FFFFFF !important; }
.dropdown-menu { border:0px; border-radius:0px; margin:0; padding:0;  }
.dropdown-menu>li>a { background-color:#ec1d24; color:#FFF; line-height:30px; font-size:14px; font-family: 'TradeGothicLTStd', Arial, Helvetica, sans-serif; }
.dropdown-menu>li>a:hover { background-color: transparent; color:#FF0000; display: block; }
.navbar-collapse { padding:0; }

.navbar-nav > li > a span {
    line-height: 8px !important;
    margin: 0;
}
.caret {
    display: inline-block;
	width: 0;
	height: 0;
    margin-left: 100px;
	margin-right: 10px;
    margin-top: -40px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

@media screen and (min-width:992px) and (max-width:1170px)
	{
	.menu-part { float:none;  margin-top:20px; }
	.navbar-default .navbar-nav>li>a { font-size:16px; color:#505050; text-decoration:none; }
	.nav>li>a { position: relative; display: block; padding:13px 10px; }
	}
@media screen and (min-width:768px) and (max-width:991px)
	{
	.menu-part { height:100px; }
	.navbar-default .navbar-nav>li>a { font-size:16px; color:#505050; text-decoration:none; }
	.nav>li>a { position: relative; display: block; padding:13px 10px; }
	}

@media screen and (min-width:280px) and (max-width:767px)
	{
	.menu-part { height:175px; float:none; }
	.navbar-nav { background-color:#126594; margin:0; }
	.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #ccc; border:0; }
	.navbar-default .navbar-nav>li>a { font-size:16px; color:#FFF; text-decoration:none; font-weight:700; }
	.navbar-default { border:0px; background-color:transparent; margin-top:0px; width:100%; }
	.navbar-default .navbar-toggle { background-color:#FC0000; border:0; text-align:center;  }
	.navbar-toggle {   border:1px solid transparent; border-radius:0px; margin:0px 0 0px 0; width:100%; }
	.navbar-toggle .icon-bar { display: block; width:22px; height:3px; border-radius: 1px; text-align:center; margin:0 auto; }
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color:#FC0000; color:#FFF; }
	.navbar-nav .open .dropdown-menu>li>a { color: #FFF; background-color:#000;}
	.navbar-default .navbar-toggle .icon-bar { background-color: #FFF; color: #FC0000; }
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #FC0000; background-color: #FFF; }
	.navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #FFF; background-color:#FC0000; }
	.navbar { margin-bottom:0px; border-radius:0; min-height:0px; }
	.nav > li { position: relative; display: block; background-color: #FC0000; text-align:left; color:#FFF; }
	.nav > li:hover { position: relative; display: block; background-color: #FFF; text-align:left; color:#FFF; }
	.navbar-nav>li>a span { line-height:0px !important; }
	.menu-part { margin-top:20px; border-top:0px solid #abc9d5; border-bottom:0px solid #abc9d5;  }
	}