/*
Theme Name: Kane Theme
CurrentTheme URI: http://wordpress.boomvisibility.com/Parent-Theme
Author: the Boom Visibility team
Author URI: https://www.boomvisibility.com/
Description: Customized by Boom Visibility.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.htmlText
Domain: kane

This theme, like WordPress, is licensed under the GPL.
*/

/* =Reset
-------------------------------------------------------------- */
/* =Colors
$primary: #CC0C0C;
$secondary: #000000;
$tertiary: #eaeaea;
$black: #222;
$color__link: #686868;
$color__link--hover: #CC0C0C;

Break Points

1025 pixels - Desktop
767 pixels - tablets
480 pixels - mobile

Organization

1. Content Styles
 - Typography
 - Links
 - Headings
 - Lists
 - Buttons
 - Tables

2. Header formatting

3. Containers Grids and Layouts
 - Columns
 - Dividers

4. Sidebar formatting

5. footer formatting

6. Home page
 - Slider styles
 - Custom blocks

7. Page Formatting
 - Blog pages
 - Pagination
 - Default Page
 - Other templates

8. Misc

-------------------------------------------------------------- */

@import url('css/core.css');
@import url('css/menu.css');
@import url('css/smaller-header.css');


/* 1=Content Styles
-------------------------------------------------------------- */
/* typography */

body {
	font-size: 18px;
	font-family: 'Sofia Sans Semi Condensed', sans-serif;
	text-rendering: optimizeLegibility;
	color: #000;
	background-color: #fff; }

p {
	font-size: 18px;
	line-height: 1.5;
	margin: 1em 0; }
p:empty { display: none; }

div.date{
	font-size: 14px;
	margin: 8px 0; }

/* Links */

a {
	color: #CC0C0C;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; }
a:hover { color: #CC0C0C; }
.entry-title a { text-decoration: none; }

/* Headings */

h1, h2, h3, h4, h5, h6 {line-height: 1.2;}

h1 {
	font-size: 75px;
	font-weight: 300; }

h2 {
	font-size: 50px;
	font-weight: 300;
	margin-bottom: 20px; }

h3 {font-size: 30px;}
h4 {font-size: 25px;font-weight: 500;}

@media (max-width: 767px) {
	body h1 { font-size: 35px; }
	body h2 { font-size: 25px; }
	body h3 { font-size: 20px; }
	body h4 { font-size: 18px; line-height: 1.5; }
}

@media (max-width: 480px) {
	body .wrapper h1 { font-size: 32px; }
	body .wrapper h2, body .entry h2 { font-size: 24px; }
	body img.alignright, img.alignleft, div.wp-caption.alignright, div.wp-caption.alignleft {
	float: none;
	margin: 3px auto 10px auto;
	display: block; }
}

span.small {font-size: 10px;}
span.red {color: #cc0c0c;}
/* List Settings */

ul { list-style: none; }
.entry-content ul, .comment-content ul, .mu_register ul { list-style: disc; margin-left: 16px;}
.entry-content ol {margin-left: 50px;}
.comment-content ol, .entry-content ol.two_column  { margin-left: 16px;}

ul ~ h2, ol ~h2, div ~h2, ul ~ h3, ol ~ h3, div ~ h3, ul ~ h4, ol ~h4, div ~ h4,
ul ~ h5, ol ~h5, div ~ h5, ul ~ h6, ol ~h6, div ~ h6 {margin-top: 1em;}
ol{counter-reset: item;}
.entry-content ol li {
	counter-increment: item;
	position: relative;
	margin-bottom: 16px;
	font-size: 20px;
	line-height: 1.5;}
.entry-content ol li:before {
	content: counter(item);
	background: #CC0C0C;
	color: #fff;
  	position: absolute;
  	left: -50px;
  	width: 30px;
  	height: 30px;
  	border-radius: 50%;
  	text-align: center;
  	line-height: 30px;
  	font-weight: 900;
  	font-size: 15px; }
.entry-content ol.two_column {margin-top: 30px;}
.entry-content ol.two_column li {
	margin: 0 0 30px 25px;
	font-size: 18px;
	font-weight: 500;
	}
.entry-content ol.two_column li a {color: #000;position: relative;}
.entry-content ul li {line-height: 1.5;}
.entry-content blockquote, .comment-content blockquote {
	margin-bottom: 24px;
	padding: 24px;
	font-style: italic; }

.entry-content blockquote p:last-child, .comment-content blockquote p:last-child { margin-bottom: 0; }
.entry-content pre code, .comment-content pre code { display: block; }

@media (min-width: 1025px) {
	.entry-content ol.two_column {
			-moz-column-count: 2;
			-webkit-column-count: 2;
			column-count: 2;}
}

/* Buttons */

.button, .learn-more {
	background-color: #CC0C0C;
	color: #fff;
	padding: 6px 15px;
	clear: both;
	display: inline-block;
	text-decoration: none;  }

.button:hover {
	background-color: #CC0C0C;
	color: #fff; }

.button-bordered {
	border: 3px solid;
	padding: 15px 30px;
	font-size: 24px;
	color: #fff;
	margin: 30px 0 0 0;
	display: inline-block; }
.button-bordered:hover { color: #000; }
a.link, a.link:hover {background: transparent;}
a.link, a.link:hover {color: #000;}
a.link:after {
	content: '\f345';
	color: #cc0c0c;
	font-family: dashicons;
	display: inline-block;
	vertical-align: middle;}
.page-previous a.link:after {content: '';}


/* Table styles */

#content table{ width: 100%; margin-bottom: 20px; }
#content table tr{ background:#f5f5f5; }
#content table tr:nth-child(even) {background: #e3e3e3;}
#content table tr th{
	background: #000;
	color: #fff;
	font-size: 25px;
	padding: 20px; }
#content table tr td{ padding: 10px 20px; }
#content table span.red {font-weight: 900;}
#content table th.red {background: #CA121A;}
#content table tr.centered th {
    text-align: center;
    vertical-align: middle;
}
#content table.full td, #content table th {
		text-align: center;
}
@media (min-width: 1025px) {
	#content table tr th{padding: 20px 20px 20px calc(50% - 325px); }
	#content table tr td{ padding: 10px 20px 10px calc(50% - 325px); }
	#content table.full tr th{padding: 20px; }
	#content table.full tr td{ padding: 10px 20px; }
}

@media (max-width: 1025px) {
	#content .table-wrapper {
		overflow-y: hidden;
    overflow: auto;}
}

/* =2. Header
-------------------------------------------------------------- */
/* Global Header */

#masthead {
	width: 211px;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle; }

#masthead .logo {
	width: 211px;
	max-width: 100%;
	height: 60px;
	background-image: url(images/logo.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s; }

#masthead .logo a {
	height: 100%;
	width: 100%;
	display: block; }

header.global {
	z-index: 9997;
	position: relative;
	background: #fff;
	width: 100%;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s; }

header.global #site-navigation {
	display: block;
	text-align: right; }

.overlay {
    background: rgba(0,0,0,0.57);
    width: 100%;
    height: 100%;
    position: absolute;
}

#back_top {
	    background: url(images/back-to-top.png);
	    width: 98px;
	    height: 111px;
	    position: fixed;
	    bottom: 14px;
	    right: 0;
	    z-index: 100;
	    transition: all 200ms ease-out;
	    -webkit-transition: all 200ms ease-out;
	    cursor: pointer;
	    display: none;
	}
