#topbar ol,
ul { list-style: none;  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline }

order-spacing: 0
}

body {
	font-family: 'roboto', arial;
	overflow-y: scroll;
	background-color: #DDEFF9;
}

#topbar {
  background: #000;
  height: 30px;
  overflow: hidden;

}

#topbar ul { margin: 0 0 2em; display: block; }

#topbar ul li { float: left; height: 100%;}

#topbar ul li.more {
  
  text-align: center;
  display: none;

}

#topbar ul li.more:hover ul#overflow {
  opacity: 1;
  visibility: visible;
}

#topbar ul li a {display: block;
  background: #000;
  color: #fff;
  text-decoration: none;
 padding: 0.5em 0.95em;
  cursor: pointer;
  -webkit-transition-duration: .3s;
  transition-duration: 1s;}
#topbar ul li span {
  display: block;
  background: #000;
  color: #fff;
  text-decoration: none;
  padding:0.5em 0.95em;
  cursor: pointer;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;

}

#topbar ul li a:hover,
#topbar ul li span:hover { background: #604C4C; }
#topbar #overflow {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  text-align: left;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
z-index: 1;
}

#topbar #overflow li { float: none; }

#topbar #overflow li a {
  background: #000;
  white-space: nowrap;
}

#topbar #overflow li a:hover { background: #604C4C; }



#cssmenu,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  

padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-

sizing: border-box;
}
#cssmenu ul {
	list-style-type: none;
	background-color: #036;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu 

#menu-button {
  display: none;
}
#cssmenu {
  font-family: Montserrat, sans-serif;
  background: #008AFF;
}
#cssmenu > ul > li {
  float: left;
  min-width: 10%;
}

#cssmenu {
	position: relative;
			margin: auto;
			width: 100%;
float: left;
		}



#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  

text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 15px;
  font-size: 12px;
  letter-spacing: 1px;
  text-decoration:none;
text-align: center;
border-right: 0.5px solid #FFF;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}

#cssmenu > ul > li:hover > a {
	color: #ffffff;
	background-color: #008AFF;
}
.live {
    background-color: #F60;
} 
#cssmenu > ul > li.has-sub > a {
  padding-right: 

30px;
}
#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: 

'';
}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: 

'';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu.align-right ul ul {
  text-align: 

right;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s 

ease;
  transition: all .25s ease;
  background-color: #F10808;
width: 170px;
}
#cssmenu li:hover > ul {
  left: auto; height: 0px;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  

height: 35px;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu ul li ul {
    padding: 0px;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li a {
  border-

bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 170px;
  font-size: 12px;
  text-decoration: none;
  color: #fff;
  font-weight: 400;
  

background: #631D1D ;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  
background-color: #6E5151;
color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  

content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  

right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -

ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
} 

#cssmenu.small-screen {
  width: 100%;
  margin-top: 1%;
  position: relative;
  float: left;
  
}
#abc #cssmenu #small-screen #sticky { }
#cssmenu.small-screen ul {
  width: 100%;
  display: none;
  padding-left: 0px;
padding-right: 0px;
}
#cssmenu.small-screen.align-center > ul {
  text-align: left;
}
#cssmenu.small-screen ul li {
  width: 100%;
  border-top: 1px solid rgba(120, 120, 120, 0.2);
}
#cssmenu.small-screen ul ul li,
#cssmenu.small-screen li:hover > ul > li {
  height: auto;
}
#cssmenu.small-screen ul li a,
#cssmenu.small-screen ul ul li a {
  width: 100%;
 border-bottom: 0;
 text-align: left;
}
#cssmenu.small-screen > ul > li {
  float: none;
}
#cssmenu.small-screen ul ul li a {
  padding-left: 25px;
}
#cssmenu.small-screen ul ul ul li a {
  

padding-left: 35px;
}
#cssmenu.small-screen ul ul li a {
  color: #dddddd;
  background: none;
}
#cssmenu.small-screen ul ul li:hover > a,
#cssmenu.small-screen ul ul 

li.active > a {
  color: #ffffff;
  background-color: #D91E1E;
}
#cssmenu.small-screen ul ul,
#cssmenu.small-screen ul ul ul,
#cssmenu.small-screen.align-right ul ul {
  position: relative;
  left: 0;
  

