/*
Theme Name: Daigle Oil Company
Theme URI: http://www.steerpointmarketing.com/
Author: SteerPoint Marketing
Author URI: http://www.steerpointmarketing.com/
Description: Custom theme for the Daigle Oil Company website.
Version: 1.0
Text Domain: daigleoil
*/
/* Overall formatting */

body {
	min-width: 1240px;
	margin: 0;
	padding: 0;
	color: #383f3f;
	font: 300 15px/1.5em Montserrat, Arial, Helvetica, sans-serif;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body > .layer_2 {
	position: relative;
	overflow: hidden;
	min-height: 100%;
	background-color: #fff;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
	transition: transform 0.2s;
	-webkit-transition: -webkit-transform 0.2s;
}

body > .layer_2.menu_revealed {
	transform: translateX(250px);
	-webkit-transform: translateX(250px);
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1em;
}

h4 {
	font-size: 1em;
}

h5 {
	font-size: 1.3em;
}

h6 {
	font-size: 0.67em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 0.7em;
}

p {
	margin: 0 0 1em;
}

a,
a:visited {
	color: #7a3d00;
	text-decoration: none;
	transition: color 0.2s;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

img {
	max-width: 100%;
	height: auto;
}

hr {
	color: #f7f7f7;
}

ul {
	margin: 0 0 1em;
	padding: 0 0 0 2em;
}

li {
	margin: 0 0 0.2em;
}

table {
	margin: 0 0 1em;
}

tr {
	text-align: left;
}

th,
td {
	vertical-align: top;
}

th {
	vertical-align: middle;
}

input[type='text'],
input[type='email'],
input[type='tel'],
input[type='url'],
input[type='search'],
input[type='password'],
textarea,
select {
	width: 100%;
	padding: 0.4em;
	color: #000;
	font: 300 18px Montserrat, sans-serif;
	border: 1px solid #ccc;
	box-sizing: border-box;
	-webkit-appearance: none;
}

select {
	-webkit-appearance: menulist;
}

input[type='submit'] {
	cursor: pointer;
	height: 60px;
	padding: 0 1.5em;
	color: #fff;
	text-transform: uppercase;
	font: 500 15px Montserrat, sans-serif;
	background-color: #1d84a0;
	border: none;
	border-radius: 3px;
	-webkit-appearance: none;
}

label {
	font-weight: bold;
}

textarea {
	overflow: auto;
}

select {
	margin: 0 5px 5px 0;
	vertical-align: middle;
}

.columns {
	margin: 0 -2% 0 0;
}

.columns.rtl > .column {
	float: right;
}

.columns > .column {
	float: left;
	margin: 0 2% 1em 0;
}

.columns.two > .column {
	width: 48%;
}

.columns.two > .column.double {
	width: 98%;
}

.columns.three > .column {
	width: 31.333%;
}

.columns.three > .column.double {
	width: 64.667%;
}

.columns.four > .column {
	width: 23%;
}

.columns.five > .column {
	width: 18%;
}

.columns.six > .column {
	width: 14.667%;
}
.searchfrm {
	width: 100%;
	margin-bottom: 20px;
}
.searchfrm form label {
	flex-grow: 3;
}
.searchfrm .search-field {
	border-radius: 0 0 3px 3px;
	padding: 6px ​0px 10px 17px;
}
.searchfrm form input[type='submit'] {
	padding: 10px 20px;
	height: auto;
	background: #155769;
	flex-grow: 0;
}
.searchfrm form {
	display: flex;
	flex: 0 0 100%; /* Let it fill the entire space horizontally */
	flex-direction: row;
}

a.arrow {
	padding: 0 13px 0 0;
	text-decoration: none;
	background: url(images/a-arrow-bkg.png) no-repeat right 0.15em / 7px 10px;
}

.header_h1_seo {
	text-indent: -9999px;
	height: 0px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

a.button {
	display: inline-block;
	padding: 0 40px 0 30px;
	color: #7a3d00;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 13px;
	line-height: 57px;
	background: #fff url(images/a-button-bkg.png) no-repeat right center / 31px
		8px;
	border-radius: 3px;
	transition: color 0.2s, background-color 0.2s;
}

a.button:hover {
	color: #fff;
	text-decoration: none;
	background-color: #7a3d00;
}

a.residential-btn {
	display: inline-block;
	padding: 0 40px 0 30px;
	color: #000;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 15px;
	line-height: 57px;
	background-color: #ff870f;
	border-radius: 3px;
	transition: color 0.2s, background-color 0.2s;
}

a.residential-btn:hover {
	color: #fff;
	text-decoration: none;
	background-color: rgba(245, 122, 0, 0.85);
}

a.commercial-btn {
	display: inline-block;
	padding: 0 40px 0 30px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 13px;
	line-height: 57px;
	background-color: #a2560b;
	border-radius: 3px;
	transition: color 0.2s, background-color 0.2s;
}

a.commercial-btn:hover {
	color: #fff;
	text-decoration: none;
	background-color: rgba(245, 122, 0, 0.85);
}

a.pay-online-btn {
	display: inline-block;
	padding: 0 40px 0 30px;
	color: #ffffff;
	margin: 12px 0 20px 0;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 13px;
	line-height: 47px;
	background-color: #a2560b;
	border-radius: 3px;
	transition: color 0.2s, background-color 0.2s;
}

a.pay-online-btn:hover {
	color: #fff;
	text-decoration: none;
	background-color: rgba(245, 122, 0, 0.85);
}

a.direct-pay-btn {
	display: inline-block;
	padding: 0 40px 0 30px;
	color: #ffffff;
	margin: 12px 0 20px 0;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 13px;
	line-height: 47px;
	background-color: #a2560b;
	border-radius: 3px;
	transition: color 0.2s, background-color 0.2s;
}

a.direct-pay-btn:hover {
	color: #fff;
	text-decoration: none;
	background-color: rgba(245, 122, 0, 0.85);
}

.customer .column {
	width: 98%;
}

.customer .column.right .residential-btn {
	float: right;
}
/* Editor classes for alignment */

.alignleft {
	float: left;
}

.alignright {
	float: right;
	text-align: right;
}

.aligncenter {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.hidden {
	display: none;
}

.cleared {
	clear: both;
}

img.alignleft {
	display: inline;
	margin: 0 1.5em 0.8em 0;
	max-width: 39%;
}

img.aligncenter {
	display: block;
	margin: 0 auto;
}

img.alignright {
	display: inline;
	margin: 0 0 0.8em 2.5em;
	max-width: 39%;
}

.wp-caption.alignleft {
	margin: 0 1.5em 3em 0;
}

.wp-caption.aligncenter {
	margin: 0 auto;
}

.wp-caption.alignright {
	margin: 0 0 3em 2.5em;
}
/* Wrap */

.wrap {
	width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
/* Responsive Menu */

#responsive_menu {
	position: fixed;
	display: none;
	left: 0;
	overflow-y: scroll;
	width: 210px;
	height: 100%;
	padding: 0 20px 10px;
	color: #fff;
	font-size: 14px;
	line-height: 1.2em;
	background-color: #051b21;
	border-top: 5px solid #051b21;
	-webkit-overflow-scrolling: touch;
}

#responsive_menu h3 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 22px;
	line-height: 1em;
}

#responsive_menu .menu a {
	display: block;
	text-decoration: none;
}

#responsive_menu .menu a:hover {
	background-color: #172f36;
}
/*#responsive_menu .menu li.current-menu-item > a {color: #fff;}*/

#responsive_menu .menu {
	margin: 0 -20px 1.5em;
	padding: 0;
	list-style: none;
}

