/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2014 By BESTDNNSKINS.COM
 */
/*--------- 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;}
.Topper{padding-top:10px; padding-bottom:10px; width:100%}
.Topper1{width:100%!important; float:left; padding-left:5px!important; padding-right:5px!important}
.Topper2{width:100%!important; float:left; padding-top:35px; padding-left:10px}
.img_over > img{display:block;position:relative; width:175px!important;height:299px!important;}

/*-------- Design style --------*/
.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 {padding:10px; margin-right:40px; line-height:normal; }

.footer_bg .copyright_bar{ line-height:30px; padding:10px 0;}
.bottomlink_style { line-height:30px; padding:10px 0;}
.bottomlink_style span a{ padding:0 8px; }

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

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

/*--------- mobile style ----------*/
.mobile_nav { display:block; position:absolute; width:40px; height:40px; bottom:10px; 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 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:#38679A;}
#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 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:#38679A;}
#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 ----------*/
.content_grid12{}
.topgrid6a{}
.topgrid6b{}
.topgrid4a{}
.topgrid4b{}
.topgrid4c{}
.topgrid3a{}
.topgrid3b{}
.topgrid3c{}
.topgrid3d{}
.topgrid8l{}
.topgrid4r{}
.topgrid4l{}
.topgrid8r{}
.topgrid12{}
.graygrid4a{margin:20px 0;}
.graygrid4b{margin:20px 0;}
.graygrid4c{margin:20px 0;}
.graygrid12{margin:20px 0;}
.fullwidthgrid4a{margin:20px 0;}
.fullwidthgrid4b{margin:20px 0;}
.fullwidthgrid4c{margin:20px 0;}
.fullwidthgrid12{margin:20px 0;}
.middlegrid3a{margin:20px 0;}
.middlegrid3b{margin:20px 0;}
.middlegrid3c{margin:20px 0;}
.middlegrid3d{margin:20px 0;}
.middlegrid6a{margin:20px 0;}
.middlegrid6b{margin:20px 0;}
.middlegrid12{margin:20px 0;}
.imgbg3a{margin:20px 0;}
.imgbg3b{margin:20px 0;}
.imgbg3c{margin:20px 0;}
.imgbg3d{margin:20px 0;}
.imgbg{margin:20px 0;}
.colorgrid4a{}
.colorgrid4b{}
.colorgrid4c{ }
.colorgrid12{padding:0!important;}
.bottomgrid4a{margin:20px 0;}
.bottomgrid4b{margin:20px 0;}
.bottomgrid4c{margin:20px 0;}
.bottomgrid6a{margin:20px 0;}
.bottomgrid6b{margin:20px 0;}
.bottomgrid12a{margin:20px 0 0 0;}
.bottomgrid12b{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;}
.footerpane { margin:30px 0 20px 0;}

.i_content_grid12 {}
.i_one_grid6 {}
.i_one_grid6 {}
.i_two_grid4a {}
.i_two_grid4b {}
.i_two_grid4c {}
.i_three_grid3a {}
.i_three_grid3b {}
.i_three_grid3c {}
.i_three_grid3d {}
.i_four_grid12 {}
.i_five_grid4 {}
.i_five_grid8 {}
.i_six_grid8 {}
.i_six_grid4 {}
.i_seven_grid3 {}
.i_seven_grid9 {}
.i_eight_grid9{}
.i_eight_grid3{}
.i_nine_grid3a{}
.i_nine_grid3b{}
.i_nine_grid3c{}
.i_nine_grid3d{}
.i_ten_grid4a{}
.i_ten_grid4b{}
.i_ten_grid4c{}
.i_eleven_grid12{}

.leftsidepane {}
.l_one_grid8 {}
.l_one_grid4 {}
.l_two_grid6a {}
.l_two_grid6b {}
.l_three_grid4 {}
.l_three_grid8 {}
.l_four_grid4a {}
.l_four_grid4b {}
.l_four_grid4c {}
.l_five_grid12 {}

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

/*--------- Scroll Top Style ----------*/
#top-link { bottom: 12px; right: 20px; }

/*--------- Home Top ----------*/
.home_top1 {  text-align:center; margin:20px 0 20px 0;}

/*------------------ Price Table Page -------------------*/
.price-table .head h3 { font-size:12px;}
.price-table .price h4{ font-size:15px;
}
.price-table li{ padding:5px 0;}

/*--------- Client Say Style ----------*/
.client_say{ margin:40px 30px 70px 30px;}

/*Title_portfolio_page*/
.home_portfolio{ margin:0; text-align:left; }

/*--------- Main Top Style ----------*/
.main_top_right{ float:none; text-align:center;margin-top:20px;}

/*--------- Home Top ----------*/
.home5_top h2{ text-align:center; color:#7a7a7a; font-weight:100; font-size:17px}

/*--------- CarouFredSel4 Style ----------*/
.carouFredSel4 ul li {min-height:180px!important;}
.caroul4_prev { background:none;}
.caroul4_next { background:none;}

/*--------- Img Over Style ----------*/
.img_over h2{ display:block;}

/*--------- About Us Top Style ----------*/
.about_us_top p{ padding-bottom:20px;}
.about_us_top .about_us_button1 span{ padding:10px ; background:#222; color:#FFF; margin-right:10px;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;}
.about_us_top .about_us_button2 span{ padding:10px ; background:#38679A;color:#FFF;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;}

/*--------- Parallax Bg Style ----------*/
.parallax_bg .parallax_bg_right{ margin-bottom:30px;}
.parallax_bg .parallax_bg_right p{ margin:10px 0 30px 0;}

/*--------- Togglable Tabs Style ----------*/
.tab_left_style .nav-tabs > li > a .Icon_one{ background:none; height:45px; line-height:45px;min-width:220px;}
.tab_left_style .nav-tabs > li > a .Icon_two{ background:none; height:45px; line-height:45px; }
.tab_left_style .nav-tabs > li > a .Icon_three{ background:none;height:45px; line-height:45px;}
.tab_left_style .nav-tabs > li > a .Icon_four{  background:none;height:45px; line-height:45px; }
.tab_left_style .nav-tabs > li > a .Icon_five{ background:none; height:45px; line-height:45px; }
.tab_left_style .nav-tabs > li > a .Icon_six{  background:none;height:45px; line-height:45px; }
.tab_left_style .nav-tabs > li > a span{ line-height:40px; padding:0 15px 0 15px; font-size:12px; }
.tab_left_style .tab-content{ padding-left:0;}

/*--------- 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; }
#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;}
.LoginPanel .dnnPrimaryAction { margin-left:0; margin-top: 15px; float:left;}
.LoginPanel .dnnLoginRememberMe {padding-left: 0; float:left; margin:0;}
}

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