/*
Theme Name: JD GLobe Electrical
Version: 1.0
Description: Custom brochure style theme developed for JD GLobe Electrical based off of Divi theme.
Author: Baytek Systems
Author URI: http://bayteksystems.com
Template: Divi
*/
@import url("../Divi/style.css");

/* =Global
----------------------------------------------- */
html {
  	box-sizing: border-box;
}
*, *:before, *:after {
  	box-sizing: inherit;
}


/* =Headers
----------------------------------------------- */
h1 {
	text-transform: uppercase;
}


/* =Mobile Resolution
----------------------------------------------- */



/* =Menus
----------------------------------------------- */
#et-top-navigation #et_top_search {
	/*display: none;*/
	color: #ffffff;
	text-transform: uppercase;
}

#et-top-navigation #et_top_search #et_search_icon:hover{
	color: #395D85 !important;
}

#et_mobile_nav_menu .mobile_nav .mobile_menu_bar:before{
	color: #fff !important;
}
#et_mobile_nav_menu .mobile_nav .mobile_menu_bar:hover:before{
	color: #395D85 !important;
}
.et_mobile_menu li a{
	color: #666666;
}



/* =Content
----------------------------------------------- */
#Intro p{
	font-size: 20px;
}
#Intro h1{
	font-size: 60px;
	font-weight: 600;
	margin-top: 150px;
}

#Intro {
	height: 600px;
}

#Intro a {
	filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE6,IE7 */
	ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; /* IE8 */
	-moz-transform: rotate(-180deg);  /* FF3.5+ */
	-o-transform: rotate(-180deg);  /* Opera 10.5 */
	-webkit-transform: rotate(-180deg);  /* Safari 3.1+, Chrome */
	font-size: 60px;
	color: #fff;
}

#Intro a:hover {
	color: #fcd700;
}

#RequestAQuote .et_pb_contact p input, .et_pb_contact p textarea {
	background-color: #fff;
}
#RequestAQuote .et_pb_contact_submit {
	color: #000 !important;
}

/* =Sidebar w/ Page Builder
----------------------------------------------- */
.page-template-page-template-sidebar-php .et_pb_section {
	padding: 0 0 50px;
}
.page-template-page-template-sidebar-php .et_pb_section:first-child .et_pb_row:first-child {
	padding: 0;
}
.page-template-page-template-sidebar-php .et_pb_row {
	width: 100%;
}
.page-template-page-template-sidebar-php .et_pb_row .et_pb_column_1_2,
.page-template-page-template-sidebar-php .et_pb_row .et_pb_column_1_4,
.page-template-page-template-sidebar-php .et_pb_row .et_pb_column_3_4,
.page-template-page-template-sidebar-php .et_pb_row .et_pb_column_1_3,
.page-template-page-template-sidebar-php .et_pb_row .et_pb_column_2_3 {
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	margin-right: 4%;
}
.page-template-page-template-sidebar-php .et_pb_row .et_pb_column_1_2:last-child,
.page-template-page-template-sidebar-php .et_pb_row .et_pb_column_1_4:last-child,
.page-template-page-template-sidebar-php .et_pb_row .et_pb_column_3_4:last-child,
.page-template-page-template-sidebar-php .et_pb_row .et_pb_column_1_3:last-child,
.page-template-page-template-sidebar-php .et_pb_row .et_pb_column_2_3:last-child {
	margin-right: 0;
}
.page-template-page-template-sidebar-php .et_pb_row .et_pb_column_1_2 { width: 48%; }
.page-template-page-template-sidebar-php .et_pb_row .et_pb_column_1_4 { width: 22%; }
.page-template-page-template-sidebar-php .et_pb_row .et_pb_column_3_4 { width: 74%; }
.page-template-page-template-sidebar-php .et_pb_row .et_pb_column_1_3 { width: 30.666%; }
.page-template-page-template-sidebar-php .et_pb_row .et_pb_column_2_3 { width: 65.333%; }

@media only screen and (max-width: 479px) {
	.page-template-page-template-sidebar-php .et_pb_row .et_pb_column_1_2,
	.page-template-page-template-sidebar-php .et_pb_row .et_pb_column_1_4,
	.page-template-page-template-sidebar-php .et_pb_row .et_pb_column_3_4,
	.page-template-page-template-sidebar-php .et_pb_row .et_pb_column_1_3,
	.page-template-page-template-sidebar-php .et_pb_row .et_pb_column_2_3 {
		width: 100%;
		margin-right: 0;
	}
}