#responsive_menu .menu > li {
	margin: 0;
	background-color: #11252a;
	border-bottom: 1px solid #0e1d21;
}

#responsive_menu .menu > li > a {
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
}

#responsive_menu .sub-menu {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
	font-size: 13px;
	line-height: 1em;
}

#responsive_menu .sub-menu > li {
	padding: 0;
	border-bottom: none;
}

#responsive_menu .sub-menu > li > a {
	color: #aaa;
	padding: 2px 20px;
}

#responsive_menu .sub-menu .sub-menu {
	margin: 0;
}

#responsive_menu .sub-menu .sub-menu > li > a {
	padding: 2px 20px 2px 35px;
}

#responsive_menu .sub-menu .sub-menu .sub-menu li > a {
	padding: 2px 20px 2px 50px;
}
/* Alerts */

#alerts {
	overflow: hidden;
	text-align: center;
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.2em;
	background-color: #f00;
}

#alerts .wrap {
	padding: 15px 20px 10px;
}

#alerts p {
	margin: 0 0 0.5em;
}

#alerts a {
	color: #a2560b;
}
/* Header */

#header {
	border-top: 4px solid #a2560b;
}

#header .wrap {
	position: relative;
	padding: 20px 20px 0;
	height: 105px;
}

#header #responsive_menu_button {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	height: 40px;
	margin: 0;
	padding: 0 0 0 40px;
	color: #555;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	font-size: 13px;
	line-height: 40px;
	background: url(images/header-responsive_menu_button-bkg.png) no-repeat 10px
		0.9em / 22px 15px;
}

#header .upper {
	position: absolute;
	right: 20px;
	top: 20px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
}

#header .upper .menu {
	padding: 0;
}

#header .upper .menu > li {
	display: inline-block;
	margin: 0;
	font-size: 12px;
}

#header .upper .menu > li > a {
	display: block;
	overflow: hidden;
	padding: 0 15px;
	color: #175f72;
}

#header .logo {
	position: absolute;
	left: 20px;
	top: 25px;
	width: 122px;
	height: 73px;
	background: url(images/header-logo-bkg.png) no-repeat 0 / 122px 73px;
}

#header .logo a {
	position: relative;
	display: block;
	overflow: hidden;
	height: 100%;
	text-indent: -999em;
}
/* Nav */

#nav {
	position: absolute;
	right: 5px;
	bottom: 0;
}

#nav a {
	color: #000;
	text-decoration: none;
}

#nav .menu {
	height: 40px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
	line-height: 20px;
}

#nav .menu > li {
	display: inline-block;
	margin: 0;
	font-size: 17px;
}

#nav .menu > li > a {
	display: block;
	overflow: hidden;
	padding: 0 13px 20px;
}

#nav .menu > li.current-menu-item > a,
#nav .menu > li.current-menu-ancestor > a {
	color: #7a3d00;
}

#nav .menu > li:hover > a {
	color: #a2560b;
}

#nav .sub-menu {
	position: absolute;
	z-index: 999;
	width: 245px;
	left: -999em;
	margin: 0;
	padding: 0 1px;
	list-style: none;
	text-align: left;
	text-transform: none;
	font-weight: normal;
	font-size: 14px;
	line-height: 1em;
	background-color: #fff;
	border-radius: 0 0 3px 3px;
}

#nav .menu > li:hover > .sub-menu {
	left: auto;
}

#nav .menu > li.last:hover > .sub-menu {
	right: 0;
}

#nav .sub-menu > li {
	position: relative;
	float: none;
	left: auto;
	margin: 0 0 1px;
	padding: 0;
	background-color: #f0f0f0;
}

#nav .sub-menu > li > a {
	display: block;
	padding: 9px 15px 10px;
	height: auto;
	color: #5e5e5e;
	text-decoration: none;
	transition: none;
}

#nav .sub-menu > li.current-menu-item > a,
#nav .sub-menu > li.current-menu-ancestor > a {
	color: #a2560b;
}

#nav .sub-menu > li > a:hover {
	color: #fff;
	background-color: #a2560b;
}

#nav .menu > li > .sub-menu > .arrow {
	position: absolute;
	left: 30px;
	top: -12px;
	width: 20px;
	height: 12px;
	background: url(images/nav-sub_menu-arrow-bkg.png) 0 / 20px 12px;
	image-rendering: optimizequality;
}

