/* Define the character set */
@charset "utf-8";

/* Remove the browser defaults and import any other css files we need */
@import url("reset.css");

/* Import the fonts used for the site */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,500,500i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Jura:300,400,500,600');

/* Color Palette:      */
/*   dk red : #901B1F; */
/*   red    : #D81E05; */
/*   black  : #000000; */
/*   yellow : #F9E04C; */
/*   font-family : '*/

/*
==================================================
TABLE OF CONTENTS
==================================================
01. STRUCTURE
02. GRIDS
02. ACCESSIBILITY
03. BASE STYLES
04. HEADER
05. FOOTER
06. HOMEPAGE
07. PAGES
08. VIDEOS
*/

/*
==================================================
01. STRUCTURE
==================================================
*/

html {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 75%; /* 12px */
	/* width:100vw; */
}

body {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
   font-weight: 400;
	font-size: 1em;
   -webkit-text-size-adjust: 100%;
	position:relative;
   width:100%;
   height:100%;
   min-height:100%;
   background:#555;
}

#web_container {
   max-width:100%;
   min-width:100%;
   overflow:hidden;
   background: #333;
}

#mobile_wrapper {
    width: 100%;
    background: #fff;
    position: relative;
    z-index: 50;
}

.section_container:nth-child(odd) {
    display:block;
	 width: 100%;
	 height:auto;
    padding: 35px 0;
    background: #fff;
}

.section_container:nth-child(even) {
	display:block;
   width:100%;
   padding:35px 0;
   background: #E8E8E8;
}

.content_container {
   width:90%;
   max-width:1300px;
   margin:0 auto;
   padding:0;
   position:relative;
   clear:both;
}

/*
==================================================
02. GRIDS
==================================================
*/

.grid4column {
	float:left;
	width:95%;
	margin: 2.5%;
	padding-top:20px;
}

.grid4column, .grid2column {
	float:left;
	width:95%;
	margin: 2.5%;
	padding-top:20px;
}


@media (min-width: 550px) {

	.grid4column, .grid2column {
		float:left;
		width:40%;
		margin:5%;
		padding-top:0px;
	}

}

@media (min-width: 950px) {

	.grid4column {
		float:left;
		width:20%;
		margin:2.5%;
		padding-top:0px;
	}

}


.grid2callout {
	float:left;
	width:calc(95% - 67px);
	margin:2.5%;
	padding:15px;
   border-radius:20px;
   border:1px solid #e5e7ea;
   height:110px;
   box-shadow: 2px 2px 5px rgba(128, 128, 128, 0.5); /* horizontal-offset vertical-offset blur-radius shadow-color */
   line-height:1.3;
   margin-left:15px;
   padding-left:50px;
   position:relative;
}

.grid2callout:before {
	content: "\f06a";
	font-family: FontAwesome;
	position: absolute;
	margin-left: -15px;
	color: #0069b4;
	font-size: 2.6em;
	top: 12px;
	left: 25px;
}

.main-content .grid2callout h3 {
font-size:1.2em;
margin-bottom: 8px;
}


@media (min-width: 750px) {

	.grid2callout {
      width:calc(48% - 67px);
		margin:1%;
      height:110px;
	}

}

@media (min-width: 850px) {

	.grid2callout {
      width:calc(95% - 67px);
		margin:1%;
      height:110px;
	}
}

@media (min-width: 1300px) {

	.grid2callout {
      width:calc(48% - 67px);
		margin:1%;
      height:150px;
	}
}

@media (min-width: 1600px) {

	.grid2callout {
      width:calc(48% - 67px);
		margin:1%;
      height:110px;
	}

}
/*
==================================================
02. ACCESSIBILITY
==================================================
*/

a.accessibility-skip {
	display:block;
	padding:8px;
	position: absolute;
	top:-40px;
	left:0px;
	color:white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	border-bottom-right-radius:8px;
	background:#c8102e;
	-webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 100;
}

a.accessibility-skip:focus, a.accessibility-skip:active {
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	background:#c8102e;
	outline:0;
	color:white;
	-webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
}

/*
==================================================
02. BASE STYLES
==================================================
*/

a { color:#901b1f; font-weight:bold; text-decoration:none; }
a:hover, a:focus { color:green; text-decoration:underline; }

p {
	line-height:1.7;
	font-size:1.2em;
	margin-bottom: 15px;
}

h1, h2, h3, h4, h5, h6 {
   font-family: 'Montserrat', sans-serif;
}

hr {
   border-bottom:1px solid gray;
   margin-bottom:30px;
}

/*
==================================================
02. LISTS
==================================================
*/

ul.list-style-0 {
   padding: 0;
   margin-bottom: 15px;
   margin-left: 20px;
   margin-right:20px;
   list-style:none;
   font-size:14px;
}
ul.list-style-0 li {
   padding: 0px 0px 8px 31px;
   margin:0px 6px;
   line-height:1.4;
   font-size:1.0em;
}

ul.list-style-1 {
   padding: 0;
   margin-bottom: 15px;
   margin-left: 20px;
   margin-right:20px;
   list-style:none;
   font-size:14px;
}

 ul.list-style-1 li {
   padding: 0px 0px 8px 31px;
   margin:0px 6px;
   line-height:1.4;
   font-size:1.0em;
   background:url("/images/bullet_check_green.png") no-repeat 0 0px;
}

ul.list-style-1 li ul {
   padding: 0;
   margin-top: 15px;
   margin-bottom: 0;
}

ul.list-style-1 li ul {
   list-style: circle;
}

ul.list-style-1 li ul li {
   padding-left:0!important;
   background:none!important;
}


/*
==================================================
02. UTILITIES
==================================================
*/

.clearfloat:after{ content:" "; display:block; clear:both; height:0; visibility:hidden; }
.hidden { display:none; }
.visible { display:block; }
.attention { color:#BB0000; }
.success { color:#333333; }
.warning { color:#FF0000; }
.for_review{ color:#FF9900; }

form.submitted input:invalid { outline: 2px solid red; }
form.submitted input:focus:invalid { color: red; }

/*
==================================================
04. HEADER
==================================================
*/

#header {
   font-family: 'Montserrat', sans-serif;
	width: 100%;
   position: relative;
	z-index: 50;
	background: #FFF;
}

#header nav#contact_nav {
	width:100%;
	background:#D81E05;
}

#header nav#contact_nav ul {
}

#header nav#contact_nav ul li {
	float:left;
	width:calc(25% - 1px);
	text-align:center;
	padding:0;
	border-right:1px dashed #fff;
	min-height:64px;
}

#header nav#contact_nav ul li:last-of-type {
    border-right:none;
}

#header nav#contact_nav ul li a {
	display:inline-block;
	width:70%;
	margin:10px auto;
	padding-top:15px;
   position: relative;
	font-family:'Roboto Condensed', sans-serif;
   font-size:0.7em;
	font-weight:bold;
   text-align:center;
	line-height:1.4em;
	letter-spacing:2px;
   color: #F9E04C;
	text-transform: uppercase;
}

#header nav#contact_nav ul li a.my_account_icon:before {
	content: "\F015";
	font-family: FontAwesome;
	position:absolute;
	left:50%;
	top:0px;
	color:#F9E04C;
	font-size:1.3em;
	font-weight:normal;
	transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
}

#header nav#contact_nav ul li a.service_area_icon:before {
	content: "\F041";
	font-family: FontAwesome;
	position:absolute;
	left:50%;
	top:-2px;
	color:#F9E04C;
	font-size:1.3em;
	font-weight:normal;
	transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
}

#header nav#contact_nav ul li a.become_customer_icon:before {
	content: "\F007";
	font-family: FontAwesome;
	position:absolute;
	left:50%;
	top:0px;
	color:#F9E04C;
	font-size:1.1em;
	font-weight:normal;
	transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
}

#header nav#contact_nav ul li a.live_chat_icon:before {
	content: "\F075";
	font-family: FontAwesome;
	position:absolute;
	left:50%;
	top:-2px;
	color:#F9E04C;
	font-size:1.2em;
	font-weight:normal;
	transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
 }

#header nav#contact_nav ul li a:hover,
#header nav#contact_nav ul li a:focus {
	text-decoration: underline;
	color: #000;
}

#header a#company_logo {
	width:80%;
	margin:0px auto;
	padding:15px 0;
	display: block;
	border:1px dotted transparent;
}

#header a#company_logo:focus{
	border: 1px dotted #CCC;
}

#header a#company_logo img {
   display:block;
   width:100%;
   max-width:300px;
   margin: 0px auto;
   height:auto;
   border:none;
   outline:none;
}

#header a#phone_number {
	display:none;
}

#header a#google_rating {
	width:100%;
   padding:8px 0px;
	text-align:center;
	display:block;
	font-size:1em;
	font-weight:bold;
	background-color:#ed1b2d;
   color:#ffe04f;
}

#header a#alz-img-hdr img {
	width:25%;
	display:block;
   margin:0 auto 15px auto;
}


#header nav#contact_nav ul li.hidden_on_mobile {
   display:none;
}