width: 90%;
  margin: 0;
  text-align: left;
  height: 100%;
}
#cssmenu.small-screen > ul > li.has-sub > a:after,
#cssmenu.small-screen > ul > li.has-sub > a:before,
#cssmenu.small-screen 

ul ul > li.has-sub > a:after,
#cssmenu.small-screen ul ul > li.has-sub > a:before {
  display: none;
}
#cssmenu.small-screen #menu-button {
  display: block;
  padding: 

17px;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
}
#cssmenu.small-screen #menu-button:after {
  position: 

absolute;
  top: 22px;
  right: 17px;
  display: block;
  height: 4px;
  width: 20px;
  border-top: 2px solid #dddddd;
  border-bottom: 2px solid #dddddd;
  content: '';
}
#cssmenu.small-screen #menu-button:before {
  position: absolute;
  top: 16px;
  right: 17px;
  display: block;
  height: 2px;
  width: 20px;
  background: #dddddd;
  content: 

'';
}
#cssmenu.small-screen #menu-button.menu-opened:after {
  top: 23px;
  border: 0;
  height: 2px;
  width: 15px;
  background: #ffffff;
  -webkit-transform: rotate(45deg);
 

 -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cssmenu.small-screen #menu-button.menu-

opened:before {
  top: 23px;
  background: #ffffff;
  width: 15px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  

-o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#cssmenu.small-screen .submenu-button {
  position: absolute;
  z-index: 99;
  right: 0;
  top: 0;
  display: 
background-color:#D91E1E;
block;
  border-left: 1px solid rgba(120, 120, 120, 0.2);
  height: 46px;
  width: 46px;
  cursor: pointer;
}
#cssmenu.small-screen .submenu-button.submenu-opened {
  

background: #262626;
}
#cssmenu.small-screen ul ul .submenu-button {
  height: 34px;
  width: 34px;
}
#cssmenu.small-screen .submenu-button:after {
  position: absolute;
  

top: 22px;
  right: 19px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.small-screen ul ul .submenu-button:after {
  top: 

15px;
  right: 13px;
}
#cssmenu.small-screen .submenu-button.submenu-opened:after {
  background: #ffffff;
}
#cssmenu.small-screen .submenu-button:before {
  position: 

absolute;
  top: 19px;
  right: 22px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
}
#cssmenu.small-screen ul ul .submenu-button:before 

{
  top: 12px;
  right: 16px;
}
#cssmenu.small-screen .submenu-button.submenu-opened:before {
  display: none;
}
#cssmenu.small-screen.select-list {
  padding: 5px;
}














 