#nav .sub-menu .sub-menu {
	left: -999em;
	top: -1px;
	padding: 1px 1px 0 0;
	border-radius: 0 3px 3px 0;
}

#nav .sub-menu .sub-menu > li {
	background-color: #f0f0f0;
}

#nav .sub-menu > li:hover > .sub-menu {
	left: 100%;
}
/* Banner */

#banner {
	position: relative;
	color: #868686;
	background-color: #d2d2d2;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 100%;
}

#banner .wrap {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

#banner .sizer {
	display: block;
	visibility: hidden;
}

#banner .slide {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 100%;
}

#banner .slide .wrap {
}

#banner .banner_text_source {
	display: none;
}

#banner .title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	color: #000;
	margin: 0;
	padding: 0 20px;
	font-weight: normal;
	font-size: 30px;
	line-height: 2em;
}

#banner #banner_text {
	position: absolute;
	z-index: 998;
	left: 20px;
	top: 15%;
	max-width: 450px;
	visibility: hidden;
	font-size: 15px;
	line-height: 1.4em;
}

#banner #banner_text h3 {
	margin: 0 0 0.4em;
	font-weight: 300;
	line-height: 0.9em;
	letter-spacing: -0.02em;
}

#banner #banner_text h3.line_1 {
	color: #676361;
	font-size: 2em;
}

#banner #banner_text h3.line_2 {
	color: #535353;
	font-size: 3.13em;
}

#banner #banner_text p {
	margin: 0 0 1.5em;
}

#banner #banner_text a.button {
	font-size: 0.867em;
	line-height: 4.38em;
}
/* Banner (Inside Page) */

#banner_inside_page {
	position: relative;
	color: #e0e9ee;
	font-size: 15px;
	line-height: 1.4em;
	background-color: #333;
	background-image: url(images/banner_inside_page-bkg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

.blog #banner_inside_page,
.single #banner_inside_page {
	background-image: url(images/banner_inside_page-blog-bkg.jpg);
}

.single-alert #banner_inside_page {
	background-image: url(/wp-content/uploads/2018/01/daigle_oil_internal_banners_alerts.jpg);
}

.post-type-archive-alert #banner_inside_page {
	background-image: url(/wp-content/uploads/2018/01/daigle_oil_internal_banners_alerts.jpg);
}

#banner_inside_page .wrap {
	max-width: 1200px;
	height: 308px;
	padding: 85px 20px 0;
}

#banner_inside_page .text {
	max-width: 480px;
	color: #fff;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}

#banner_inside_page .text.alternate_text_color {
	color: #444;
}

#banner_inside_page .text .pre_title {
	margin: 0 0 0.3em;
	font-weight: 200;
	font-size: 30px;
}

#banner_inside_page .text .title {
	margin: 0 0 0.3em;
	font-weight: 300;
	font-size: 47px;
	line-height: 1em;
}
/* Calls to Action */

#calls_to_action {
	position: relative;
	z-index: 999;
	margin: -75px 0 0;
	color: #a1a1a1;
	font-size: 13px;
	line-height: 1.2em;
}

#calls_to_action .columns > .column {
	overflow: hidden;
	border-radius: 2px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}

#calls_to_action .columns > .column > .layer_2 {
	position: relative;
	min-height: 185px;
	padding: 20px 20px 0 127px;
}

#calls_to_action img {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
}
/*#calls_to_action .column .overflow {position: absolute;left: 107px;}
#calls_to_action .column.second .overflow {top: 33px;}*/

#calls_to_action .title {
	min-height: 55px;
	margin: -20px -20px 15px;
	padding: 20px 20px 0;
	color: #fff;
	text-shadow: 1px 1px 2px #585858;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.23em;
	line-height: 1.1em;
	background-color: #465a65;
}

#calls_to_action .layer_2 p {
	font-weight: 300;
	color: #555;
}

#calls_to_action .column.column-1 .title,
#calls_to_action .column.column-3 .title {
	background-color: #415d54;
	/* background-color: #a7bdb6; */
}

#calls_to_action .column.column-2 .title {
	background-color: #465b65;
}

#calls_to_action a {
	color: #7a3d00;
	text-transform: uppercase;
	font-weight: 500;
}

#calls_to_action .p_cta {
	min-height: 56px;
}
/* - inside page - */

#calls_to_action.inside_page {
	margin: 0;
}

#calls_to_action.inside_page .wrap {
	padding: 60px 20px 140px;
}

#calls_to_action.inside_page .columns > .column > .layer_2 {
	min-height: 166px;
	padding: 20px 20px 0 179px;
}

#calls_to_action.inside_page .column.column-1 .title {
	background-color: #555846;
}

#calls_to_action.inside_page .column.column-2 .title {
	background-color: #3c4e48;
}

#calls_to_action.inside_page .column.column-3 .title {
	background-color: #374146;
}
/* Available Fuels */

#available_fuels {
	color: #000;
	text-align: center;
}

#available_fuels .wrap {
	padding: 100px 20px;
}

#available_fuels .section_title {
	margin: 0 0 0.5em;
	color: #084c61;
	font-weight: 200;
	font-size: 46px;
	line-height: 0.9em;
	letter-spacing: -0.02em;
}

#available_fuels .intro {
	max-width: 768px;
	margin: 0 auto 60px;
}

#available_fuels .columns {
	margin: 0;
	font-size: 0;
	line-height: 0;
}

#available_fuels .columns > .column {
	display: inline-block;
	position: relative;
	float: none;
	margin: 0;
	font-size: 15px;
	line-height: 1.4em;
}

#available_fuels .columns.five > .column {
	width: 20%;
}

#available_fuels .border {
	display: inline-block;
	width: 95px;
	margin: 0 0 10px;
	padding: 21px;
	border: 2px solid #fff;
	border-radius: 999em;
	transition: border-color 0.3s;
}

#available_fuels .column:hover .border {
	border-color: #a2560b;
}

#available_fuels h4 {
	margin: 0;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 1em;
}