/* =Form Elements
----------------------------------------------- */


/* =Widgets
----------------------------------------------- */


/* =Footer
----------------------------------------------- */
#footer-bottom .container {
	text-align: center;
}
#footer-info {
	float: none !important;
}
#footer-bottom .container {
	padding: 15px 0 25px;
}
#footer-info {
	color: #fff;
	padding-bottom: 0;
}
#footer-info a {
color: ##CFCFCF;
}

/* =b-icons
----------------------------------------------- */
@font-face {
	font-family: 'b-icons';
	src:url('fonts/b-icons.eot?-1b1iyl');
	src:url('fonts/b-icons.eot?#iefix-1b1iyl') format('embedded-opentype'),
		url('fonts/b-icons.woff?-1b1iyl') format('woff'),
		url('fonts/b-icons.ttf?-1b1iyl') format('truetype'),
		url('fonts/b-icons.svg?-1b1iyl#b-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	content: attr(data-icon);
	font-family: 'b-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/* Generic class selector option - slower */
[class^="icon-"], [class*=" icon-"] {
	font-family: 'b-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-btk-logo:before {
	content: "\62"; /* b */
}
.icon-googleplus:before {
	content: "\67"; /* g */
}
.icon-googleplus2:before {
	content: "\47"; /* G */
}
.icon-googleplus3:before {
	content: "\a9"; /* © */
}
.icon-facebook:before {
	content: "\66"; /* f */
}
.icon-facebook2:before {
	content: "\46"; /* F */
}
.icon-facebook3:before {
	content: "\192"; /* ƒ */
}
.icon-instagram:before {
	content: "\69"; /* i */
}
.icon-twitter:before {
	content: "\74"; /* t */
}
.icon-twitter2:before {
	content: "\54"; /* T */
}
.icon-twitter3:before {
	content: "\2020"; /* † */
}
.icon-feed:before {
	content: "\72"; /* r */
}
.icon-feed2:before {
	content: "\52"; /* R */
}
.icon-feed3:before {
	content: "\ae"; /* ® */
}
.icon-youtube:before {
	content: "\79"; /* y */
}
.icon-youtube2:before {
	content: "\59"; /* Y */
}
.icon-soundcloud:before {
	content: "\73"; /* s */
}
.icon-soundcloud2:before {
	content: "\53"; /* S */
}
.icon-linkedin:before {
	content: "\6c"; /* l */
}
.icon-pinterest:before {
	content: "\70"; /* p */
}
.icon-pinterest2:before {
	content: "\50"; /* P */
}
.icon-home:before {
	content: "\68"; /* h */
}
.icon-tumblr:before {
	content: "\31"; /* 1 */
}
.icon-tumblr2:before {
	content: "\21"; /* ! */
}
.icon-phone:before {
	content: "\32"; /* 2 */
}
.icon-mail:before {
	content: "\33"; /* 3 */
}
.icon-mail2:before {
	content: "\23"; /* # */
}
.icon-mail3:before {
	content: "\a3"; /* £ */
}
.icon-cart:before {
	content: "\34"; /* 4 */
}
.icon-search:before {
	content: "\35"; /* 5 */
}
.icon-lock:before {
	content: "\36"; /* 6 */
}
.icon-menu:before {
	content: "\37"; /* 7 */
}

/*Header*/
.main_header_img{
	width: 200px;
  display: inline-block;
}
.main_header_img #logo{
	max-height: 83px;
}
#top-menu-nav{
	height: 50px;
}
#top-menu, #top-menu li, #top-menu ul{
	height: 50px;
}
#top-menu li{
	padding: 0px;
}
#main-header nav#top-menu-nav{
	padding-top: 0px;
	float: right;
  padding-top: 5px!important;
  padding-right: 10px;
}
#top-menu li > a{
	padding: 0px 10px;
	padding-top: 16.5px;
	height: 50px;
	color: #fff !important;
	text-transform: uppercase;
	font-weight: 600;
	font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif !important;
  opacity: 1!important;
  -webkit-transition: none!important;
  -moz-transition: none!important;
  -ms-transition: none!important;
  -o-transition: none!important;
  transition: none!important;
  animation: none!important;
}
#et_top_search{
	width: 15px;
	margin-top: 23px;
}
#top-menu li > a:hover, #top-menu li.current-menu-item a{
  opacity: 1!important;
	color: #FFCC11 !important;
  -webkit-transition: none!important;
  -moz-transition: none!important;
  -ms-transition: none!important;
  -o-transition: none!important;
  transition: none!important;
  animation: none!important;
}
#et_top_search .et-search-form{
	top: 33px;
}
#et-top-navigation a{
	font-size: 16px;
}
#et-top-navigation{
	float: none;
	width: 100%;
	margin: 0 auto;
	height: 65px;
	padding-left: 0px!important;
	padding-right:10px;
	text-align: center;
  display: inline;
}
#main-header{
	box-shadow: none;
	padding-top: 5px;
	/*border-bottom: 3px solid #e4e4e4;*/
	height: 70px;
}