@media (min-width: 850px) {

	#header a#company_logo {
		width:323px;
		float:left;
		padding:0;
		border: 1px dotted transparent;
	}

	#header a#company_logo:focus{
		border: 1px dotted #CCC;
	}

	#header a#company_logo img {
		width:100%;
		padding:15px 0;
	}

   #header a#alz-img-hdr img {
   	width:4%;
      float:right;
      padding-right:20px;
   }

	#header nav#contact_nav {
		width:calc(100% - 325px);
		float:right;
		background:#fff;
	}

	#header nav#contact_nav ul {
		width:auto;
		float:right;
	}

	#header nav#contact_nav ul li {
		width:auto;
		padding-right:25px;
		min-height:initial;
	}


	#header nav#contact_nav ul li a {
		font-size:0.8em;
		padding-left:10px;
		padding-top:0;
		text-align:left;
		color:#4f4d4e;
		display:inline-block;
		width:auto;
		letter-spacing:1px;

	}

	#header nav#contact_nav ul li a.my_account_icon:before,
	#header nav#contact_nav ul li a.service_area_icon:before,
	#header nav#contact_nav ul li a.become_customer_icon:before,
	#header nav#contact_nav ul li a.live_chat_icon:before {
		left:0%;
		color:#4f4d4e;
	}

   #header nav#contact_nav ul li.hidden_on_mobile {
      display:block;
      margin:0;
      padding:0;
   }

   #header nav#contact_nav ul li.hidden_on_mobile a{
      margin:0;
      padding:0;
      margin-right:6px;
      margin-top:5px;
   }

   #header nav#contact_nav ul li.hidden_on_mobile a.youtube_icon{
      margin-right:20px;
   }

   #header nav#contact_nav ul li a.facebook_icon i,
   #header nav#contact_nav ul li a.youtube_icon i {
      font-size:2.2em;
      color:#555555;
   }

	#header a#phone_number {
		/* width:50%; */
		padding:10px 25px 20px 0;
		text-align:right;
		display:block;
		font-size:2.2em;
		font-weight:bold;
		color:#D81E05;
		float:right
	}

	#header a#google_rating {
		width:auto;
      padding:17px 25px 20px 0;
		text-align:right;
		display:block;
		font-size:1.2em;
		font-weight:bold;
		color:#4285f4;
		float:right;
      background-color:transparent;
	}

}


/*
==================================================
01. NAVIGATION
==================================================
*/

.main{
   position:relative;
}
#main-nav .main > ul li.has-sub ul#oil_delivery_menu {
	height:300px;
}
#main-nav .main > ul li.has-sub ul#heating_menu {
	height:300px;
}
#main-nav .main > ul li.has-sub ul#air_conditioning_menu {
	height:300px;
}
#main-nav .main > ul li.has-sub ul#how_to_save_menu {
	height:300px;
}
#main-nav .main > ul li.has-sub ul#why_choose_standard_menu {
	height:300px;
}
#main-nav .main > ul li.has-sub ul#about_us_menu {
	height:300px;
}
#main-nav .main > ul li.has-sub ul#contact_us_menu {
	height:300px;
}

@media (min-width: 850px) {
	#main-nav { background:#FFF; min-height:initial;}
	#main-nav .main {width:100%; left:0;}
	#main-nav .main > ul li > a span { border-bottom:initial; font-size:0.7em;}
	#main-nav .main > ul li > a { color:#000; text-transform:none;}
	#main-nav .main > ul li > a:hover { color:#D81E05; font-weight:bold;}
	#main-nav .main > ul { font-size:1.2em; font-weight:600; }
	#main-nav ul li { height:36px; }
	#main-nav .main > ul li ul {
		padding:0px;
		margin:0px;
		background: rgba(51, 51, 51, 0.85);
		/* background: rgba(0,0,0, .85); */
		top:36px;
	}

	#main-nav .main > ul li ul div {
		float:left;
		width:23.5%;
		/* border-right:1px #ffe14f solid; */
		margin:30px 0;
		height: 80%;
	}
	#main-nav .main > ul li ul div:last-child {
		border-right: none;
	}

	#main-nav .main > ul li ul li {
		border:none;
	}
	#main-nav ul li ul li:hover {
      background-color:transparent;
   }

	#main-nav .main > ul li ul li a {
		background:transparent;
		color: #F9E04C;
		font-weight:normal;
      padding:3px 10%;
	}
	#main-nav .main > ul li ul li a:focus, #main-nav .main > ul li ul li a:hover {
		background:transparent;
		color:white;
		text-decoration:underline;
	}

	#main-nav.lock_nav .main {
		width:75%;
		left:10%;
	}

   #main-nav.lock_nav .main > ul { font-size:1.1em; font-weight:600; }


	#main-nav.lock_nav .main > ul li { height:56px; }

	#main-nav.lock_nav .main > ul li > a span { font-size:0.9em;}

	#main-nav.lock_nav .main > ul li ul {
		top:56px;
	}

	#main-nav.lock_nav .main > ul li ul li { height:auto; }


	.full_width_menu_image, .full_width_menu_quote {
		display:block;
	}

	.full_width_menu_quote h2 {
		padding: 6px 10%;
		font-size:0.9em;
		padding-top:35px;
      line-height:1.3;
	}

	.full_width_menu_quote  {
		color: white;
		letter-spacing: 1px;
	}

	.full_width_menu_quote span {
		text-transform: uppercase;
      display:block;
		color: #ffb950;
      /* color: #F9E04C; */
	}

	div.full_width_menu_image {
		width:20%;
		padding:0 2.5%;
	}

	.full_width_menu_image img {
		margin:auto;
		max-height: 200px;
		width:100%;
		display: block;
		box-shadow: 6px 6px 12px #222222;
      max-width:400px;
	}

	.full_width_menu_image h2 {
		font-size:1.3em;
		color: white;
		margin: 10px auto;
		text-align: left;
		letter-spacing:2px;
      color:#F9E04C;
	}

	.full_width_menu_items h2 {
		font-size:1.0em;
		padding-left:25px;
	}
   	.full_width_menu_items {
		   padding-top:35px;
	}



   #main-nav .main > ul > li a:hover, #main-nav .main > ul > li a:focus {
      border-color: #D81E05;
   }
   #main-nav .main > ul > li a:focus span {
      /* border-bottom: 2px solid #D81E05; */
      border-bottom: none;
      color: #D81E05;
   }


}

@media (min-width: 1200px) {
	#main-nav .main > ul li > a span { border-bottom:initial; font-size:100%;}

	.full_width_menu_quote h2 {
		font-size:1.2em;
      line-height:1.4;
      font-weight:normal;
	}

}

@media (min-width: 1700px) {
	.full_width_menu_quote h2 {
		font-size:1.35em;
      line-height:1.5;
	}

}


/*
==================================================
01. SUB PAGE NAVIGATION
==================================================
*/

.page-nav h3 {
	color: black;
	font-size: 1.6em;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
}
.page-nav h4 {
	color: #505050;
	font-size: 1.5em;
	text-transform: capitalize;
	font-weight: bold;
	margin: 12px 0 12px 10px;
}
.page-nav ul {
	font-size: 1.1em;
	line-height: 1.6;
}
.page-nav ul li {
	padding-left: 12px;
   width: 180px;
}
.page-nav ul li:hover {
	font-weight: bold;
}
.page-nav a {
	color: #505050;
	text-decoration: none;
	display: block;
	padding:4px 0;
}
.page-nav a:hover {
	font-weight: bold;
}
.page-nav .active {
	background-color: #F9E04C;
	font-weight: bold;
}

/*
==================================================
04. BANNER SLIDE OVERRIDES
==================================================
*/

#HomePage #slide {
   border-bottom: 2px solid red;
}

#slide {
   border-bottom: 3px solid #ed1b2d;
   box-shadow: 0 4px 0px 0px #ffe04f;
}

#slide .slide_nav a {
   background: #F9E04C;
   color: #F9E04C;
}

#slide .slide_nav a:first-child,
#slide .slide_nav a:last-child {
   visibility:hidden;
}

#slide .slide_nav a:hover {
   background: #fe8113;
   color: #fe8113;
}

#slide .slide_nav a.active {
   background: #D81E05;
   color: #D81E05;
}

#slide .slide_text h1 {
	width:calc(40% - 6.5%);
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	/* font-size:1.9em; */
	font-size: 1.6vw;
	line-height:1.1em;
	color:#fff;
	padding-left:6.5%;
	/* background: url("../images/banner/banner_logo_icon.png") 0 0 no-repeat; */
	background-size: 5.2vw auto;
	letter-spacing:2px;
   top: 50%;
	transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
}

#slide .slide_text h1.left {
	left: -5%;
}

#slide .slide_text h1.right {
	right: 0.5%;
}

#slide .slide_text h1 span {
	display:block;
	width:100%;
	font-weight:700;
	/* font-size:1.8em; */
	font-size: 2.2vw;
	line-height:1.2em;
	text-transform:uppercase;
	margin-bottom:15px;
   color:#F9E04C;
}

#slide .slide_text h1 span i {
	display:block;
	width:100%;
	font-weight:700;
	/* font-size:1.8em; */
	font-size: 1.1vw;
	line-height:1.0em;
	text-transform:uppercase;
	margin-bottom:10px;
   color:#cccccc;
}

#slide .slide_text h1 a {
	display:block;
	font-weight:500;
	font-size:8px;
	padding:5px;
	background:#F9E04C;
	color:black;
	width:130px;
	margin-top:15px;
	text-align:center;
}

#slide .slide_text h1.right a {
	float:right;
	margin-right:20px;
}

#slide .slide_text h1 a:hover,
#slide .slide_text h1 a:focus {
	background:#fe8113;
	color:white;
	text-decoration:none;
}

#slide .slide_text h1 a{
	padding:5px 0px;
	margin:10px 0px 0px 0px;
}

@media (min-width: 850px) {

   #slide .slide_text h1.left {
   	left: 0%;
   }

   #slide .slide_text h1.right {
   	right: 6%;
   }

   #slide .slide_text h1 {
   	width:calc(40% - 6.5%);
   }

   #slide .slide_text h1 a {
   	font-weight:700;
   	font-size:12px;
   }


   #slide .slide_text h1.right a {
   	float:none;
   	margin-top:20px;
   }

   #slide .slide_text h1.left a {
   	margin-top:20px;
   }

}

.mobile_banner {
	display:block;
}

.mobile_banner img{
	width:100%;
}

#slide {
	display:none;
}


@media (min-width: 850px) {

	.mobile_banner {
		display:none;
	}

	#slide {
		display:block;
	}

} /* End  @media (min-width: 850px) */



/*
==================================================
04. HOMEPAGE - FOCUS AREAS
==================================================
*/

#focus_areas {
   border-top: 3px solid #F9E04C;
}

#focus_areas h1 {
   text-transform:uppercase;
   text-align:center;
   font-size:20px;
   font-weight:700;
	font-style:italic;
   letter-spacing:10px;
	line-height:1.4;
   width:90%;
   margin:0px auto 15px auto;
   padding-bottom:15px;
   padding-left:1%;
   padding-right:1%;
   border-bottom:1px solid #777;
}
#focus_areas h1#main_heading {
   font-size:24px;
   font-weight:700;
	font-style:normal;
   letter-spacing:1px;
}
#focus_areas img {
	border:1px black solid;
	width:100%;
}