#available_fuels .details {
	opacity: 0;
	color: #a2560b;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 12px;
	transition: opacity 0.3s;
}

#available_fuels .column:hover .details {
	opacity: 1;
}

#available_fuels .full_coverage_link {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-decoration: none;
}
/* Our Story */

#our_story {
	color: #fff;
	text-align: center;
}

#our_story .wrap > .layer_2 {
	background: #105365 url(images/our_story-wrap-layer_2-bkg.jpg) no-repeat
		center top / cover;
	border-radius: 2px;
}

#our_story .wrap > .layer_2 > .layer_3 {
	max-width: 840px;
	margin: 0 auto;
	padding: 0 40px 40px;
}

#our_story .pre_title {
	display: inline-block;
	margin: 0;
	padding: 80px 0 0;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 18px;
	border-top: 9px solid #64b5b3;
}

#our_story .section_title {
	color: #fff;
	font-weight: 200;
	font-size: 40px;
	line-height: 1em;
	letter-spacing: -0.02em;
}

#our_story p {
	margin: 0 0 2em;
}
/* Products (Home Page) */

#products {
	color: #000;
	font-size: 13px;
}

#products .wrap {
	padding: 100px 20px 90px;
}

#products h3 {
	color: #084c61;
	font-weight: 300;
	font-size: 24px;
}

#products img {
	border-radius: 2px;
}

#products .learn_more {
	text-transform: uppercase;
	font-weight: 500;
}
/* Main */

#main .wrap {
	padding: 55px 20px 20px;
}
/* Content */

#content {
	float: right;
	width: 72%;
	margin: 0 0 40px;
}

#content.full_width {
	float: none;
	width: auto;
}

#content .section_title {
	color: #084c61;
	font-weight: 200;
	font-size: 46px;
	line-height: 1em;
}

#content .intro {
	color: #8a8a8a;
	font-weight: 200;
	font-size: 22px;
	line-height: 1.3em;
}

#content .post {
	margin: 0 0 3em;
}

#content .postmetadata {
	color: #888;
	font-size: 13px;
}

#content .title {
	font-size: 30px;
	line-height: 1.2em;
	margin: 40px auto 0;
}

#content .title a {
	color: #383f3f;
	text-decoration: none;
}

#content .wp-caption {
	position: relative;
}

#content .wp-caption img {
	display: block;
	border-bottom: 6px solid #a2560b;
}

#content .wp-caption .wp-caption-text {
	position: absolute;
	right: 0;
	bottom: -20px;
	padding: 12px 30px 12px 20px;
	color: #fff;
	font-weight: normal;
	font-size: 14px;
	background-color: #4dacbf;
}

#content .wp-caption .wp-caption-text::before {
	position: absolute;
	left: -0.37em;
	top: 0;
	bottom: 0;
	width: 0.7em;
	background-color: #4dacbf;
	content: '';
	transform: skewX(-9deg);
}
/* - motor fuel locations - */

#content .location {
	padding-top: 40px;
}

#content .loc_title {
	margin: 0;
	color: #224247;
	font-weight: 200;
	font-size: 20px;
	line-height: 1.2em;
}

#content .loc_manager {
	color: #000;
	font-style: italic;
	font-weight: 400;
}

#content .location img {
	float: right;
}

#content .location .info_bottom {
	padding-bottom: 30px;
	border-bottom: 2px solid #ededed;
}

#content p.title {
	margin: 25px 0 8px;
}

#content ul {
	margin: 0 0 1em;
}
/* - bullet points (orange) - */
/*#content li {list-style:none;}
#content li:before {content: '•';font-size: 30px;vertical-align: sub;padding-right: 10px;color: #a2560b;}*/

#content ul {
	list-style: disc;
	color: rgba(245, 122, 0, 0.85);
}

#content ul li span {
	color: #383f3f;
}

#content ol {
	font-weight: 600;
	color: rgba(245, 122, 0, 0.85);
}

#content ol li span {
	font-weight: 300;
	color: #383f3f;
}
/* - GRAVITY FORMS - */

#content .gform_body li:before {
	display: none;
}

.gform_wrapper .gsection .gfield_label,
.gform_wrapper h2.gsection_title,
.gform_wrapper h3.gform_title {
	font-weight: 300 !important;
	font-size: 30px !important;
	line-height: 1.2em;
}

.gform_wrapper .gfield_required {
	color: #a2560b !important;
}
/* - forms - */

#content form .columns {
	margin: 0 -2% 3em 0;
}

#content form label {
	display: inline-block;
	color: #616161;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
}

#content form label.error {
	display: block;
	margin: 0.5em 0 0;
	color: #a2560b;
	text-transform: none;
}

#content form .required {
	color: #a2560b;
}

#content form input[type='text'],
#content form input[type='email'],
#content form input[type='tel'],
#content form select,
#content form textarea {
	padding: 0.5em 0.4em;
	font-size: 14px;
	background-color: #fbfbfb;
	border: 1px solid #d4d4d4;
	border-radius: 2px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset;
}

#content form input.error,
#content form select.error,
#content form textarea.error {
	border-color: #dc5526;
}

#content form .checkbox_group {
	margin: 0.8em 0 0;
}

#content form .checkbox_group label {
	display: inline;
	text-transform: none;
	font-weight: 300;
	font-size: 14px;
}

#content .terms_and_conditions {
	margin: 0 0 2em;
	padding: 30px 30px 20px;
	color: #000;
	font-size: 13px;
	line-height: 1.5em;
	background-color: #fbfbfb;
	border: 1px solid #d4d4d4;
}
/* Sidebar */

#sidebar {
	position: relative;
	z-index: 999;
	float: left;
	width: 23%;
	margin: -100px 0 0;
	font-size: 16px;
	line-height: 1.4em;
}

#sidebar .widget {
	margin: 0 0 40px;
}

#sidebar .widgettitle {
	margin: 0 0 0.5em;
	padding: 0 5px;
	font-weight: 300;
	font-size: 28px;
	line-height: 0.9em;
}

