/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright By BESTDNNSKINS.COM
 */
/*-------- Design style --------*/
#HeaderOne { background-color:#fff; min-height:110px;}
.skin_top{ background:#f5f5f5; border-bottom:1px solid #e9e9e9; }
.user_bar{padding:0; line-height:33px;}
.skin_header_style {position: relative;}
.logo_style{ float:left; min-height:110px; padding-left:15px; }
.site_logo {line-height:100px; padding:5px 0; }
.menu_box{ float:right; padding:25px 5px 0; }
#topSearch.fa-search {float:right; color:#6b6b6b; margin:40px 10px 0; padding: 10px; font-size:16px; cursor: pointer; }

/*--------- StandardMenu style ----------*/
#standardMenu { position:relative; margin:0 auto; }
#standardMenu ul { list-style:none; margin:0; padding:0 1px;}
#standardMenu li{ position:relative; display:block; float:left; margin:0; list-style-type:none; }

#standardMenu .rootMenu li a{ display:block; position:relative; float:none; z-index:10; cursor:pointer; text-decoration:none; }
#standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.breadcrumb a, #standardMenu .rootMenu li:hover a, #standardMenu .rootMenu li a:hover { text-decoration:none;}
#standardMenu .rootMenu > li a span { display:block; padding:0 20px; height:85px; line-height:65px; color:#6b6b6b; font-weight:normal; white-space:nowrap; font-size:13px; text-transform:uppercase; }
#standardMenu .rootMenu li.breadcrumb { padding: 0; background-color:transparent; border-radius: 0;}
#standardMenu .rootMenu li a span .navarrow { display: none; }

/*-- submenu --*/
#standardMenu .subMenu {position:absolute;left:0; width:200px; top:85px; z-index:1210;display:none;padding:0; background-color:#fff; border:none; border-top:3px solid;  -webkit-box-shadow:0 3px 10px rgba(0,0,0,.1);-moz-box-shadow:0 3px 10px rgba(0,0,0,.1);box-shadow:0 3px 10px rgba(0,0,0,.1);}
#standardMenu .rootMenu li.rmHover .subMenu { display:block; }
#standardMenu .subMenu ul{ margin:0; padding:0; position:relative; z-index:1200;}
#standardMenu .subMenu li{ float:none; clear:both; background:none; width:100%; padding:0; }
#standardMenu .subMenu li.item a{ border:none;border-bottom:1px solid #eee; padding:0; background:none; }
#standardMenu .subMenu li.first > a { border-top:none; }
#standardMenu .subMenu li.last > a{ border-bottom: none;}
#standardMenu .subMenu li.item a span{ display:block; background:none; font-size:12px; color:#6b6b6b; font-weight:normal; white-space:normal; height:auto; line-height:1.5em; padding:10px 15px 10px 15px; text-transform:none; margin:0; border:none;}
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.item a:hover span { background-color: #f5f5f5;  }
#standardMenu .subMenu .fa.fa-angle-right{ position:absolute; right:4px; top:13px; width:15px; height:7px; }

#standardMenu ul li ul li ul{ display:none; width:200px; margin:0; background-color: #fff; border:none; border-top:3px solid;  -webkit-box-shadow:0 3px 10px rgba(0,0,0,.1);-moz-box-shadow:0 3px 10px rgba(0,0,0,.1);box-shadow:0 3px 10px rgba(0,0,0,.1); }
#standardMenu ul li ul li ul.level1{ display: none;position:absolute;left:200px; top:-1px; padding:0;}
#standardMenu ul li ul li ul li ul.level2 { display:none;position:absolute;left:200px;top:-1px; padding:0;}
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:absolute;left:200px;top:-1px; padding:0;}
#standardMenu ul li ul li ul li ul li ul li:hover ul.level4 { display: block;position:absolute;left:200px;top:-1px; padding:0;}

#standardMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#standardMenu img.rootIcon {max-height:40px; margin-right:7px; margin-left:-10px; vertical-align: middle;}

/*--------- megaMenu style ----------*/
#megaMenu { position:relative; margin:0 auto; }
#megaMenu ul { list-style:none; margin:0; padding:0 1px;}
#megaMenu li{ position:relative; display:block; float:left; margin:0; list-style-type:none; }

#megaMenu .root li a{ display:block; position:relative; float:none; z-index:10; cursor:pointer; text-decoration:none; }
#megaMenu .root li.selected a, #megaMenu .root li.rmHover a, #megaMenu .root li.breadcrumb a, #megaMenu .root li:hover a, #megaMenu .root li a:hover { text-decoration:none;}
#megaMenu .root > li a span { display:block; padding:0 20px; height:85px; line-height:65px; color:#6b6b6b;  white-space:nowrap; font-weight:normal; font-size:13px; text-transform:uppercase; }
#megaMenu .root li.breadcrumb { padding: 0; background-color:transparent; border-radius: 0;}
#megaMenu .root li a span .navarrow { display: none; }

/*-- category --*/
#megaMenu .category { position:absolute;left:0; top:85px; z-index:1210; width:378px; display:none; padding:8px 8px 20px 8px; background-color:#fff; border:none; border-top:3px solid;  -webkit-box-shadow:0 3px 10px rgba(0,0,0,.1);-moz-box-shadow:0 3px 10px rgba(0,0,0,.1);box-shadow:0 3px 10px rgba(0,0,0,.1); }
#megaMenu .category ul{ margin:0; padding:0; position:relative; z-index:1200;}
#megaMenu .category li{ background:none; margin:0 8px; width:165px; padding:0; float:left;}
#megaMenu .category li.item a{ border:none;border-bottom:1px dashed #ddd;  background:none;}
#megaMenu .category li.item a span{ display:block; background:none; font-size:13px; color:#6b6b6b; font-weight:normal; white-space:normal; height:auto; line-height:1.5em; padding:10px 0 8px 0; margin:0; text-transform:none; border:none; }
#megaMenu .category li.selected > a span, #megaMenu .category li.item a:hover span { background:none; text-decoration:none; cursor:pointer; }

#megaMenu ul li ul li ul{ position: relative; padding:0; width:auto; border:none;}
#megaMenu .leaf li{ clear:both;float:none; width:160px; margin:0 0 0 5px; padding:0; }
#megaMenu .leaf li.item a{ text-transform: none; font-size:12px; padding:0; line-height:1em; border:none;}
#megaMenu .leaf li.item a span{ display:block; background:none; font-size:12px; color:#6b6b6b; font-weight:normal; height:auto; line-height:1.5em; padding:10px 0; text-transform:none;border:none; }
#megaMenu .leaf li li{ clear:both;float:none; width:155px; }
#megaMenu .leaf li.selected > a span{ color:#e1e1e1; cursor:pointer;}

#megaMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#megaMenu img.rootIcon {max-height:40px; margin-right:7px; margin-left:-10px; vertical-align: middle;}


/*--------- Search Style ----------*/
#headerSearchBox{ display: none; position: absolute; z-index:1001; top:110px; right:20px; padding: 15px; background: #fff; border-top: 3px solid; width: 310px; -webkit-box-shadow:0 3px 10px rgba(0,0,0,.1);-moz-box-shadow:0 3px 10px rgba(0,0,0,.1);box-shadow:0 3px 10px rgba(0,0,0,.1);  }
#headerSearchBox input {background:#eee;right:0; top:0; border:none; font-size:12px; color: #6b6b6b; width: 250px; height:39px; line-height:39px; padding:0 35px 0 10px; z-index:1999; border:none;border-left:1px solid #fff; border-left:1px solid rgba(255,255,255,0.2);}
#headerSearchBox input:active, #Search input:focus {box-shadow: 0 2px 6px rgba(0,0,0,0.1) inset;-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.1) inset;-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.1) inset; outline: none; }
#headerSearchBox a.searchcss{ display: block; position:absolute; right:15px; top:15px;height:39px; line-height:39px; width:38px; padding:0;border:none;box-shadow:none;webkit-box-shadow:none;overflow:hidden;background:#999; z-index:1;cursor:pointer;font-family: "Font Awesome 5 Free";font-weight:900; font-size:16px; color:#fff;}
#headerSearchBox a.searchcss:before{content: "\f002"; padding:12px;}
#headerSearchBox ul.searchSkinObjectPreview { z-index: 920;}
#headerSearchBox .searchInputContainer a.dnnSearchBoxClearText { top:5px; }

/*--------- Register and Login Style ----------*/
#Login{ float:right;padding-right:0;height:33px; border:1px solid #555; border:1px solid rgba(0,0,0,.07);  margin-top:1px; }
#Login ul {margin:0; padding:0;}
#Login .registerGroup, #Login .registerGroup *, #Login .loginGroup, #Login .loginGroup *{ display:block; } 
#Login .registerGroup, #Login .loginGroup{float:left;padding:0;margin:0;} 
#Login .registerGroup li{ float:left; height:32px;border:none;}
#Login .registerGroup .buttonGroup{margin-right:0;}
#Login .registerGroup a { border-right:1px solid #555; border-right:1px solid rgba(0,0,0,0.1); position:relative; display:block; padding:0 8px; min-width:15px; height:32px;  font-size:12px; font-weight:normal; vertical-align:middle;line-height:32px; color:#333; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
#Login .loginGroup a{ position:relative; display:block; padding:0 8px; min-width:15px; height:32px;  font-size:12px; font-weight:normal; vertical-align:middle;line-height:32px; color:#333;}
#Login .registerGroup a:hover,#Login .loginGroup a:hover{text-decoration:none;}
#Login .registerGroup a strong,#Login .loginGroup a strong{position:absolute;left:0; top:2px;width:100%; height:100%;display:block;font-size:12px;vertical-align:baseline;overflow:hidden;text-indent:9999px;}
.registerGroup .userMessages strong,.registerGroup .userNotifications strong{background:url(../images/userLoginSprite2.png) no-repeat 9px 9px;}
.registerGroup .userNotifications strong{ background-position:-92px 7px;}
.registerGroup .userMessages strong:hover{background-position:9px -42px;}
.registerGroup .userNotifications strong:hover{ background-position:-92px -44px;}
.registerGroup .userMessages strong:active{background-position:9px -90px;}
.registerGroup .userNotifications strong:active{ background-position:-92px -91px;}	
#Login .registerGroup a span{ position:absolute; right:0; top:0; display:inline-block; padding:2px; min-width:7px; line-height:12px; text-align:center; font-size:12px; color:#fff; text-shadow: 0px 1px 0px #333333;}
#Login .registerGroup .userProfileImg a{ padding:0; background:none; }
#Login .registerGroup a img{ border:none; height:32px; width:32px; }

@media handheld, only screen and (max-width: 1140px){
#standardMenu .rootMenu > li a span, #megaMenu .root >li a span { padding:0 11px;}	
}


@media handheld, only screen and (max-width: 991px){
#skin_header{ position:static; width:100%; margin:0 auto; padding:0; }
.menu_box{ min-height:0; display:none; float:none; padding:0; margin:0; }
.logo_style{ float:none; min-height:50px; position:relative; }
.site_logo { padding:10px; text-align:left; margin-right:70px; line-height:none; }
.menu_box{ margin:0 ; float:none; line-height:0; padding:0;}
#topSearch.fa-search{position: absolute; right: 37px;top: 23px; z-index:1000; }

/*--------- mobile menu style ----------*/
#mobileNav { display:block; color:#6b6b6b; font-size:25px; cursor: pointer; position:absolute; width:40px; height:60px; bottom:0; right:10px; z-index:999; width: 30px; height: 50px; bottom: 3px; right: 10px;}

/*--------- StandardMenu style ----------*/
#standardMenu {  padding-bottom:0;}
#standardMenu li{ float:none; border-bottom:1px solid #ccc; margin:0; }

#standardMenu .rootMenu li a{ background:#6b6b6b;}
#standardMenu .rootMenu li a span { padding:0 20px; color:#FFFFFF!important; font-size:13px;font-weight:bold;height:38px; line-height:38px; border:none;}
#standardMenu .rootMenu > li.last a span{border-right:none; }

#standardMenu .rootMenu li a span .navarrow{ display:inline-block;  position:absolute; width:60px; height:38px; right:0; padding-top: 10px; font-size: 20px; text-align: center;}
#standardMenu .rootMenu > li > a > span:after {display:none;}

/*-- submenu --*/
#standardMenu .subMenu{ position:static; width:auto; padding:0; border:none;}
#standardMenu .subMenu ul{ background:none; border:none;}
#standardMenu .subMenu ul li {border:none;}
#standardMenu .subMenu li.item a{ background:#f5f5f5; border-bottom:1px solid #ccc; border-bottom:1px solid rgba(0,0,0,.1); }
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.item a:hover span { background:#e5e5e5!important;}
#standardMenu .subMenu li.item a span{ padding:0 15px 0 25px; color:#333!important; font-weight:normal; background:none; height:35px; line-height:35px;}
#standardMenu .level1 li.item a span{ padding-left:40px; }
#standardMenu .level2 li.item a span{ padding-left:55px; }
#standardMenu .level3 li.item a span{ padding-left:70px; }
#standardMenu .subMenu .fa.fa-angle-right{display:none;}

#standardMenu ul li ul li ul{ display:block;width:auto;}
#standardMenu ul li ul li ul.level1{ display: block; position:static; left:auto; top:auto;}
#standardMenu ul li ul li ul li ul.level2 { display: block; position:static; left:auto; top:auto;}
#standardMenu ul li ul li ul li ul li ul.level3 { display: block; position:static; left:auto; top:auto;}
#standardMenu ul li ul li ul li ul li:hover ul.level4 { display: block;position:static;left:auto;top:auto;}

/*--------- MegaMenu style ----------*/
#megaMenu {  padding-bottom:0;}
#megaMenu li{ float:none; border-bottom:1px solid #ccc; margin:0; }

#megaMenu .root li a{ background:#6b6b6b;}
#megaMenu .root li a span { padding:0 20px; color:#FFFFFF!important; font-size:13px;font-weight:bold;height:38px; line-height:38px; border:none;}
#megaMenu .root > li.last a span{border-right:none; }

#megaMenu .root li a span .navarrow{ display:inline-block;  position:absolute; width:60px; height:38px; right:0; padding-top: 10px; font-size: 20px; text-align: center;}
#megaMenu .root > li > a > span:after {display:none;}

/*-- category --*/
#megaMenu .category{position:static; width:auto!important; padding:0;}
#megaMenu .category ul{background:#f5f5f5;  border:none; padding:0;}
#megaMenu .category li{ width:auto; padding:0; margin:0; float:none; border:none; }
#megaMenu .category li.item a{ background:none; border-bottom:1px solid #ccc; border-bottom:1px solid rgba(0,0,0,.1); }
#megaMenu .category li.selected > a, #megaMenu .category li a:hover { background:#ddd;}
#megaMenu .category li.item a span{ padding:0 15px 0 25px; color:#333!important; background:none; height:35px; line-height:35px;}
#megaMenu .category li li.item a span{ padding-left:40px; }
#megaMenu .category li li li.item a span{ padding-left:55px; }
#megaMenu .category li li li li.item a span{ padding-left:70px; }

#megaMenu .leaf li{ width:auto; margin:0; padding:0; }
#megaMenu .leaf li.item a{ padding:0;}
#megaMenu .leaf li li{width:auto; }
}