/*
Theme Name: Bulk child
Theme URI: https://themes4wp.com/theme/bulk/
Author: Themes4WP
Author URI: https://themes4wp.com/
Description: Bulk is a modern and responsive multipurpose WordPress theme, perfect for Business websites, Landing pages, E-commerces, Portfolios, Photography and Creative sites, One Pagers... and more. Developed for the Elementor drag and drop page builder, you can use Bulk to build any type of website. Bulk is fully responsive, and WooCommerce, RTL and translation ready. Demo: http://bulk.themes4wp.com/
Version: 1.0.6
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, right-sidebar, custom-background, custom-menu, featured-images, theme-options, translation-ready, custom-logo, photography, threaded-comments, e-commerce, portfolio
Text Domain: bulk

Template: bulk
*/

/*Reben Ghana*/


@import url("../bulk/style.css");





/*increase width of the page*/

.main-container {
	width:98%;  
}

.container {
 width:98%;   
 

padding-left: 30px;
padding-right: 30px;



/*
margin: 0 auto;
float: left;
clear: both;  */
}

/*Change background-color of focused menu  #e7e7e7*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background-color: #ff3333;
	color:#fff;
}




/*  reduce header and breadcrumb space */
.top-header{
	min-height: 190px;
	background-color: #0000fd;  /*#3c3c3c*/;
}


/*
h3.widget-title{
	background-color: #d41d17;
text-align: center;
padding: 6px;
color: #fff;
}

*/


/*media query */ 
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  
	  .site-branding-logo img{
		  padding-right: 50px;
		  max-height: 46px;
	  }
	  
	  #pgc-5-4-1{
		  margin-bottom: 5px;
	  }
	  
	  p {
    margin: 0 0 0px;
}

#pgc-5-3-0{
	margin-bottom: 0px;
}
}







/*new homepage widget */
.page-id-270 h3.widget-title {
  background-color: #fff;
  text-align: center;
  padding: 6px;
  color: #000;
}

/*new about us widget */
.page-id-303 h3.widget-title {
  background-color: #fff;
  text-align: center;
  padding: 6px;
  color: #000;
}


/*new services widget */
.page-id-311 h3.widget-title {
  background-color: #fff;
  text-align: center;
  padding: 6px;
  color: #000;
}


/*testimonials widget */
.page-id-270 h3.widget-title {
background-color: transparent;
}

 /*form section
  
 .ufbl-front-form {
    line-height: 17px !important;
}
 
.ufbl-form-wrapper.ufbl-template-5{
	padding: 15px 30px;
	background-color: cadetblue;  
	
}


.ufbl-template-5 .ufbl-form-field-wrap{
	margin-bottom: 10px;
}

.ufbl-template-5 .ufbl-form-field-wrap > label{
	width: 160px;
}

.ufbl-front-form{
	line-height: 1.0px;
}

.ufbl-template-5 .ufbl-form-title{
margin-bottom: 35px;	
}

.ufbl-template-5 input[type="text"], .ufbl-template-5 input[type="email"], .ufbl-template-5 input[type="url"], .ufbl-template-5 input[type="password"], .ufbl-template-5 input[type="search"]{
	height:29px;
}

.ufbl-template-5 .ufbl-form-submit{
	background-color:#27146E; 
	margin-left: 0px !important;
}

*/


/*increase youtube height*/
.su-responsive-media-yes{
padding-bottom: 76.25%;	
}


 /*form section*/
  
 .ufbl-front-form {
    line-height: 10px !important;
}
 
.ufbl-form-wrapper.ufbl-template-5{
	padding: 15px 30px;
	background-color: #27146E;  
	
	
}


.ufbl-template-5 .ufbl-form-field-wrap{
	margin-bottom: 10px;
}

.ufbl-template-5 .ufbl-form-field-wrap > label{
	width: 160px;
}


/*
.ufbl-front-form{
	line-height: 1.0px;
}

*/

.ufbl-template-5 .ufbl-form-title{
margin-bottom: 35px;	
}

.ufbl-template-5 input[type="text"], .ufbl-template-5 input[type="email"], .ufbl-template-5 input[type="url"], .ufbl-template-5 input[type="password"], .ufbl-template-5 input[type="search"]{
	height:29px;
}

.ufbl-template-5 .ufbl-form-submit{
	background-color:#14d672;
}
.ufbl-template-5 .ufbl-form-field .ufbl-form-submit{
	margin-left:0px;
}


/*homepage message box  .page-id-5  */

.ufbl-template-5 .ufbl-form-field-wrap > label{
color:#fff;
}

.ufbl-template-5 input[type="text"], .ufbl-template-5 input[type="email"], .ufbl-template-5 input[type="url"], .ufbl-template-5 input[type="password"], .ufbl-template-5 input[type="search"]{

background-color: #fff;
color:#000;
}


.ufbl-template-5 textarea{
background-color: #fff;
color:#000;
}





/* give bulletting on right side of cctv monitoring  */
.su-list ul li > i {
top: 20px !important;
}


/* incraese  bulletting on right side of cctv monitoring  */
.su-list ul li {
line-height: 3.3em !important;
}



/*cctv message part
.page-id-36 .ufbl-form-wrapper.ufbl-template-5 {
	margin-top: -6%;	
}
*/

/*make tabs background light blue on oil and gas page*/
.su-tabs{
	background: #7f7fff !important;
}

/*increase font size on tabs*/
.su-tabs-nav span{
	padding: 15px 20px !important;
font-size: 16px !important;
}

/*increase font size in tabs section*/
.su-tabs-pane{
	font-size: 15px !important; 
}

/*change background color for faq page*/
.su-spoiler-style-fancy > .su-spoiler-title
{
	background: #7f7fff !important;
	color:#fff;
}

/*overlay shadow for oil and gas page*/
#pg-162-0{
	background-color: rgba(0,0,0,0.5);
z-index: 2;
}

/*overlay shadow for das page*/
.page-id-111 .contain{
		background-color: rgba(0,0,0,0.5);
z-index: 2;
}

/*footer color*/
#content-footer-section{
	background-color: #27146E;
color: #fff;
	
}


.footer-credits{
	display:none !important;  
}




/*zoom fleet management on homepage*/
#panel-5-4-0-0:hover {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
}



/*zoom access  control on homepage*/
#panel-5-4-1-0:hover {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
}


/*zoom cctv on homepage*/
#panel-5-4-2-0:hover {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
}


/*zoom pipeline monitoring on homepage*/
#panel-5-4-3-0:hover {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
}