/* menu start here*/
.cssmain-wrapper{/*position: absolute; top:50%; margin-top:-20px;right:0px;*/}
.cssmain{width: 100%; background:transparent;position: relative;}
.cssmainnav{padding: 0px;float: right;margin-bottom: 0px;}
li{list-style: none;}
li a{text-decoration: none;}
@media (min-width:767px) {
.cssdropdown{position: absolute; width:200px;top:100%;left:0px; opacity: 0;visibility: hidden;transition:all ease-out .35s;-moz-transition:all ease-out .35s;-webkit-transition:all ease-out .35s;z-index: 100;-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);box-shadow: 2px 2px 5px rgba(0,0,0,0.5);background-color: #fff;padding: 0px;}
.cssdropdown.right-aligned{left: auto; right: 0px;}
.cssmainnav li{float: left;padding:0px;}
.cssmainnav li.hassubs{position: relative;}
.cssmainnav li:first-child{border: none;}
.cssmainnav li a{ display: block;padding:0px 10px;color:rgba(0,0,0,0.7);font-size: 1rem;text-transform: uppercase;font-size:1rem; padding: 0px 7px;text-transform: none;}
.cssmainnav li:hover{transition: ease-in .35s;-moz-transition: ease-in .35s;-webkit-transition: ease-in .35s;}
.cssmainnav li:hover a{color:#00a2ea;transition: ease-in .35s;-moz-transition: ease-in .35s;-webkit-transition: ease-in .35s;text-decoration: none;}
.cssmainnav > li > a{line-height: 40px;color: #fff;color: #131313;font-size: 0.95rem;font-weight:300;}
.cssmainnav > li > a:hover, .cssmainnav > li > a:focus{ }
/*First Level*/
.subs {position: relative;top: 0px;width:100%;border-bottom: 1px solid #efefef !important;}
.subs:last-child{border: none !important;}
.hassubs:hover .cssdropdown,.hassubs .hassubs:hover .cssdropdown{opacity: 1;visibility: visible;transition:all ease-in .35s;-moz-transition:all ease-in .35s;-webkit-transition:all ease-in .35s;}
.cssmainnav li:hover ul a,.cssmainnav li:hover ul li ul li a{color:#131313;}
.cssmainnav li ul li:hover,.cssmainnav li ul li ul li:hover{background:#00a2ea;;transition: ease-in-out .35s;-moz-transition: ease-in-out .35s;-webkit-transition: ease-in-out .35s;color: #fff;}
.cssmainnav li ul li:hover a,.cssmainnav li ul li ul li:hover a{color:rgba(0,0,0,0.9);transition: ease-in-out .35s;-moz-transition: ease-in-out .35s;-webkit-transition: ease-in-out .35s;color: #fff;}
/*Second Level*/
.hassubs .hassubs .cssdropdown{position: absolute;width:200px;left:100%;top: 0px;opacity: 0;visibility: hidden;transition: ease-out .35s;-moz-transition: ease-out .35s;-webkit-transition: ease-out .35s;}
.hassubs .hassubs .cssdropdown .subs{position: relative;width:100%;top: 0px;}

ul.cssmainnav li ul li a,
ul.cssmainnav li ul li ul li a{padding:7px 15px;}
ul.cssmainnav li.hassubs a{padding-right: 25px;position: relative;}
ul.cssmainnav > li.hassubs > a:before{font-family: 'FontAwesome'; content: "\f0d7";position: absolute; right:10px; top:30%;line-height: 1;}
ul.cssmainnav > li > ul > li.hassubs > a:before{font-family: 'FontAwesome';position: absolute; content: "\f0da"; right:10px; top:10px;display: block;}
ul.cssmainnav > li > a > .fa{line-height: inherit;color: inherit;}
ul.cssmainnav > li > a > .fa-lg{vertical-align:bottom;}
}
/* menu end here*/

.mobile-menu-toggle{display: none;position: absolute; top:20px; left:20px;z-index: 100;cursor: pointer;}
.mobile-menu-toggle .fa{color: #131313;}
#css-main-wrap.menu-active{display: block;}

@media (max-width:767px) {
.mobile-menu-toggle{display: block;}
.user-section{display: none;position: relative;}
.cssmain-wrapper{position: absolute;background: #fff;z-index:999;top:0px;margin-top: 0px;width:100%;left:0px;}
.cssmainnav{padding: 0px;float:none;margin-bottom: 0px;width:100%;background: #fff;}
.cssmain{padding:15px;border:1px solid #e7e7e7;}
.cssmainnav li{display: block;text-align: left;float:none;}
.cssmainnav > li > a{color:rgba(0,0,0,0.7);display: block; margin-right:40px;line-height: 40px;}
.cssmainnav > li > a > .fa{color: inherit;}
.cssmainnav > li > a:hover, .cssmainnav > li > a:focus{text-decoration: none;color:#00a2ea;}
.cssdropdown{display: none;padding:0px; }
.cssdropdown li{padding: 0px 0px;border-bottom: 1px solid rgba(255,255,255,0.5);}
.cssdropdown li a{background: #00a2ea;display: block; line-height: 40px;color: #000;padding-left: 10px; padding-right: 10px;color: #fff;}
.cssdropdown li a:hover, .cssdropdown li a:focus{text-decoration: none;}


#menuopen{}
#menuclose{display:none;}
li.hassubs{position: relative;}
.accordiandown{position:absolute;display:block;color:#000;right:0px;top:5px;cursor:pointer;text-align:center;-webkit-transition:background 0.3s ease-in-out;-o-transition:background 0.3s ease-in-out;-moz-transition:background 0.3s ease-in-out;transition:background 0.3s ease-in-out;}
.accordiandown .fa{color: #000;font-size:18px;cursor: pointer;width:30px;height:30px; -webkit-border-radius: 50%;border-radius: 50%;line-height:28px;border: 1px solid rgba(0,0,0,0.7);text-align: center;}
.cssmain1{padding: 0px; border: 0px; text-align: center;}
.cssmain1 .cssmainnav > li > a{text-align: center; margin-right: 0px;}
.cssmain-wrapper1{position: relative;background: transparent;}
.cssmain-wrapper1 .cssmainnav{background: transparent; }
.cssmain-wrapper1 .cssmain1{border-bottom: 0px;}

.cssmainnav > li a.btn-theme{padding:0px; display: inline-block;background-color: transparent !important; color:rgba(0,0,0,0.7); margin-top:0px; margin-bottom: 0px;font-size: 14px;font-weight:300;}
.cssmainnav > li a.btn-theme:hover{color:#00a2ea !important;}
}
/**new header changes**/
@media (min-width:767px) {
.users-header ul.cssmainnav{float:none;text-align:right;}
.users-header ul.cssmainnav > li{float:none;display: inline-block; }
.users-header ul.cssmainnav > li.hassubs > a:before{top:35%;}
.cssmainnav > li{position: relative;/*background: rgba(255,255,255,0.3);*/}
/*.cssmainnav > li:after{content:""; position: absolute;display: block; right:-3px; height:0.8rem; width:1px; top:50%; margin-top:-0.4rem;background:rgba(0,0,0,0.7);}*/
.cssmainnav > li:last-child:after{background: transparent;}
.cssmainnav > li a{padding-left: 15px; padding-right:15px;position: relative;}
.cssmainnav > li a:after{content:""; position: absolute;display: block;left:0px; height:2px; width:0%; top:100%; background:rgba(0,0,0,0.7);-webkit-transition:width 0.3s ease-in-out;-o-transition:width 0.3s ease-in-out;-moz-transition:width 0.3s ease-in-out;transition:width 0.3s ease-in-out;}
.cssmainnav > li a:hover:after{width:100%; background:rgba(0,0,0,0.7);-webkit-transition:width 0.3s ease-in-out;-o-transition:width 0.3s ease-in-out;-moz-transition:width 0.3s ease-in-out;transition:width 0.3s ease-in-out;}

.cssmainnav > li a.btn-theme{margin-top: 0px; margin-bottom: 0px;color: #fff;}
.cssmainnav > li a.btn-theme:after{background: none;}

}
@media (min-width:767px) and  (max-width:991px) {
.users-header ul.cssmainnav > li > a{padding-left: 10px;padding-right: 15px;margin-left: 0px;}
.users-header ul.cssmainnav > li.hassubs > a{padding-right:20px; }
.users-header ul.cssmainnav > li.hassubs > a:before{right:5px;}
}