/*

Responsive Mobile Menu v1.0
Plugin URI: responsivemobilemenu.com

Author: Sergio Vitov
Author URI: http://xmacros.com

License: CC BY 3.0 http://creativecommons.org/licenses/by/3.0/

*/
.leftmenu {width: 25%; height:auto; padding:10px; border:#DBDBDB solid 1px; margin-right:10px; float:left; background-color:#FFFFFF;}
.rmm {
	display:block;
	position:relative;
	width: 90%;
padding: 0px 5% ;
	
	margin:0 auto !important;
	text-align: center;
	line-height:19px !important;
	max-width: 250px !important;
	 float: left;
	 z-index: 100;
	 
}

.rmm * {
	-webkit-tap-highlight-color:transparent !important;
	font-family:Arial;
}

.rmm a {
	color:#fff;
	text-decoration:none;
}

.rmm .rmm-main-list, .rmm .rmm-main-list li {
	margin:0px;
	padding:0px;
	background-color: #66798A;
}

.rmm ul {
	display:block;
	width:100%;
	margin:0 auto !important;
	overflow:hidden;
	list-style:none;
	float: left;
}


/* sublevel menu - in construction */
.rmm ul li ul, .rmm ul li ul li, .rmm ul li ul li a {
	display:none !important;
	height:0px !important;
	width:0px !important;
}
/* */



.rmm .rmm-main-list li {
	display:inline;
	padding:padding:0px;
	margin:0px !important;
	float: left;
}

.rmm-toggled {
	display:none;
	width:100%;
	position:relative;
	overflow:hidden;
	margin:5px auto !important;
}

.rmm-button:hover {
	cursor:pointer;
}

.rmm .rmm-toggled ul {
	display:none;
	margin:0px !important;
	padding:0px !important;
}

.rmm .rmm-toggled ul li {
	display:block;
	margin:0 auto !important;

	background-color:#66798A;
	text-align:left;
	padding:10px 10px 10px 15px ;
	border-bottom:1px solid #333333;
	border-top:1px solid #777777;
}






/* GRAPHITE STYLE */


.rmm.graphite .rmm-main-list li a {
	display:inline-block;
	padding:8px 20px ;
	margin:0px -3px 0px -3px;
	font-size:15px;
	font-weight: bold;
}
.rmm.graphite .rmm-main-list li a.current {
	background-color:#F60;
	color:#000;
}
.rmm.graphite .rmm-main-list li a:hover {
	background-color: #C22D2D;
color: #fff;
}

.rmm.graphite .rmm-main-list li:first-child a {
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0pxx;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}

.rmm.graphite .rmm-main-list li:last-child a {
	-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
height: 20px;
}

.rmm.graphite .rmm-toggled {
	width:100%;
	background-color:#474D53;
	min-height:36px;
	border-radius:0px;
	float: left;
	background-color: #F60;
}

.rmm.graphite .rmm-toggled-controls {
	display:block;
	height:36px;
	color:white;
	text-align:left;
	position:relative;
	background-image:url('../rmm-img/graphite-menu-bg.png');
	background-repeat:repeat-x;
	border-radius:6px;
}

.rmm.graphite .rmm-toggled-title {
	position:relative;
	top:9px;
	left:15px;
	font-size:16px;
	color:#fff;
	float: left;
}
.rmm.graphite .rmm-button {
	display:block;
	position:absolute;
	right:15px;
	top:8px;
	background-color: #f60;
}

.rmm.graphite .rmm-button span {
	display:block;
	margin-top:4px;
	height:2px;
	background:white;
	width:24px;
}

.rmm.graphite .rmm-toggled ul li a {
	
	
}
.rmm.graphite .rmm-toggled ul li a.current {
	background-color:#F60;
	color: #000;
}

.rmm.graphite .rmm-toggled ul :hover {
	background-color: #394E62;
color: #fff;
}


/* SECOND MENU */



@media screen and (max-width: 979px) {
.rmmmenu {display:none;}

.rmm {
    display: block;
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px auto !important;
    text-align: center;
    line-height: 19px !important;
    max-width: 900px !important;
    float: left;
    z-index: 100;

)

}

#mobx,
#mobx ul li,
#mobx ul li a,
#mobx #menu-button {
  margin: 0;
  

padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-

sizing: border-box;
}
#mobx ul {
	list-style-type: none;
	background-color: #036;
}
#mobx:after,
#mobx > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#mobx 

#menu-button {
  display: none;
}
#mobx {
  font-family: Montserrat, sans-serif;
  background: #ff3c00;
}
#mobx > ul > li {
  float: left;
  min-width: 10%;
}

#mobx {
	position: relative;
			margin: auto;
			width: 100%;
float: left;
		}



#mobx.align-center > ul {
  font-size: 0;
  text-align: center;
}
#mobx.align-center > ul > li {
  display: inline-block;
  float: none;
}
#mobx.align-center ul ul {
  

text-align: left;
}
#mobx.align-right > ul > li {
  float: right;
}
#mobx > ul > li > a {
  padding: 15px;
  font-size: 12px;
  letter-spacing: 1px;
  text-decoration:none;
text-align: center;
border-right: 0.5px solid #FFF;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}

#mobx > ul > li:hover > a {
	color: #ffffff;
	background-color: #ff3c00;
}
.live {
    background-color: #F60;
} 
#mobx > ul > li.has-sub > a {
  padding-right: 

30px;
}
#mobx > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: 

'';
}
#mobx > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: 

'';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#mobx > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#mobx ul ul {
  position: absolute;
  left: -9999px;
}
#mobx.align-right ul ul {
  text-align: 

right;
}
#mobx ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s 

ease;
  transition: all .25s ease;
  background-color: #F10808;
width: 170px;
}
#mobx li:hover > ul {
  left: auto; height: 0px;
}
#mobx.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#mobx li:hover > ul > li {
  

height: 35px;
}
#mobx ul ul ul {
  margin-left: 100%;
  top: 0;
}
#mobx ul li ul {
    padding: 0px;
}
#mobx.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#mobx ul ul li a {
  border-

bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 170px;
  font-size: 12px;
  text-decoration: none;
  color: #fff;
  font-weight: 400;
  