#focus_areas h2 {
	font-weight:bold;
	font-size:1.4em;
	text-transform:uppercase;
	padding:4px 0px;
	line-height:1.3;
}

#focus_areas p {
	line-height:1.3;
}

#focus_areas p a {
	color:red;
	font-weight:bold;
	display:block;
	width:100%;
}

@media (min-width: 550px) {
#focus_areas .grid4column {
		min-height:360px;
	}
}

/*
==================================================
04. HOMEPAGE - WHY CHOOSE STANDARD
==================================================
*/

#why_choose_standard h2 {
	font-weight:bold;
	font-size:1.8em;
	text-transform:uppercase;
	text-align:center;
	padding:4px 0px;
	line-height:1.3;
	width:100%;
}

#why_choose_standard img {
	display:block;
	width:90%;
	border:2px black solid;
	margin:3% auto;
}

#why_choose_standard iframe {
	margin:3% auto;
}

#why_choose_standard p {
	width:90%;
	font-size:1.1em;
	line-height:1.3;
	padding:6px 0;
	margin:auto;
}

#why_choose_standard ul {
   line-height:1.7;
   margin-left:20px;
   width:90%;
   float:right;
}
#why_choose_standard ul li {
   padding:0px 15px;
	float: left;
   width:95%;
}
#why_choose_standard ul li:before {
	content: "\f00c ";
	color: #D81E05;
   font-family: FontAwesome;
   margin-right:6px;
}

@media (min-width: 550px) {

   #why_choose_standard ul {
      margin-left:80px;
   }

   #why_choose_standard ul li {
      width:40%;
   }

}

@media (min-width: 850px) {

	#why_choose_standard .content_container {
		padding:75px 0;
	}

	#why_choose_standard h2 {
		width:60%;
		float:right;
		text-align:left
	}

	#why_choose_standard img {
		width:35%;
		margin:0 0 0 2%;
		float:left;
	}

	#why_choose_standard p {
		width:60%;
		font-size:1.2em;
		float:right;
	}

   #why_choose_standard ul {
   line-height:1.7;
   margin-left:0px;
   width:60%;
   float:right;
}

} /* End  @media (min-width: 850px) */



/*
==================================================
04. HOMEPAGE SERVICES
==================================================
*/

#services img {
    display:block;
	 width:200px;
	 margin:auto;
	 border:2px solid black;
	 border-radius: 50%;
}

#services a.phone_link {
	display:block;
	width:175px;
	text-align:left;
	font-size:1.6em;
	font-weight:500;
	color:black;
	padding:20px 0 20px 25px;
	margin:auto;
	background: url("/images/iphone_w_logo.png") no-repeat left center;
	background-size:20px auto;

}

#services h2 {
	text-transform:uppercase;
	font-size:1.6em;
}

#services p {
	line-height:1.3;
	padding-top:10px;

}
#services .aside ul {
	margin-left: 40px;
	line-height: 1.5;
	padding: 10px 0;
}
#services .aside ul li:before {
	content: "\f00c ";
	color: #D81E05;
	font-family: FontAwesome;
	position: absolute;
	margin-left: -17px;
}

@media (min-width: 850px) {

	#services .grid2column {
		margin:0;
		padding:0% 5%;
		border-right:1px dashed black;
		width: calc(40% - 1px);
	}

	#services .grid2column:last-of-type {
	  border:none;
	}

} /* End  @media (min-width: 850px) */

/*
==================================================
03. HOMEPAGE - TESTIMONIALS
==================================================
*/

#testimonials {
	background: #000 url("/images/testimonial_bg.png") repeat-y;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}
.home-testimonial-video {
   width: 90%;
   max-width: 480px;
   display: block;
   margin:15px auto;
}
.home-testimonial-video img {
   width: 100%;
   height: auto;
   display: block;
}

#testimonials .testimonial span {
    font-style:normal;
}

#testimonials .testimonial .the-author {
    font-size: 1.4em;
    color:#F9E04C;
}

@media (min-width: 850px) {
	#testimonials {
	   float: left;
	}
	.home-testimonial-video {
	   float:left;
	   width: 480px;
	   display: block;
	   margin-left: 5%;
      margin-right: 0;
      margin-bottom: 0;
	   margin-top:25px;
	}
}

/*
==================================================
04. HOMEPAGE SERVICE AREA
==================================================
*/

#service_area {
	background: #FFF url("/images/homepage/service_area_map2.jpg") no-repeat;
	background-position: center top;
}

#service_area #img_map_marker {
	width:10%;
	padding:0 5%;
	margin:auto;
	display:block;
}

#service_area h2 {
	padding-top:10px;
	font-size:2em;
	font-weight:700;
	color:#000;
	width:100%;
	text-transform:uppercase;
	margin-bottom:20px;
	text-align:center;
}

#service_area legend {
	padding-top: 10px;
	line-height:1.3;
	margin-bottom:15px;
}

#service_area label
{
	display:block;
	width:100%;
	white-space: nowrap;
}

#service_area p#p_city
{
	float:left;
	width:45%;
}

#service_area p#p_city input
{
	width:80%;
}

#service_area button {
   color:#ed1c24;
   border:2px solid #ed1c24;
   border-radius:8px;
   text-align:center;
   padding:4px 15px;
   margin:39px 0 0 0;
   font-size:1em;
   font-weight:700;
   display:block;
   text-decoration:none;
	background:transparent;
}

#service_area button:hover {
   color:#fff;
   background: #ed1c24;
   text-decoration:none;
}
#img_service_area_driver {
	width: 60%;
	height: auto;
	display: block;
	margin: 0 auto;
}
@media (min-width: 550px) {

	#service_area {
		padding-top:100px;
      clear: both;
	}

	#service_area #img_map_marker {
		float:left;
		width:10%;
		padding:0 5%;
	}

	#service_area h2 {
		text-align:left;
	}

	#service_area #form_container {
		float:left;
		width:45%;
		padding:0 2%;

	}

	#service_area #img_service_area_driver {
		float:left;
		width:20%;
		padding:0 5%;
	}

} /* End  @media (min-width: 550px) */

/*
==================================================
04. SUBPAGE STRUCTURE
==================================================
*/

.section_container_flex {
	display: flex;
	/*display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;*/

   flex-wrap: wrap;
   /*-webkit-flex-wrap: wrap;*/

   flex-direction:row;

   justify-content:flex-start;

   align-items:stretch;

}

.page-nav {
   display:none;
   order: 2;
   flex-basis:100%;
   padding:30px;
}

.main-content {
   order: 1;
   flex-basis:100%;
   padding:30px;
}
.half-page-left {
   order: 1;
   flex-basis:100%;
   padding:30px;
}
.half-page-right {
   order: 2;
   flex-basis:100%;
   padding:30px;
}
.half-page-right img {
   display: bloack;
	width: 100%;
	height: auto;
}

#CompanyHistoryPage2  .main-content {
   order: 1;
   flex-basis:100%;
   padding:30px;
}

.page-sidebar {
   order: 3;
   flex-basis:100%;
   background:#f2f2f2;
   /* background:#fffadc; */
   padding:10px 0px;
   text-align:center;
}

@media (min-width: 850px) {

   .section_container_flex {
      flex-wrap: nowrap;
      /*-webkit-flex-wrap: nowrap;*/
   }

   .page-nav {
      order: 1;
      display: block;
      padding: 30px 40px 30px 2%;
      flex:0 0 calc(27% - 2% - 40px);
   }

   .main-content {
      order: 2;
      flex:0 0 calc(48% - 20px);
      padding: 30px 20px 30px 0px;
      margin:0;
   }

   .half-page-left {
      order: 2;
		flex: 0 0 calc(48% - 120px);
		padding: 30px 75px 30px 75px;
      margin:0;
		background: #ededed;
   }
   .half-page-left h1 {
      font-size: 1.6em!important;
   }
   .half-page-left form {
      margin-left: 35px;
      margin-top: 15px;
		background: #fff;
		border: 1px solid #ccc;
		border-radius:8px;
		padding: 20px 60px 70px 40px;
   }

   .half-page-right {
      order: 2;
		flex: 0 0 calc(48% - 100px);
		padding: 30px 0 30px 60px;
      margin:0;
   }
   .half-page-right img {
      display: bloack;
		width: 100%;
		height: auto;
   }
   .half-page-right h2 {
		font-size: 18px;
		padding: 15px 0;
   }

   #CompanyHistoryPage2  .main-content {
      order: 2;
      flex:0 0 calc(73% - 20px);
      padding: 30px 20px 30px 0px;
      margin:0;
   }

   .page-sidebar {
      padding:30px;
      order: 3;
      flex:0 0 calc(25% - 60px);
      margin:0;
   }

}

@media (min-width: 1800px) {

   .section_container_flex {
      flex-wrap: nowrap;
      /*-webkit-flex-wrap: nowrap;*/
   }

   .page-nav {
      padding: 30px 40px 30px 2%;
      flex:0 0 calc(23% - 2% - 40px);
   }

   .main-content {
      padding: 30px 60px 30px 0px;
      flex:0 0 calc(52% - 60px);
   }

   #CompanyHistoryPage2  .main-content {
      padding: 30px 60px 30px 0px;
      flex:0 0 calc(77% - 60px);
   }
   .page-sidebar {
      padding:30px;
      flex:0 0 calc(25% - 60px);
   }

}

@media (min-width: 1650px) {

   .section_container_flex {
      flex-wrap: nowrap;
      /*-webkit-flex-wrap: nowrap;*/
   }

   .page-nav {
      padding: 30px 40px 30px 5%;
      flex:0 0 calc(23% - 5% - 40px);
   }

   .main-content {
      padding: 30px 60px 30px 0px;
      flex:0 0 calc(52% - 60px);
   }

   #CompanyHistoryPage2 .main-content {
      padding: 30px 60px 30px 0px;
      flex:0 0 calc(77% - 60px);
   }
   .page-sidebar {
      padding:30px;
      flex:0 0 calc(25% - 60px);
   }

}


/*
==================================================
01. SUB PAGE NAVIGATION
==================================================
*/

