/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2014 By BESTDNNSKINS.COM
 */
/*--------- CSS Reset for Tablet ----------*/
@media handheld, only screen and (max-width: 1140px){
#skin_wrapper { width:auto!important; margin:0 auto; max-width:768px;}
#custom_wrapper, #custom-button { display:none; }
.skin_top_content { padding:20px;}
.icons_menu{ margin-right:16px; }

.pc_display { display:none;}
.mobile_display { display:block;}
.skin_box{ display:block;}
#scroll_icon{ display:none!important; }
.skin_left{  min-height:0; display:block;  width:100%; max-width:none; position:static; }
.skin_right{  background:#fff; display:block;width:100%; padding-left:0;  }
.socialpane_style{ position:absolute; top:3px; right:8px; padding:0 10px; }

.header_right{ float:none;}
.menu_box{ min-height:0; display:none; float:none; padding:0; margin:0; }
.logo_style{ float:none; text-align:left; min-height:60px; position:relative; padding:13px 0 10px 0; }
.site_logo { text-align:left; padding:10px 20px; margin-right:40px; line-height:60px; min-height:60px;width:180px; }
.footer_bg .copyright_bar{color:#fff;  line-height:45px; padding:10px 0;}

/*--------- mobile menu style ----------*/
.mobile_nav { display:block; position:absolute; width:40px; height:40px; bottom:25px; right:5px; z-index:999; }
.menuclick {background:url(../images/btn_menu.png) no-repeat center center; width:40px; height:40px; display: block; }

/*--------- StandardMenu style ----------*/
#standardMenu {  padding-bottom:0;}
#standardMenu li{ float:none; border-bottom:1px solid #fff; border-bottom:1px solid rgba(255,255,255,.9); }
#standardMenu li.back{ display:none;}

#standardMenu .rootMenu li a{ background:#6b6b6b;}
#standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.breadcrumb a, #standardMenu .rootMenu li:hover a, #standardMenu .rootMenu li a:hover { background:#544895;}
#standardMenu .rootMenu li a span { padding:0 20px; color:#FFFFFF!important; font-size:12px;font-weight:600;height:38px; line-height:38px; }

#standardMenu .rootMenu a span .navarrow{ position:absolute; width:60px; height:38px; right: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 15px 0 25px; color:#333!important; 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 .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; 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.level3 { display: block;position:static;left:auto;top:auto;}

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

#megaMenu .root li a{ background:#6b6b6b;}
#megaMenu .root li.selected a, #megaMenu .root li.breadcrumb a, #megaMenu .root li:hover a, #megaMenu .root li a:hover { background:#544895;}
#megaMenu .root li a span { padding:0 20px; color:#FFFFFF!important; font-size:12px;font-weight:600;height:38px; line-height:38px; }

#megaMenu .root a span .navarrow{ position:absolute; width:60px; height:38px; right: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 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; }

/*--------- Pane Style ----------*/
.dnnpane > [class*="col-sm"],.dnnpane > [class^="col-sm"] { padding: 10px 10px; }

/*--------- Accordion Style ----------*/
.accordion3 > h3{font-size:14px!important;}
.accordion3 >h3 span{ font-size:14px;}


/*--------- Footer Contact Us Style ----------*/
.footer_contact input{  width:95px; }
.footer_contact textarea{width:200px;}

/*--------- Sidebar Tag style ----------*/
.footer_tag ul li a {padding:5px 8px;}

/*------------------ Fancybox Style -------------------*/
.fancybox_style ul li { list-style:none; padding:5px; float:left;border:1px solid #e3e3e3;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin:2px; }

/*--------- Template Descript Style ----------*/
.template_descript .descript_content  span{ display:none;}
.template_descript .descript_content li{ padding:5px 0}

.shadow_line{ display:none;}

}
@media handheld, only screen and (max-width: 768px){
#Body{ background:none!important; }
}