/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2014 By BESTDNNSKINS.COM
 */
/*-------- Design style --------*/
.skin_top{ border-top:5px solid #004a88;}
.Open-QuickLink{margin-right:10px;}
.QuickLink-list {
    background-color: #333;
    display: none;
    padding: 10px 0 30px;
}

.Search-list {
    background-color: #f5f5f5;
    display: none;
    padding: 10px 0 30px;
}


.LinkTop{line-height: 35px;margin-right:5px;font-family: Roboto;float:right}
.LinkTopD{padding-top:7px; float:right; padding-right:5px; padding-left:5px}

.Close-QuickLink {
    color: #2089cb;
    cursor: pointer;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
}
.Close-QuickLink:hover{color: #fff;}


.Close-Search {
    color: #2089cb;
    cursor: pointer;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
}
.Close-Search:hover{color: #fff;}

.currentdate {
    padding: 0 10px 0 10px;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 13px;
    font-family: Roboto;
    line-height: 35px;
}


#skin_topLeft{ float:left;color:#fff}
.user_bar{padding:0 0 0 15px; float:right;line-height:32px}
.language_position {float:left; padding:0 0 0 4px; margin-left:15px;}
.user_style { float:left; list-style:none; padding:0 7px; margin:0; }

#skin_header{ background-color: #fff;box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);position: relative;top: 0px;z-index: 5;}
.skin_banner{background-color: #fff;background-image: url("../images/banner-shadow.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;}

.logo_style{ padding:0px; float:left;}
.site_logo { line-height:70px; }
.menu_box{ float:left;  padding-top:20px; line-height:60px;}

.scroll-to-fixed-fixed .menu_box{padding-top:10px;}
@keyframes fadeBoth {
  0%,
  100% {
    opacity: 0; }
  50% {
    opacity: 1; } }

/*page name*/

.page_name {
  position: relative; }
  .page_name {
    min-height: 150px;
    
    fill: #2089cb;
    background: #2089cb;
     }
  .page_name:before {
    fill: #2089cb;
    background: #2089cb;
     }
  .page_name, .page_name a {
    color: #fff; }
  


.pagename_style { position:relative; z-index:913; }
.pagename_style h1{ float:left; padding-right:15px; color:#fff; line-height:110px; font-size:24px; font-weight:normal; margin:0;}
.breadcrumb_style {float:left; padding-right:15px; color:#fff; line-height:5px;}

.breadcrumb_style a::before,
.breadcrumb_style a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.breadcrumb_style a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.breadcrumb_style a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.breadcrumb_style a:hover::before,
.breadcrumb_style a:hover::after,
.breadcrumb_style a:focus::before,
.breadcrumb_style a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

/*leftsidebar layout*/
.LM_position { float:right; width:22%;padding:0; }
.LM_skin_content { float:right; min-height:350px; width:78%; padding:0 25px 0 0;}
.leftside_style { padding:0;}



/*--------- LeftMenu style ----------*/
#leftMenu{position:relative; margin:0 auto;}
#leftMenu ul { list-style:none; margin:0; padding:0;}
#leftMenu li{ display:block; float:none; list-style-type:none; margin:0; padding:0; line-height:normal;}
#leftMenu .leftRoot li a span { display:none;text-decoration:none;} 

/* right submenu */
#leftMenu .leftSub { z-index:900;width:100%; display:none;padding:0; margin:0;}
#leftMenu .leftRoot li.breadcrumb .leftSub { display:block; }
#leftMenu .leftSub ul{ margin:0; padding:0; position:relative; background:none; border:none; z-index:900;}
#leftMenu .leftSub li{float:none; clear:both; padding:0; position:relative; background:#f5f5f5; border:1px solid #ddd; margin:3px 0; }

#leftMenu .leftSub li.item a{ background:none;  }
#leftMenu .leftSub li.item a span{ display:block; font-size:13px; color:#555555; font-weight:bold; white-space:normal; line-height:22px; padding:8px 18px 8px 10px; text-shadow:none; text-transform:none; margin:0; }

#leftMenu .level1{ display: none; }
#leftMenu .leftSub li.breadcrumb .level1{ display: block; border-top:1px solid #fff;}
#leftMenu .level1 li{ background:#fff; margin:0; border:none; }
#leftMenu .level1 li.item a span { font-size:12px; padding-right:20px; font-weight:normal; }

#leftMenu .level2 { display: block; }
#leftMenu .level2 li{ background-position:21px 18px;  }
#leftMenu .level2 li.item a span { padding-right:30px;}

#leftMenu .level3 { display: block; }
#leftMenu .level3 li{ background-position:27px 18px;  }
#leftMenu .level3 li.item a span { padding-right:40px;}

#leftMenu img.mmIcon {max-height:24px; margin-left: 7px; vertical-align: middle;}
#leftMenu img.rootIcon {max-height:30px; margin-left: 6px; vertical-align: middle;}

#leftMenu .leftSub a span .subarrow{ position:absolute; width:60px; height:48px; right:0; top:0; background:url(../images/leftmenu_navarrow.png) no-repeat center 2px; cursor:pointer; }
#leftMenu .leftSub a span .subarrow2{ background-position:center -44px;}
#leftMenu .level1 a span .subarrow { display:none!important;}

/*--------- Login style ----------*/
.Login, A.Login:link, A.Login:visited, A.Login:active{   font-size:15px; color:#fff; text-decoration:none;line-height: 35px; transition: color 0.3s linear;
   -webkit-transition: color 0.3s linear;
   -moz-transition: color 0.3s linear; }
A.Login:hover { color:#00c4d9; text-decoration:none;font-size:15px;  }

/*--------- User style ----------*/
.User, A.User:link, A.User:visited, A.User:active{font-size:12px; color:#fff; text-decoration:none;padding:11px 6px 11px 6px;}
A.User:hover {text-decoration:none; color:#eee;}
.User:after {content: " | ";padding-right:5px; color:#fff;}

/*--------- Register and Login Style ----------*/
#Login{ float:left;padding-left:0;height:33px; border:1px solid #e1e1e1; border:1px solid rgba(255,255,255,.2); margin:2px 0;  }
#Login ul {margin:0; padding:0;}
#Login .registerGroup, #Login .registerGroup *, #Login .loginGroup, #Login .loginGroup *{ display:block; } 
#Login .registerGroup, #Login .loginGroup{float:right;padding:0;margin:0;} 
#Login .registerGroup li{ float:right; height:32px;border:none;}
#Login .registerGroup .buttonGroup{margin-left:0;}
#Login .registerGroup a { border-left:1px solid #e1e1e1; border-left:1px solid rgba(255,255,255,0.2); 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:#fff; -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:#fff;}
#Login .registerGroup a:hover,#Login .loginGroup a:hover{color:#eee;text-decoration:none;}
#Login .registerGroup a:active,#Login .loginGroup a:active{color:#eee;}
#Login .registerGroup a strong,#Login .loginGroup a strong{position:absolute;right:0; top:0;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 -1px -30px;}
.registerGroup .userMessages strong:hover{background-position:-1px -30px;}
.registerGroup .userNotifications strong{ background-position:-29px -30px;}
.registerGroup .userNotifications strong:hover{ background-position:-29px -30px;}
.registerGroup .userMessages strong:active{background-position:-1px -30px;}
.registerGroup .userNotifications strong:active{ background-position:-29px -30px;}	
#Login .registerGroup a span{position:absolute;left:0; top:-5px;display:inline-block;padding:2px 4px;min-width:7px;line-height:18px;text-align:center;margin-left:0;background:none;font-size:9px;color:#fff;text-shadow: 0px 1px 0px #333333;}
#Login .registerGroup .userProfileImg a{padding:0;background:none;min-width:25px;}
#Login .registerGroup a img{border:none;height:32px; width:32px;background:#555;}

/*--------- Language Style ----------*/
.language-object{display:block; line-height:32px;}
.language-object .Language {margin:0 2px;}
.language-object span img{height:15px; width:22px;filter:Alpha(Opacity=90);opacity:0.9; margin:0; border:2px solid transparent; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.language-object span:hover img{filter:Alpha(Opacity=100);opacity:1;}
.language-object .Language.selected img{ filter:Alpha(Opacity=100);opacity:1; border-color:#555; border-color:rgba(0,0,0,.1); -webkit-border-radius: 2px;border-radius: 2px;}

/*--------- Search Style ----------*/
#Search{ margin-left:9px; float:left;padding-right:10px}
.searchcss, a.searchcss:link, a.searchcss:active, a.searchcss:visited{ color:#fff; text-decoration:none; font-weight:normal; font-size:12px; display:block;  height:32px; text-indent:-99999px; overflow:hidden;}
.searchSite { text-indent:-99999px;}
a.searchcss:hover{ color:#fff; text-decoration:none; font-weight:normal; font-size:12px;}
#Search input[type="text"] { background:rgba(255,255,255,.05);left:0; top:0; border:none; font-size:12px; color: #fff; width: 0; height:37px; line-height:20px; padding:5px 10px 0 0; z-index:1999; border:none;transition: all 0.3s linear 0.5s;-webkit-transition: all 0.3s linear 0.5s;-moz-transition: all 0.3s linear 0.5s;}
#Search input[type="text"]:active, #Search input[type="text"]:focus {box-shadow: 0 2px 6px rgba(255,255,255,0.2) inset;-moz-box-shadow: 0 2px 6px rgba(255,255,255,0.2) inset;-webkit-box-shadow:0 2px 6px rgba(255,255,255,0.2) inset; outline: none; background:rgba(255,255,255,0.1);width:180px;  }
#Search:hover input[type="text"] {width:180px; transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s; box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset;-moz-box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset;-webkit-box-shadow:0 0 0 1px rgba(255,255,255,0.2) inset;}
#Search a{ display: block; position:absolute; left:0; top:0;height:37px; width:37px; padding:0;border:none;box-shadow:none;-webkit-box-shadow:none;overflow:hidden;text-indent:-99999px; background:url(../images/icon_search.png) no-repeat 10px 10px #333; z-index:1;cursor:pointer;}
#Search a:hover{background-color:rgba(0,0,0,0.9);transition: all 0.8s ease 0s;  -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;}
#Search .searchInputContainer a.dnnSearchBoxClearText { left: -20px;top: -7px;}

@media handheld, only screen and (max-width: 1140px){

#standardMenu .rootMenu >li a span { padding:0 12px;}
}

@media handheld, only screen and (max-width: 991px){
.menu_box{ min-height:0; display:none; float:none; padding:0; margin:0; }
.logo_style{ float:none; text-align:right; min-height:60px; position:relative; }
.site_logo { text-align:left; margin-right:40px; line-height:0px; min-height:50px; }

.user_bar{ display:block; float:none;}
#skin_topLeft{ float:none; width:100%; text-align:center;}

/*--------- mobile menu style ----------*/
.mobile_nav { display:block; position:absolute; width:40px; height:60px; top:13px; right:42px; z-index:999; }
.menuclick {background:url(../images/btn_menu.png) no-repeat center center; width:40px; height:40px; display: block; }
.currentdate{display:table;float:none;margin:auto;}
/*--------- StandardMenu style ----------*/
#standardMenu {  padding-bottom:0;}
#standardMenu li{ float:none;  }
#standardMenu li.back{ display:none;}

#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; }

#standardMenu .rootMenu a span .navarrow{ position:absolute; width:60px; height:38px; left:0; background:url(../images/mobile_navarrow.png) no-repeat center 0;}
#standardMenu .rootMenu a span .navarrow2{ background-position:center -42px;}
#standardMenu .rootMenu > li > a > span:after {display:none;}

/*-- submenu --*/
#standardMenu .subMenu{ position:static; width:auto; padding:0; }
#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.breadcrumb > a span, #standardMenu .subMenu li.item > a:hover span { background:#ddd!important; color:#333!important;}
#standardMenu .subMenu li.selected > a, #standardMenu .subMenu li.item a:hover { background:#ddd!important;}
#standardMenu .subMenu li.item a span{ padding:0 25px 0 15px; color:#333!important; background:none; height:35px; line-height:35px;}
#standardMenu .level1 li.item a span{ padding-right:40px; }
#standardMenu .level2 li.item a span{ padding-right:55px; }
#standardMenu .level3 li.item a span{ padding-right:70px; }
#standardMenu .subMenu .subarrow{ display:none; background:none;}

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

/*--------- MegaMenu style ----------*/
#megaMenu li{ float:none; border-bottom:1px solid #eee; border-bottom:1px solid rgba(255,255,255,.6); }
#megaMenu li.back{ display:none;}

#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.selected a span, #megaMenu .root li.breadcrumb a span, #megaMenu .root li:hover a span {border-radius:0;}

#megaMenu .root a span .navarrow{ position:absolute; width:60px; height:38px; left:0; background:url(../images/mobile_navarrow.png) no-repeat center 0;}
#megaMenu .root a span .navarrow2{ background-position:center -42px;}
#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; 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 25px 0 15px; color:#333!important; background:none; height:35px; line-height:35px;}
#megaMenu .category li li.item a span{ padding-right:40px; }
#megaMenu .category li li li.item a span{ padding-right:55px; }
#megaMenu .category li li li li.item a span{ padding-right:70px; }

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

}

/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width: 767px) {
.user_bar{padding:0;}	
/*page name*/
.page_name { min-height:50px; top:0; }
.pagename_style h1{ line-height:50px; font-size:20px; padding-top:0; }
.breadcrumb_style{ line-height:50px; display:none; padding-top:0; }
.language_position {margin-left:0;}

/*leftsidebar layout*/
.LM_position { float:none; width:auto; padding:0;}
.LM_skin_content { float:none; width:auto; padding:0;}
#leftMenu { display:none; }

/*Search Style*/
#Search{ display:none; }	
}

/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width:400px) {
/*--------- Register and Login Style ----------*/
#Login .registerGroup .userProfileImg{ display:none; }
}