@media (min-width: 850px) {


   .page-nav h3 {
   	color: black;
   	font-size: 1.6em;
   	text-transform: uppercase;
   	font-weight: bold;
   	margin-bottom: 5px;
   }

   .page-nav h4 {
   	color: #505050;
   	font-size: 1.5em;
   	text-transform: capitalize;
   	font-weight: bold;
   	margin: 12px 0 12px 10px;
   }

   .page-nav ul {
   	font-size: 1.1em;
   	line-height: 1.6;
	   border-left: 2px solid #D81E05;
      margin: 0 0 0 22px;
   }

   .page-nav ul li {
		padding-left: 5px;
      width: 210px;
      margin-left: 7px;
   }

   .page-nav ul li:hover {
      font-weight: bold;
   }

   .page-nav a {
   	color: #505050;
   	text-decoration: none;
   	display: block;
   	padding:4px 0;
      font-weight:normal;
   }

   .page-nav a:hover {
      font-weight: bold;
      background:#f0f0f0;
   }

}


/*
==================================================
01. SUB PAGE MAIN CONTENT
==================================================
*/

.main-content h1 {
	font-weight:bold;
	font-size:1.8em;
	text-transform:uppercase;
	text-align:center;
	padding:4px 0px;
	line-height:1.3;
	width:100%;
	border-bottom: 1px dashed black;
	margin-bottom: 25px;
}

.main-content h2,
.main-content h3 {
	line-height: 1.4;
	margin-bottom: 15px;
   font-size:1.4em;

}

.main-content h2 {
	text-transform: uppercase;
}

.main-content h2 br {
	line-height: 1.4;
}

.main-content img {
	padding: 10px;
   border:1px solid gray;
   margin:0px 0px 20px 40px;
   box-shadow: 3px 3px 3px #777;
}

.main-content iframe {
	margin-bottom: 20px;
}


.main-content img.alignright {
	float: right;
	margin-left: 15px;
}
.main-content img.aligncenter {
	display:block;
	margin:20px auto;
}


/*

main-content ul {
	list-style: none;
	margin: 0 0 15px 25px;
}
.main-content ul li:before {
	content: "\f00c ";
	color: #D81E05;
   font-family: FontAwesome;
	position: absolute;
   margin-left: -15px;
}
.main-content ul li {
	line-height: 1.8em;
}

   */

.main-content .box li {
	width: 115px;
	float: left;
	list-style: none;
   padding-bottom:5px;
}

.main-content .caption .fullpage,
.main-content .fullpage {
	width: 100%;
	height: auto;
}
.main-content td {
	padding: 15px 20px
}
.main-content table tr:nth-child(odd) {
    background-color: #fffadc;
}

.main-content .text span {
	font-style: italic;
	margin-bottom: 20px;
	display: block;
}
.main-content .call-out {
	border: 1px solid black;
	padding: 20px 20px 20px 50px;
	position: relative;
	background-color: whitesmoke;
   clear:both;
}
.main-content .call-out:before {
	content: "\f06a";
	font-family: FontAwesome;
	position: absolute;
	margin-left: -15px;
	color: black;
	font-size: 2.6em;
	top: 12px;
	left: 25px;
}

.main-content .call-out2 {
	border: 1px solid black;
	padding: 20px 30px;
	position: relative;
	background-color: whitesmoke;
   clear:both;
}

.main-content .call-out2 .call-out2-title {
	display:inline-block;
   width:100%;
   font-size: 1.2em;
   font-weight:bold;
   text-transform: uppercase;
}


@media (min-width: 850px) {

   .main-content h1 {
	   text-align:left;
   }
}


/*
==================================================
01. SUB PAGE SIDEBAR
==================================================
*/
#SideBarRequestQuote,
#SideBarBecomeCustomer,
#SideBarWatchVideo,
#SideBarHere247 {
   width:100%;
}

#SideBarRequestQuote img,
#SideBarBecomeCustomer img,
#SideBarWatchVideo img,
#SideBarHere247 img {
   width:100%;
   max-width:295px;
   margin-top:30px;
}


.buttonhover img:last-child{display:none}
.buttonhover:hover img:first-child{display:none}
.buttonhover:hover img:last-child{display:inline-block}

@media only screen and (min-width: 750px) {
   #SideBarRequestQuote,
   #SideBarBecomeCustomer,
   #SideBarWatchVideo,
   #SideBarHere247 {
      width:50%;
      float:left;
   }
}

@media only screen and (min-width: 850px) {
   #SideBarRequestQuote,
   #SideBarBecomeCustomer,
   #SideBarWatchVideo,
   #SideBarHere247 {
      width:100%;
   }
}

/*
==================================================
07. PAGES
==================================================
*/

/*
--------------------------------------------------
GeneratorsPage
--------------------------------------------------
*/
#GeneratorsPage .main-content img {
   display:block;
   float:none;
   width:90%;
   margin:0 0 20px 0;
}

#GeneratorsPage .main-content img#gen-alert {
   display:block;
   float:none;
   width:135px;
   margin:0 auto 20px auto;
   border:none;
   box-shadow:none;
}


@media (min-width: 450px) {
   #GeneratorsPage .main-content img {
      float:none;
      margin-left:0px;
      width:95%;
      max-width:850px;
   }

   #GeneratorsPage .main-content img#gen-alert {
      display:block;
      float:right;
      width:135px;
      margin:0 0 20px 0;
      border:none;
      box-shadow:none;
   }

}

/*
--------------------------------------------------
AutomaticOilDeliveryPage
--------------------------------------------------
*/
#AutomaticOilDeliveryPage .main-content img {
   display:block;
   width:90%;
   margin:0 0 20px 0;
}

@media (min-width: 450px) {
   #AutomaticOilDeliveryPage .main-content img {
      float:right;
      margin-left:15px;
      width:35%;
      max-width:250px;
   }
}

@media (min-width: 850px) {
   #AutomaticOilDeliveryPage .main-content img {
      width:55%;
      max-width:350px;
   }
}


/*
--------------------------------------------------
SpecialAdditivesPage
--------------------------------------------------
*/
#SpecialAdditivesPage .main-content img {
   display:block;
   width:90%;
   margin:0 0 20px 0;
}

@media (min-width: 450px) {
   #SpecialAdditivesPage .main-content img {
      float:right;
      margin-left:15px;
      width:35%;
   }
}

/*
--------------------------------------------------
PricingPlansPage
--------------------------------------------------
*/
#PricingPlansPage .main-content img {
   display:block;
   width:90%;
   margin:0 0 20px 0;
}

@media (min-width: 450px) {
   #PricingPlansPage .main-content img {
      float:right;
      margin-left:15px;
      width:35%;
   }
}

/*
--------------------------------------------------
HeatingOnBudgetPage
--------------------------------------------------
*/
#HeatingOnBudgetPage .main-content img {
   display:block;
   width:90%;
   margin:0 0 20px 0;
}

@media (min-width: 450px) {
   #HeatingOnBudgetPage .main-content img {
      float:right;
      margin-left:15px;
      width:35%;
   }
}

/*
--------------------------------------------------
TankTraysPage
--------------------------------------------------
*/
#TankTraysPage .main-content img {
   display:block;
   width:90%;
   margin:0 0 20px 0;
   border:none;
   box-shadow:none;
}

@media (min-width: 450px) {
   #TankTraysPage .main-content img {
      width:60%;
   	padding:0px;
      margin:0px auto 20px auto;
   }
}

/*
--------------------------------------------------
CommercialMunicipalPage
--------------------------------------------------
*/
#CommercialMunicipalPage .main-content img {
   display:block;
   width:90%;
   margin:0 0 20px 0;
}

#CommercialMunicipalPage .main-content h4 {
   width:100%;
   color:green;
   font-size:1.2em;
   margin-bottom:20px;
}

@media (min-width: 450px) {
   #CommercialMunicipalPage .main-content img {
      float:right;
      margin-left:15px;
      width:35%;
   }
}

/*
--------------------------------------------------
ServicePlansPage
--------------------------------------------------
*/
#ServicePlansPage .main-content h4 {
   width:100%;
   font-size:1.2em;
   letter-spacing:1px;
   line-height:1.5;
   margin-bottom:20px;
   margin-top:40px;
   text-align:center;
   text-transform:uppercase;
}

#ServicePlansPage .main-content p span {
   color:red;
   font-weight:normal;
}

/*
--------------------------------------------------
OilTankMaintenancePage
--------------------------------------------------
*/
#OilTankMaintenancePage .main-content img {
   display:block;
   width:100%;
   border:none;
   box-shadow:none;
   margin:0 0 20px 0;
   padding:0;
}

@media (min-width: 450px) {
   #OilTankMaintenancePage .main-content img {
      float:right;
      margin-left:15px;
      width:35%;
   }
}

/*
--------------------------------------------------
ChimneyCleaningPage
--------------------------------------------------
*/
#ChimneyCleaningPage .main-content img {
   display:block;
   width:90%;
   margin:0 0 20px 0;
}

@media (min-width: 450px) {
   #ChimneyCleaningPage .main-content img {
      float:right;
      margin-left:15px;
      width:35%;
   }
}

/*
--------------------------------------------------
DuctCleaningPage
--------------------------------------------------
*/
#DuctCleaningPage .main-content img {
   display:block;
   width:90%;
   margin:0 0 20px 0;
}

@media (min-width: 450px) {
   #DuctCleaningPage .main-content img {
      width:60%;
   	padding:0px;
      margin:0px auto 20px auto;
      max-width: 462px;
   }
}

/*
--------------------------------------------------
PropanePage
--------------------------------------------------
*/
#PropanePage .main-content img {
   display:block;
   width:90%;
   margin:0 0 20px 0;
}

@media (min-width: 450px) {
   #PropanePage .main-content img {
      float:right;
      margin-left:15px;
      width:35%;
   }
}

/*
--------------------------------------------------
BoilerSystemsPage
--------------------------------------------------
*/
#BoilerSystemsPage .main-content img {
   display:block;
   width:100%;
   max-width:131px;
   border:none;
   box-shadow:none;
   margin:0 auto 20px auto;
}