/*Footer icon*/
#footer-info a{
	color: #FFCF47;
}
#footer-info{
	float: left;
}


/*ONE PAGE STYLES*/

/*send to top icon*/
#to-top{
	position: fixed;
	bottom: 200px;
	right: 200px;
	color: #000;
	z-index: 100;
	display: none;
	opacity: 0.7;
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
}
#to-top a{
	color: #bcdef6;
	font-size: 50px;
}
#to-top:hover{
	opacity: 1;
}

/*main styles*/
#main-content{
	padding-top: 50px;
}

#page-container .one-page-header{
	position: fixed;
	top: 0px;
}

.one-page-section{
	padding: 25px 0px;
}

.one-page-section:last-child{
	border-bottom: none;
}

.one-page-section .et_pb_row{
	/*padding-top: 0px;*/
}

.one-page-title{
	text-align: center !important;
}
.one-page-title h1{
	padding-top: 30px;
	font-size: 60px;
	font-weight: bold;
}

/*tesimonial slider*/
#one-page-testimonials, #one-page-testimonials .et_pb_slides, #one-page-testimonials .et_pb_slide, #one-page-testimonials .et_pb_container,
#one-page-testimonials .et_pb_slide_description{
	height: 300px;
}

#one-page-testimonials .et_pb_slide_description{
	padding: 80px 60px;
}

#one-page-testimonials .et_pb_slide{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/*About us bios*/
.one-page-bio .et_pb_team_member_image{
	width: 30% !important;
	float: left;
	margin-right: 3%;
}

.one-page-bio .et_pb_team_member_description{
	width: 60% !important;
	margin-left: 0px !important;
	float: left;
}

.one-page-bio .et_pb_team_member_description h4{
	margin-bottom: 10px;
}

.text-center{
	text-align: center !important;
}

/*contact us text*/
.contact-blurb p{
	padding-bottom: 0px;
}
.contact-blurb h4{
	padding-top: 1em;
}
.contact-blurb h4:first-child{
	padding-top: 0px;
}

