@import url(bootstrap/css/bootstrap.css);
@import url(css/content.css);
@import url(css/fancybox.css);
@import url(css/isotope.css);
@import url(css/unoslider.css);
@import url(css/trans-banner.css);
@import url(css/flexslider.css);
@import url(css/animated.css);
@import url(js/colorpicker/css/colorpicker.css);
@import url(css/font-awesome.css);
@-webkit-viewport {width:device-width;}
@-moz-viewport {width:device-width;}
@-ms-viewport {width:device-width;}
@-o-viewport {width:device-width;}
@viewport {width:device-width;}
/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2014 By BESTDNNSKINS.COM
 */
/*--------- Global CSS Reset & Standards ----------*/
Body { margin:0;padding:0; background:#ffffff; }
#Body{ background: center top fixed #eee;color:#555; }
html,body{ margin:0; padding:0; font:normal 13px/1.5 Arial, Tahoma, sans-serif; color:#555;}
* {font-family:Arial, Tahoma, sans-serif;}
Body #Form{ height:100%; }
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {border:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} a img{border:0;}
img, object, embed, iframe{ max-width: 100%;}
[class*="map"] img,[id*="map"] img,[class*="Map"] img,[id*="Map"] img, table img{max-width:none!important;}
p{ margin:0 0 8px 0; }
img{border:0; height:auto;}

A:link {text-decoration : none; }
A:visited {text-decoration : none; }
A:hover { color :#555; text-decoration:none;  -moz-transition:color 0.2s linear;  -webkit-transition:color 0.2s linear; -o-transition:color 0.2s linear; -ms-transition:color 0.2s linear; transition:color 0.2s linear; }
A:active {text-decoration : none; }

h1{font-size:26px;line-height:1.5em;letter-spacing:0;font-weight:bold;font-family:Georgia, "Times New Roman", Arial, serif;}
h2{font-size:22px;line-height:1.5em;letter-spacing:0;font-weight:bold;font-family:Georgia, "Times New Roman", Arial, serif;}
h3{font-size:18px;line-height:1.5em;letter-spacing:0;font-weight:bold;font-family:Georgia, "Times New Roman", Arial, serif;}
h4{font-size:16px;line-height:1.5em;letter-spacing:0;font-weight:bold;font-family:Georgia, "Times New Roman", Arial, serif;}
h5{font-size:14px;line-height:1.5em;letter-spacing:0;font-weight:bold;font-family:Georgia, "Times New Roman", Arial, serif;}
h6{font-size:14px;line-height:1.5em;letter-spacing:0;font-weight:bold;font-family:Georgia, "Times New Roman", Arial, serif;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {font-family:Georgia, "Times New Roman", Arial, serif;}

.Head{ font-weight:bold; font-size:15px; }
.SubHead { font-weight:bold;  font-size:14px; }
.SubSubHead{ font-size:13px; }
.Normal { font-size:13px; line-height:1.5em; }

/*Bootstrap Reset*/
[id*="ControlPanel"], [id*="ControlPanel"] *, [id*="ControlPanel"] *:after,
.dnn_mact, .dnn_mact *, .dnn_mact *:before, .dnn_mact *:after,
.dnnActionMenu, .dnnActionMenu *, .dnnActionMenu *:before, .dnnActionMenu *:after,
.TB_Wrapper, .TB_Wrapper * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
ul.list-unstyled, ol.list-unstyled, ul.list-unstyled > li, ol.list-unstyled > li {list-style: none; margin:0;}
ul.row {margin-left: -15px; margin-right: -15px;}
ol, ul {list-style: none;}
ul li { list-style-type:disc; }
ul li li { list-style-type:circle; }
ol li { list-style-type: decimal;}
.nav li { list-style:none!important;}
a{outline:none!important;border:0;}
.btn-primary, .btn-warning, .btn-danger, .btn-success, .btn-info{color:#ffffff!important;}
ul#myTab { padding:0; margin:0; } 
.panel-primary > .panel-heading h3 {color: #ffffff;}
.panel-success > .panel-heading h3 {color: #468847;}
.panel-warning > .panel-heading h3 {color: #c09853;}
.panel-danger > .panel-heading h3 {color: #b94a48;}
.panel-info > .panel-heading h3 {color: #3a87ad;}
.popover {z-index:999;}

/*spacer styles*/
.pe-spacer { clear: both; display: block; margin: 0; min-height: 0 !important;  padding: 0; width: 100%;}
.pe-spacer.size10 { height: 10px;}
.pe-spacer.size20 { height: 20px;}
.pe-spacer.size30 { height: 30px;}
.pe-spacer.size40 { height: 40px;}
.pe-spacer.size50 { height: 50px;}
.pe-spacer.size60 { height: 60px;}
.pe-spacer.size70 { height: 70px;}
.pe-spacer.size80 { height: 80px;}
.pe-spacer.size90 { height: 90px;}
.pe-spacer.size100 { height: 100px;}

/*border styles*/
.left_border{ border-left:1px solid #e9e9e9;}
.right_border{ border-right:1px solid #e9e9e9;}
.top_border{ border-top:1px solid #e9e9e9;}
.bottom_border{ border-bottom:1px solid #e9e9e9;}

/*clear float*/
.clearafter:after{ clear:both; content:"."; height:0px; font-size:0px; visibility:hidden; display:block; }
.clearafter{ display:inline-block; }
.clearafter{ display:block; }
.clear{ clear:both; }
.clear_float{ clear:both;line-height:0;font-size:0;}
.floatl{ float:left;}
.floatr{ float:right;}
.pc_display { display:block;}
.mobile_display { display:none;}

/*--------- Admin Settings Reset ----------*/
.FileManager A, .FileManager A:link, .FileManager A:visited, .FileManager A:active{ color:#000000; text-decoration: underline;}
.FileManager A:hover{ color:#000000; text-decoration:none;}
.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction, a.dnnPrimaryAction:link { color: #FFFFFF; text-decoration : none;}
.dnnActionMenu span { color:#000000!important;}
.ModuleTitle_SubMenu{ z-index:9999!important; }
.DnnModule{z-index:inherit;}
.dnnFormPopup .ui-dialog-titlebar { min-height:40px; }
.DNNAligncenter table { margin:0 auto; }
.popover {z-index:9;}
#standardMenu a, #megaMenu a, #leftMenu a { text-decoration:none!important;}
.paneOutline { border:1px dashed #ccc;}

/*--------------------------------------------
               All Design Style                
---------------------------------------------*/
#skin_wrapper {width:100%;position:inherit!important;z-index:1;margin:0 auto;}
#skin_wrapper.boxed { max-width:1140px; }
.skin_width { width:100%; max-width:1140px;min-width:767px;margin:0 auto;}
.mobile_nav{ display:none;}

.skin_top{min-height:40px;background:#fff;}
.user_bar{ padding:10px 10px 0;position:relative; }
.user_style, .language_position{float:right;}

.skin_menu{ background:#fff;padding:10px 0 0;}
.skin_menu .logo_style { float:left; padding:0 10px 15px 15px; margin-top:-5px;}
.skin_menu .site_logo img { max-height:65px; }
.skin_menu .menu_box{position:relative;padding:0;padding-bottom:10px; min-height:60px; float:right;}

.skin_main{min-height:650px;border-top:solid 3px;border-bottom:solid 4px;background:#fff;}
.skin_content{padding:20px 20px;}
.content_whitebg{background:#fff;}
.banner_style{}
.bannerpane { margin:0;padding:0; background:#fff;}
#skin_wrapper.boxed .bannerpane { margin:15px 0; padding:5px; }

.footer_top{background:#4c4c4c;border-bottom:solid 1px #3b3b3b;}
.footerpane_style { padding:0 20px;}
.footerpane_style, .footerpane_style * { color:#eee; }
.footer_menu{min-height:50px; line-height:50px; background:#424242;border-top:solid 1px #4c4c4c;text-align:center;}
.footer_copyright{line-height:55px; color:#000!important;text-align:center;background:none;}
.bottom_link{text-align:center;padding:5px 10px;}

/*prefined text border*/
.skin_dividing{border-top:solid 1px #e5e5e5;border-bottom:solid 1px #e5e5e5;width:100%;max-height:5px;height:5px;} 
.skin_dotted{border-top:dotted 1px #c1c1c1;width:100%;} 
.skin_solid{border-top:solid 1px #eee;width:100%;} 

/*--------- Pane Style ----------*/
.DNNEmptyPane{ display:none!important;}
.headerpane_style{float:left; }
.dnnpane [class*="col-md"] { padding: 10px 15px; }
.bannerpane p{ margin:0;}

.content_grid12 {}
.one_grid4a {}
.one_grid4b {}
.one_grid4c {}
.two_grid3a {}
.two_grid3b {}
.two_grid3c {}
.two_grid3d {}
.three_grid12 {}
.four_grid8 {}
.four_grid4 {}
.five_grid4 {}
.five_grid8 {}
.six_grid6a {}
.six_grid6b {}
.seven_grid9 {}
.seven_grid3 {}
.eight_grid3 {}
.eight_grid9 {}
.nine_grid3a {}
.nine_grid3b {}
.nine_grid3c {}
.nine_grid3d {}
.ten_grid12 {}

.footer_grid3a { margin:20px 0 10px;}
.footer_grid3b { margin:20px 0 10px;}
.footer_grid3c { margin:20px 0 10px;}
.footer_grid3d { margin:20px 0 10px;}
.footerpane { margin:10px 0 20px;}

.i_content_grid12 {}
.i_one_grid8 {}
.i_one_grid4 {}
.i_two_grid6a {}
.i_two_grid6b {}
.i_three_grid4 {}
.i_three_grid8 {}
.l_four_grid4a {}
.l_four_grid4b {}
.l_four_grid4c {}
.l_five_grid12 {}

.leftsidepane { padding:10px 0; }
.l_one_grid8 {}
.l_one_grid4 {}
.l_two_grid6a {}
.l_two_grid6b {}
.l_three_grid4 {}
.l_three_grid8 {}
.l_four_grid12 {}

/*--------- Scroll Top Style ----------*/
#top-link { background:url(images/scroll_top.png) no-repeat scroll center -4px #999;  background:url(images/scroll_top.png) no-repeat scroll center -4px rgba(0, 0, 0, 0.3); border: 0 none; border-radius: 2px; bottom: 10px; right: 55px; display:block; height:35px; padding:0; width:40px; position: fixed; text-decoration: none; z-index: 903;}
#top-link:hover { background:url(images/scroll_top.png) no-repeat scroll center -42px  #666;  background:url(images/scroll_top.png) no-repeat scroll center -42px rgba(0, 0, 0, 0.6);  -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s;}

/*--------- Font Awesome ----------*/
.fa_icon_wrapper { padding:0 15px; margin:20px 0 40px;}
.fontawesome-icon-list [class*="col-md-"] { padding:15px 20px; border:1px solid #f2f2f2;  margin: -1px 0 0 -1px; color:#666; }
.fontawesome-icon-list [class*="col-md-"]:hover { color:#049AD9;}
.fontawesome-icon-list span.fa {font-size:22px;margin-right: 5px; width: 30px; position: relative;top: 2px;}

/*--------- Register and Login Style ----------*/
#Login{float:right;padding-right:0;height:30px;border:solid 1px #f5f5f5; border:solid 1px rgba(0,0,0,0.1); margin-top:-5px; }
#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:28px;border:none;}
#Login .registerGroup li:hover, #Login .loginGroup:hover{background:rgba(255,255,255,.2); transition: all 0.8s ease 0s;  -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;}
#Login .registerGroup .buttonGroup{margin-right:0;}
#Login .registerGroup a {  border-right:#f8f8f8;border-right:1px solid rgba(0,0,0,0.1); position:relative; display:block; padding:0 8px; min-width:15px; height:28px;  font-size:12px; font-weight:normal; vertical-align:middle;line-height:28px; color:#444; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
#Login .loginGroup a{ position:relative; display:block; padding:0 8px; height:28px;  font-size:12px; font-weight:normal; vertical-align:middle;line-height:28px; color:#444;}
#Login .registerGroup a:hover,#Login .loginGroup a:hover{text-decoration:none;}
#Login .registerGroup a:active,#Login .loginGroup a:active{color:#888;}
#Login .registerGroup a strong,#Login .loginGroup a strong{position:absolute;left: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/userLoginSprite.png) no-repeat -1px -30px;opacity:0.8; filter:Alpha(Opacity=80);}
.registerGroup .userNotifications strong{ background-position:-29px -30px; }
.registerGroup .userMessages strong:hover, .registerGroup .userNotifications strong:hover{ opacity:1; filter:Alpha(Opacity=100);}
#Login .registerGroup a span{position:absolute;right:0; top:0;display:inline-block;padding:0;min-width:7px;line-height:13px;text-align:center;margin-right:0;background:none;font-size:13px;color:#00f;}
#Login .registerGroup .userProfileImg a{padding:0;background:none;min-width:25px;}
#Login .registerGroup a img{border:none;height:28px; width:28px;background:#555;}

/*--------- Language Object ----------*/
.language-object{ display:inline; float:left; margin:0 0 0 5px;}
.language-object .Language { margin:0 3px;}
.language-object span img{ height:18px; width:25px; opacity:0.5; margin:0; border:2px solid transparent; opacity:1; filter:Alpha(Opacity=100);-webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;}
.language-object span:hover img{ opacity:0.8; filter:Alpha(Opacity=80);}
.language-object .Language.selected img{ opacity:1; border:1px solid #ccc; padding:1px;}

/* User style */
.User, A.User:link, A.User:visited, A.User:active{ padding:3px 0 2px 0; font-size:12px; color:#858585; text-decoration:none;}
A.User:hover {text-decoration:none;}
.User:after {content: " | ";padding:0 5px; color:#858585;}

/* Login style */
.Login, A.Login:link, A.Login:visited, A.Login:active{ padding:3px 3px 2px 3px; font-size:12px; color:#858585; text-decoration:none;}
A.Login:hover {text-decoration:none; }

/*Footer style*/
.Footer, A.Footer:link, A.Footer:visited, A.Footer:active { padding:0px 5px; color:#333; font-size:13px; text-decoration:none; }
A.Footer:hover {text-decoration: none;}

/* BottomLinks style */
.Bottom_links, A.Bottom_links:link, A.Bottom_links:visited, A.Bottom_links:active{ padding:0 3px; font-size:13px; color:#FFFFFF; text-decoration:none;}
A.Bottom_links:hover { font-size:13px;text-decoration:none; }

/*breadcrumb style*/
.Breadcrumb, A.Breadcrumb:link, A.Breadcrumb:visited, A.Breadcrumb:active { color:#333; font-size:13px; text-decoration:none;}
A.Breadcrumb:hover { color:#ddd; text-decoration:none;}

/*--------- Search Style ----------*/
#Search{ position:relative; float:right; margin-right:5px; padding:0 10px; top:-2px; display:none; }
.searchcss, a.searchcss:link, a.searchcss:active, a.searchcss:visited{ color:#d1d1d1; text-decoration:none; font-weight:normal; font-size:12px; display:block; position:absolute; width:30px; height:34px;  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"] {  border:none; font-size:12px; color: #c1c1c1; width: 160px; padding: 4px 40px 4px 6px; z-index:1999; border:1px solid #e9e9e9; }
#Search a.searchcss{ display: block; right:8px; top:3px;height:34px; width:30px; padding:0;border:none;box-shadow:none;webkit-box-shadow:none;overflow:hidden;text-indent:-99999px;background:url(images/icon_search2.png) no-repeat 6px 3px; z-index:1;cursor:pointer;}
#Search .searchInputContainer a.dnnSearchBoxClearText { margin-right:18px; margin-top:0; top:5px; z-index:201;}

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

/*leftsidebar layout*/
.LM_position { float:left; width:22%;padding:0;}
.LM_skin_content { float:left; min-height:350px; width:78%; padding:0 0 0 25px;}
.LM_main_content{padding:30px 20px 20px 10px;}
.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;} 

/* left 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 10px 8px 18px; 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; border-radius:0; webkit-border-radius:0; -moz-border-radius:0; }
#leftMenu .level1 li.item a span { font-size:12px; padding-left:23px;}

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

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

#leftMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#leftMenu img.rootIcon {max-height:30px; margin-right: 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;}


/*--------- CSS Reset for Tablet & Mobile View ----------*/
@media handheld, only screen and (max-width: 991px){
#skin_wrapper, #skin_wrapper.boxed { max-width:768px; margin:0 auto;}
.skin_content{padding:20px 20px;}
.skin_menu .menu_box{display:none;float:none;padding:0; margin:0; min-height:0; }
.skin_footer{text-align:center;}
.bannerpane { margin:0!important;padding:0!important;}

/*-------- design style --------*/
.skin_menu .logo_style{float:none; text-align:left;position:relative; min-height:70px; }
.skin_menu .site_logo{padding:15px 10px 10px; line-height:0; margin-right:20px; }

/*mobile menu*/
.mobile_nav { display:block; position:absolute; width:40px; height:40px; right:10px;bottom:20px; }
.menuclick{background:url(images/btn_menu.png) no-repeat center center; width:40px; height:39px; padding:0;margin-left:1.5%; display: block; text-decoration: none; border:none;}

/*--------- pane style ----------*/
.footer_grid3a { margin:10px 0;}
.footer_grid3b { margin:10px 0;}
.footer_grid3c { margin:10px 0;}
.footer_grid3d { margin:10px 0;}
.footerpane { margin:0 0 10px 0;}

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

/*--------- Scroll Top  ----------*/
#top-link { bottom: 10px; right: 10px; }

/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width: 767px) {
body {-webkit-text-size-adjust:none;}
#skin_wrapper { min-width:300px;}
.skin_width,body{width:100%;min-width:0;}
.floatl, .floatr{ float: none;}
.pc_display { display:none;}
.mobile_display { display:block;}
.footer_bottom{text-align:center;}
.footer_left{float:none;padding-bottom:10px; padding-left:0;}
.footer_right{float:none; padding:0;}
.skin_banner{ padding-top:0;}
#Search{ display:none; }

/*--------- DNN Default Style Reset ----------*/
.dnnFormPopup { width: 90%!important;}
.LoginPanel, .dnnLogin{width:auto; max-width:480px;}
.dnnLogin  .dnnForm  {min-width: 0; width:auto;}
.dnnLogin  .dnnFormLabel { width:auto; }
.LoginPanel .dnnPrimaryAction{margin-left:82px;}
.LoginPanel .dnnLoginRememberMe{padding-left:82px;}
#dnn_ctr_Login_UP .dnnForm {min-width:280px; width:auto;}
div.dnnRegistrationForm .dnnForm {width:auto;}
div.dnnRegistrationForm .dnnFormItem label, div.dnnRegistrationForm .dnnFormItem .dnnFormLabel, div.dnnRegistrationForm .dnnFormItem .dnnTooltip {width:110px;}
#dnn_ctr_Register_UP  .dnnForm {min-width:280px; max-width:480px; width:auto;}
}

@media handheld, only screen and (max-width: 400px) {
#Login .registerGroup .userProfileImg { display:none; }
}

/*--------- Retina Styles ----------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2) {
.menuclick { background-image:url(images/retina/btn_menu@2x.png); -webkit-background-size:29px 19px; -moz-background-size:29px 19px; background-size:29px 19px; }
#standardMenu .rootMenu a span .navarrow, #standardMenu .rootMenu a span .navarrow2{background-image:url(images/retina/mobile_navarrow@2x.png); -webkit-background-size:17px 80px; -moz-background-size:17px 80px; background-size:17px 80px;}
}