/* Theme Name: Pindol







Theme URI: http://themes.muffingroup.com/pindol







Author: Muffin group







Author URI: http://muffingroup.com







Description: Pindol - Responsive Premium WordPress Theme.







License: GNU General Public License version 3.0







License URI: http://www.gnu.org/licenses/gpl-3.0.html







Tags: one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, post-formats, theme-options, translation-ready







Version: 1.0.0







*/















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







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







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







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







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







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







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







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







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







/* If you want to add your own css code, please do it in css/custom.css */







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







/*useful classes starts here*/







body{ font-size: 12px; /*background: url("images/site-background.png");*/ }



html{ background: url("images/background-image.jpg") repeat-x 0 0px!important;

  



}











.clear{ clear: both; }















.link-headings-color{ color: #005b94; }















.layout-boxed #Wrapper { width: 920px!important; background: none!important; box-shadow: none!important; margin:0 auto; background-color: none!important;

 border: 1px solid #e7e7e7; }







.container .sixteen.columns, .container .one.column { width: 920px!important; margin: 0px; }















.container { width: 920px!important; }















.layout-boxed { padding: 0px!important; }















































/*useful classes ends here*/







/*header style start here*/







#Header #top_bar { float: left;         }















#logo{ padding-top: 13px!important; margin-left: 35px; }















.header-phone{ float: right; margin-top: 10px; width: 100%;}















.header-phone img{ float: left; /*margin-right: 20px;*/ width: 40px;  }















.header-phone .call-us-now{ float: right; margin-top: 8px; margin-left: 5px; width: 85%; height: 25px; overflow: hidden; text-align: right; }















.header-phone .call-us-now span{ font-size: 18px; font-weight: bold; }















.top-header{  /* background-color: #f1f1f1!important;*/ background-color: #fafafa!important; }















#Header #menu .sub-menu li a{ font-size: 11px!important; padding: 4px 20px 4px 0px!important; text-align: left; }















#Header #menu > ul > li ul { border-top: none!important; padding: 0px; box-shadow: none; }















#Header #menu > ul > li ul li{ margin-right: 0px!important; width: 180px!important; padding-left: 5px;/* background: #81c135!important;*/ }















#Header #menu{ margin-top: 0px!important;  /*background: url(images/menu-background-image.jpg) repeat-x;*/ height: 42px; text-align: center; width: 920px; background: none; }















#Header #menu li{ width: 153px; /*margin-right: 13px!important;*/ }















#Header #menu li a{ /*color: #fff!important;*/ padding: 9px 16px 9px 16px!important; font-size: 14px!important; /*background: url("images/menu-down-arrow.png") no-repeat right;*/}



#Header #menu > ul > li > ul > li > ul > li > ul > li.last-item > a{
	border-bottom-width: 0;
}











.right-top-menu{ margin: 0 auto; width: 920px; }















.inner-div-top-menu { float: right; width: 100%;/*margin-right: 65px;*/ }















.right-top-menu ul{ margin: 0px; padding: 0px; }















.right-top-menu li{ list-style-type: none; float: left; margin-bottom: 10px; /*width: 25%;*/ text-align: center;  }





#menu-top-menu li:first-child, #menu-top-menu li:nth-child(2){ width: 25%;}



#menu-top-menu li:nth-child(3){ width: 20%}



#menu-top-menu li:nth-child(4){ width: 25%;}









.right-top-menu li a{ color: #005b94; font-weight: bold;  border-right: 1px solid #dadada; font-size: 10px; display: initial!important; }















#Header #menu > ul > li.current-menu-item > a{ background: none; }















/*header style end here*/















/*footer style starts here*/















#Footer{ /*background: url("images/footer-background.png");*/ /*height: 153px; margin-top: 10px;*/ float: left; }















#Footer .container li{ float: left; width: 18.5%; margin: 0 5px; }















#Footer a{  background: none!important; border: none!important; padding: 0px!important;; }















#Footer .sub-menu li a{ padding: 0px!important; }















#Footer .sub-menu li{ padding: 0px!important;  margin-bottom: 5px!important; width: 97%; overflow: hidden; }















#Footer .contactus{ float: left; width: 150px; /*padding: 0 10px;*/ }





#Footer .contactus li{ width: 100%;}









#Footer .footerwidgets{ float: left; width: 750px; }















.footer-heading-menu a, #menu-footer-menu a, #text-5 h4{ color: #fff!important; font-size: 14px; font-weight: bold; }















.footer-submenu-ul, .footer-social-icons{ margin-bottom: 10px; }















.footer-submenu-ul li{ padding: 0px!important;}















.footer-submenu-ul li a, .sub-menu li a{ font-size: 12px!important; font-weight: normal!important;}















.footer-social-icons li{ float: left; width: 25px!important; margin-right: 4px!important; padding: 0px!important; }















/*footer style end here*/















.article_box { text-align: left!important; }















.homepage .article_box{ width: 99%; float: left; /*border: 1px solid #d3d3d3;*/ padding: 3px; background: url("images/artcle-box-background.png") repeat-x!important; height: 78px; box-shadow: -5px 10px 30px #9e9e9e; overflow: hidden; }















.homepage .article_box .photo{ /*float: left; margin-right: 10px; background: #f8f9fe; border: 1px solid #e3e3e3; border-radius: 5px; text-align: center;







padding: 3px; margin-bottom: 3px; width: 70px; margin-top: 4px; height: 66px;*/ padding: 2px; margin: -17px 10px 0px 35px!important; float: left; display: none; }















.homepage .article_box h4, .homepage .article_box p{ float: left; word-spacing:normal; width: 100%; }















.homepage .article_box h4{ margin-bottom: 0px; font-size: 18px!important; color: #005b94; margin-top: 5px; }







.ie10{ font-size: 9px!important; }







.homepage .article_box p{ font-size: 10px; line-height: 15px; margin-bottom: 0px; /*padding-left: 15px; padding-top: 10px; */ }















.homepage .article_box .photo img{ /*padding: 10px;*/  }















.homepage .one-third.column{ margin-bottom: 25px!important; }















.homepage{ float: left; width: 66.6%; margin-right: 0%; }















.spotlight{ float: right; width: 30%; border: 1px solid #d3d3d3; margin-right: 1%; height: 299px; background: url("images/spotlight-background.png") repeat-x; }















.spotlight-heading-image{ float: left; margin: 10px 20px 0 10px; width:60px }















.spotlight span a{ font-size: 27px; color: #005b94; font-weight:bold} 















.spotlight p{ float: left; font-size: 10px; line-height: 15px; }















.spotlight .spotlight-content-image{ margin-bottom: 0px; float: left; }















.prev-next{ float: right; position: relative; top: -30px; }















.spotlight span{ margin-top: 25px; float: left; margin-bottom: 17px; }















.articlebox-title{ float: left; width: 69%; /*margin-bottom: 10px;*/ }















.articlebox-title a{ font-size: 20px; color: #005b94!important; font-weight: bold; }















#featured_slider { background: none!important; border: none!important; height: 223px!important; width: 92%!important; margin: 0 4%; text-align: justify; }















#featured_slider ul, #featured_slider ul li{ margin: 0px!important; }















#featured_slider ul{ height: 200px; }















.contactus-banner-div {  position: fixed; border: 1px solid #ccc; z-index: 100; top: 230px;  right: 0px; }















.contactus-banner-div-left-side-socilaicons{ background: url("images/cb-open.png") no-repeat; float: left; /*width: 28px;*/ text-align: center; 







height: 235px;  }















.contactus-banner-div-left-side-socilaicons ul { margin-top: 140px; }















.contactus-banner-div-left-side-socilaicons li{ margin: 0 5px; }















.contactus-banner-div .right-side{ height: 235px; width: 180px; float: left; display: none; }















#slider{ z-index: 10; }















.contactus-banner-div .top{ background: #f3f3f3; width: 100%; padding-top: 5px;  }















.contactus-banner-div .top span{ text-align: center; float: left; font-size: 14px; font-weight: bold; padding-left: 10px; }















.contactus-banner-div .bottom img{ float: left; padding: 8px 10px; }















.contactus-banner-div .bottom{ background: #d8d8d8; width: 100%; float: left; }















.contactus-banner-div .bottom span{ margin-top: 10px; float: left; color: #2d2d2d; font-size: 12px; font-weight: bold; margin-left: 7px;  }















.contactus-banner-div .top ul{ font-size: 11px; font-weight: normal; color: #2d2d2d; border-top: 1px solid #ccc; width: 90%; float: left; margin-left: 10px;  }















.innerpage{ float: left; width: 675px; }















.widget { background: none!important; color: #000; }















.menu-quick-links-container a, #menu-top-menu a{ background: none!important; border-left: none!important; }















.menu-quick-links-container a{ color: #000!important; }















#menu-top-menu a{ border-bottom: none!important; color: #005b94!important; padding: 0 7px!important; }















.sidebar-social-icons li{ float: left; margin-right: 10px; margin-bottom: 5px; } 















/*#text-3{ float: left; width: 88%; }*/















/*#text-6,  #nav_menu-3{ padding: 0px; margin: 0px; float: left; clear:none!important;}*/







 #nav_menu-5{ padding: 0px; float: left; clear:none!important; margin-right: 0%; width: 57%; height: 32px; }







#search-4{







padding: 0px;







margin: 0px;







clear:none!important; float: right;







}















.top-menuitems{ width:41%; float:right; }















#search-4 input[type="text"]{ width: 66%; font-size: 10px; padding: 5px; box-shadow: none; }















#search-4 input[type="submit"]{ padding: 0px!important; margin: 0px!important; left: 100px; top: -4px; }















#search-4 form{ margin-left: 5px; float: left; }















#search-4{ width: 39%!important; }















#menu-footer-menu .sub-menu{ margin-top: 10px; }















#text-5{ float: left; width: 18%; margin-left: 10px!important; }















#nav_menu-2{ float: left; width: 80%; }















#text-5 h4{ margin-bottom: 0px; position: relative; top: -7px; }















#top_bar #Subheader{ background-color: #f1f1f1!important; float: left; padding-top:0px!important; }















#Subheader ul.breadcrumbs { margin: 5px 0px 5px 10px!important;font-weight:normal;font-size:12px;}















#Subheader h1 { line-height: 1.4; }















.services-page{ float: left; width: 69%; margin-left: 10px; }















.left-sidebar{ width: 28.4%; float: left; text-align: left; background: #fff; /*padding: 3px 6px 3px 3px; box-shadow: 2px 2px 2px 0px #aaa;*/border-radius: 5px;















border: 1px solid #ccc; margin-left: 5px; margin-bottom: 5px; }















/*#text-6{ margin: 0px; }*/















.left-sidebar .menu-title{ width: 100%; float: left; }















.left-sidebar li a{ color: #000; } 





























.homepage .one-third.column, .homepage .one-fourth.column{ /*border-top: 1px solid #005b94; padding-top: 10px;*/ width: 98%!important; margin-left: 2%; }















/*#text-6{ float: right!important; width: 80%; }*/















#Content{ background: #ffffff!important; float: left; }















.desc-bg{ float: left; margin-right: 3%; margin-top: -10px; margin-left: 4%; /* border: 1px solid #005b94; padding: 2px;







 border-radius: 5px; width: 120px; height: 80px;*/ width:22%; height:80px }















#menu-top-menu a:hover{ color: #999999!important; }















.submenu-title{ float: left; }















.left-sidebar li{ color: #005b94; font-weight: bold; cursor: pointer; list-style-type: none; font-size: 11px; float: left; padding: 5px 10px; width: 93%;  }















.level-2-submenus, .level-3-submenus, .level-4-submenus{ float: left; /*padding-left: 5px;*/  }















.level-2-submenus{ background: #f1f1f1; width: 100%; }















.level-3-submenus{  width: 100%; }















.level-1-submenus li{  float: left; /*box-shadow: 2px 2px #bbb; margin-bottom: 2px; */}















.level-2-submenus li{ margin-bottom: 0px!important; box-shadow: none!important; }















.level-3-submenus li, .level-4-submenus li{ box-shadow: none!important;  margin-bottom: 0px!important; box-shadow: none!important; width: 93%; }  















 .current-link-services { float: left; margin-top: 5px; font-size: 12px; color: #005b94; }















.page-title { color: #005b94; font-weight: bold; font-size: 15px; margin-bottom: 10px; margin-top: 5px; }















.breadcrumbs a { color: #005b94!important;}















.breadcrumb-and-title{ float: left; width: 100%; }















.firstlevelmenu li { padding: 10px;







}















/*changes made on 6-5-13 start here*/







.secondlevelmenu li{ width: 93%;  }















.secondlevelmenu li span{ margin-left: 10px; margin-top: 3px; }















.level-3-submenus li span{ margin-left: 25px; }















.firstlevelmenu li{ padding: 10px;}















.firstlevelmenu li, .secondlevelmenu li,.thirdlevelmenu li{ border-bottom: 1px solid #ccc;}















.leftsidebar-arrow{ float: right; }















.inactive-secondlevelmenu{ float: left; }















/*changes made on 6-5-13 end here*/















.secondactive{ background:#81c135;



}















.firstlevelmenu li:hover{ background: #8f8f8f; color: #fff!important; }















.active{ background: #8f8f8f; }















.thirdlevelmenu li:hover{ background: #b4b4b4!important; color: #fff!important;}















.thirdactive{ background: #b4b4b4!important; }















.secondlevelmenu li:hover{ color: #fff!important;background: #81c135;} 







.homepage .column.one-fourth{ margin-bottom: 25px!important;}















.services-page-title { margin: 8px 0px; color: #005b94; font-size: 14px; font-weight: bold; }







.breadcrumbs span{ color: #595959;}



#text-8{ margin: 0px; padding: 0px;}



.services-page-data .the_content_wrapper{ margin: 0px!important; word-wrap: break-word; }



.container .four.columns{ width: 23%; margin: 0 1% 0 0; }



#featured_slider .img_right{ width: 100%!important; text-align: center!important; margin-left: 0px!important;}



#featured_slider .content_left{ width: 100%!important; height: 100px; overflow: hidden;}



#featured_slider ul, #featured_slider ul li{ width: 100%!important; height: 220px!important;}



.menu-top-menu-container{ width: 100%; float: left; height: 25px;}



.main-content{ width: 100%; float: left; clear: both; }

#Header #menu > ul > li ul li ul{width:122px !important}

.textwidget .q-contact .fax, .map-content a.fax {
display: block !important;
margin-bottom: 40px !important;
}