.entry-header {
		background-size: cover;
		background-position: center;
		background-color: #00000066;
		background-blend-mode: multiply;
		width: 100%;
		height: 300px;
		position: relative;}
.entry-header h1 {color: #fff; font-weight: 700;font-size: 35px;}
.entry-header h2 {color: #fff; font-weight: 700;font-size: 30px;}
.entry-header h3 {font-style: italic;color: #CA121A;text-shadow: 4px 4px 24px #000;font-size: 20px}
.entry-header .header-content {
		position: absolute;
    	top: 50%;
    	transform: translateY(-50%);
    	width: 100%;
    	padding: 20px;
    	text-align: center;}
h1.post-title {font-weight: 700;font-size: 40px;}
@media (min-width: 767px) {
	.entry-header {
		background-size: cover;
		width: 100%;
		height: 0;
		position: relative;
		padding-bottom: 25.3%;}
	.entry-header .header-content {padding: 0;}
}

@media (min-width: 1025px) {
	#masthead .logo {margin: 20px 0 20px 20px;}
	.entry-header .header-content {top: calc(50% + 50px);}
	.entry-header h1 {font-size: 75px;}
	.entry-header h2 {font-size: 65px;}
	.entry-header h3 {font-size: 30px;}
	.entry-summary {
		display: flex;
		flex-wrap: wrap;
		align-items: center;}
}

@media (max-width: 1025px) {
	header.global #site-navigation {display: none;}
	#masthead { margin: 0 auto; float: none; padding: 25px 25px 10px 25px;}
	#masthead .logo { background-position: top center; }
}

/* 3. Columns Grids and Layouts */

.wrapper{
	max-width: 1180px;
	margin: 0 auto;
	padding: 75px 0; }

.container {
	max-width: 1180px;
	margin: 0 auto;
	height: 100%; }

.container.larger { max-width: 1380px; }

section { padding: 75px 0; }
section.extra-padding { padding: 150px 0; }

div#call-to-action {
    background: #273137;
    position: relative;
    color: #fff;
    padding: 10px 0px;
    text-align: center;
    width: 100%; }
body.home div#call-to-action {
    background: rgba(0,0,0,0.66);
    position: absolute;
    z-index: 99999; }

div#call-to-action span.red {color: #CC0C0C;font-weight: 900; text-transform: uppercase;}
div#call-to-action span.link {color: #fff;}
div#call-to-action p{margin: 0;}

@media (min-width: 767px) {
	#logo {
		text-align: left;
		float: left;
		margin: 0;
		width: 45%; }
	#primary.contact-content, #primary.location-content { padding: 0 0 0 5%; }
	#primary.flex-container {align-items: flex-start;}
}

@media (max-width: 1380px) {
	.container.larger {padding: 0; width: 90%; }
}
@media (max-width: 1200px) {
	.container {padding: 0; }
	.wrapper {width: 90%;}
	header.global { padding: 0; }
}

