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

.footer_bg .copyright_bar{color:#fff;  line-height:35px;}
.footer_left{ float:none;margin-left:0; text-align:center; padding-top:10px;}
.footer_right{ float:none; margin-right:0; text-align:center; padding-bottom:10px;}
.site_logo {padding:0px 20px 10px 20px; }
.user_style { float:right; list-style:none; padding:10px 3px; margin:0; }
#Login { margin-right:10px;}
.language_position { padding-right:10px; }
.contact-info{float:left; margin:5px 0 0 10px; text-align:center;}

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

/*--------- pane style ----------*/
.pulldowngrid4l{}
.pulldowngrid8r{}
.pulldowngrid{}
.socialpane{}
.topcolorpane{ margin:0; padding:20px 0}
.content_grid12{}
.topgrid6a{}
.topgrid6b{}
.topgrid4a{}
.topgrid4b{}
.topgrid4c{}
.topgrid3a{}
.topgrid3b{}
.topgrid3c{}
.topgrid3d{}
.topgrid8l{}
.topgrid4r{}
.topgrid4l{}
.topgrid8r{}
.topgrid12{}
.fullwidthpane{}

.darkgraygrid4a{margin:20px 0;}
.darkgraygrid4b{margin:20px 0;}
.darkgraygrid4c{margin:20px 0;}
.darkgraygrid12{margin:20px 0;padding-bottom:0!important; margin-bottom:0;}
.middlegrid4a{margin:20px 0;}
.middlegrid4b{margin:20px 0;}
.middlegrid4c{margin:20px 0;}
.middlegrid6a{margin:20px 0;}
.middlegrid6b{margin:20px 0;}
.middlegrid12{margin:20px 0;}

.colorgrid4a{margin:10px 0;}
.colorgrid4b{margin:10px 0;}
.colorgrid4c{margin:10px 0;}
.colorgrid12{}
.imgbg4a{margin:10px 0;}
.imgbg4b{margin:10px 0;}
.imgbg4c{margin:10px 0;}
.imgbg{margin:10px 0;}
.bottomgrid4a{margin:20px 0;}
.bottomgrid4b{margin:20px 0;}
.bottomgrid4c{margin:20px 0;}
.bottomgrid6a{margin:20px 0;}
.bottomgrid6b{margin:20px 0;}
.bottomgrid12{margin:20px 0;}
.footer_grid4a { margin:20px 0 20px 0;}
.footer_grid4b { margin:20px 0 20px 0;}
.footer_grid4c { margin:20px 0 20px 0;}
.footerpane { margin:20px 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{}

.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:10px; right:10px; height:32px; width:32px; background:rgba(65,65,65,0.6);}
#top-link .glyphicon{ line-height:30px; font-size:15px;}


/*--------- User style ----------*/
.User, A.User:link, A.User:visited, A.User:active{font-size:12px; color:#333; text-decoration:none;padding:11px 2px 11px 2px!important;}
A.User:hover {text-decoration:none; color:#544895; }
.User:after {content: " | ";padding-left:2px!important; color:#333;}

/*--------- Search Style ----------*/
#Search{ padding:10px 3px 10px 10px;}
#Search input[type="text"] {width: 140px;}
#Search a{right:0;}


/*--------- Template Descript Style ----------*/
.template_descript .descript_content  span{ display:none;}
.template_descript .descript_content{ text-align:center;}
.template_descript .descript_content .descript_content_left li{ float:none!important;}
.template_descript img{  margin-bottom:0; padding:20px 0}

/*--------- Services Package Style ----------*/
.services_package h3{ font-size:16px;}
.services_package .row .col-sm-3{ padding-bottom:50px;}
.services_package .services_list .most_popular01 , .services_package .services_list .most_popular02{ right:-10px;}

/*--------- Client Say Style ----------*/
.client_say{ margin:10px 10px 40px 10px;}
.client_say h3 { font-size:16px;}

/*--------- Footer Contact Us Style ----------*/
.footer_contact input{ width:135px;}
.footer_contact textarea{width:280px;}

/*---------Enjoy Features Style ----------*/
.enjoy_features .purchase_now_bottom{  margin-top:10px; float:none;}
.enjoy_features_left{ padding:10px 0 10px 0;}
.enjoy_features_left h3{ font-size:16px;}
.relevant_important h4{ font-size:16px;}
.shadow_line{ display:none;}

/*--------- Skin Around Style ----------*/
.skin_around .col-sm-3{ margin-bottom:20px;}


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

/*--------- Togglable Tabs Style ----------*/
.vertical_tab .nav-tabs > li.active > a, .vertical_tab .nav-tabs > li.active > a:hover, .vertical_tab .nav-tabs > li.active > a:focus{ background:#eee;}
.vertical_tab .nav-tabs2 > li {border:1px solid #e5e5e5;}
.vertical_tab .nav-tabs2 > li > a {text-align:left; padding-left:5px;}
.vertical_tab .nav-tabs2 > li > a:hover { color:#1662ac; border:none;}
.vertical_tab .nav-tabs2 { float:none; border:none;  min-height:0; width:100%;}
.vertical_tab .tab-content2 .tab_left_img { text-align:center;}
.vertical_tab .tab-content2 { border:none; padding:0 10px 5px 10px;margin-left:0;}

/*---------Purchase Now Bottom Style ----------*/
.relevant_important .purchase_now_bottom2{  float:none; text-align:center;}
.enjoy_features .purchase_now_bottom{ float:none; text-align:center;}

/*--------- Services Package Style ----------*/
.services_package .services_list .most_popular01{  right:0; }
.services_package .services_list .most_popular02{right:0;}
.services_package .services_list .most_popular span{ font-size:12px;}

/*---------- Project style -------------- */
.project_inner{ margin-bottom:20px;}

/*---------Time Line Style ----------*/
.time_line{ margin:20px 0;}
.time_line .time_line_left{ text-align:left; padding-top:20px;}
.time_line .col-sm-1{ border-right:none; min-height:0; }
.time_line .time_line_center{ padding-top:20px;}
.time_line .time_line_center span.right{  right:0;}
.time_line .time_line_right{  padding-top:50px; padding-left:0;}

/*---------404 Style ----------*/
.content_404{  padding-top:30px;}
.content_404 h1{ font-size:30px; }
.search_style input[type="text"] {width: 280px;}

/*--------- Client Say Testimonials Style ----------*/
.client_say li p{ font-size:13px; line-height:1.5em;}
.client_say.testimonials_page{ margin:10px 20px 40px 20px;}
.client_say.testimonials_page img{ padding-left:32%; padding-bottom:15px;}

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