background: #631D1D ;
}
#mobx ul ul li:last-child > a,
#mobx ul ul li.last-item > a {
  border-bottom: 0;
}
#mobx ul ul li:hover > a,
#mobx ul ul li a:hover {
  
background-color: #6E5151;
color: #ffffff;
}
#mobx ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  

content: '';
}
#mobx.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#mobx ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  

right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -

ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#mobx.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#mobx ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
} 

#mobx.small-screen {
  width: 100%;
  margin-top: 1%;
  position: relative;
  float: left;
  
}
#abc #mobx #small-screen #sticky { }
#mobx.small-screen ul {
  width: 100%;
  display: none;
  padding-left: 0px;
padding-right: 0px;
}
#mobx.small-screen.align-center > ul {
  text-align: left;
}
#mobx.small-screen ul li {
  width: 100%;
  border-top: 1px solid rgba(120, 120, 120, 0.2);
}
#mobx.small-screen ul ul li,
#mobx.small-screen li:hover > ul > li {
  height: auto;
}
#mobx.small-screen ul li a,
#mobx.small-screen ul ul li a {
  width: 100%;
 border-bottom: 0;
 text-align: left;
}
#mobx.small-screen > ul > li {
  float: none;
}
#mobx.small-screen ul ul li a {
  padding-left: 25px;
}
#mobx.small-screen ul ul ul li a {
  

padding-left: 35px;
}
#mobx.small-screen ul ul li a {
  color: #dddddd;
  background: none;
}
#mobx.small-screen ul ul li:hover > a,
#mobx.small-screen ul ul 

li.active > a {
  color: #ffffff;
  background-color: #D91E1E;
}
#mobx.small-screen ul ul,
#mobx.small-screen ul ul ul,
#mobx.small-screen.align-right ul ul {
  position: relative;
  left: 0;
  

width: 90%;
  margin: 0;
  text-align: left;
  height: 100%;
}
#mobx.small-screen > ul > li.has-sub > a:after,
#mobx.small-screen > ul > li.has-sub > a:before,
#mobx.small-screen 

ul ul > li.has-sub > a:after,
#mobx.small-screen ul ul > li.has-sub > a:before {
  display: none;
}
#mobx.small-screen #menu-button {
  display: block;
  padding: 

17px;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
}
#mobx.small-screen #menu-button:after {
  position: 

absolute;
  top: 22px;
  right: 17px;
  display: block;
  height: 4px;
  width: 20px;
  border-top: 2px solid #dddddd;
  border-bottom: 2px solid #dddddd;
  content: '';
}
#mobx.small-screen #menu-button:before {
  position: absolute;
  top: 16px;
  right: 17px;
  display: block;
  height: 2px;
  width: 20px;
  background: #dddddd;
  content: 

'';
}
#mobx.small-screen #menu-button.menu-opened:after {
  top: 23px;
  border: 0;
  height: 2px;
  width: 15px;
  background: #ffffff;
  -webkit-transform: rotate(45deg);
 

 -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#mobx.small-screen #menu-button.menu-

opened:before {
  top: 23px;
  background: #ffffff;
  width: 15px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  

-o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#mobx.small-screen .submenu-button {
  position: absolute;
  z-index: 99;
  right: 0;
  top: 0;
  display: 
background-color:#D91E1E;
block;
  border-left: 1px solid rgba(120, 120, 120, 0.2);
  height: 46px;
  width: 46px;
  cursor: pointer;
}
#mobx.small-screen .submenu-button.submenu-opened {
  

background: #262626;
}
#mobx.small-screen ul ul .submenu-button {
  height: 34px;
  width: 34px;
}
#mobx.small-screen .submenu-button:after {
  position: absolute;
  

top: 22px;
  right: 19px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#mobx.small-screen ul ul .submenu-button:after {
  top: 

15px;
  right: 13px;
}
#mobx.small-screen .submenu-button.submenu-opened:after {
  background: #ffffff;
}
#mobx.small-screen .submenu-button:before {
  position: 

absolute;
  top: 19px;
  right: 22px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
}
#mobx.small-screen ul ul .submenu-button:before 

{
  top: 12px;
  right: 16px;
}
#mobx.small-screen .submenu-button.submenu-opened:before {
  display: none;
}
#mobx.small-screen.select-list {
  padding: 5px;
}