#sidebar .widget_spm_child_pages {
	padding: 20px;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 30px 30px rgba(0, 0, 0, 0.05);
}

#sidebar .menu {
	list-style: none;
	margin: 0 0 1.5em;
	padding: 0;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.3em;
}

#sidebar .menu li {
	margin: 0;
}

#sidebar .menu li.last {
	border-bottom: none;
}

#sidebar .menu li a {
	display: block;
	padding: 8px 25px 8px 0;
	color: #000;
	border-bottom: 1px solid #ededed;
}

#sidebar .menu .children {
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: none;
}

#sidebar .menu .children li a {
	padding: 8px 25px 8px 15px;
}

#sidebar .request_a_quote {
	display: block;
	color: #fff;
	padding: 0 5px 0 55px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 16px;
	line-height: 60px;
	background: #a2560b url(images/sidebar-request_a_quote-bkg.png) no-repeat left
		center / 46px 60px;
	border-radius: 2px;
}

#sidebar .request_a_doc_card {
	display: block;
	color: #fff;
	padding: 0 5px 0 55px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 14px;
	line-height: 60px;
	background: #a2560b url(images/sidebar-request_a_quote-bkg.png) no-repeat left
		center / 46px 60px;
	border-radius: 2px;
}

#sidebar .widget_spm_testimonials {
	padding: 30px 0 0;
	text-align: center;
	background: url(images/sidebar-widget_spm_testimonials-bkg.png) no-repeat
		center top / 276px 15px;
}

#sidebar .widget_spm_testimonials blockquote {
	margin: 0;
	color: #224247;
	font-style: italic;
	font-weight: 200;
	font-size: 23px;
	line-height: 1.2em;
}

#sidebar .widget_spm_testimonials blockquote .signed {
	color: #3495a3;
	text-transform: uppercase;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.2em;
}
/* Sidebar-BLOG */

#sidebar-blog {
	position: relative;
	z-index: 999;
	float: left;
	width: 23%;
	margin: -100px 0 0;
	font-size: 16px;
	line-height: 1.4em;
}

#sidebar-blog .widget {
	margin: 0 0 40px;
}

#sidebar-blog .widgettitle {
	margin: 0 0 0.5em;
	padding: 0 5px;
	font-weight: 300;
	font-size: 28px;
	line-height: 0.9em;
}

#sidebar-blog .widget_recent_entries {
	padding: 20px;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 30px 30px rgba(0, 0, 0, 0.05);
}

#sidebar-blog li {
	margin: 0;
	list-style: none;
}

#sidebar-blog li.last {
	border-bottom: none;
}

#sidebar-blog li .post-date {
	border-bottom: 1px solid #ededed;
}

#sidebar-blog li a {
	display: block;
	padding: 8px 25px 8px 0;
	color: #a2560b;
}
/* Free Consultation */

#free_consultation {
	color: #fff;
}

#free_consultation .wrap {
	padding: 0 20px 30px;
}

#free_consultation .wrap > .layer_2 {
	position: relative;
	padding: 45px 40px 4px 380px;
	background: #a2560b url(images/free_consultation-wrap-layer_2-bkg.jpg) center
		top / cover;
	border-radius: 3px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}

#free_consultation .title_container {
	position: absolute;
	left: 40px;
	top: 45px;
	width: 330px;
}

#free_consultation .pre_title {
	margin: 0 0 0.5em;
	color: #ffd249;
	text-transform: uppercase;
	font-weight: normal;
}

#free_consultation .section_title {
	font-weight: 200;
	font-size: 36px;
	line-height: 1em;
}

#free_consultation label {
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 15px;
}

#free_consultation input[type='text'],
#free_consultation input[type='email'],
#free_consultation input[type='tel'] {
	padding: 1em 0.6em;
	font-size: 18px;
	background-color: rgba(255, 255, 255, 0.9);
	border: none;
	border-radius: 3px;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1) inset;
}

#free_consultation input[type='submit'] {
	padding: 0 80px 0 63px;
	margin-top: 39px;
	/* height: 55px; */
	text-transform: uppercase;
	color: #a2560b;
	font-size: 18px;
	background-color: #fff;
	border-radius: 3px;
	background: #fff url(images/a-button-bkg.png) no-repeat right center / 31px
		8px;
}
/* Doc's Place Service Stations */

.gas_station_background {
	background: url(images/docs_place_service_stations-bkg.jpg) no-repeat center
		top;
}

#docs_place_service_stations {
	color: #000;
	text-align: center;
	font-size: 15px;
	line-height: 1.3em;
}

#docs_place_service_stations .wrap {
	max-width: 680px;
	padding: 100px 20px 85px;
}

#docs_place_service_stations .section_title {
	color: #084c61;
	font-weight: 200;
	font-size: 46px;
	line-height: 0.9em;
	letter-spacing: -0.02em;
}
/* Testimonials */

#testimonials {
	color: #5b5b5b;
	text-align: center;
}

#testimonials .wrap {
	overflow: hidden;
	padding: 55px 20px 60px;
}

#testimonials .slider_container {
	margin: 0 0 1.8em;
	padding: 100px 20px 70px;
	color: #fff;
	background: #f18111 url(images/testimonials-slider_container-bkg.jpg) center
		top / cover;
	border-radius: 2px;
}

#testimonials #testimonials_slider {
	max-width: 900px;
	margin: 0 auto 35px;
}

#testimonials .slide {
	width: 100%;
	margin: 0;
	font-weight: 200;
	font-style: italic;
	font-size: 38px;
	line-height: 1.2em;
	letter-spacing: -0.02em;
}

#testimonials .slide p {
	margin: 0 0 0.5em;
}

#testimonials .slide .signed {
	text-transform: uppercase;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	line-height: 1.2em;
	letter-spacing: 0;
}
/* Blog and News */

#blog_and_news {
	color: #474747;
}

#blog_and_news .wrap {
	padding: 30px 20px 125px;
}