@media (min-width: 450px) {
   #BoilerSystemsPage .main-content img {
      float:right;
      margin-left:15px;
      width:35%;
   }
}

/*
--------------------------------------------------
HotAirFurnacesPage
--------------------------------------------------
*/

#HotAirFurnacesPage .main-content img {
   display:block;
   width:100%;
   max-width:183px;
   border:none;
   box-shadow:none;
   margin:0 auto 20px auto;
}

@media (min-width: 450px) {
   #HotAirFurnacesPage .main-content img {
      float:right;
      margin-left:15px;
      width:35%;
   }
}

/*
--------------------------------------------------
WaterHeatersPage
--------------------------------------------------
*/
#WaterHeatersPage .main-content img {
   float:right;
   margin-left:15px;
   width:35%;
   max-width:96px;
}

/*
--------------------------------------------------
OilBurnersPage
--------------------------------------------------
*/
#OilBurnersPage .main-content img {
   display:block;
   width:100%;
   max-width:182px;
   border:none;
   box-shadow:none;
   margin:0 auto 20px auto;
}

#OilBurnersPage .main-content p.certified {
   width: 80%;
   margin:auto;
   text-align:center;
   margin-bottom:60px;
}

#OilBurnersPage .main-content p.certified img {
   display:block;
   margin:auto;
   max-width:250px;
   float:none;
}

@media (min-width: 450px) {

   #OilBurnersPage .main-content img {
      float:right;
      margin-left:15px;
      width:35%;
   }

   #OilBurnersPage .main-content p.certified {
      float:left;
      width: 50%;
      text-align:center;
   }

}

/*
--------------------------------------------------
AirPurificationPage
--------------------------------------------------
*/
#AirPurificationPage .main-content img {
   display:block;
   width:100%;
   max-width:160px;
   border:none;
   box-shadow:none;
   margin:0 auto 20px auto;
}

@media (min-width: 450px) {

   #AirPurificationPage .main-content img {
      float:right;
      margin-left:15px;
      width:35%;
   }
}

/*
--------------------------------------------------
ProgrammableThermostatsPage
--------------------------------------------------
*/
#ProgrammableThermostatsPage .main-content img {
   display:block;
   width:100%;
   border:none;
   box-shadow:none;
   margin:0 0 20px 0;
}

#ProgrammableThermostatsPage .main-content iframe {
   display:block;
   width:100%;
   max-width:445px;
   margin:auto;
   margin-bottom:20px;
}


@media (min-width: 450px) {

   #ProgrammableThermostatsPage .main-content img {
      float:right;
      margin-left:15px;
      width:35%;
   }
}

/*
--------------------------------------------------
Emme
--------------------------------------------------
*/

#EmmePage .main-content img#thermostat {
   display:block;
   width:100%;
   border:none;
   box-shadow:none;
   margin:0 0 20px 0;
}

#EmmePage span.hot {
	color: #ffc000;
	font-weight: bold;
}

#EmmePage span.cold {
	color: #00b0f0;
	font-weight: bold;
}

#EmmePage .caption-right{
   margin:auto;
   margin-bottom:20px;
}

#EmmePage .caption div {
	background-color: #222;
	color: #fff !important;
	font-size: 13px;
	line-height: 19px;
	margin-top: -5px;
	padding: 7px 10px 1px 10px !important;
}

#EmmePage .caption img {
   padding:0;
   margin:0;
   border:none;
   box-shadow:none;
}

#EmmePage .caption div[class$="small"] {
	width: 230px;
   font-size:0.9em;
}

#EmmePage .caption div[class$="full"] {
	width: 100%;
   font-size:1.0em;
}

#EmmePage .main-content img.fullpage {
   max-width:595px;
   margin:20px auto;
   display:block;
}

@media (min-width: 450px) {

   #EmmePage .caption-right{
      float:right;
      margin-left:30px;
   }

   #EmmePage .main-content img#thermostat {
      float:right;
      margin-left:15px;
      width:35%;
   }

}

/*
--------------------------------------------------
SpecialOffersPage
--------------------------------------------------
*/
#SpecialOffersPage .main-content img {
   display:block;
   width:100%;
   max-width:175px;
   border:none;
   box-shadow:none;
   margin:0 auto 20px auto;
}

@media (min-width: 450px) {

   #SpecialOffersPage .main-content img {
      float:right;
      margin-left:15px;
      width:35%;
   }
}

/*
--------------------------------------------------
AirConditioningEquipmentPage
--------------------------------------------------
*/
#AirConditioningEquipmentPage .main-content img {
   display:block;
   width:100%;
   max-width:166px;
   border:none;
   box-shadow:none;
   margin:0 auto 20px auto;
}

@media (min-width: 450px) {

   #AirConditioningEquipmentPage .main-content img {
      float:right;
      margin-left:15px;
      width:35%;
   }
}

/*
--------------------------------------------------
EnergyAuditsPage
--------------------------------------------------
*/
#EnergyAuditsPage .main-content img {
   display:block;
   width:90%;
   margin:0 auto 20px auto;
}

@media (min-width: 450px) {

   #EnergyAuditsPage .main-content img {
      float:right;
      margin-left:15px;
      width:35%;
   }
}

/*
--------------------------------------------------
AutomaticOilDeliveryPage
--------------------------------------------------
*/
#CompanyHistoryPage .main-content img {
   display:block;
   width:90%;
   margin:0 0 20px 0;
}

@media (min-width: 450px) {
   #CompanyHistoryPage .main-content img {
      float:right;
      margin-left:15px;
      width:35%;
      max-width:250px;
   }
}


/*
--------------------------------------------------
InTheCommunityPage
--------------------------------------------------
*/
#InTheCommunityPage .main-content img {
   display:block;
   width:100%;
   max-width:258px;
   border:none;
   box-shadow:none;
   margin:0 auto 20px auto;
}

@media (min-width: 450px) {

   #InTheCommunityPage .main-content img {
      float:right;
      margin-left:15px;
      width:35%;
   }
}

/*
--------------------------------------------------
ServiceAreaPage
--------------------------------------------------
*/

#ServiceAreaPage .main-content img {
   width:80%;
   border:none;
   box-shadow:none;
}

#ServiceAreaPage .main-content #p_city {
   width:100%;
}

#ServiceAreaPage .main-content #p_city label {
   display:block;
   width:100%;
   margin:auto;
   text-align:center;
}

#ServiceAreaPage .main-content #p_city input {
   display:block;
   margin:auto;
}

#ServiceAreaPage .main-content .button_pane {
   width:100%;
}

#ServiceAreaPage .main-content button {
   color:#ed1c24;
   border:2px solid #ed1c24;
   border-radius:8px;
   text-align:center;
   padding:4px 15px;
   margin:12px auto 30px auto;
   font-size:1em;
   font-weight:700;
   display:block;
   text-decoration:none;
	background:transparent;
}

#ServiceAreaPage .main-content button:hover {
   cursor:pointer;
}


@media (min-width: 550px) {

   #ServiceAreaHeatingPage .main-content #p_city,
   #ServiceAreaAbtPage .main-content #p_city,
   #ServiceAreaAcPage .main-content #p_city,
   #ServiceAreaServicePage .main-content #p_city {
      width:350px;
      float:left;
   }

   #ServiceAreaHeatingPage .main-content #p_city label,
   #ServiceAreaAbtPage .main-content #p_city label,
   #ServiceAreaAcPage .main-content #p_city label,
   #ServiceAreaServicePage .main-content #p_city label {
      display:inline;
      width:150px;
      margin:0;
      text-align:center;
   }

   #ServiceAreaHeatingPage .main-content #p_city input,
   #ServiceAreaAbtPage .main-content #p_city input,
   #ServiceAreaAcPage .main-content #p_city input,
   #ServiceAreaServicePage .main-content #p_city input {
      display:inline;
      margin:auto;
   }

   #ServiceAreaHeatingPage .main-content .button_pane,
   #ServiceAreaAbtPage .main-content .button_pane,
   #ServiceAreaAcPage .main-content .button_pane,
   #ServiceAreaServicePage .main-content .button_pane {
      width:100px;
      float:left;
   }

   #ServiceAreaHeatingPage .main-content button,
   #ServiceAreaAbtPage .main-content button,
   #ServiceAreaAcPage .main-content button,
   #ServiceAreaServicePage .main-content button {
      margin:0px 0 0 0;
   }

}

/*
--------------------------------------------------
FAQPage
--------------------------------------------------
*/
#FAQPage .main-content h2 { margin-top:60px; }

/*
--------------------------------------------------
Contact Pages
--------------------------------------------------
*/
#contact-info {
}

#contact-info h3 {
   font-size:16px;
   margin-top:40px;
   margin-bottom:10px;
}

#contact-info p span {
   display:inline-block;
   width:35px;
}

#contact-info p a {
   display:inline-block;
   padding:0px;
}

#contact-info p a:hover,
#contact-info p a:focus {
   color:#901b1f;
   text-decoration:underline;
}


#contact-info .phone-icon {
   background: url(/images/icon_phone.png) no-repeat 0 2px;
   background-size: 20px auto;
   padding-left: 26px;
   margin-left: 2px;
}

#contact-info .fax-icon {
   background: url(/images/icon_fax.png) no-repeat 0 2px;
   background-size: 20px auto;
   padding-left: 26px;
   margin-left: 2px;
}

#contact-info .email-icon {
   background: url(/images/icon_email.png) no-repeat 0 0px;
   background-size: 20px auto;
   padding-left: 26px;
   margin-left: 2px;
}

#contact-info .address-icon {
   background: url(/images/icon_address.png) no-repeat 0 4px;
   background-size: 20px auto;
   padding-left: 26px;
   margin-left: 2px;
}

#contact-info a#directions:hover {
   background-color:transparent;
}

#contact-info a#directions img {
   width:100%;
   max-width: 347px;
}

/*
--------------------------------------------------
TestimonialsArticle
--------------------------------------------------
*/
#TestimonialsArticle  blockquote {
	 display:inline-block;
    width:100%;
    margin:10px auto 0px auto;
}

#TestimonialsArticle  blockquote img {
    width:75px;
	 border-radius: 50%;
	 box-shadow: 5px 5px 7px #000;
	 display:none;
	 margin:10px auto 10px auto;
}