@media (max-width: 1025px){
	header .container.larger {padding: 0;width: 100%;}
}

@media (max-width: 767px) {
	.wrapper {padding: 35px 0;}
	.container {padding: 0; width: 90%; }
	.widget-area {
		padding: 0 25px;
		width: 100%; }
}


/* ------- Layout Grid Columns ------- */

.flex-container {display: flex;flex-wrap: wrap;justify-content: space-between;}
.flex-container.flex-center {align-items: center;}
.flex-container.flex-3 > *{margin-bottom: 25px;}
.justify-center {justify-content: center;text-align: center;}
.half{ width:48%; }
.one_third{ width:30.6666%; }
.two_thirds{ width:65.3333%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16%; }
.two_fifth{ width:36%; }
.three_fifth{ width:60%; }
.four_fifth{ width:80%; }
.one_sixth{ width:15%; }
.five_sixth{ width:83%; }
.half,.one_third,.two_thirds,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ line-height: 1.5;position:relative; box-sizing: border-box; margin-right: 4%; float:left; }
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}
@media (max-width: 1025px){
	body .half, body .one_third, body .two_thirds{ width: 100%;margin: 0 auto;}
	body .one_fourth, body .one_fifth{ width: 48%; }
	body .one_fourth:nth-child(even) {margin-right: 0px;}
}

@media (max-width: 767px){
	body #page .one_fourth, body #page .one_fifth{ width: 100%;margin: 0 auto;}
}

@media (min-width: 1025px){
	.flex-container.flex-2 > *{flex-basis: 48%;}
	.flex-container.flex-3 > *{flex-basis: 30%;}
}

.one_fourth img, .two_third img, .one_third img, .half img  { max-width: 100%; text-align: center; }
.half .entry-content{ margin-bottom: 25px; }

.one_fourth h4 {font-size: 22px; margin: 10px 0 20px;}

/* Dividers & Elements */

.divider {
	margin: 25px auto;
	display: block;
	height: 5px;
	background-color: #666; }

/* 4. Sidebar */

.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 48px;
	word-wrap: break-word; }

.widget-area .widget h3 {
	margin-bottom: 24px;
	font-weight: normal;
	font-size: 26px; }

.widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget {
	font-size: 15px;
	line-height: 1.7; }

.widget-area .widget p { margin-bottom: 24px; }
.widget-area .textwidget ul { list-style: disc outside; margin: 0 0 24px; }
.widget-area .textwidget li { margin-left: 36px; }
.widget-area #s { width: 53.66666666666%;
  /* define a width to avoid dropping a wider submit button */ }
.widget-area .widget ul ul { margin-left: 12px; }

/* =5. Footer Section
-------------------------------------------------------------- */
/* Prefooter */
#prefooter {padding: 75px 0;}
#prefooter h2.form-title {font-size: 50px; font-weight: 300;line-height: 1.2; margin-bottom: 35px;}
#prefooter h2.form-title span.bold {font-weight: 700;}
#prefooter p {line-height: 2;}
#prefooter .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper.gravity-theme .gfield textarea.medium,
.gform_wrapper.nolabels_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper.nolabels_wrapper textarea,
.gform_wrapper.gravity-theme.nolabels_wrapper select {
    padding: 20px 25px;
    border-radius: 3px;
}
#prefooter .gform_wrapper span input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    margin: 0;
}
#prefooter .gform_wrapper textarea.medium {
    height: 178px;
    width: 100%;
}
.nolabels .gform_footer {text-align: right;}
.nolabels .gform_footer.top_label {
    align-items: center;
}
.nolabels_wrapper.gform_wrapper.gravity-theme .gform_footer button {
	font-weight: bold;
  	color: #000;
	background: transparent;
	border: 0px solid #000;
	margin: 0 !important;
}
.nolabels .gfield_radio .gfield-choice-input, .nolabels .gfield_checkbox .gfield-choice-input,
.gform_legacy_markup_wrapper .gfield_radio input[type="radio"]{
	border-radius: 50%;
	height: 20px;
	width: 20px;
	padding: 0;
	content: '';
	position: relative;
	background: transparent;
	border: 1px solid #CC0C0C;
}
.ginput_full.address_line_1 {
    position: relative;
}
.ginput_full.address_line_1 .autodetect-location {
	top: 50%;
	transform: translateY(-50%);
	padding: 0;
}
.nolabels .gfield_checkbox .gfield-choice-input {border-radius: 5px;}
.nolabels_wrapper.gform_wrapper.gravity-theme .gfield_radio label,
.nolabels_wrapper.gform_wrapper.gravity-theme .gfield_checkbox label {font-size: 16px;}
.nolabels_wrapper.gform_legacy_markup_wrapper ul.gfield_radio li label {font-size: 18px;margin-top: 0.3em;}
.gform_legacy_markup_wrapper .gfield_radio .gfield-choice:checked,
.nolabels .gfield_radio .gfield-choice-input:checked {
	background-color: #CC0C0C;
	padding: 2px;
  border: 1px solid #000;
}
.nolabels input[type="radio"], .nolabels input[type="checkbox"]{
	-webkit-appearance: none;
	appearance: none;
	position: relative;
	width: 100%;}