/*license image*/
.one-page-img{
	width: 50%;
	max-width: 200px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/*Title section*/
.title-text{
	max-width: 740px;
	margin: 0 auto;
  line-height: 180%;
}

/*What to expect slider*/
.slider-work, .slider-work .et_pb_gallery_item{
	max-width: 600px;
	max-height: 300px;
	margin: 0 auto;
}

/*new gravity quote form*/
.gform_wrapper input, .gform_wrapper textarea{
	background-color: #fff;
	border: none!important;
	width: 100% !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	font-size: 16px;
	color: #999 !important;
	padding: 16px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.gform_wrapper ul li.gfield {
	padding-right: 0 !important;
}
.gform_wrapper ul li.gfield.field_description_below .gfield_description{
	padding-top: 0;
}

.gform_wrapper ul li.gfield .ginput_container{
	margin-top: 0 !important;
	font-weight: inherit;
}
.gform_wrapper ul li.gfield.third{
	width: 31.5%;
	float: left;
	margin-left: 2.75% !important;
	padding-bottom: 10px;
	display: block;
	clear: none;
}
.gform_wrapper ul li.gfield.third:first-child{
	margin-left: 0 !important;
}
.gform_wrapper ul li.gfield.gfield_error{
	background-color: inherit;
	border: none;
}
.gform_wrapper .gfield label.gfield_label,
.gform_wrapper .gfield_error label.gfield_label{
	color: inherit;
	font-weight: inherit;
}
.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error textarea{
	background-color: rgba(255,223,224,.25);
	border: 1px solid #790000 !important;
}
.gform_wrapper.gform_validation_error .validation_error{
	background-color: rgba(255,223,224,.25);
	border: 1px solid #790000 !important;
}
.gform_wrapper .gform_footer {
	margin-top: 0 !important;
}

.gform_wrapper input[type="submit"]{
	font-family: inherit;
	display: inline-block !important;
	width: auto !important;
    border: 2px solid #333 !important;
    border-radius: 3px !important;
    color: #333 !important;
	float: right;
	margin: 0 0 20px !important;
	cursor: pointer;
	font-size: 20px !important;
	font-weight: 500 !important;
	padding: 6px 20px !important;
	line-height: 1.7em !important;
	background: transparent;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	position: relative;
}
.gform_wrapper input[type="submit"]:hover{
	background: #333;
	color: white !important;
}


/*old quote form*/
.wpcf7 input.input, .wpcf7 textarea.input{
	background-color: #fff;
	border: none!important;
	width: 100% !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	font-size: 14px;
	color: #999 !important;
	padding: 16px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.wpcf7 p{
	width: 30%;
	float: left;
	margin-right: 3%;
	padding-bottom: 10px;
	display: inline;
}

.wpcf7 form{
	margin-left: 3%;
}

.wpcf7 p:nth-child(5), .wpcf7 p:last-of-type{
	width: 96%;
}

.wpcf7 .wpcf7-submit{
	font-family: inherit;
	display: block;
	float: right;
	margin: auto 0;
	cursor: pointer;
	font-size: 20px;
	font-weight: 500;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 6px 20px;
	line-height: 1.7em;
	background: transparent;
	border: 2px solid;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	position: relative;
	margin-bottom: 20px;
}

.wpcf7 .wpcf7-submit:hover{
	background: rgba( 0, 0, 0, 0.05 );
}

.wpcf7 .wpcf7-response-output{
	clear: both;
	width: 96%;
	margin: 0px;
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.wpcf7 div.wpcf7-validation-errors{
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
.wpcf div.wpcf7-mail-sent-ok{
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}


/**/
#testimonial-title{
	padding-bottom: 0px;
}


/* Start of Fixes for Divi 3.0.50 ----------------------------------------------- */

.header-content > h1 { /* What Our Customers Are Saying - Title */
  text-align: center;
}

.header-content { /* What Our Customers Are Saying - Title Container */
  width: 100%;
}

.et_pb_slides > div { /* What Our Customers Are Saying - Slides Background */
  background-color: transparent!important;
}

.et_pb_container { /* What Our Customers Are Saying */
  /*width: auto;
  max-width: 50%;
  display: inline!important;*/
}

.et_pb_slide_content > .p1:first-child { /* What Our Customers Are Saying - Text Spacing */
  line-height: 180%;
}

.et_pb_image { /* Center License Number image */
  margin: auto!important;
}

#OurServices { /* Reduce padding */
  padding: 15px;
}

#RequestAQuote { /* Reduce padding */
  padding: 15px;
}

#WhatToExpect { /* Reduce padding */
  padding: 15px;
}

#ContactUs { /* Reduce padding */
  padding: 15px;
}

#mobile_menu > .menu-item > a {
  color: gray!important;
  font-weight: 500;
}
#mobile_menu > .menu-item > a:hover {
  color: black!important;
}

/* End of Fixes for Divi 3.0.50 ------------------------------------------------- */




@media only screen and (max-width: 1500px) {

  .et_pb_row { /* Our Services - Icons */
    width: auto;
  }

  header > div:first-child { /* Navbar */
    width: auto;
    /*margin-left: 10px;
    margin-right: 10px;*/
  }

  .et_pb_row_4 { /* What To Expect - Container */
    padding-left: 10px;
    padding-right: 10px;
  }

  #AboutUs { /* About Us - Container */
    padding-left: 10px;
    padding-right: 10px;
  }

  #OurServices {
    padding-top: 30px;
    padding-bottom: 30px;
  }

}