#TestimonialsArticle  blockquote p {
    width:100%;
    text-align:center;
    color:gray;
    font-style:italic;
    margin-bottom:5px;
}

#TestimonialsArticle  blockquote p:last-of-type {
   margin-bottom:20px;
   color:#3498db;
   font-weight:bold;
}


@media (min-width: 1000px) {

   #TestimonialsArticle  blockquote {
       float:left;
       width:90%;
       margin-left:5%;
       margin-right:5%;
   }

   #TestimonialsArticle ul {
     column-count: 1;
     column-gap: 0;
   }

   #TestimonialsArticle ul li {
     display: inline-block;
     width:100%;
   }

   #TestimonialsArticle  blockquote p {
      text-align:left;
   }

}

/*
--------------------------------------------------
AffiliatedCompaniesPage
--------------------------------------------------
*/
#AffiliatedCompaniesPage .main-content ul {
}

#AffiliatedCompaniesPage .main-content ul li {
   margin-top:30px;
   text-align:center;
   width: 100%;
   font-size: 1.4em;
}

#AffiliatedCompaniesPage .main-content ul li a {
   display:block;
   width:100%;
   margin-bottom:10px;
}

#AffiliatedCompaniesPage .main-content ul li a img {
   margin:10px auto;
}


@media (min-width: 1000px) {

   #AffiliatedCompaniesPage .main-content ul {
      column-count: 1;
      column-gap: 0;
   }

   #AffiliatedCompaniesPage .main-content ul li {
      display: inline-block;
   }
}

/*
--------------------------------------------------
CompanyHistoryPage
--------------------------------------------------
*/
#CompanyHistoryPage #history h2 {
   text-align: center;
}

#CompanyHistoryPage #history h6 {
   width:100%;
   text-align:center;
   color:white;
   /* background:#0a95cf; */
   background:#901B1F;
   padding:15px 0px;
   font-size:1.5em;
   margin:auto;
}

 #CompanyHistoryPage #history p {
   width:80%;
   text-align:center;
   padding:15px 0px;
   margin:auto;
}

@media (min-width: 1000px) {

   #CompanyHistoryPage #history h2 {
      text-align: left;
      color:#901B1F;
   }

   #CompanyHistoryPage #history h6 {
      width:80px;
      text-align:left;
      color:#901B1F;
      background:none;
      padding:15px 0px;
      font-size:1.5em;
      margin:auto;
      float:left;
   }

   #CompanyHistoryPage #history p {
      width:calc(100% - 80px);
      text-align:left;
      padding:15px 0px;
      margin:auto;
      float:left;
   }

   #CompanyHistoryPage .main-content ul {
      column-count: 2;
      column-gap: 0;
   }

   #CompanyHistoryPage .main-content ul li {
      display: inline-block;
   }
}


/*
==================================================
01. Form
==================================================
*/

.form {
   margin-top: -15px;
}

.form p {
   padding-top: 0 !important;
}

.form input[type=submit],
.form input[type=reset] {
   float: left !important;
   margin-top: 20px;
   background: #F9E04C !important;
   border: none !important;
   padding: 12px 0 !important;
   width: 140px !important;
}

.form input[type=submit]:hover {
   background: #fe8113 !important;
   color: white !important;
}

.form input[type='text'], .form input[type='password'], .form input[type='email'], .form textarea, .form select {
   height: 28px !important;
}

.form textarea {
   height: 80px !important;
}

.form label {
   color: black !important;
}

 #BecomeACustomerPage .form textarea {
 width: 100%;
 }

@media (max-width: 450px) {
   .g-recaptcha div,
   .g-recaptcha div div iframe,
   .rc-anchor-normal {
      width:225px!important;
   }
}
@media (min-width: 450px) {
   .g-recaptcha div,
   .g-recaptcha div div iframe,
   .rc-anchor-normal {
      width:304px;
   }
}


/*
==================================================
04. FOOTER
==================================================
*/

#site-footer {
  background: #2f2e2d;
  color: #a3a3a5;
  padding:5%;
  text-align:center;
}

#site-footer h2 {
   width:100%;
   color:#fff;
   font-size:22px;
   letter-spacing: 2px;
   line-height:1.4;
   margin-bottom: 10px;
   margin-left:-3px;
   padding-left:35px;
   background: url("/images/avatar_Standard_Oil_White.png");
   background-size: 30px auto;
   background-repeat: no-repeat;
}

#site-footer h3 {
   font-size:11px;
   letter-spacing: 2px;
   font-weight: normal;
   margin-bottom: 20px;
}

#site-footer #footer-menu ul {
   display:block;
   float:left;
   width:50%;
   list-style:none;
}

#site-footer #footer-menu ul li {
   padding:6px 0px;
}

#site-footer ul#contact-us-column {
   display:block;
   width:100%;
   list-style:none;
   margin:40px 0px;
   float:none;
   clear:both;
}

#site-footer ul#contact-us-column li {
   padding:4px 0px;
}

#site-footer ul li a,
#site-footer p a {
   color:#fff;
}

#site-footer aside {
   display:block;
   width:100%;
   clear:both;
}

#site-footer aside div {
   display:block;
   width:100%;
   margin:40px 0px;
}

#site-footer aside img#img_best_in_ct {
	width: 140px;
	height: auto;
   margin-right:10px;
}

#site-footer aside img#img_bbb {
	width: 80px;
   height:auto;
   margin-left:10px;
}

#site-footer aside p {
   width:100%;
   margin-bottom:20px;
   clear:both;
}

#site-footer p {
   margin-bottom:20px;
   width:100%;
}

#site-footer p#copyright {
   margin-bottom:60px;
}

#site-footer aside p a.facebook_icon i,
#site-footer aside p a.youtube_icon i {
   font-size:3em;
   color:#c0c0c0;
   padding-left:20px;
   padding-right:20px;
}


@media (min-width: 350px) {

   #site-footer aside img#img_best_in_ct {
   	width: 140px;
      margin-right:30px;
   }

   #site-footer aside img#img_bbb {
   	width: 80px;
      margin-left:30px;
   }

}

@media (min-width: 850px) {

   #site-footer {
     padding:60px 5%;
     text-align:left;
   }

   #site-footer h2,
   #site-footer h3 {
      width:60%;
   }

   #site-footer #footer-menu {
      width:44%;
      float:left;
   }

   #site-footer ul#contact-us-column {
      width:22%;
      float:left;
      clear:none;
      margin-top:0;
   }

   #site-footer aside {
      display:block;
      width:33%;
      clear:none;
      float:right;
   }

   #site-footer aside div {
      margin:-80px 0px 0px 0px;
      text-align:right;
   }

   #site-footer aside img#img_best_in_ct {
   	width: 140px;
   	height: auto;
      margin-right:10px;
   }

   #site-footer aside img#img_bbb {
   	width: 80px;
      height:auto;
      margin-left:0px;
   }

   #site-footer aside p {
      width:100%;
      margin: 20px 0px 0px 0px;
      clear:both;
      text-align:right;
   }

   #site-footer p {
      margin-bottom:20px;
      width:66%;
   }

      #site-footer aside p {
      width:100%;
      margin: 20px 0px 0px 0px;
      clear:both;
      text-align:right;
   }

   #site-footer aside p a.facebook_icon i,
   #site-footer aside p a.youtube_icon i {
      font-size:3em;
      color:#c0c0c0;
      padding-left:20px;
      padding-right:0px;
   }

}

/*
==================================================
03. IMPORTANT NOTICE POP-UP
==================================================
*/

/*
==================================================
04. IMPORTANT NOTICE SLIDE-IN
==================================================
*/

#announcement {
   width:100%;
   position:fixed;
   top:0px;
   height:0;
   left:0;
   margin:0;
   padding:0;
   border:none;
   background:url(/images/pop_in_bg.jpg) repeat-x 0 0 #fff;
   overflow:hidden;
   z-index:900;
}
.announcement_loading {
   position:absolute;
   width:100%;
   height:100%;
   z-index:950;
   display:none;
   background:url(/images/loading-announcement2.gif) no-repeat center 22px;
}
.announcement {
   width:1040px;
   max-width:90%;
   height:110px;
   position:relative;
   top:0;
   left:150%;
   margin-left:-483px\9;
   transform: translate(-50%, 0);
   -ms-transform: translate(-50%, 0);
   -webkit-transform:translate(-50%, 0);
   z-index:990;
   line-height:1.3;
}
.announcement span.headline {
   display:block;
   font-size:16px;
   font-weight:bold;
   position:relative;
   color:#C00;
   left:45%;
   width:95%;
   text-align:center;
   top:49%;
   transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -webkit-transform:translate(-50%, -50%);
}
.announcement span.title {
   display:inline-block;
   padding-right:20px;
   font-size:16px;
   font-weight:bold;
   position:relative;
   color:#444;
}
.announcement_buttons {
   width:1040px;
   max-width:90%;
   position:relative;
   top:-50%;
   left:150%;
   margin-left:-483px\9;
   transform: translate(-50%, 0);
   -ms-transform: translate(-50%, 0);
   -webkit-transform:translate(-50%, 0);
   z-index:1000;
}
#announcement .information {
   text-decoration: none;
   padding: 6px;
   background-color: #009ddc;
   border-radius: 17px;
   color: #fff;
   width: 26px;
   text-align: center;
   font-size: 17px;
   display:inline-block;
   margin-right:10px;
   font-family:Times-Roman;
}

#announcement .btn_later {
   text-decoration: none;
   padding: 9px;
   background-color: #009ddc;
   border-radius: 17px;
   color: #fff;
   width: 18px;
   text-align: center;
   font-size: 17px;
   float:right;
}

#announcement .btn_later:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
#announcement .btn_later {
   position:absolute;
   top:68px;
   right:5px;
}

@media (min-width: 550px) {

   #announcement {
      top: 0;
      height: 0;
   }

   .announcement {
      height: 65px;
      position: relative;
   }

   #announcement .btn_later {
      position: absolute;
      top: 48px;
      right: 10px;
   }
}

/*
==================================================
04. TROUBLESHOOTING PAGE
==================================================
*/
.panel1
{
   margin:auto;
}