.nolabels input[type="radio"]:checked, .nolabels input[type="checkbox"]:checked {
  background-color: #CC0C0C;
	content: "\f15e";
	font-family: dashicons;
	color: #fff;
	display: inline-block;
	line-height: 15px;
	font-size:15px;
	color: #fff;
}
.nolabels .gchoice {
    margin: 5px 0;
}
.nolabels .gform_footer:after {
	content: '';
	display: inline-block;
	height: 11px;
	width: 11px;
	background: url(images/red-arrow.png) no-repeat;
	margin-left: 7px;
}
.entry-content .gform_wrapper .full .ginput_complex .ginput_right.address_zip,
#prefooter .gform_wrapper .full .ginput_complex .ginput_right.address_zip {width: 100%;}
.entry-content .gform_wrapper .ginput_complex.ginput_container_address .ginput_right.address_zip,
#prefooter .gform_wrapper .ginput_complex.ginput_container_address .ginput_right.address_zip {padding-right: 0;}
a.facebook:after {
    content: "\f305";
    font-family: 'dashicons';
	font-size: 24px;
}
a.instagram:after {
    content: "\f12d";
    font-family: 'dashicons';
	font-size: 24px;
}
.navigation-container .navigation-primary ul li.social-flex.flex-container {
    display: flex !important;
    flex-basis: 75px;
}
.navigation-container .navigation-primary ul li.social-flex.flex-container > a{
	flex-basis: 48%;
}
@media (max-width: 1340px) {
.consultation-widget.container {max-width: 80%;}
}

@media only screen and (min-width: 641px){
	#prefooter div.ginput_complex.ginput_container.gf_name_has_2 span {padding-right: 0;}
	#prefooter .gform_legacy_markup_wrapper ul.gfield_radio {margin: 30px 0 0 0;}
	#prefooter div.ginput_complex.ginput_container.gf_name_has_2 span.name_first {padding-right: 16px;}
	body #prefooter .gform_wrapper span.address_zip {margin-top: 12px;}
	.nolabels.gform_legacy_markup textarea.small {height: 180px;}
}
@media only screen and (max-width: 641px){
	#prefooter .gform_wrapper .ginput_container span:not(.ginput_price) {margin-bottom: 16px;}
}

@media only screen and (min-width: 641px){
.gform_wrapper .half li.gfield.gf_left_half, .gform_wrapper .half li.gfield.gf_right_half {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    float: none;}
.gform_wrapper .half li.gfield.gf_left_half {padding-right: 16px;}
}

/* Footer */

footer.global {
	background: #000;
	color: #fff;
	width: 100%;
	clear: both;
	padding: 50px 0px;
	box-sizing: border-box; }

footer h3.widget-title {
	font-size: 2em;
	font-weight: normal;
	color: #000;
	padding-bottom: 20px; }

footer p{
	font-size: 15px;
	color: #5a5a5a;
	margin-top: 0;
	line-height: 1.5; }

footer div.social-container {
	margin-top: 20px;
	clear: both; }

footer .copyright a{text-decoration: underline;}
footer .copyright a, footer .copyright span.copy{color: rgba(255,255,255,0.42);}
footer hr{background-color: rgba(255,255,255,0.42);margin: 60px 0 20px;}
footer .copyright a:hover{color: rgba(255,255,255,1);}

.footer-menu li {
    display: inline-block;
    padding-right: 10px;
}
.footer-menu.flex-container, header.global .flex-container {align-items: center;}

.footer-menu li a{font-weight: 500;}
.copyright {font-size: 12px; letter-spacing: 1px;padding: 40px 0 0 0;}
.copyright span {display: inline-block;margin: 0 25px;}
.copyright span.copy {display: block;margin-bottom: 30px;}
@media (min-width: 767px) {
	.copyright span.copy {display: inline-block;margin-bottom: 0;}
}

/* =6. Home Page Styles
-------------------------------------------------------------- */
/* Slideshow */

.slideshow {
	position: relative;
	color: #fff;
	padding: 0; }

.slideshow h2{
	color: #fff;
	font-size: 38px;
	font-weight: 300;
	line-height: 1;
	margin: 0; }
.slideshow .slide {
	background-color: #00000066;
	background-blend-mode: multiply;}