#blog_and_news .section_title {
	overflow: hidden;
	margin: 0 0 1.5em;
	color: #084c61;
	font-weight: 200;
	font-size: 38px;
	line-height: 1.3em;
	letter-spacing: -0.02em;
}

#blog_and_news .section_title span {
	position: relative;
	padding: 0 15px 0 0;
}

#blog_and_news .section_title span:after {
	position: absolute;
	left: 100%;
	top: 50%;
	right: -999em;
	height: 1px;
	background-color: #dbdbdb;
	content: '';
}

#blog_and_news .columns {
	margin: 0 -6% 0 0;
}

#blog_and_news .columns.two > .column {
	width: 44%;
	margin: 0 6% 1em 0;
}

#blog_and_news .post {
	position: relative;
	min-height: 220px;
	padding: 0 0 0 210px;
}

#blog_and_news .post .wp-post-image {
	position: absolute;
	left: 0;
	top: 0;
	border-bottom: 5px solid #a2560b;
}

#blog_and_news .post .title {
	color: #084c61;
	font-weight: 300;
	font-size: 26px;
	line-height: 1.2em;
	letter-spacing: -0.02em;
}

#blog_and_news .post .read_more {
	text-transform: uppercase;
	font-weight: 600;
}
/* Footer */

#footer {
	color: #fff;
	font-size: 11px;
	line-height: 1.4em;
	background-color: #0a3946;
}

#footer .wrap {
	padding: 50px 20px 1px;
}

#footer a {
	color: #dedede;
}

#footer .columns.two > .column.first {
	width: 12%;
}

#footer .columns.two > .column.second {
	width: 84%;
}

#footer .menu {
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	list-style: none;
	font-weight: 600;
	font-size: 15px;
	line-height: 1.1em;
}

#footer .menu > li {
	float: left;
	width: 14.667%;
	margin: 0 2% 2em 0;
}

#footer .menu > li > a {
	display: block;
	margin: 0 0 1em;
	color: #fff;
}

#footer .sub-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: none;
	font-weight: 300;
	font-size: 11px;
}

#footer .sub-menu > li {
	margin: 0 0 0.5em;
}

#footer .menu.menu_left {
	font-weight: 500;
	font-size: 11px;
}

#footer .menu.menu_left > li {
	float: none;
	width: auto;
	margin: 0 0 2em;
}

#footer .menu.menu_left > li > a {
	margin: 0;
	color: #dedede;
}
/* Sub-Footer */

.yt_video_clip {
	border: 0px;
	width: 100%;
}

#sub_footer {
	color: #fff;
	font-size: 13px;
	background-color: #0e1e23;
}

#sub_footer .wrap {
	padding: 27px 20px 15px;
}

#sub_footer .social_media {
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0.2em 0 0;
	list-style: none;
	font-size: 0;
}

#sub_footer .social_media li {
	display: inline-block;
	width: 33px;
	margin: 0 18px 0 0;
	text-indent: -9999px;
}

#sub_footer .social_media li.last {
	margin: 0;
}

#sub_footer .social_media li a {
	display: block;
	height: 33px;
	background-size: 33px 33px;
	opacity: 0.65;
	transition: opacity 0.2s;
}

#sub_footer .social_media li a:hover {
	opacity: 1;
}

#sub_footer .social_media li.facebook a {
	background-image: url(images/sub_footer-social_media-li-facebook-a-bkg.png);
}

#sub_footer .social_media li.youtube a {
	background-image: url(images/sub_footer-social_media-li-youtube-a-bkg.png);
}

#sub_footer .social_media li.twitter a {
	background-image: url(images/sub_footer-social_media-li-twitter-a-bkg.png);
}

#sub_footer .about {
	float: right;
	margin: 5px 0 0;
	font-size: 0;
}

#sub_footer .about span {
	display: inline-block;
	margin: 0 8px;
	font-size: 13px;
	line-height: 1.5em;
}

#sub_footer .about span.name {
	font-weight: normal;
}

#sub_footer .about span.address {
}

#sub_footer .about span.phone {
	margin: 0 0 0 6px;
	padding: 0 0 0 13px;
	border-left: 1px solid #8c999d;
}
/* Post and Comment Navigation */

.navigation {
	overflow: hidden;
	margin: 0 0 20px;
}

.comment-navigation {
	overflow: hidden;
}

.navigation ul,
.comment-navigation ul {
	float: right;
	margin: 0 0 5px;
	list-style: none;
}

.navigation li,
.comment-navigation li {
	float: left;
	margin: 0 0 5px 5px;
}

.navigation a,
.navigation span,
.comment-navigation a,
.comment-navigation span {
	display: block;
	padding: 0 10px;
	line-height: 24px;
	color: #305183;
	text-decoration: none;
	text-transform: lowercase;
	background-color: #ddd;
}

.navigation a:hover,
.comment-navigation a:hover {
}

.navigation span,
.comment-navigation span {
	color: #fff;
}
/* Comments */

#comments-section {
	margin-bottom: 120px;
	padding-top: 10px;
	background: #fff;
}
/*#comments {width: 600px;color: #888;}*/

#comments .commentlist {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

#comments .commentlist li {
	margin: 0 0 10px;
	padding: 10px 15px 0;
	background-color: #f8f8f8;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#comments .commentlist li.odd {
	background-color: #eee;
}

#comments textarea {
	width: 98%;
}

.vcard {
	font-weight: bold;
}

.vcard img {
	margin: 0 7px 0 0;
	vertical-align: middle;
	border: 2px solid #ccd0dd;
}

.comment-date {
	float: right;
	font-size: 10px;
	font-weight: normal;
}
/* Contact Form 7 */

div.wpcf7 label {
	color: #616161;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 17px;
}

div.wpcf7 .wpcf7-text,
div.wpcf7 .wpcf7-email,
div.wpcf7 .wpcf7-select,
div.wpcf7 .wpcf7-textarea {
	padding: 1em 0.6em;
	font-size: 16px;
	background-color: #fbfbfb;
	border: 1px solid #d4d4d4;
	border-radius: 2px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset;
}