/*
==================================================
04. COMPARISON PAGE
==================================================
*/

 /* compare us to the competition */
 .compare {
	border-collapse: inherit;
 	margin: 1em 0;
 	min-width: 260px;
 	font-family: 'Raleway', sans-serif;
 	font-weight: 400;
 }
 .compare th {
 	display: none;
 }
 .compare td {
 	display: block;
 }
 .compare td:first-child {
 	padding-top: .5em;
 }
 .compare td:last-child {
 	padding-bottom: .5em;
 }
 .compare td:before {
 	content: attr(data-th) ": ";
 	font-weight: bold;
 	width: 6.5em;
 	display: inline-block;
 }
 .compare th, .compare td {
 	text-align: left;
 }
 .compare {
 	overflow: hidden;
 	border: 1px solid #ddd;
	font-size: 1.1em;
 }
 .compare tr:nth-child(odd) {
 	background-color: #fffadc;
 }
 .compare th {
 	margin: .5em 1em;
 	color: white;
 	background-color: #D81E05;
 }
 .compare td {
 	margin: .5em 1em;
	line-height: 1.3;
 }
 .compare strong {
	margin-bottom: 5px;
   display: inline-block;
 }
 @media (min-width: 480px) {
 	.compare td:before {
 		display: none;
 	}
 	.compare th, .compare td {
 		display: table-cell;
 		padding: .25em .5em;
 	}
 	.compare th:first-child, .compare td:first-child {
 		padding-left: 0;
 	}
 	.compare th:last-child, .compare td:last-child {
 		padding-right: 0;
 	}
 	.compare {
 		border-collapse: collapse;
 		border-spacing: 0;
 	}
 	.compare td {
 		border-bottom: 1px solid #ddd;
 		border-right: 1px solid #ddd;
 	}
 	.compare th, .compare td {
 		padding: 1em !important;
 	}
 }


/*
==================================================
04. LIVE CHAT
==================================================
*/

#livechat-compact-container { display:none!important; }

@media screen and (min-width: 850px) {
   #livechat-compact-container { display:block!important; }
}

/*
==================================================
04. FORM DIALOG POPUP
==================================================
*/

.form_message {
   width:320px;
   position: relative;
   background:#000;
   border-radius:6px;
}

.message_success {
   background: url(/form/images/icon-success-small.png) no-repeat 20px 22px #101010;
   background-position-x: center;
}

.message_error {
   background: url(/form/images/icon-error-small.png) no-repeat 20px 22px #101010;
   background-position-x: center;
}

.form_message h4 {
   padding-top: 85px;
   font-size: 28px;
   font-weight: 700;
   color:#fff;
   line-height: 1.3;
   font-family: 'Roboto Condensed', sans-serif;
   display: block;
   width: 90%;
   margin: 0 auto 0 auto;
   text-align: center;
}

.form_message p {
   padding-top: 30px;
   padding-bottom: 30px;
   font-size: 18px;
   color: #fff;
   line-height: 1.5;
   width: 90%;
   margin: 0 auto;
}

@media (max-width: 550px) {
   .dialog {
      top:5%!important;
      margin-top:0!important;
   }
}

@media (min-width: 850px) {

   .form_message {
      width: 700px;
      height: 300px;
      position: relative;
      background:#000;
      border-radius:6px;
      margin:auto;
   }

   .message_success {
      background: url(/form/images/icon_success.png) no-repeat 40px 40px #101010;
   }

   .message_error {
      background: url(/form/images/icon_error.png) no-repeat 40px 40px #101010;
   }

   .form_message h4 {
      padding-top: 35px;
      margin-left: 210px;
      margin-right: 50px;
      margin-top: 0px!important;
      font-size: 28px;
      font-weight: 700;
      color:#fff;
      line-height: 1.3;
      font-family: 'Roboto Condensed', sans-serif;
      text-align:left;
   }

   .form_message p {
      padding-top: 10px;
      margin-left: 210px;
      font-size: 18px;
      color: #fff;
      line-height: 1.5;
      width: calc(90% - 210px);
   }
}

/*
==================================================
08. VIDEOS
==================================================
*/

.video-mobile {
   display:block;
   margin:30px auto 0 auto;
   max-width:295px;
}
.video-pc {
   display:none;
}

@media (min-width: 850px) {
   .video-mobile {
      display:none;
   }
   .video-pc {
      display:block;
   }
}

/*
==================================================
08. LIVE CHAT
==================================================
*/
div.chat-block {
   position: fixed;
   background-color: #abc;
   bottom: 40px;
   right:-450px;
   width: 414px;
   height: 200px;
   margin: 0px;
   z-index: 200;
   border: 2px solid #D81E05;
   border-radius:10px;
}

div.chat-block img {
   border-radius:10px;
}

#live-chat-button-yes {
   color:#ffffff;
   border:2px solid #acab13;
   border-radius:4px;
   text-align:center;
   padding:6px 15px;
   margin:0;
   font-size:10px;
   font-weight:700;
   display:inline-block;
   text-decoration:none;
   background:#acab13;
   position:absolute;
   top:150px;
   left:37px;
}
#live-chat-button-yes:hover {
   color:#fff;
   background-color: #777777;
   border-color: #777777;
   text-decoration:none;
}

#live-chat-button-no {
   color:#ffffff;
   border:2px solid #be1627;
   border-radius:4px;
   text-align:center;
   padding:6px 15px;
   margin:0;
   font-size:10px;
   font-weight:700;
   display:inline-block;
   text-decoration:none;
   background:#be1627;
   position:absolute;
   top:150px;
   left:137px;
}
#live-chat-button-no:hover {
   color:#fff;
   background-color: #777777;
   border-color: #777777;
   text-decoration:none;
}

@media only screen and (max-width: 1169px)
{
   .cd-timeline-content .cd-date { display:none; }
}

.timeline-header { background-color:#901b1f; padding:30px;}
.timeline-header h2 { color:white; text-align:center; font-size:2.5em; }



#alz-walk {
   background-image: url("/images/alzbg.png");
   background-size:cover;
   background-position:top center;
   display:none;
}


#alz-walk > div {
   position: relative;
   height:120px;
}

#alz-walk > div > a {
   display:block;
   height:100%;
   width:100%;
}

#alz-img-1 {
   float:left;
   width:15%;
}

#alz-img-2 {
   float:right;
   width:15%;
}

#alz-span {
   text-align:center;
   display:block;
   width:70%;
   color:white;
   font-size:2.2vw;
   font-weight:bold;
   text-transform: uppercase;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

#AlzheimersPage .main-content img#alz-big-img {
   display:block;
   float:none;
   max-width:initial;
   margin:0 auto 20px auto;
   width:80%;
   border:none;
   box-shadow:none;
}

#AlzheimersPage .main-content h1 {
   background:#7030a0;
   color:white;
   text-align:center;
   padding:30px;
   width: calc(100% - 60px);
}

.compare-override
{
   width:100%;
   font-size:1.0em;
}


.compare-override td:before {
    content: "";
    font-weight: bold;
    width: 0em;
    display: inline-block;
}

.compare-override td {
 display:table-cell;
}

.compare-override td:first-child {
    width:50%;
}

.main-content .compare-override td {
    padding: 5px 5px;
}

.row-head td {
   color:#ffffff;
   background-color:#7030a0;
}

.alzheimers-temp { border-top:none!important; }


/*
==================================================
   INFORMATIONAL POPUP
==================================================
*/

#dac-overlay {
   position: fixed;
   height: 100%;
   width: 100%;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: rgba(0,0,0,0.7);
   display: none;
   z-index: 2147483647;
}

#dac-popup {
   width: 80%;
   max-width: 750px;
   height: 90%;
   max-height: 420px;
   padding: 0px;
   position: relative;
   background: #fff;
   margin: 25px auto 0px auto;
   /* border: 2px solid #ed1c2e; */
   /* border-radius: 12px; */
   box-shadow: 0 0 20px rgba(0,0,0,.8);
   text-align: center;
   z-index: 2147483647;
}

#dac-popup h2.popup-header {
   background: #ffe14f url("/images/so_notag.png") 20px 7px/119px 28px no-repeat;
   width: calc(100%-20px);
   padding: 15px 20px 15px 0px;
   text-align: right;
   font-size: 1.0em;
   font-weight: 700;
   color: black;
   text-transform: uppercase;
   border-bottom: 1px solid #ed1c2e;
}

#dac-popup p {
   color:black;
   font-size:13px;
   text-align:justify;
   padding:20px 30px 0px 30px;
   line-height:1.4;
}

#dac-popup p.popup-content {
}

#dac-popup p.popup-signature {
   font-weight:bold;
   padding-top:0px;
   color:#ed1b2e;
   text-align:left;
}

.popup-close
{
    width:120px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    color: #fff;
    padding:2px 0;
    border:none;
    vertical-align:middle;
    background:#666;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
    float:left;
    margin-left:30px;
}

.popup-close:hover {
   background:#222;
   color: #fff;
   text-decoration:none;
}

@media only screen and (min-width: 600px)
{
   #dac-popup { max-height: 340px;}
   #dac-popup h2.popup-header { background: #ffe14f url("/images/so_notag.png") 20px 7px/162px 38px no-repeat; font-size: 1.5em; }
   #dac-popup p { font-size:16px; padding:20px 40px 0px 40px; line-height:1.6; }
   .popup-close { margin-left:40px }
}



/*
==================================================
   ALERT STYLING
==================================================
*/

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.alert {
    position: relative;
    padding: 1.25rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size:1.25rem;
}
.alert span{
   text-align:center;
   display:block;
   width:100%;
   font-weight:bold;
   padding-bottom:10px;
   font-size:1.5rem;

}

/*
==================================================
   LANDING PAGE STYLING
==================================================
*/
.landing-container{
    max-width: 1500px;
    margin: 0px auto;
}

/**** Define a container to hold the two side-by-side divs ****/

.landing-container .split-container {
  display: flex;
  flex-direction: column; /* Stack the left and right divs vertically */
  width:100%;
}

.landing-container .split-container .left-div {
   padding-bottom:0;
}