.slideshow img{ width: 100%; display: block; }
.slideshow .bx-wrapper .bx-viewport { border: 0; box-shadow: none; }
.slideshow a { color: #fff; }

.slideshow .slide .slidecaption{
	position: absolute;
	bottom: 0;
	width: 100%; }

.slideshow .slide .entry p{
	font-size: 16px;
	color: #CC0C0C;
	text-align: left; }
.slideshow .slide {
    background-size: 777px 351px;
    background-repeat: no-repeat;
    background-position: top center;
    overflow: auto;
    width: 100%;
    text-align: center;
    height: 351px;
}
.slider-content {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
		display: none;
}
@media (min-width: 767px) {
	.slideshow .slide {
    	background-size: cover;
    	overflow: auto;
    	height: 0;
    	padding-bottom: 46.19%;}
	.slider-content {
		top: 50%;
		transform: translateY(-50%);
	    left: auto;
	    width: 100%; }
    .slideshow .slide h2 {font-size: 72px; }
}

@media (min-width: 1025px) {
	.slideshow .slide {
		background-attachment: fixed;
		padding-bottom: 45.19%; }
	.slideshow .slide h2 {font-size: 112px; }
	.slider-content {
		top: calc(50% + 62px);}
}

@media (min-width: 767px) {
	.slideshow .bx-wrapper .bx-pager {
		top: 50%;
    	transform: translateY(-50%);
    	right: 2%;
    	bottom: auto; }
    .slideshow .bx-wrapper .bx-pager .bx-pager-item,
	.slideshow .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
		display: block;}
}

@media (max-width: 767px) {
	.slideshow .bx-wrapper .bx-pager,
	.slideshow .bx-wrapper .bx-controls-auto {
		bottom: 30px;
		width: 100%; }
	.slideshow .bx-wrapper .bx-pager .bx-pager-item {vertical-align: middle;}
	.slideshow .bx-wrapper .bx-pager.bx-default-pager a, .slideshow .bx-wrapper .bx-pager.bx-default-pager a.active {margin: 0 8px;}
}


/* Custom Blocks */

span.bolder {font-weight: 700;}
#services h1 {
	line-height: 1.2;
  margin-bottom: 0px;}
.bucket-container {padding-top: 40px;}
.bucket-container .one_third {padding: 3%; border: 1px solid #707070;margin-bottom: 3%;}
.bucket-container p {font-size: 16px;}
.service {
    flex-basis: 100%;
    margin-bottom: 25px;
	padding: 3%;
	border: 1px solid #000;
}
@media (min-width: 767px) {
	#services h1 {font-size: 50px;}
	.service {
		flex-basis: 32%;
		margin: 0;
	}
}
@media (min-width: 1025px) {
	.bucket-container {padding-top: 75px;}
	.bucket-container.textalign-center .one_third {min-height: 500px;}
}
a.link, button{font-weight: bold;color: #000;}
div.link-wrapper {
	display: inline-block;
    position: relative;
   -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
    }
div.link-wrapper::after, button:after
	{
    display: block;
    height: 3px;
    background: #CC0C0C;
    width: 0;
    transition: width .3s;
    content: "";
    margin: 0 21px 0 0; }

div.link-wrapper:hover::after, button:hover::after {
    width: calc(100% - 18px);
}
#mission, #twenty-four {
	background-color: rgba(0,0,0,0.7);
	background-attachment: fixed;
	background-position: center;
	background-blend-mode: multiply;
	background-size: cover;
	color: #fff;
	padding: 0; }
#mission .container {
	position: relative;
}
#mission h2, #supplier h2 {font-size: 45px;line-height: 60px;}
#mission ol li {color: #ccc;margin: 50px 0 50px 75px;}
#mission ol li:before {
    left: -75px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 25px; }
.mission-text {margin: 5%;}
.mission-image {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-size: cover;
}
#supplier img {box-shadow: 0px 3px 6px rgba(0,0,0,0.16);}
.supplier-block-one .home-half, .supplier-block-two .home-half.last{
	position: relative;}
.mobile {display: block;}
.desktop {display: none;}
#twenty-four {font-style: italic;font-weight: 300;}
#twenty-four strong {font-weight: 800;}
#supplier .link-wrapper, #def .link-wrapper {margin: 0 0 0 50px;}
.supplier-block-one {margin-bottom: 50px;}
.image-wrapper {
		max-width: 100%;
		overflow: hidden; }
.home-half img {
		object-fit: cover;
		transition: .5s all ease-in-out;
    transform: scale(1);}
.home-half img.imagehover {
		transform: scale(1.1, 1.1);
}
@media (min-width: 1025px) {
	.mobile, img.mobile {display: none !important;}
	.desktop {display: block;}
	.mission-text {width: 40%;margin: 20px 5%;}
	.mission-image {
		width: 50%;
		padding-bottom: 50%;
	}
	#mission .flex-container {align-items: center;}
	#supplier, #def {padding: 0;margin-top: -50px;position: relative;}
	#supplier .container.larger .supplier-block-one, #supplier .container.larger .supplier-block-two,
	#def .container.larger .supplier-block-one{
    	background-image: url(images/gray.jpg);
    	background-size: 75% 100%;
    	background-repeat: no-repeat;
    	background-position: top right; }
	#supplier .container.larger .supplier-block-two{background-position: top left; }
	.supplier-block-one {margin: 0;}
	#supplier .link-wrapper, #def .link-wrapper {margin: 40px 0 0 50px;}
	.supplier-block-two .home-half {
		width: 59%;
		display: inline-block;
    	vertical-align: middle;
    	padding: 8% 10% 8% 5%;}
  .supplier-block-one .home-half, .supplier-block-two .home-half.last{
    	display: inline-block;
    	width: 40%;
    	vertical-align: middle;
    	padding: 0;}
	.supplier-block-one .home-half.last {
		width: 59%;
    	padding: 8% 10% 8% 5%;}
	.supplier-block-one {margin-bottom: 75px;}
	.image-wrapper {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);}
	#twenty-four {margin-top: -50px;padding: 110px 0;}
	#twenty-four p{font-size: 35px;}
}

