@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
#cssmenu,
#cssmenu ul,
#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:after,
#cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#cssmenu #menu-button { display: none; }
#cssmenu { width: 70%; float: right; margin-left: 30px; text-align:right; }
#cssmenu > ul { }
#cssmenu.align-right > ul > li { float: right; }
#cssmenu > ul > li { display: inline-block; }
#cssmenu.align-center > ul { float: none; text-align: center; }
#cssmenu.align-center > ul > li { float: none; }
#cssmenu > ul > li > a { padding: 30px 18px; text-decoration: none; font-size: 14px; font-weight: bold; color: #2e2e2e; text-transform: uppercase; letter-spacing: 1px; line-height: 20px; text-align: center; }
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a { color: #e61c28; font-weight: bold; }
#cssmenu > ul > li.has-sub > a { padding-right: 45px; }
#cssmenu > ul > li.has-sub > a::after { content: ""; position: absolute; width: 0; height: 0; border: 6px solid transparent; border-top-color: #d3eced; right: 17px; top: 22px; }
#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a { border-top-color: #ffffff; }
#cssmenu ul ul { position: absolute; left: -9999px; top: 60px; padding-top: 6px; font-size: 13px; opacity: 0; -webkit-transition: top 0.2s ease, opacity 0.2s ease-in; -moz-transition: top 0.2s ease, opacity 0.2s ease-in; -ms-transition: top 0.2s ease, opacity 0.2s ease-in; -o-transition: top 0.2s ease, opacity 0.2s ease-in; transition: top 0.2s ease, opacity 0.2s ease-in; }
#cssmenu.align-right ul ul { text-align: right; }
#cssmenu > ul > li > ul::after { content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #ffffff; top: -4px; left: 20px; }
#cssmenu.align-right > ul > li > ul::after { left: auto; right: 20px; }
#cssmenu ul ul ul::after { content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-right-color: #ffffff; top: 11px; left: -4px; }
#cssmenu.align-right ul ul ul::after { border-right-color: transparent; border-left-color: #ffffff; left: auto; right: -4px; }
#cssmenu > ul > li > ul { top: 120px; }
#cssmenu > ul > li:hover > ul { top: 52px; left: 0; opacity: 1; }
#cssmenu.align-right > ul > li:hover > ul { left: auto; right: 0; }
#cssmenu ul ul ul { padding-top: 0; padding-left: 6px; }
#cssmenu.align-right ul ul ul { padding-right: 6px; }
#cssmenu ul ul > li:hover > ul { left: 180px; top: 0; opacity: 1; }
#cssmenu.align-right ul ul > li:hover > ul { left: auto; right: 100%; opacity: 1; }
#cssmenu ul ul li a { text-decoration: none; font-weight: 400; padding: 11px 25px; width: 180px; color: #777777; background: #ffffff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1); }
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a { color: #333333; }
#cssmenu ul ul li:first-child > a { border-top-left-radius: 3px; border-top-right-radius: 3px; }
#cssmenu ul ul li:last-child > a { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
#cssmenu > ul > li > ul::after { position: absolute; display: block; }
#cssmenu ul ul li.has-sub > a::after { content: ""; position: absolute; width: 0; height: 0; border: 4px solid transparent; border-left-color: #777777; right: 17px; top: 14px; }
#cssmenu.align-right ul ul li.has-sub > a::after { border-left-color: transparent; border-right-color: #777777; right: auto; left: 17px; }
#cssmenu ul ul li.has-sub.active > a::after,
#cssmenu ul ul li.has-sub:hover > a::after { border-left-color: #333333; }
#cssmenu.align-right ul ul li.has-sub.active > a::after,
#cssmenu.align-right ul ul li.has-sub:hover > a::after { border-right-color: #333333; border-left-color: transparent; }
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
 #cssmenu > ul {
 display: none;
}
 #cssmenu > ul.open {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    display: block;
    height: calc(100% - 168px);
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 168px;
    width: 100%;
    z-index: 10000;
}
 #cssmenu.align-right > ul {
 float: none;
}
 #cssmenu.align-center > ul {
 text-align: center;
}
 #cssmenu > ul > li,  #cssmenu.align-right > ul > li {
 float: none;
 display: block;
 background:#fff;
}
 #cssmenu > ul > li > a {
 display:block;
 padding: 18px 25px 18px 25px;
 border-right: 0;
 color:#000;
 text-align:center;
}
 #cssmenu > ul > li:hover > a,  #cssmenu > ul > li.active > a {
 background: #e61c28;
 color:#fff;
}
}
#cssmenu #menu-button { display: block; text-decoration: none; font-size: 13px; font-weight: 700; color: #fff; padding: 10px; text-transform: uppercase; letter-spacing: 1px; background: url(../images/bg.png); cursor: pointer; /*background: #000; border:1px solid #e92730;*/ text-align:left; text-indent:-99999px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px;  }
#cssmenu ul ul,
 #cssmenu ul li:hover > ul,
 #cssmenu > ul > li > ul,
 #cssmenu ul ul ul,
 #cssmenu ul ul li:hover > ul,
 #cssmenu.align-right ul ul,
 #cssmenu.align-right ul li:hover > ul,
 #cssmenu.align-right > ul > li > ul,
 #cssmenu.align-right ul ul ul,
 #cssmenu.align-right ul ul li:hover > ul { left: 0; right: auto; top: auto; opacity: 1; width: 100%; padding: 0; position: relative; text-align: left; }
#cssmenu ul ul li { width: 100%; }
#cssmenu ul ul li a { width: 100%; box-shadow: none; padding-left: 35px; }
#cssmenu ul ul ul li a { padding-left: 45px; }
#cssmenu ul ul li:first-child > a,
 #cssmenu ul ul li:last-child > a { border-radius: 0; }
#cssmenu #menu-button::after { display: block; content: ''; position: absolute; height: 6px; width: 22px; border-top: 2px solid #e92730; border-bottom: 2px solid #e92730; right: 10px; top: 5px; }
#cssmenu #menu-button::before { display: block; content: ''; position: absolute; height: 3px; width: 22px; border-top: 2px solid #e92730; right: 10px; top: 21px; }
#cssmenu > ul > li.has-sub > a::after,
 #cssmenu ul ul li.has-sub > a::after { display: none; }
}