div.wpcf7 .wpcf7-textarea {
	font-size: 18px;
}

div.wpcf7 .required {
	color: #f00;
}

div.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
}

div.wpcf7-response-output {
	clear: both;
	margin: 0 0 1em;
	padding: 10px 15px;
}

div.wpcf7-mail-sent-ok {
	color: #fff;
	background-color: #a3de55;
}

div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors {
	color: #fff;
	background-color: #707070;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	z-index: 999;
	position: absolute;
	left: 10%;
	top: 60%;
	width: 240px;
	padding: 2px 10px;
	color: #fff;
	font-size: 13px;
	background-color: #707070;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

span.wpcf7-not-valid-tip-no-ajax {
	display: block;
	color: #fff;
}

input.wpcf7-submit {
	margin: 0 10px 0 0;
}

.wpcf7-display-none {
	display: none;
}

span.wpcf7-list-item {
	display: block;
	margin-left: 30px;
}

.wpcf7 .g-recaptcha {
	transform: scale(0.73);
	transform-origin: 0 78px;
}

.column.recap-show-mobile {
	display: none;
}
/* WOW.js */

.wow {
	visibility: hidden;
}
/* animate.css styles for use with WOW.js (trimmed and customized) */

.animated {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeInUpSmall {
	from {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
}

@keyframes fadeInUpSmall {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
}

.fadeInUpSmall {
	-webkit-animation-name: fadeInUpSmall;
	animation-name: fadeInUpSmall;
}

@-webkit-keyframes fadeInLeftSmall {
	from {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
}

@keyframes fadeInLeftSmall {
	from {
		opacity: 0;
		transform: translateX(-20px);
	}
}

.fadeInLeftSmall {
	-webkit-animation-name: fadeInLeftSmall;
	animation-name: fadeInLeftSmall;
}

@-webkit-keyframes fadeOutDownSmall {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
}

@keyframes fadeOutDownSmall {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translateY(20px);
	}
}

.fadeOutDownSmall {
	-webkit-animation-name: fadeOutDownSmall;
	animation-name: fadeOutDownSmall;
}

@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale(0.3);
	}
}

@keyframes zoomIn {
	from {
		opacity: 0;
		transform: scale(0.3);
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}
/* Repsonsive Design */

@media only screen and (max-width: 1239px) {
	body {
		min-width: 320px;
	}
	.wrap {
		width: auto;
	}
	#header .wrap {
		width: auto;
	}
	#calls_to_action.inside_page img {
		left: -50px;
	}
	#calls_to_action.inside_page .columns > .column > .layer_2 {
		padding: 20px 20px 0 129px;
	}
	#sidebar .request_a_doc_card {
		font-size: 11px;
		line-height: 60px;
	}
}

@media only screen and (max-width: 1023px) {
	#header .upper .menu > li > a {
		padding: 0 4px;
	}
	#nav .menu > li {
		font-size: 14px;
		letter-spacing: -0.03em;
	}
	#nav .menu > li > a {
		padding: 0 4px 20px;
	}
	#banner #banner_text {
		font-size: 12px;
	}
	#calls_to_action {
		margin: 0;
	}
	#calls_to_action .wrap {
		max-width: 768px;
		padding: 30px 20px 0;
	}
	#calls_to_action .columns.four {
		margin: 0 -3% 0 0;
	}
	#calls_to_action .columns.four > .column {
		width: 47%;
		margin: 0 3% 3% 0;
	}
	#calls_to_action.inside_page .wrap {
		max-width: none;
	}
	#free_consultation .wrap > .layer_2 {
		padding: 40px 40px 20px;
	}
	#free_consultation .title_container {
		position: static;
		left: 30px;
		width: auto;
		text-align: center;
	}
	#sidebar .request_a_doc_card {
		font-size: 0.6em;
		line-height: 60px;
	}
}

@media only screen and (max-width: 959px) {
	#nav {
		right: 12px;
	}
	#nav .menu > li > a > span {
		padding: 0 8px;
	}
	#nav .sub-menu {
		margin: 0 0 0 -2px;
	}
	#banner_inside_page .wrap {
		height: auto;
		padding: 60px 20px 40px;
	}
	#content {
		float: none;
		width: auto;
	}
	#sidebar,
	#sidebar-blog {
		float: none;
		width: auto;
		max-width: 450px;
		margin: 0 auto;
	}
	#sidebar .menu {
		text-align: center;
		font-weight: 300;
		font-size: 16px;
	}
	#sidebar .menu li a {
		padding: 10px 0;
	}
	#blog_and_news .wrap {
		padding: 30px 20px;
	}
	#blog_and_news .columns {
		margin: 0;
	}
	#blog_and_news .columns.two > .column {
		float: none;
		width: auto;
		margin: 0 0 2em;
	}
	#footer .wrap {
		padding: 40px 20px 1px;
	}
	#footer .columns {
		margin: 0;
	}
	#footer .columns.two > .column {
		float: none;
		width: auto !important;
		margin: 0 0 1em;
	}
	#footer .menu > li {
		width: 31.333%;
	}
	#footer .sub-menu {
		line-height: 1.2em;
	}
	#footer .menu.menu_left {
		margin: 0 0 2.5em;
		text-align: center;
		font-size: 14px;
		line-height: 1.6em;
	}
	#footer .menu.menu_left > li {
		display: inline-block;
		margin: 0;
	}
	#footer .menu.menu_left > li > a {
		padding: 0 8px;
	}
	#sidebar .request_a_doc_card {
		font-size: 1em;
		line-height: 60px;
	}
}

@media only screen and (max-width: 847px) {
	#calls_to_action.inside_page .wrap {
		max-width: 480px;
		padding: 60px 20px 80px;
	}
	#calls_to_action.inside_page .columns.three {
		margin: 0;
	}
	#calls_to_action.inside_page .columns.three > .column {
		float: none;
		width: auto;
		margin: 0 0 20px;
	}
	#calls_to_action.inside_page img {
		left: 0;
	}
	#calls_to_action.inside_page .columns > .column > .layer_2 {
		padding: 20px 20px 0 179px;
	}
	#sub_footer {
		text-align: center;
	}
	#sub_footer .social_media {
		float: none;
		margin: 0 0 30px;
	}
	#sub_footer .about {
		float: none;
	}
}