.landing-container .split-container .right-div {
   padding-top:0;
}

@media (min-width: 1000px) {
   .landing-container .first-row .split-container {
      flex-direction: row;
   }

   .landing-container .first-row .left-div {
     flex: 1; /* Take up 50% of the container's width */
     padding: 20px;
   }

   .landing-container .first-row .right-div {
     flex: 1; /* Take up 50% of the container's width */
     padding: 20px;
   }

}

/**** Define the first row ****/

.landing-container .first-row {
    display: flex;
    background-color: #ee3e41;
}

.landing-container .clip-path-div {
  width: 100%;
  height: 300px;
  background-color: transparent;
  position: relative;
  overflow: hidden;
}

.landing-container .clip-path-div::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200%; /* Set the width of the ellipse to cover twice the div */
  height: 300px; /* Set the height of the ellipse */
  background-color: #000;
  clip-path: ellipse(50% 100% at 50% 100%); /* Center the X coordinate at the right edge anf y coordinate at the bottom*/
}

@media (min-width: 400px) {
   .landing-container .clip-path-div {
     height: 500px;
   }
   .landing-container .clip-path-div::before {
     height: 500px; /* Set the height of the ellipse */
   }
}

@media (min-width: 767px) {
   .landing-container .clip-path-div {
     height: 650px;
   }
   .landing-container .clip-path-div::before {
     height: 650px; /* Set the height of the ellipse */
   }
}

@media (min-width: 1000px) {
   .landing-container .clip-path-div {
     height: 800px;
   }
   .landing-container .clip-path-div::before {
     height: 800px; /* Set the height of the ellipse */
   }
}


.landing-container .my-content-div {
   background-image: url('/images/landing/van2.png');
   background-size: 60% auto;
   background-repeat: no-repeat;
   background-position: right bottom;
   flex: 1;
   height: 300px;
   position: relative; /* Ensure that this element creates its own stacking context */
   z-index: 1; /* Ensure that .my-content-div is above the ellipse */
}

@media (min-width: 400px) {
   .landing-container .my-content-div {
     height: 500px;
   }
}

@media (min-width: 767px) {
   .landing-container .my-content-div {
     height: 650px;
   }
}

@media (min-width: 1000px) {
   .landing-container .my-content-div {
     height: 800px;
   }
}


.landing-container .voted-best {
   display:block;
   position: absolute;
   top: 5%;
   left: 5%;
   width:28%;
}

.landing-container .new-customer-promo {
   display:block;
   position: absolute;
   top: 35%;
   left: 30%;
   width:23%;
}

.landing-container .money-saving {
   display:block;
   position: absolute;
   top: 55%;
   left: 20%;
   width:20%;
}

.landing-container .budget-friendly {
   display:block;
   position: absolute;
   top: 75%;
   left: 10%;
   width:25%;
}

.landing-container .services-div {
  display:flex;
  position: absolute;
  top: 20%;
  left: 62%;
  width:38%;
}

@media (min-width: 768px) {
   .landing-container .services-div {
     display:flex;
     position: absolute;
     top: 20%;
     left: 65%;
     width:35%;
   }
}

@media (min-width: 1000px) {
   .landing-container .services-div {
     display:flex;
     position: absolute;
     top: 15%;
     left: 55%;
     width:45%;
   }
}

.landing-container .tagline1 {
  display:none;
  position: absolute;
  top: 45%;
  left: 62%;
  width:30%;
  font-size:1.8vw;
  font-weight:bold;
  color:#ffdf4e;
}

@media (min-width: 400px) {
   .landing-container .tagline1 {
     top: 42%;
     font-size:1.25vw;
   }
}

@media (min-width: 767px) {
   .landing-container .tagline1 {
     top: 35%;
     font-size:2vw;
   }
}

@media (min-width: 1000px) {
   .landing-container .tagline1 {
     top: 29%;
     font-size:1.05vw;
   }
}

.landing-container .contact-info {
  position: absolute;
  top: 90%;
  left: 10%;
  width:30%;
  font-size:1.1em;
  font-weight:bold;
}

.landing-container .contact-info a{
  color:#ff0009;
}

@media (min-width: 768px) {
   .landing-container .contact-info {
     font-size:1.6em;
   }
}


.landing-container .services-list-style{
   color:white;
   list-style:none;
   font-size:2.6vw;
   font-weight:bold;
}

.landing-container .services-list-style li{

   line-height:1.5em
}

@media (min-width: 400px) {

   .landing-container .services-list-style{
      font-size:2.1vw;
   }

}

@media (min-width: 768px) {
   .landing-container .services-list-style{
      color:white;
      list-style:none;
      font-size:2.2vw;
      font-weight:bold;
   }
}

@media (min-width: 1000px) {
   .landing-container .services-list-style{
      color:white;
      list-style:none;
      font-size:1.3vw;
      font-weight:bold;
   }
}



.landing-container .landing-separator {
   width:100%;
   margin: 0px auto;
   display: flex;
   background-color: #ffdf4e;
}

.landing-container .landing-separator h1{
   width:100%;
   font-size:1.2em;
   color:black;
   text-align:center;
   letter-spacing: 2px;
   line-height:1.2;
   padding:12px 0;
}

@media (min-width: 768px) {
   .landing-container .landing-separator h1{
      font-size:1.8em;
   }
}

.landing-container .second-row {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    position:relative;
}

@media (min-width: 768px) {
    .landing-container .second-row {
        flex-direction: row; /* Stack the elements vertically */
    }
}


@media (min-width: 769px) {
   .landing-container .second-row .split-container {
      flex-direction: row; /* Stack the left and right divs vertically */
   }

   .landing-container .second-row .left-div {
     flex: 1; /* Take up 50% of the container's width */
     padding: 20px;
   }

   .landing-container .second-row .right-div {
     flex: 1; /* Take up 50% of the container's width */
     padding: 20px;
   }

}


.landing-container .second-row-main{
    flex: 1; /* Takes up all remaining space */
    padding: 30px 15px 30px 30px;
    background-image: url('/images/landing/oil_delivery2.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.landing-container .second-row-main h2{
   font-size:2.2em;
   padding-bottom:10px;
         text-align:center;

}

@media (min-width: 768px) {

   .landing-container .second-row-main {
       padding: 30px 15px;
   }

    .landing-container .second-row-main h2{
      font-size:2.7em;
   }

}


.landing-container .second-row-main em{
 color:#ee3e41;
}

.landing-container .second-row-main ul {
   list-style:none;
   color:#ee3e41;
   padding-left: 15px;
}

.landing-container .second-row-main ul li {
   line-height:1.2;
   font-size:1.5em;
   font-weight:bold;
}
@media (max-width: 1024px) {
   .landing-container .second-row-main ul li {
      line-height:1.2;
      font-size:1.4em;
      font-weight:normal;
   }
}

.landing-container .second-row-main ul li::before {
  content: "\2022"; /* Unicode character for a solid circle (•) */
  display: inline-block;
  width: 0.9em; /* Adjust the size of the circle */
  margin-left: -1em; /* Move the circle to the left for spacing */
  font-size: 1.5em; /* Adjust the size of the circle */
  line-height: 1.4; /* Center the circle vertically with the text */
  color: #ee3e41; /* Color of the circle */
}

.landing-container .second-row-main .tagline2 {
  position:absolute;
  top:50%;
  left:5%;
  width:32%;
  font-size:2.6vw;
  font-weight:bold;
  color:#ffffff;
  text-align:center;
  line-height:1.1;
}

@media (min-width: 400px) {
   .landing-container .second-row-main .tagline2 {
     top:49%;
     left:7%;
     width:32%;
     font-size:2.1vw;
   }
}

@media (min-width: 768px) {
   .landing-container .second-row-main .tagline2 {
     top:94%;
     left:1%;
     width:20%;
     font-size:1.5vw;
   }
}

@media (min-width: 1000px) {
   .landing-container .second-row-main .tagline2 {
     top:88%;
     left:7%;
     width:21%;
     font-size:1.5vw;
   }
}


.landing-container .second-row-main .start-today{
   text-align:right;
   font-size:1.5em;
   font-weight:bold;
   padding-top:30px;
   padding-bottom:210px;
}
@media (min-width: 400px) {
   .landing-container .second-row-main .start-today{
      padding-bottom:400px;
   }
}
@media (min-width: 768px) {
   .landing-container .second-row-main .start-today{
      padding-bottom:0px;
   }
}

.landing-container .second-row-sidebar {
   width: calc(100% - 40px);
   padding: 20px;
   background-color: #ee3e41;
}

@media (min-width: 768px) {
   .landing-container .second-row-sidebar {
       width:320px;
       padding: 40px;
   }
}

.landing-container .second-row-sidebar h2{
    font-size:24px;
    color:#ffdf4e;
    padding-bottom:6px;
}

.landing-container .second-row-sidebar p{
    font-size:1.4em;
    color:#ffffff;
    line-height:1.2;
    margin-top:15px;
}

@media (min-width: 400px) {
   .landing-container .second-row-sidebar p{
       font-size:1.7em;
   }
}

.landing-container .second-row-sidebar a{
    font-size:2em;
    color:#56c4cf;
}

.landing-container .second-row-sidebar .logo{
   width:100%;
   padding-top:20px;
}

.landing-container .second-row-sidebar ul {
   list-style:none;
   color:#ffdf4e;
   margin-left:40px;
}

.landing-container .second-row-sidebar ul li {
   line-height:1;
   font-size:1.6em;
   font-weight:bold;
}

.landing-container .second-row-sidebar ul li::before {
  content: "\2022"; /* Unicode character for a solid circle (•) */
  display: inline-block;
  width: 0.9em; /* Adjust the size of the circle */
  margin-left: -1em; /* Move the circle to the left for spacing */
  font-size: 1.4em; /* Adjust the size of the circle */
  line-height: 1; /* Center the circle vertically with the text */
  color: #ffdf4e; /* Color of the circle */
}

.landing-container .disclaimer{
   clear:both;
   background-color:#2f2e2d;
   padding:12px;
   border-bottom:1px solid black;
}

.landing-container .disclaimer p{
   color:gray;
   line-height:1;
   margin-bottom:0px;
   text-align:center;
}