@import url("bootstrap/css/bootstrap.css");

@import url("css/content.css");

@import url("css/animated.css");

@import url("css/font-awesome.css");

@import url("css/isotope.css");

@import url("css/flexslider.css");

@import url("css/fancybox.css");

@import url("css/trans-banner.css");

@import url("css/unoslider.css");

@import url("css/jquery.countdown.css");

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600");

@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,600,700");

@-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{ background:center top fixed #353535; margin:0;padding:0; color:#555; }

html,body{ margin:0; padding:0; font:normal 13px/1.5  Roboto, Arial, tahoma sans-serif ; color:#555;}

Body #Form{ height:100%; }

* {font-family: Roboto, Arial, tahoma 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;}

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:24px;line-height:1.5em;letter-spacing:0;font-weight:300;font-family:Roboto, Arial, tahoma;}

h2{font-size:24px;line-height:1.5em;letter-spacing:0;font-weight:300;font-family:Roboto, Arial, tahoma;}

h3{font-size:20px;line-height:1.5em;letter-spacing:0;font-weight:300;font-family:Roboto, Arial, tahoma;}

h4{font-size:18px;line-height:1.5em;letter-spacing:0;font-weight:300;font-family:Roboto, Arial, tahoma;}

h5{font-size:16px;line-height:1.5em;letter-spacing:0;font-weight:300;font-family:Roboto, Arial, tahoma;}

h6{font-size:14px;line-height:1.5em;letter-spacing:0;font-weight:300;font-family:Roboto, Arial, tahoma;}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { font-style:normal; color:#2b92d1}



/*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; }

[class*="RadAjaxPanel"] *,[class*="Digital"] * { font-size:12px; -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;}

ol li { list-style-type: decimal;}

ul li { list-style-type:disc; }

ul li li { list-style-type:circle; }



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



/*--------- 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:20px; padding:0; border:0 }

.dnnFormPopup .ui-dialog-title{ display:none;}

.bs-docs-section .bs-example.bs-example-popover{ z-index:1;}

.DNNAligncenter table { margin: 0 auto;}

.paneOutline { border:1px dashed #ccc;}





/*--------------------------------------------

               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 #000;*/}

#skin_wrapper.boxed {width:1140px; }

.skin_width { width:100%;max-width:1280px;min-width:767px;margin:0 auto; position:relative;}





.skin_main { min-height:550px; background:#fff }

.content_whitebg{ background:#fff;}

.content_graybg{ background:#f6f6f6;}

.content_graybg .skin_width{position:relative; }

.content_graybg .skin_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;}

.skin_top_content { padding:20px 20px;}

.skin_main_padding{ padding:0 20px;}



.footer_top{ background:#c6c6c6; }

.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:#333333;color:#fff;}

.footer_bg .copyright_bar{color:#444; text-align:center; line-height:5em;/* border-top:1px solid #000;*/}

.bottomlink_style {  width:auto;  }

.bottomlink_style span a{ padding:0 20px; color:#bbb;}

.bottomlink_style span a:hover{text-decoration:none;}

.footer_logout{ display:none;}



/*--------- Pane Style ----------*/

.DNNEmptyPane{ display:none!important;}

.dnnpane > [class*="col-md"],.dnnpane > [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:50px 0 40px 0;}

.footer_grid3b { margin:50px 0 40px 0;}

.footer_grid3c { margin:50px 0 40px 0;}

.footer_grid3d { margin:50px 0 40px 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(30,70,100,0.4); 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:#777; 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 :#2b92d1; 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:#999;}



/*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;}



/*--------- 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; /*border-top:1px solid #dedede;*/}

#leftMenu .leftSub li{float:none; clear:both; padding:0; position:relative; background:#2b92d1;   margin:3px 0; }



#leftMenu .leftSub li.item a{ background:none; text-decoration:none; color:#fff }

#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 .leftSub>ul>li.item>a>span{ color:#fff;}

#leftMenu .leftSub>ul>li.selected>a>span, #leftMenu .leftSub>ul>li.item>a:hover>span {  }

#leftMenu .level1{ display: none; }

#leftMenu .leftSub li.breadcrumb .level1{ display: block; border-top:1px solid #fff;}

#leftMenu .level1 li{ background:#fff; margin:0; border:0; border-top:1px solid #fff;  border-bottom:1px solid #dedede; }

#leftMenu .level1 li:last-child{ border-bottom:0}

#leftMenu .level1 li.item a span { font-size:12px; padding-left:20px; font-weight:normal; }



#leftMenu .level2 { display: block;  }

#leftMenu .level2 li{ background-position:21px 18px;  background:#fff; border:0;   border-bottom:1px solid #f0f0f0; }

#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:40px;}



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



/*--------- 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;}



/*--------- color ----------*/

.blue .top_icon .fa {

  color:#2b92d1;

  -webkit-box-shadow: 0 0 0 2px #2b92d1 inset;

  -moz-box-shadow: 0 0 0 2px #2b92d1 inset;

  box-shadow: 0 0 0 2px #2b92d1 inset;

}

.blue .top_icon .fa:before{background-color:#2b92d1;}

.blue .btn-primary{color: #ffffff;  background-color:#2b92d1;  border-color: #2b92d1; font-size:1.4em}

.blue h3{  color:#2b92d1;}

.blue .iconbox_item{border: 1px solid #2b92d1}

.blue .ui-state-active span.ui-icon{background-color:#2b92d1;}

.blue .ui-state-active, .blue  .ui-widget-content .ui-state-active, .blue .ui-widget-header .ui-state-active h3 {  color:#2b92d1;}

.blue a, .blue a:link, .blue a:visited{ color:#2b92d1;}



.purple .top_icon .fa {

  color:#822570;

  -webkit-box-shadow: 0 0 0 2px #822570 inset;

  -moz-box-shadow: 0 0 0 2px #822570 inset;

  box-shadow: 0 0 0 2px #822570 inset;

}

.purple .top_icon .fa:before{background-color:#822570;}

.purple .btn-primary{color: #ffffff;  background-color: #822570;  border-color: #822570; font-size:1.4em}

.purple h3{  color:#822570;}

.purple .iconbox_item{border: 1px solid #822570}

.purple .ui-state-active span.ui-icon{background-color:#822570;}

.purple .ui-state-active, .purple  .ui-widget-content .ui-state-active, .purple .ui-widget-header .ui-state-active h3 {  color:#822570;}

.purple a, .purple a:link, .purple a:visited{ color:#822570;}



.green .top_icon .fa {

  color:#7C8436;

  -webkit-box-shadow: 0 0 0 2px #7C8436 inset;

  -moz-box-shadow: 0 0 0 2px #7C8436 inset;

  box-shadow: 0 0 0 2px #7C8436 inset;

}

.green .top_icon .fa:before{background-color:#7C8436;}

.green .btn-primary{color: #ffffff;  background-color: #7C8436;  border-color: #7C8436;font-size:1.4em}

.green h3 {  color:#7C8436;}

.green .iconbox_item{border: 1px solid #7C8436}

.green .ui-state-active span.ui-icon{background-color:#7C8436;}

.green .ui-state-active, .green  .ui-widget-content .ui-state-active, .green .ui-widget-header .ui-state-active h3 {  color:#7C8436;}

.green a, .green a:link, .green a:visited{color:#7C8436}





.green2 .top_icon .fa {

  color:#46bb43;

  -webkit-box-shadow: 0 0 0 2px #46bb43 inset;

  -moz-box-shadow: 0 0 0 2px #46bb43 inset;

  box-shadow: 0 0 0 2px #46bb43 inset;

}

.green2 .top_icon .fa:before{background-color:#46bb43;}

.green2 .btn-primary{color: #ffffff;  background-color: #46bb43;  border-color: #46bb43;font-size:1.4em}

.green2 h3 {  color:#46bb43;}

.green2 .iconbox_item{border: 1px solid #46bb43}

.green2 .ui-state-active span.ui-icon{background-color:#46bb43;}

.green2 .ui-state-active, .green2  .ui-widget-content .ui-state-active, .green2 .ui-widget-header .ui-state-active h3 {  color:#46bb43;}

.green2 a, .green2 a:link, .green2 a:visited{color:#46bb43}



.orange .top_icon .fa {

  color:#e96a1d;

  -webkit-box-shadow: 0 0 0 2px #e96a1d inset;

  -moz-box-shadow: 0 0 0 2px #e96a1d inset;

  box-shadow: 0 0 0 2px #e96a1d inset;

}

.orange .top_icon .fa:before{background-color:#e96a1d;}

.orange  .btn-primary{color: #ffffff;  background-color: #e96a1d;  border-color: #e96a1d;font-size:1.4em}

.orange h3 {  color:#e96a1d;}

.orange .iconbox_item{border: 1px solid #e96a1d}

.orange .ui-state-active span.ui-icon{background-color:#e96a1d;}

.orange .ui-state-active, .green  .ui-widget-content .ui-state-active, .green .ui-widget-header .ui-state-active h3 {  color:#e96a1d;}

.orange a, .orange a:link, .orange  a:visited{color:#e96a1d}





.InnerBanner, .bannerpane{ margin:-70px 0 0 0; min-height:70px; background:#4c4c4c; position:relative}

.showControlBar .InnerBanner{ margin:0}

#layerslider{ text-shadow:0 1px 4px #666; line-height:1.5em}



/*Home page*/

.HomePage .skin_main{ min-height:0 !important; }

.showControlBar .HomePage .skin_main { min-height:100px; }

.HomePage .skin_top_content{ padding:0}

.showControlBar.HomePage .skin_top_content{ padding:10px 0}

/*Home page slider Elements*/

.HomeSliderEleBg{width:230px; height:95px; background:url("images/homeSliderEleBg.png") no-repeat 0 0; padding:15px 0  15px 15px;}

.homeSlider1Ele{ background: rgba(44, 54, 61, 0.3);  width:410px; height:900px; position:absolute; top:0; left:580px; }





/*Footer*/

.footerNav{ display:none !important;  }

/*.bottomlink_style{ border-bottom:1px solid #333}*/

.bottomlink_style, .bottomlink_style a, .bottomlink_style a:link,  .bottomlink_style a:visited  { color:#aaa; line-height:25px;}

.bottomlink_style a:hover{ text-decoration:none; color:#2b92d1}

.bottomlink_style h3{ display:inline-block; width:40%; margin:0; color:#888; vertical-align:top; text-align:right; line-height:25px; text-transform:uppercase}

.bottomlink_style ul{display:inline-block; width:45%; margin:0 0 0 5%; vertical-align:top}

.bottomlink_style li{ list-style:none;}

.Hide{ display:none}

/*career*/

.actionRow{ text-align:right}

.actionRow a:link, .actionRow a:visited{ color:#fff; background-color:#2b92d1; padding: 2px 8px}

/*contact form*/

 

.placeholder{  color:#879dab !important;}



.contact_input_style{  padding:30px 40px 30px 0;}

.contact_input_style .contact_input_box { margin-bottom:20px}

.contact_input_style .btn{ font-size:17px; padding:8px 25px}

.attachFile  .contact_input_box { width:70%}

.contact_input_style .attachFile .btn{padding:7px 10px; float:right; margin:0 2% 0 0; background:#3c6d8c }

.captchaInput { width:55%;float:right; margin:0 2% 0 0;}



.contact_input_style .dnnActions{ padding:0}



.loginForm   .input_box {width:50%; display:block}

/*loading panel*/

#loading{position:absolute; top:0; left:0;width:100%; height:100%; display:none   }

.loadingBg{width:100%; height:100%; background:#ececec; background: rgba(255, 255, 255, 0.9); position:absolute; top:0; left:0}

.loadingImg{position:absolute;  top:50%; left:48%;background:#fff  url("loading.gif" ) no-repeat center center; width:50px; height:50px; border-radius:50%; z-index:2000}



/*popup fix*/

.popImg a{ display:inline-block}







/*Collapse fix*/

.collapseVer .col-sm-3{ text-align:center}

.btnCollapse, #btntoggle, .btnCollapse{ cursor:pointer}



.slideRightContainer{position:relative;  height:106px; margin:20px 0;}

.slideRight{  position:absolute; box-shadow: 3px 3px 11px #999; width:562px; background:#f2f5f7;right:0; height:106px;}

.slideLeft { position:relative; margin:20px 0; box-shadow: 3px 3px 11px #999; width:562px; background:#f2f5f7; }



.slideRight .imgTitle{position:absolute; right:0; z-index:10}



.slideLeft  .target, .slideRight .target{ position: absolute; top: 0px; width: 240px; height:106px; display: none; text-align:left; line-height:1.1em; background:#f2f5f7; }

.slideRight .target{ display:block; position:absolute; right:256px;}

.slideLeft  .target{ left: 496px; }



.slideLeft  .btnToggle{position: absolute; left: 496px; cursor:pointer}

.slideRight .btnToggle{position: absolute; right: 496px; cursor:pointer}



/*affilate Feature*/



.AffiliateFeatures .popover {

  border:0;

  background:none;  

  border-radius:0;

  -webkit-box-shadow:none;

  box-shadow:none;

}



.AffiliateFeatures .popover > .arrow,

.AffiliateFeatures .popover > .arrow:after,

.AffiliateFeatures  .popover > .arrow,

.AffiliateFeatures .popover > .arrow:after,

.AffiliateFeatures .popover.top > .arrow,

.AffiliateFeatures .popover.top > .arrow:after ,

.AffiliateFeatures .popover.right > .arrow,

.AffiliateFeatures .popover.right > .arrow:after, 

.AffiliateFeatures .popover.bottom > .arrow,

.AffiliateFeatures .popover.bottom > .arrow:after,

.AffiliateFeatures .popover.left > .arrow,

.AffiliateFeatures .popover.left > .arrow:after {

 border:0

}

.AffiliateFeatures a{ display:inline-block}

.AffiliateFeatures img{ box-shadow:3px 3px 11px #999}

.AffiliateFeatures .AffiliateFeatures02,.AffiliateFeatures .AffiliateFeatures04{ margin:0 0 0 232px}

.AffiliateFeatures .AffiliateFeatures01  .popover {

	background:url("images/SolutionAffiliate01hover.png") no-repeat;

	 min-width:296px; min-height:226px; color:#fff;

	 margin:0 0 0 -68px}

	 



.AffiliateFeatures .AffiliateFeatures02  .popover {

	background:url("images/SolutionAffiliate02hover.png") no-repeat;

	 min-width:296px; min-height:226px;color:#fff;

	 margin:0 0 0 65px}



.AffiliateFeatures .AffiliateFeatures03  .popover {

	background:url("images/SolutionAffiliate03hover.png") no-repeat;

	 min-width:296px; min-height:226px;  color:#fff;

	 margin:0 0 0 -68px}



.AffiliateFeatures .AffiliateFeatures04  .popover {

	background:url("images/SolutionAffiliate04hover.png") no-repeat;

	 min-width:296px; min-height:226px; color:#fff;

	 margin:0 0 0 65px}



/*Blog setting*/

.ModBlogC div.stats{ display:none}



/*members login Form*/

.loginFormContainer{position:absolute; top:-320px; right:0; z-index:10000; width:50%; max-width:500px; min-width:300px; }

 

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

#skin_wrapper { width:auto!important; margin:0 auto;}

}



/*--------- CSS Reset for Tablet ----------*/

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

#skin_wrapper { width:auto!important; margin:0 auto; max-width:768px;}

.skin_top_content { padding:20px;}

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

.InnerBanner, .bannerpane{ margin:0; }



.AdditionalNavMobile li {border-bottom:none;} 

.AdditionalNavMobile li a {background: #2b92d1;} 

}



/*--------- 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;}

.skin_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;}



/*leftsidebar layout*/

.LM_position { float:none; width:auto; padding:0;}

.LM_skin_content { float:none; width:auto; padding:0;}

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







.contact_input_style{	 margin-right:5%}

.contact_input_style .nameField{ width:60%}

.contact_input_style .captchaInput{ width:55%; float:right; margin:0 2% 0 0}



.loginFormContainer{position:relative;  top:0; left:0;  width:100%;max-width:767px }

}



/*--------- 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;}

}



@media handheld, only screen and (min-width: 1250px) and (max-width: 1500px){.swoosh{bottom:-25px;}}



@media handheld, only screen and (min-width: 750px) and (max-width: 1249px){.swoosh{bottom:-15px;}}



@media handheld, only screen and (min-width: 595px) and (max-width: 749px){.swoosh{bottom:-12px;}}



@media handheld, only screen and (min-width: 500px) and (max-width: 595px){.swoosh{bottom:-10px;}}



@media handheld, only screen and (max-width: 500px){.swoosh{bottom:-7px;}}