@media only screen and (max-width: 767px) {
	#header .wrap {
		height: auto;
	}
	#header .upper {
		position: static;
	}
	#header .logo {
		position: static;
		margin: 0 auto 30px;
	}
	#nav {
		position: static;
		margin: 0 -20px;
		text-align: center;
	}
	#banner .wrap {
		padding: 1px 20px;
	}
	#banner_inside_page .text .title {
		font-size: 34px;
	}
	#available_fuels .wrap {
		padding: 50px 20px;
	}
	#available_fuels .intro {
		margin: 0 auto 30px;
	}
	#available_fuels .columns.five > .column,
	#available_fuels .columns.four > .column {
		width: 33.333%;
	}
	#testimonials .wrap {
		padding: 55px 20px 20px;
	}
	#testimonials .slider_container {
		padding: 70px 20px 50px;
	}
	#testimonials .quotes {
		padding: 20px 0 0 20px;
		background-size: 53px 41px;
	}
	#testimonials .quotes > .layer_2 {
		background-size: 53px 41px;
	}
	#testimonials .slide {
		font-size: 20px;
	}
	#content .location img {
		float: none;
	}
	.columns.three .column {
		width: 100%;
	}
}

@media only screen and (max-width: 735px) {
	#content .section_title {
		font-size: 36px;
	}
	#products .wrap {
		padding: 60px 20px 20px;
	}
	#products .columns {
		margin: 0 -4% 0 0;
	}
	#products .columns.four > .column {
		width: 46%;
		margin: 0 4% 4% 0;
	}
	#products img {
		width: 100%;
	}
	#docs_place_service_stations .wrap {
		padding: 80px 20px 10px;
	}
}

@media only screen and (max-width: 639px) {
	#header .wrap {
		padding: 40px 20px 0;
	}
	#header #responsive_menu_button {
		display: block;
	}
	#header .upper {
		display: none;
	}
	#nav {
		display: none;
	}
	#banner {
		min-height: 480px;
	}
	#banner #banner_text {
		left: 0;
		right: 0;
		top: auto;
		bottom: 0;
		max-width: none;
		padding: 20px 20px 0;
		background-color: rgba(255, 255, 255, 0.8);
	}
	#banner #banner_text h3.line_1 {
		font-size: 1.5em;
	}
	#banner #banner_text h3.line_2 {
		font-size: 2.3em;
	}
	#calls_to_action {
		font-size: 11px;
	}
	#calls_to_action .title {
		font-weight: 500;
		font-size: 14px;
	}
	#free_consultation .wrap > .layer_2 {
		padding: 30px 30px 20px;
	}
	#free_consultation .section_title {
		font-size: 24px;
	}
	#free_consultation .columns {
		margin: 0;
	}
	#free_consultation .columns.five > .column {
		float: none;
		width: auto;
		margin: 0 0 1em;
	}
	#free_consultation label {
		font-weight: normal;
		font-size: 13px;
	}
	#sub_footer .about span {
		display: block;
		margin: 0;
		padding: 0;
	}
	#sub_footer .about span.phone {
		border-left: none;
	}
}

@media only screen and (max-width: 567px) {
	#calls_to_action {
		font-size: 13px;
	}
	#calls_to_action .wrap {
		padding: 20px 20px 0;
	}
	#calls_to_action .columns.four {
		margin: 0;
	}
	#calls_to_action .columns.four > .column {
		float: none;
		width: auto;
		margin: 0 0 20px;
	}
	#calls_to_action .title {
		font-weight: normal;
		font-size: 16px;
	}
	#our_story .pre_title {
		padding: 60px 0 0;
		font-weight: 600;
		font-size: 12px;
	}
	#our_story .section_title {
		font-size: 24px;
	}
	.customer .column.right .residential-btn {
		float: none;
	}
	.customer .columns.two > .column {
		width: auto;
		margin: 10px 1px auto;
	}
	@media only screen and (max-width: 479px) {
		#available_fuels .columns.five > .column,
		#available_fuels .columns.four > .column {
			width: 50%;
		}
		#available_fuels .border {
			padding: 18px;
		}
		#products .columns {
			margin: 0;
		}
		#products .columns.four > .column {
			float: none;
			width: auto;
			margin: 0 0 40px;
		}
		#blog_and_news .post {
			padding: 0 0 0 100px;
		}
		#blog_and_news .post .wp-post-image {
			width: 80px;
		}
		#calls_to_action.inside_page img {
			left: -50px;
		}
		#calls_to_action.inside_page .columns > .column > .layer_2 {
			padding: 20px 20px 0 129px;
		}
		#footer .menu {
			width: 280px;
			margin: 0 auto;
		}
		#footer .menu > li {
			float: none;
			width: auto;
		}
		#footer .menu.menu_left {
			width: auto;
		}
		div.wpcf7 .columns {
			margin: 0;
		}
		div.wpcf7 .columns.two > .column {
			float: none;
			width: auto;
			margin: 0 0 1em;
		}
	}
	@media only screen and (max-width: 479px) {
		#sidebar .request_a_doc_card {
			font-size: 0.8em;
			line-height: 60px;
		}
	}
}
.blackfriday-banner {
	position: fixed;
	bottom: 0;
	z-index: 999;
	display: none;
}
.blackfriday-img {
	display: flex;
	width: 100%;
	align-items: flex-end;
}
.blackfriday-close {
	width: 2%;
	height: 9%;
	border: 0;
	display: block;
	position: absolute;
	top: 24.2%;
	right: 3.9%;
	background: transparent;
	cursor: pointer;
	padding: 0;
}
@media screen and (min-width: 768px) {
	.blackfriday-banner {
		display: block !important;
	}
}