@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600);
@-webkit-viewport {width:device-width;}
@-moz-viewport {width:device-width;}
@-ms-viewport {width:device-width;}
@-o-viewport {width:device-width;}
@viewport {width:device-width;}



#Body{ background:center top fixed #ddd; margin:0;padding:0; color:#555; }
html,body{ margin:0; padding:0; font:normal 13px/1.5 'Open Sans',Arial, sans-serif; color:#555;}
Body #Form{ height:100%; }
* {font-family:'Open Sans',Arial, sans-serif; }
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 { max-width: 100%;}
[class*="map"] img,[id*="map"] img,[class*="Map"] img,[id*="Map"] img, table img{max-width:none!important;}
img{border:0; height:auto !important;}
p{ margin:0 0 8px 0;}

A:link { text-decoration : none; }
A:visited { text-decoration : none; }
A:hover { text-decoration:underline; }
A:active { text-decoration : none; }

h1{font-size:28px;line-height:1.5em;letter-spacing:0;font-weight:700;font-family:'Open Sans',Arial, Tahoma, sans-serif;}
h2{font-size:24px;line-height:1.5em;letter-spacing:0;font-weight:700;font-family:'Open Sans',Arial, Tahoma, sans-serif;}
h3{font-size:20px;line-height:1.5em;letter-spacing:0;font-weight:700;font-family:'Open Sans',Arial, Tahoma, sans-serif;}
h4{font-size:18px;line-height:1.5em;letter-spacing:0;font-weight:700;font-family:'Open Sans',Arial, Tahoma, sans-serif;}
h5{font-size:16px;line-height:1.5em;letter-spacing:0;font-weight:700;font-family:'Open Sans',Arial, Tahoma, sans-serif;}
h6{font-size:14px;line-height:1.5em;letter-spacing:0;font-weight:700;font-family:'Open Sans',Arial, Tahoma, sans-serif;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {font-family:'Open Sans',Arial, sans-serif;}

/*Bootstrap Reset*/
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;}

.Head{ font-weight:bold; font-size:16px; }
.SubHead { font-weight:bold;  font-size:15px; }
.SubSubHead{ font-size:14px; }
.Normal { font-size:13px; line-height:1.5em; }

.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;}

/*--------- Menu Settings ----------*/

#responsive-panel{
    float: right;
}


#mainMenu{
    position: relative;
    border: none;
    background: none;
    z-index: 999;
}

#mainMenu .k-menu .k-item, .k-widget.k-menu-horizontal>.k-item {
    border: none;
    list-style: none;
    padding: 22px 10px 0;
    white-space: nowrap;
    font-size: 1.3em;
    font-weight: bold;
    text-transform: none;    
    height: 38px;
    line-height: 38px;
}

    #mainMenu .k-link, .k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
        color: #666;
        font-size: 17px;
        font-weight: 700;
    }


#mainMenu .k-group>.k-state-hover>.k-link  {
    background-color: #e5e5e5;
}
#mainMenu .k-group>.k-state-selected>.k-link  {
    background-color: #aaa;
}

#mainMenu .k-menu .k-item, .k-widget.k-menu-horizontal>.k-item .k-state-hover, .k-state-hover:hover {
    text-decoration: none;
    background: none;
}

#mainMenu .k-state-default .k-state-border-down {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#mainMenu .k-state-hover>.k-link {
    background: none;
    text-decoration: none;
}

@media handheld, only screen and (max-width: 767px) {

    #mainMenu .k-menu .k-item, .k-widget.k-menu-horizontal > .k-item {
    }

    #mainMenu .k-item > .k-link {
        padding: 10px 0;
    }

}
@media handheld, only screen and (max-width: 670px) {

    #responsive-panel{
        float: none;
    }
    .headerLogo {
        float: none;
    }
    #mainMenu .k-item > .k-link {
        padding: 10px 0;
    }

}







/*--------------------------------------------
               All Design Style                
---------------------------------------------*/
#skin_wrapper {width:100%;  position:inherit!important;z-index:1; background:#fff; margin:0 auto; -webkit-box-shadow:0 0 2px #000;-moz-box-shadow:0 0 2px #000;box-shadow:0 0 20px #a3a3a3;}
#skin_wrapper.boxed {width:1140px; }
.page_width { width:100%;max-width:1140px;min-width:767px;margin:0 auto; position:relative;}
.mobile_nav { display:none;}

