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

/*-------- design style --------*/
#scroll_icon { display:none; }
.logo_style{ float:none; text-align:center; }
.user_bar{ float:none; }
.language_position{float:right; margin-right:5px; }
.headerpane_style{ float:none; display:none; }
.headerright_pane{float:none; display:none; }

.skin_header{min-height:50px;}

#skin_menu{ min-height:0;padding-bottom:10px;border:none;}
.menu_box{display:none;float:none; padding-top:10px;}

.skin_footer{text-align:center;}
.footer_left{float:none;padding-bottom:10px;}
.footer_right{float:none;}

/*page name*/
.page_name { min-height:50px;margin:0 0 0 0;padding:0;}
.pagename_style h1{ line-height:50px;padding:0 0 0 12px;}
.breadcrumb_style{ display:none; }

/*leftsidebar layout*/
.LM_position { float:none; width:auto; padding:10px 0 0;}
.LM_skin_content { float:none; width:auto; padding:0;}
#leftMenu { display:none;}

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

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

#standardMenu .rootMenu li a{ background:#443032; padding:0; }
#standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.breadcrumb a, #standardMenu .rootMenu li:hover a, #standardMenu .rootMenu li a:hover { background:#bcac70;}
#standardMenu .rootMenu li a span { padding:0 20px; color:#FFFFFF!important; font-size:12px;font-weight:600;height:38px; line-height:38px; border-right:none; }
#standardMenu .rootMenu > li.first > a span { border-left:none;}

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

/*-- submenu --*/
#standardMenu .subMenu{ position:static; width:auto; padding:0; border:none;}
#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, #standardMenu .subMenu li.item a:hover { background:#ddd;}
#standardMenu .subMenu li.item a span{ padding:0 15px 0 25px; color:#333!important; font-weight:normal; 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.lampback{ display:none;}

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

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

/*-- category --*/
#megaMenu .category{position:static; width:auto!important; padding:0; border:none;}
#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; font-weight:normal; 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 ----------*/
.bannerpane { }
.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 {}

.fixedbg12{margin:0 0;}
.fixedbg5{margin:0 0;}
.fixedbg7{margin:0 0;}

.graygrid4a {}
.graygrid4b {}
.graygrid4c {}
.graygrid12 {}

.BottomGrid12a {}
.BottomGrid6a {}
.BottomGrid3b {}
.BottomGrid3c {}
.BottomGrid12b {}

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

.i_content_grid12 {}
.i_one_grid4a {}
.i_one_grid4b {}
.i_one_grid4c {}
.i_two_grid3a {}
.i_two_grid3b {}
.i_two_grid3c {}
.i_two_grid3d {}
.i_three_grid12 {}
.i_four_grid8 {}
.i_four_grid4 {}
.i_five_grid4 {}
.i_five_grid8 {}
.i_six_grid6a {}
.i_six_grid6b {}
.i_six_grid6c {}
.i_seven_grid6a {}
.i_seven_grid6b {}
.i_eight_grid9 {}
.i_eight_grid3 {}
.i_nine_grid3 {}
.i_nine_grid9 {}
.i_ten_grid3a {}
.i_ten_grid3b {}
.i_ten_grid3c {}
.i_ten_grid3d {}
.i_eleven_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 { bottom: 12px; right: 20px; }

/*--------- Search Style ----------*/
#Search{position:absolute;top:5px;right:18px;}