/*On Menu Collapse - Tablet Large*/
@media only screen and (max-width: 980px) {

	/*extend 1_4 column*/
	.et_pb_column_1_4{
		width: 25%;
		margin-right: 5%;
	}

	/*shrink slider padding*/
	#one-page-testimonials .et_pb_slide_description{
		padding: 50px;
	}

	/*collapse menu*/
	#top-menu {
    display: none;
  }

	/*#main-header { padding-bottom: 18px; }*/
	#logo {
    margin-bottom: 0; max-height: 43px;
  }
	#et_top_search {
    margin-right: 35px;
    float: left;
  }
	.et_header_style_centered #et_top_search,
  .et_vertical_nav.et_header_style_centered #main-header #et_top_search {
    display: none !important;
  }
	#et-top-navigation {
    margin-right: 0;
    display: inline!important;
    padding-left: 0px!important;
  }
	.et_fixed_nav #main-header,
  .et_fixed_nav #top-header {
    position: absolute;
  }
	.et_fixed_nav #main-header {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
	.et-fixed-header {
    padding: 18px 0 19px 0 !important;
    min-height: 43px !important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) !important;
  }
	.et-fixed-header #logo {
    max-height: 43px;
  }
	.et-fixed-header nav#top-menu-nav {
    padding-top: 11px;
  }
	#main-header .et_mobile_menu{
		background-color: #fff !important;
	}
	#et_top_search .et-search-form{
		top: 46px;
	}
	#main-header .container{
		width: 100%;
		padding: 0 2.5%;
		height: 65px;
	}
	.main_header_img{
		width: 400px;
		margin: 0;
		margin-bottom: 0px;
	}
	.main_header_img:after{
		content: none;
		clear: none;
	}
	#et-top-navigation a{
		width: 100%;
	}

  .menu-item > a { /* Hamburger menu items */
    color: gray!important;
  }

  .mobile_nav { /* Reposition the hamburger */
    padding: 10px;
  }

  .et_mobile_menu { /* Hamburger menu, inside */
    padding: 0px!important;
  }

  header > div:first-child { /* Navbar */
    width: auto;
  }

  .et_pb_row { /* Container for everything */
    padding-left: 100px;
    padding-right: 100px;
  }

  #mobile_menu {
    margin-top: -5px!important;
  }

  .s1, .p1, p, span {
    font-size: 16px;
  }

  .et_pb_column_5, .et_pb_column_4 {
    margin-top: 20px!important;
  }

}

/*Tablet - MEDIUM*/
@media only screen and (max-width: 767px) {

	/*extend rows + columns*/
	.et_pb_row{
		width: 90%;
		margin-left: 5%;
	}
	.et_pb_column_1_4{
		width: 100%;
		margin: 0px;
	}

	/*extend testimonials*/
	#one-page-testimonials .et_pb_container{
		width: 100%;
	}
	#Intro h1{
		margin-top: 0px;
	}
	#Intro {
		height: 480px;
	}

	/*Image gallery*/
	.slider-work .et_pb_gallery_item{
		width: 100% !important;
	}

  .et_pb_row {
    padding-left: 0px!important;
    padding-right: 0px!important;
  }

  .header-content {
    margin-top: -50px!important;
  }

  .gform_wrapper ul li.gfield.third {
  	float: none;
  	clear: both;
  	margin-top: 0 !important;
  	margin-left: 0 !important;
  	width: 100% !important;
  }

}

/*Mobile*/
@media only screen and (max-width: 560px) {
	/*Intro*/
	h1 {
		font-size: 40px!important;
    margin-bottom: -50px;
	}
	#Intro p {
		font-size: 16px;
	}
  .title-text {
    margin-top: 80px;
  }
  .et_pb_text_6 {
    margin-bottom: 70px!important;
  }
  .et_pb_text_9 {
    margin-bottom: 70px!important;
  }
}
@media only screen and (max-width: 550px) {
	/*extend about us bios*/
	.one-page-bio .et_pb_team_member_description{
		width: 100% !important;
		float: none;
		text-align: center;
	}

	.one-page-bio .et_pb_team_member_image{
		width: 100% !important;
		float: none;
	}

	/*shrink title font*/
	.one-page-title h1{
		font-size: 40px;
	}

	/*shrink to top icon*/
	#to-top a{
		font-size: 50px;
	}

	/*quote form*/
	.wpcf7 form{
		margin-left: 0px;
	}

	.wpcf7 p{
		width: 100%;
		float: none;
	}

	.wpcf7 p:nth-child(5), .wpcf7 p:last-of-type{
		width: 100%;
	}

  .main_header_img {
    display: inline;
  }

}

@media only screen and (max-width: 479px){
	/*show testimonial slides on small screens*/
	.et_pb_slide_content, .et_pb_more_button {
		display: block !important;
	}
	#one-page-testimonials .et_pb_slide_description{
		padding: 0px 50px;
	}

	/*Image galllery*/
	.slider-work .et_pb_gallery_item{
		width: 100% !important;
	}

  .et_pb_slide_description {
    margin-top: 40px!important;
  }

}

/*SMALLEST*/
@media only screen and (max-width: 321px) {
	/*footer lang toggle*/
	.main_header_img{
		width: 160px;
	}

	/*intro*/
	#Intro h1{
		margin-top: 0;
	}
	#Intro {
		height: 480px;
	}
  #one-page-testimonials {
    height: 400px;
  }
}

























/**/