@media (max-width: 1025px) {
	footer {text-align: center;}
}

@media (max-width: 767px) {
	.home-half img {height: auto !important;}
	.bucket-container .one_third {border-width: 1px 0 0 0;}
	h3.service-title {font-size: 18px;}
	#services a.link {font-size: 12px;}
	#mission img, #twenty-four img {max-width: 110px;}
	#mission h2 {font-size: 24px;line-height: 30px;text-align: center;}
	#mission ol li, #supplier ol li, #def ol li {font-size: 15px;line-height: 25px;}
	.supplier-block-two {margin-top: 0px;}
	#supplier h2, #def h2, #prefooter h2.form-title {font-size: 28px; line-height: 40px;}
	#twenty-four p {text-align: center;font-size: 20px;line-height: 32px;}
	#twenty-four strong {font-size: 24px;}
	section {padding: 40px 0;}
	#def {padding: 40px 0 0 0;}
	.nolabels .gform_footer {
    	text-align: left;
    	display: inline-block;}
    .nolabels .gform_footer input[type="submit"].button {
    	display: inline-block;
   		width: auto; }
	footer .navigation-container {flex-basis: 100%;}
	.navigation-container .navigation-primary ul li.social-flex.flex-container {
		max-width: 100px;
		margin: 0 auto;
	}
   	footer .navigation-container li.menu-item{display: none;}
   	footer.global {padding: 20px 0 50px;}
   	.copyright {padding: 20px 0 0 0;}
   	footer hr {display: none;}
}