/*--------- Togglable Tabs Style ----------*/
.nav-tabs li { float:none; width:100%;}
.nav-tabs li a { border:1px solid #CECECE; margin-right:0;}
.nav-tabs3{padding:0;}

/*--------- CarouFredSel Style ----------*/
.carouFredSel{padding:0;}
.icon-circle{display:none;}
.carouFredSel_nav{padding-right:5px;}

/*--------- CarouFredSel4 Style ----------*/
.carouFredSel4 h3{font-size:18px;}

/*--------- Quovolve Style1 ----------*/
.quovolve_box1 ul li .quovolve_box_text p { font-size:15px; }
.quovolve_box1 .quovolve-nav .nav-numbers {  left:42%;}

/*--------- Quovolve Style2 ----------*/
.quovolve_box2 .quovolve-nav .nav-numbers { bottom:0; left:42%;}

/*--------- Context Style ----------*/
.fixed03_style img{width:45%;}
.fixed03_style .context_style{width:50%;}
.fixed03_style p{line-height:1.3em}
.context_style h3{font-size:18px;margin:0 0 20px;}
.context_black{background: #333;float:left;margin:0 20px 20px 0;}

/*--------- Scale Back Style ----------*/
.scale_effect h2{padding:0 8%;font-size:14px;}
.scale_effect p{display:none;}

/*--------- Skin Around Style ----------*/
.skin_around{margin:0 auto;}
.skin_around .col-sm-4{width:100%;}

/*--------- Jump Image Slider ----------*/
.jump_style .slide{width:550px; height: 400px;}

/*--------- Home top area ----------*/
.right_contact{display:none!important;}

/*--------- About Us Page ----------*/
.about_team h3{font-size:20px;}
.about_team .scale_back p{display:block;}
.about_team .row .col-sm-3{width:46%;margin:1%;float:left;}
/* Logo List */
.logo_list ul li{width:32%;float:left;margin:1% 0;}

/*--------- Our Services Page ----------*/
.box_text{float:none;width:100%;padding:10px 0;text-align:center;}
.box_button{float:none;margin:0 auto;width:150px;}
.home2_top h3{float:none;width:100%;padding:10px 0;text-align:center;}
.home2_button{float:none;margin:0 auto;width:150px;}
.home2_button a{padding:10px 30px;margin:0;}

.services_show .scale_back p{display:none;}
.show_content h4{font-size:14px;}

/*---------  Flip Effect ----------*/
.projects_content h3{font-size:13px;padding:1% 10px;}
.hover_thumb_wrap{max-height:40px;padding:5% 10% 0;overflow:hidden;}
.hover_thumb_wrap li img{width:25px;height:25px;border:1px solid #fff;}

/*--------- Price Table Page ----------*/
.price_table .col-sm-3{width:46%;margin:2%;padding:0;float:left;}
.price_table .col-sm-4{margin:2% 1%;}
.price_unit{display:none;}

/*--------- Testimonial Page ----------*/
.testimonial_item{width:100%;margin:0 0 2%;}
.lightgray_box .col-sm-4{width:90%;margin:2%;}

/*---------- Gallery Page -------------- */
.gallery_page .pg-info{ display:none;}
.gallery_box_outer{ min-height:50px;}

/*--------- Price Table Page ----------*/
.four-col .col{width:46%;margin:2% 2%;}
.three-col .col{width:33.33333%;}
.col.high{z-index:10;top:0; margin:0 0;}
.col .wrap-inner{border-left:none;}
.price-table .head_top h3, .price-table .head h3{font-size:15px;}

/*--------- Home Version 4 ----------*/
.home4_top h3{font-size:18px;padding:0 5%;}
.home4_middle{margin-bottom:0; text}
.home4_middle p{line-height:1.4em;font-size:13px;}
.home4_middle img{float:none;width:100%;margin:0 0 20px;}
.home4_middle .middle_content{float:none;width:100%;}

/*--------- Home Version 5 ----------*/
/*Fixed List Style*/
.pic_list .col-sm-3{width:48%;margin:1%;float:left;}
.pic_list .col-sm-3 h3{margin:15px 0 5px;}
/*Fixed Pic BG Style*/
.home5_middle h3{font-size:20px;}

/*--------- 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:500px) {
/*--------- Jump Image Slider ----------*/
.jump_style .slide{width:380px; height: 300px;}
}

@media handheld, only screen and (max-width:380px) {
/*--------- Register and Login Style ----------*/
#Login{ float:right;}
#Login .registerGroup a { padding:0 4px;  }
#Login .loginGroup a{ padding:0 4px; }
.registerGroup .userMessages strong,.registerGroup .userNotifications strong{background:url(../images/userLoginSprite.png) no-repeat 5px -91px;}
.registerGroup .userNotifications strong{ background-position:-96px -92px;}
.registerGroup .userMessages strong:hover{background-position:5px -40px;}
.registerGroup .userNotifications strong:hover{ background-position:-96px -42px;}
.registerGroup .userMessages strong:active{background-position:5px -91px;}
.registerGroup .userNotifications strong:active{ background-position:-96px -92px;}	
.language-object{ display:inline; float:left; margin:0;}

/*--------- Jump Image Slider ----------*/
.jump_style .slide{width:300px; height: 250px;}
}

/*--------- 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:20px 20px; -moz-background-size:20px 20px; background-size:20px 20px; }
#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;}
}