/*CSS Classes topNav menu cssmenu has-sub are crucial for correct operation of mobi menu*/
.mobile_menu{ margin-top:0px; width: 100%;float: left; display:none; position:relative;}
.topNav {display: block;margin: 0 auto 0px;/*border: 1px solid #222;*/position: relative;background:#07C7B7; font-family: 'Roboto Condensed', sans-serif; font-weight:400; width: 100%;float: left;}
.close_menu {background-color: #666 !important;color: #ddd !important;}
.close_menu:hover{background-color: #000 !important;}
.close_menu i {float: right;}
.topNav ul {padding: 0;margin: 0;}
.topNav li {position: relative;float: right;list-style-type: none;width: 100%;}
.topNav ul:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.topNav li a { font-size:15px; font-family: "Roboto",sans-serif; display: block;padding: 0px 0px 0px 5%;color: #eee;width: 100%;text-align: right;text-decoration: none;float: left;color: #fff;text-align: left;line-height:2em;}
.topNav > ul > li > a > img {/*width: 60px;height: 60px;*/}
.topNav > ul > li {margin-left: 0px;margin-top: 0px;}
.topNav ul li a span{color: #fff;float: right; display:block; width:50px; text-indent:-1000em; background:url(../images/menu_icon.png) no-repeat; width:45px; height:37px; background-position: right -1px;  margin: auto; text-align: center; padding: 10px 0%;border-left: 1px solid #fff;}
/* Core CSS Classes for Mobi Menu */
.menu {margin: 0;padding: 0;list-style: none;position: absolute;top: 0px;display: none;}
.menu, .menu li, .menu a {margin: 0;padding: 0;border: 0;list-style: none;font-weight: normal;text-decoration: none;line-height: 1;font-family: 'Roboto Condensed', sans-serif; font-weight:400;font-size: 14px;position: relative;}
.menu > li {background-color: #000000;position: relative;top: -20px;}
.menu img {/*width: 50px;height: 50px;*/}
.social {background-color: #000000;}
.social li a {display: inline;}
.cssmenu {position: absolute; box-sizing:border-box; z-index:200;margin: 0;float: left;line-height: 1;width:100%;top: 36px; border-left: 1px solid #666;border-right: 1px solid #666;}
.align-right {float: right;}
.cssmenu ul {margin-top:0; width:100%; float:left; padding: 0;list-style: none;display: none;}
.cssmenu ul li {position: relative;margin: 0;padding: 0; width:100%; float:left;}
.cssmenu ul li a {text-decoration: none;cursor: pointer;}
.cssmenu > ul > li > a {font-family: 'Roboto Condensed', sans-serif; font-weight:400; color: #666;text-transform: uppercase;border-bottom: 1px solid #ccc;display: block; padding:11px 20px 11px;background-color: #fff;box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);letter-spacing: 1px;font-size: 12px;font-weight: 500;-webkit-transition: all 0.25s ease-in;-moz-transition: all 0.25s ease-in;-ms-transition: all 0.25s ease-in;-o-transition: all 0.25s ease-in;transition: all 0.25s ease-in;position: relative;}
.cssmenu > ul > li:first-child > a {/*border-top-left-radius: 3px;border-top-right-radius: 3px;*/}
.cssmenu > ul > li:last-child > a {border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;border-bottom: 1px solid #000000;}
.cssmenu > ul > li:hover > a, .cssmenu > ul > li.open > a, .cssmenu > ul > li.active > a {background:#DF4532; color: #fff;}
.cssmenu ul > li.has-sub a.aright::after { content: '';display: block; width: 12px;height: 12px; position:absolute; background:url(../images/plus.png) no-repeat; z-index: 300;right:20px;top:12.5px; pointer-events: none;}
/*.cssmenu ul > li.has-sub:hover a.aright::after{ background:url(../img/white_plus.png) no-repeat; }*/
.cssmenu ul > li:hover::after, .cssmenu ul > li.active::after, .cssmenu ul > li.open::after { background:none;}
.cssmenu ul > li.open:hover::after{ background:none; }
.cssmenu ul > li.has-sub .open{ background:none; }
.cssmenu ul > li.has-sub.open > a.aright::after {content: ''; display: block; position: absolute;width: 10px; height: 10px; background:url(../images/minus.png) no-repeat;  z-index: 2;right: 20px;top: 16.5px;pointer-events: none;}
.cssmenu ul > li.has-sub.open > a.aright::before {content: ''; display: block ;position: absolute;width: 10px; height: 10px; background:url(../images/minus.png) no-repeat;  z-index: 2;right: 20px;top: 16.5px;pointer-events: none;}
.cssmenu ul ul {display: none;}
.cssmenu ul ul li {/*border-left: 1px solid #ccc;border-right: 1px solid #ccc;*/}
.cssmenu ul ul li a {background: #fff;display: block;position: relative;font-size: 15px;padding:10px 20px 9px 45px;border-bottom: 1px solid #dddddd;color: #777777;font-weight: 300;-webkit-transition: all 0.25s ease-in;-moz-transition: all 0.25s ease-in;-ms-transition: all 0.25s ease-in;-o-transition: all 0.25s ease-in;transition: all 0.25s ease-in;}
.cssmenu ul ul li a:hover{ }
.cssmenu ul ul ul li {border: 0;}
.cssmenu ul ul li a{ background:url("../img/mobile-arrow.png") no-repeat scroll 30px 13px rgb(255, 255, 255) !important; border-bottom:1px solid #ABABB2; }
.cssmenu ul ul li:hover a{ background-color:#DBDBDD !important; color:#000; }
.cssmenu ul ul li:hover > a, .cssmenu ul ul li.open > a, .cssmenu ul ul li.active > a {background: #e4e4e4;color: #666666;}
/*.cssmenu ul ul > li.has-sub > a::after {border-top: 13px solid #dddddd;}
.cssmenu ul ul > li.has-sub > a::before {border-top: 13px solid #e4e4e4;}*/
.cssmenu ul ul > li.has-sub::after {top: 18.5px; border-width:6px; border-top-color:#666;}
.cssmenu ul ul > li:hover::after, .cssmenu ul ul > li.active::after, .cssmenu ul ul > li.open::after {border-top-color: #666666;}
.cssmenu img {/*width: 40px;height: 40px;*/}
.aleft{ float:left; box-sizing:border-box; z-index:197; width:93%; position:absolute;  }
.aright{ float:right; width:7%; box-sizing:border-box; z-index:200; text-indent:-1000em; position:absolute; top:0; right:0; padding:0 !important; height:35px;}
.cssmenu ul ul ul li a { padding-left:57px; background: url("../img/mobile-arrow.png") no-repeat scroll 40px 13px !important; }
ul.has_mobile{ width:100%; float:left; background:#dbdbdd; }
ul.has_mobile li a::after{ border-top:0 !important; }
ul.has_mobile li a::before{ border-top:0 !important; }
.cssmenu ul ul li.has-sub a.aright{ background:#fff !important; }
.cssmenu ul ul li.has-sub:hover a.aright{ background:#dbdbdd !important; }

.messages_error { position: absolute; width: 100%; top: 124px; line-height: 0px;
    border-radius: 0px; height: 20px;}