/* =7. Additional Page styles
-------------------------------------------------------------- */
.entry-content div, .entry-content p {font-weight: 300;}
.entry-content h2 {font-size: 32px;}
p.list-header {
    font-weight: bold;
    width: 100%;
    border-bottom: 1px solid #707070;
	font-size: 24px;
    padding-bottom: 24px;
    display: block;
    margin-top: 50px;
}
@media (min-width: 767px) {

ul.two_column {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
    margin-top: 10px; }
}
ol.two_column li a:hover {color: #CC0C0C;}
ol.two_column li a:hover:after {
	font-family: dashicons;
	position: absolute;
	content: '\f345';
	color: #CC0C0C;
	right: -20px;
    top: 50%;
    transform: translateY(-50%);
}

ol.two_column li:before {
	content: counter(item);
    background: #CC0C0C;
    color: #fff;
    position: absolute;
    left: -35px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    text-align: center;
    line-height: 22px;
    font-weight: 600;
    font-size: 15px;
    top: 50%;
    transform: translateY(-50%); }
ol.two_column ~ .cta-box {
    margin-top: 30px;
}
.cta-box {background: #EAEAEA;margin-bottom: 30px;}
.cta-box h2 {
    background: #000;
    color: #fff;
    padding: 20px;
    text-align: center;
}
.cta-box .red-header h2 {
    background: #CC0C0C;
    font-weight: bold;
}
.icon-box {
    height: 186px;
    position: relative;
}
.icon-box img {
    position: absolute;
    left: 16%;
    width: 72%;
    top: 50%;
    transform: translateY(-50%);
}
.cta-box h2 span.red, h4 strong {font-weight: 900;}
.cta-box .text-section {padding: 0px 40px 40px;}
.cta-box .flex-container > a img {padding: 20px 0;}
.cta-box .flex-container > * {padding: 2%;position: relative;}
.cta-box .flex-container h3 {font-size: 24px;}
@media (min-width: 1025px){
.cta-box .red-header h2 {font-size: 35px;}
.cta-box .header-text {min-height: 58px;}
.cta-box .flex-container h3 {font-size: 24px;}
.cta-box .flex-container > a:after {
	content: '';
	width: 1px;
	height: 100%;
	background-color: #000;
	position: absolute;
	top: 0;
	right: -2vw;
}
.cta-box .flex-container > a:last-child:after {
	width: 0;}
}
.text-section {font-weight: 300; font-size: 18px; line-height: 1.5;}

@media (max-width: 1025px) {
	.page-template-fuel-delivery-page #secondary {display: none;}
	.cta-box .flex-container>* {
    max-width: 90%;
    margin: 0 auto;}
}

@media (max-width: 767px) {
	.page-template-overview-page .entry-content {text-align: center;}
}

/* Default Pages */

.before-afters {
    background: #eaeaea;
	border-top: 1px solid #000;
    padding: 20px;
}
.before-afters .flex-container.flex-2 {margin-bottom: 3%;}
.before-afters .flex-container.flex-2 > * {flex-basis: 48%; margin-bottom:10px;}
.before-afters h3 {margin-bottom: 20px;}
.before, .after {position: relative;}
.before:after {content: 'Before';right: 10px;}
.after:after {content: 'After';left: 10px;}
.before:after, .after:after {
	position: absolute;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: 1px 1px 0px #000; 
	bottom: 10px;}

@media (min-width: 1025px) {
	.before-afters {
		border-left: 1px solid #000;
		border-top: 0px solid #000;}
	.page-content.flex-container > #content {flex-basis: 55%;}
	.page-content.flex-container > #secondary {flex-basis: 40%;}
}

/* Blog Page styles */

#breadcrumbs {color: #fff;}
#breadcrumbs a {color: rgba(255,255,255,0.6)}

/* Fleet Page */

.callouts, #fleet-primary .cta-box {
    max-width: 886px;
    margin: 0 auto;}
.callouts h2 {font-weight: 600;}
.callout-flex {
    margin-top: 50px;
    border: 1px solid #CC0C0C;}
.flex-container.flex-3 >.callout-box {
	background: #eaeaea;
	position: relative;}
.callout-box h3	{margin-top: 30px;}
.callout-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.callout-flex.flex-container.flex-3>* {flex-basis: 96%;}
.callout-flex.flex-container.flex-3 >.callout-box {
	margin: 2%;
	padding: 5%;}
.bullet-points {
	margin: 75px 0;
	padding: 75px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.bullet-points h4{
	color: #CC0C0C;
	font-weight: 600;
	font-style: italic;}
.bullet-row h5 {margin-bottom: 15px;}
.check-bullet {
	font-size: 18px;
	line-height: 2;}
.check-bullet span.dashicons.dashicons-yes {
	color: #CC0C0C;
    font-size: 30px;
    line-height: 1.25;
    margin-right: 20px;}
.testimonials {
	padding: 60px 0 15px 0;
	margin-bottom: 75px;}
.testimonial-header {margin-bottom: 65px;}
.testimonial blockquote p {font-style: italic;}
div#bxtabs:before {
	content: '';
	background: #000;
	height: 1px;
	width: 100%;
	position: absolute;
	top: 50%;}
div#bxtabs.flex-container {
	justify-content: center;
	position: relative;}
.testimonials .testimonial {padding: 30px;}
.testimonials .bx-wrapper {
    border-left: 1px solid #000;
    margin-top: -9px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}
.tab {position: relative;z-index: 999;}
.tab a, .tab a.inactive.active{
    padding: 10px 50px;
	border: 1px solid #CC0C0C;
    background: #eaeaea;
	font-weight: 600;
	color: #000;}
.tab a.active {
	background: #CC0C0C;
	color: #fff;
}
span.attribution-title {color: #CC0C0C;}
.secondary-text {margin-bottom: 75px;}
.form {margin-top: 100px;}
.form .nolabels_wrapper.gform_wrapper.gravity-theme {margin-top: 50px;}
.form .gform_wrapper.gravity-theme .gform_footer {display: block; margin-top: 20px;}
.form .gform_wrapper.gravity-theme .gform_fields {position: relative;}
.form .gform_wrapper.gravity-theme .gfield input[type=text], .form .gform_wrapper.gravity-theme .gfield select,
.form .gform_wrapper.gravity-theme .gfield textarea{
	padding: 20px 25px;
    border-radius: 3px;}
.form .nolabels_wrapper.gform_wrapper.gravity-theme .gfield textarea.medium {height: 230px;}
.form .gform_wrapper.gravity-theme .ginput_container_address span.address_zip {flex: 0 0 100%;}
@media (min-width: 767px){
	.callout-flex.flex-container.flex-3>* {flex-basis: 30%;}
	.callout-flex.flex-container.flex-3 >.callout-box {padding: 3% 2%;}
	.callout-flex.flex-container.flex-3>.callout-box:not(:last-of-type) {
		margin-right: 0;}
	.callouts h2 {font-size: 32px;}
	.callout-box h3 {font-size: 24px;}
}
@media (min-width: 1025px){
	.bullet-points h4{font-size: 30px;}
	.bullet-row h5 {
		margin-bottom: 20px;
		font-size: 24px;}
	.testimonial blockquote p {font-size: 22px;}
	.gform_wrapper.gravity-theme .gfield.gfield--width-full.span-3 {grid-column: span 3;}
	.gform_wrapper.gravity-theme .gfield.gfield--width-full.span-6 {grid-column: span 6;}
	.gform_wrapper.gravity-theme fieldset.gfield.gfield--width-full.span-6 {position: absolute; bottom: 0;max-width: 48%;}
}

/* Tank App CTA */
.tank-app-cta {
	padding: 30px 0;
	margin-bottom: 30px;
	position: relative;
	background: linear-gradient(
   		 to bottom, 
    		#eaeaea 0%, 
    		#eaeaea 65%, 
    		#CC0C0C 65%, 
    		#CC0C0C 100%);}
.tank-app-cta .wrapper {padding: 0 30px;}
.tank-app-cta .button {padding: 10px 30px;}
.tank-cta-text {position: relative;width: 100%;}
.tank-cta-image {
	position: relative;
    max-width: 60%;
    margin: 15px auto;
}
.app-links {margin-bottom: 20px; justify-content: left;}
img.app-link, .entry-content img.app-link {max-width: 120px;margin-right: 10px;}
.cta-headline {background: #000;margin-top: 30px;}
.cta-headline h2 {
    color: #fff;
    margin: 0;
    padding: 20px;
    text-align: center;
    font-size: 20px;
}
@media (min-width: 480px) {
	.tank-cta-text {width: 75%;}
}
@media (min-width: 1025px){
	.tank-app-cta {
		background: linear-gradient(
   		 to right, 
    		#eaeaea 0%, 
    		#eaeaea 50%, 
    		#CC0C0C 50%, 
    		#CC0C0C 100%);}
	.tank-app-cta svg { top: 0;}
	.tank-cta-text {flex-basis: 45%;position: relative;width: 100%;}
	.tank-cta-text p {font-size: 20px;}
	.tank-cta-image {
		flex-basis: 50%;
		max-width: 100%;
		margin: 0;
		padding: 0 16%;
	}
	.cta-headline h2 {font-size: 28px;}
}

/* State Pages */
.city-list {margin: 25px 0;}
.column-2 {width: 100%;display: block;}
.column-3, .column-4 {width: 49.5%;}
.column-3, .column-4 {
    display: inline-block;
		vertical-align: top;
}
.def {
    margin: 30px 0px;
}
@media (min-width: 767px){
	.page-template-location-page .wrapper {padding: 75px 0 15px 0px;}
}
@media (min-width: 1025px){
	.column-2 {width: 49.5%; display: inline-block;vertical-align: top;}
	.column-3 {width: 33%;}
	.column-4 {width: 24.5%;}
}
.service-list .two_column {margin: 50px 0 50px 16px;}
.bucket-header {margin-bottom: 25px;}
/* Pagination */

.navigation li { display: inline; }
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled {
	color: #fff;
	text-decoration:none; }

.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled {
	background-color: #000;
	cursor: pointer;
	padding: 6px 15px; }
.navigation li a:hover, .navigation li.active a { background-color: #CC0C0C; }

.page-previous, .page-next {display: inline-block;}
.page-previous {margin-right: 10px;}
.page-next {margin-left: 10px;}
.page-previous::after, .page-next::after {
	display: block;
	height: 3px;
	background: #CC0C0C;
	width: 0;
	transition: width .3s;
	content: "";
}
.page-previous::after{margin: 5px 21px 0 21px;}
.page-next::after{margin: 5px 0px 0 0px;}
.page-previous:hover::after, .page-next:hover::after {width: calc(100% - 20px);}
.page-previous .link, .page-next .link {position: relative; color: #d5d5d5;}
.page-previous a.link {padding-left: 20px;}
.page-next a.link {padding-right: 0px;}
.page-previous .link:before, .page-next .link:after {
	    font-family: dashicons;
	    position: absolute;
	    color: #d5d5d5;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
}
.page-previous .link:hover, .page-next .link:hover {color: #000;}
.page-previous .link:hover:before, .page-next .link:hover:after {color: #cc0c0c;}
.page-previous .link:before {content: '\f341';left: 0;}
.page-next .link:after {
	content: '\f345';
	right: -20px;
    top: 50%;
    transform: translateY(-50%);}

/* Default Page styles */

/* =8. Misc
-------------------------------------------------------------- */

/* Floating CTA */

.float-cta {
	position: fixed;
	bottom: 35%;
	background: #cc0c0c;
	right: -250px;
	z-index: 99;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-radius: 15px 15px 0 0;
	background-repeat: no-repeat;
	box-shadow: -10px 10px 10px rgba(0,0,0,0.1);
	transform: rotate(270deg);
	color: #fff;
	padding: 15px 25px;
	text-align: center;
	width: 400px;
}

.float-cta h3 {font-size: 22px;max-width: calc(100% - 85px);line-height: 1;text-align: left;}
.float-cta h3, .float-cta p{display:inline-block; vertical-align: middle;margin: 0 5px;}
.float-cta a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	}
.float-cta.visible-cta {right: -165px;}

@media(max-width: 767px) {
	.float-cta {
		background: url(images/help-button.png);
		transform: rotate(0deg);
		width: 70px;
		height: 70px;
		box-shadow: 0px 0px 0px rgba(0,0,0,0);
		bottom: 50%;}
	.float-cta .float-cta-content img, .float-cta .float-cta-content h3 {display: none;}
	.float-cta.visible-cta {right: -15px;}
	.float-cta-content {position: relative;width: 100%;
    height: 100%;}
	.float-cta a {
    	width: 100%;
   		height: 100%;
    	position: absolute;
    	z-index: 110;
    	top: 0;
    	left: 0; }
}

/* Gravity Forms */
body .gform_wrapper form.nolabels label.gfield_label, .gform_wrapper.nolabels_wrapper .field_sublabel_below .ginput_complex.ginput_container label
{display: none;}
body .gform_wrapper.nolabels_wrapper .top_label div.ginput_container {margin-top: 0 !important;}
#content .gform_wrapper .gfield_checkbox li label{font-size:1em;}
#content .gform_wrapper ul.gfield_checkbox {margin-bottom:0;}
/* Test of Featured Image */
.header-content img.featured {
    position: absolute;
    left: -100%;
}

/* Zoho */
body #cookie-notice {
	position: sticky;
	z-index: 2247483699!important;
}