.skin_main { min-height:550px; }
.content_whitebg{ background:#fff;}
.content_graybg{ background:#f6f6f6;}
.content_graybg .page_width{position:relative; }
.content_graybg .page_width:before{ content: ' '; background:url(images/content_top_shadow.png) no-repeat;position: absolute; top:0; left: 0; width: 100%;height:10%; max-height:8px; z-index:0;}

.content_gray2bg{ background:#f5f5f5; position:relative; }
.content_gray2bg:before{ content: ' '; background: -webkit-linear-gradient(top, #e5e5e5,#f5f5f5 100%); background: -moz-linear-gradient(top, #e5e5e5,#f5f5f5 100%); background: -o-linear-gradient(top, #e5e5e5,#f5f5f5 100%); background: -ms-linear-gradient(top, #e5e5e5,#f5f5f5 100%); background: linear-gradient(top, #e5e5e5,#f5f5f5 100%); position: absolute; top: 0; left: 0; width: 100%;height:10%; max-height:10px; z-index:0;}
.content_gray2bg:after{ content: ' '; background: -webkit-linear-gradient(bottom, #e5e5e5,#f5f5f5 100%); background: -moz-linear-gradient(bottom, #e5e5e5,#f5f5f5 100%); background: -o-linear-gradient(bottom, #e5e5e5,#f5f5f5 100%); background: -ms-linear-gradient(bottom, #e5e5e5,#f5f5f5 100%); background: linear-gradient(bottom, #e5e5e5,#f5f5f5 100%); position: absolute; bottom: 0; left: 0; width: 100%; height:10%; max-height:10px; z-index:0;}
.img_bg{ background:url(images/img_bg.jpg) center center no-repeat ;  }
.content_colorbg{position:relative;}
.page_content { padding:20px 20px;}
.skin_main_padding{ padding:0 20px;}
.admin_content { padding:5px 20px;}


.footer_top{ background:#f6f6f6; }
.footerpane_style{ position:relative;}
.footerpane_style:before{ content: ' '; background:url(../Images/content_top_shadow.png) no-repeat;position: absolute; top:0; left: 0; width: 100%;height:10%; max-height:8px; z-index:0;}
.footer_bg{ background:#f6f6f6;}
.footer_bg .copyright_bar{color:#444; text-align:center; line-height:85px; border-top:1px solid #ddd;}
.bottomlink_style { line-height:55px; text-align:center; width:auto;border-top:1px solid #ddd;  }
.bottomlink_style span a{ padding:0 20px; color:#565656;}
.bottomlink_style span a:hover{text-decoration:none;}

/*--------- Pane Style ----------*/
.DNNEmptyPane{ display:none!important;}
.pane > [class*="col-md"],.pane > [class^="col-md"] { padding: 10px 15px;}

.headerpane{ display:none; padding:0 10px;}
.content_grid12{}
.topgrid6a{}
.topgrid6b{}
.topgrid4a{}
.topgrid4b{}
.topgrid4c{}
.topgrid3a{}
.topgrid3b{}
.topgrid3c{}
.topgrid3d{}
.topgrid8l{}
.topgrid4r{}
.topgrid4l{}
.topgrid8r{}
.topgrid12{}
.graygrid4a{margin:40px 0;}
.graygrid4b{margin:40px 0;}
.graygrid4c{margin:40px 0;}
.graygrid12{margin:40px 0;}
.fullwidthgrid4a{margin:40px 0;}
.fullwidthgrid4b{margin:40px 0;}
.fullwidthgrid4c{margin:40px 0;}
.fullwidthgrid12{margin:40px 0;}
.middlegrid3a{margin:40px 0;}
.middlegrid3b{margin:40px 0;}
.middlegrid3c{margin:40px 0;}
.middlegrid3d{margin:40px 0;}
.middlegrid6a{margin:40px 0;}
.middlegrid6b{margin:40px 0;}
.middlegrid12{margin:40px 0;}
.imgbg3a{margin:40px 0;}
.imgbg3b{margin:40px 0;}
.imgbg3c{margin:40px 0;}
.imgbg3d{margin:40px 0;}
.imgbg{margin:40px 0;}
.colorgrid4a{}
.colorgrid4b{}
.colorgrid4c{ }
.colorgrid12{padding-bottom:0!important;}
.bottomgrid4a{margin:40px 0;}
.bottomgrid4b{margin:40px 0;}
.bottomgrid4c{margin:40px 0;}
.bottomgrid6a{margin:40px 0;}
.bottomgrid6b{margin:40px 0;}
.bottomgrid12a{margin:40px 0 0 0;}
.bottomgrid12b{margin:40px 0;}
.footer_grid3a { margin:0;}
.footer_grid3b { margin:0;}
.footer_grid3c { margin:0;}
.footer_grid3d { margin:0;}
.footerpane { margin:50px 0 40px 0;}

/*--------- Scroll Top Style ----------*/
#top-link{  bottom:25px; right:30px; text-align:center; display:block; height:40px; padding:0; width:44px; background:#999; background:rgba(0,0,0,0.3); position: fixed; text-decoration: none; z-index: 903; outline:none; color:#FFF; color:rgba(255,255,255,.8);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#top-link .fa{ text-align:center; line-height:40px; font-size:17px;}
#top-link:hover{ filter:Alpha(Opacity=90);opacity:0.9;transition: all 0.4s ease 0s;  -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;}

/*--------- Footer style ----------*/
.Footer, A.Footer:link, A.Footer:visited, A.Footer:active { padding:0px 8px; color:#555; font-size:12px; text-decoration:none; }
A.Footer:hover {  text-decoration: none;}

/*--------- Breadcrumb style ----------*/
.Breadcrumb, A.Breadcrumb:link, A.Breadcrumb:visited, A.Breadcrumb:active { color:#555; font-size:12px; text-decoration:none; }
A.Breadcrumb:hover{ text-decoration:none; }

/*--------- Footer Links Style ----------*/
.footerpane_style a, .footerpane_style a:link{ color :#6b6b6b; text-decoration : none; }
.footerpane_style a:visited { color :#6b6b6b; text-decoration : none; }
.footerpane_style a:hover { color :#24A1AF; text-decoration : none; }
.footerpane_style a:active { color :#6b6b6b; text-decoration : none; }

/*--------- Dark Color Area Font Color ----------*/
.footerpane_style, .footerpane_style *{ color:#6b6b6b;}
.img_bg *, .content_colorbg *{ color:#fff;}

/*--------- Footer Content style ----------*/
.footerpane_style, .footerpane_style *{ color:#666;}
.footer_address {padding: 0 15px;}
.footer_address .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12  {margin: 0; padding: 0;}
.footer_address .col-xs-1{width: 7%;}
/*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;}
.leftside_style { padding:0;}

/*--------- 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;}

@media handheld, only screen and (max-width: 1140px){
#skin_wrapper { width:auto!important; margin:0 auto;}
#leftNav{display: block;}

}

/*--------- CSS Reset for Tablet ----------*/
@media handheld, only screen and (max-width: 991px){
#skin_wrapper { width:auto!important; margin:0 auto; max-width:768px;}
.page_content { padding:20px;}
.dnnpane > [class*="col-md"],.dnnpane > [class^="col-md"] { padding: 10px 10px; }
.footer_address .col-xs-1{width: 3%;}
.contact_info .col-xs-1{width: 3%;}

#leftNav{display: none;}
}

/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width: 767px) {
body {-webkit-text-size-adjust:none;}
#skin_wrapper{ width:auto!important;min-width:300px;}
.page_width,body{width:100%;min-width:0;}
.floatl, .floatr{ float: none;}
.pc_display { display:none;}
.mobile_display{ display:block;}

.language-object .Language {margin:0 1px;}
.skin_main_padding{ padding:0 30px;}
.footer_left{ float:none; width:auto; padding:10px 2%; text-align:center;}
.socialpane_style{ float:none; text-align:center; padding:10px 2%;}
.footer_bg .copyright_bar{ line-height:40px;}
.footer_address .col-xs-1{width: 8%;}
.contact_info .col-xs-1{width: 8%;}

#leftNav{display: none;}


/*--------- Scroll Top Style ----------*/
#top-link { bottom: 12px; right: 20px; }

/*--------- Pane Style ----------*/
.headerpane{ margin:0;}
.bottomgrid4a{margin:20px 0; }
.bottomgrid4b{margin:20px 0; }
.bottomgrid4c{margin:20px 0; }
.bottomgrid12{margin:20px 0; }
.footer_grid3a { margin:30px 0 20px 0;}
.footer_grid3b { margin:30px 0 20px 0;}
.footer_grid3c { margin:30px 0 20px 0;}
.footer_grid3d { margin:30px 0 20px 0;}
.footer_grid12 { margin:0; padding:0 !important;}
}

/*--------- Retina Set ----------*/
@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:25px 19px; -moz-background-size:25px 19px; background-size:25px 19px; }
#standardMenu .rootMenu a span .navarrow, #standardMenu .rootMenu a span .navarrow2, 
#megaMenu .root a span .navarrow, #megaMenu .root 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;}
}


/* =From Bootstrap
----------------------------------------------------------------------------- */

.form-group {
    margin-bottom: 2px;
}

.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 2px;
  margin-top: 0;
  margin-bottom: 0;
}

.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  display: table;
  content: " ";
}

.form-horizontal .form-group:after {
  clear: both;
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  display: table;
  content: " ";
}

.form-horizontal .form-group:after {
  clear: both;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
  }
}




