﻿@charset "utf-8";
/* CSS Document */
.mob-only,.mob-only-inline{display:none!important;}
* {
	margin:0;
	padding:0;
}
.clear {
	clear:both;
}

img {
	border:0;
	}
body {
	background:url(/Resources/images/body-bg.png);
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	
	}
.display-mobile,.display-mobile-ib{
	display: none;
}
.orange-text {
    color: #f46718;
}
.white-textt{
    color:#fff;
}

.font-28 {
    font-size: 28px;
}
.museo{
    font-family: museo-sans, sans-serif;
}
.strong{font-weight:700;}
#wrapper {
	background:#333333;
	width:961px;
	margin:0 auto;
	border:1px solid #333333;
		padding:0;
		position:relative;
	}
#col1 {
	width:723px;
	float:right;
	display:inline;
}	
#col2 {
	width:210px;
	float:left;
	border:0px solid #fff;
	padding:20px 5px 0 20px;
	}
    #copy-col2 ul {
      margin-top:15px;
    }
    #copy-col2 li {
      margin-bottom:10px;
      font-size:14px;
    
    }
 #col2 p a img { 
 	/*width:85%;*/
 	display: block; 
 	margin-left: auto; 
 	margin-right: auto; 
 }
.breadcrumbs a{color:inherit;}
#dumpster-header {
	width:712px;
	height:200px;
	background:url(/Resources/images/Desktop-Dumpster.png);
	margin-left:5px;
	}	
.header-text {
	font-size:18px;
	color:#fff;
	padding-left:10px;
}	
.header-big-text {
	width:500px;
	font-size:38px;
	color:#fff;
	padding:20px 0 0 30px;	
}
#copy-section {
	width:691px;
	padding:10px;
	background:#fff;
	margin:0 0 5px 10px;
	padding:0 0 0 15px;
	font-size:12px;
}
#copy-col1 {
	width:440px;
	float:left;
	padding-top:25px;
}	
#copy-col1 p {
	margin:10px 0px;
	line-height:18px;	
}
#copy-col2 {
	width:220px;
	float:left;
	padding:20px 0 10px 20px;
}

#copy-col2 img {
	text-align:center;
}
.hr-padding {
	margin:0px 0 10px 0px;
}
.hr-padding-bottom {
	margin:10px 0 0px 0px;
}
.right-content {
	color:#999999;
	margin:0 auto;
	width:214px;
}
.number {
	width:194px;
	height:45px;
	background:url(/Resources/images/telephone-button.png) no-repeat;
	color:#fff;
	font-size:24px;
	padding-top:18px;
	text-align:center;
	margin-top:8px;
}
.right-cta {
	font-size:20px;
	line-height:24px;
	font-weight:normal;
}
h1 {
	font-size:26px;
	color:#083665;
	font-weight:normal;	
}	

h2 {
	font-size:20px;
	color:#083665;
	font-weight:normal;
}

label {
	font-size:11px;
}
#headerForm {
	margin-top:20px;
	max-width: 5em;
}
.submit-btn {
	margin:12px 0 10px 20px;
}
.small-txt{
	font-size:11px;
	}
.white-text {
	color:#ffffff;
}	
.red {
	color:#FF0000;
}	
.green {
	color:#66cc00;
	font-size:20px;
	margin-bottom:5px;
}
.blue {
	color:#083665;
	font-weight:bold;
}
.telephone {
	width:45px; float:left; margin-right:10px;
}
.phone-numbers {
	font-family:Arial, Helvetica, sans-serif;
	width:68%; float:left; font-size:12px; font-weight:bold;
}
.line {
	height:5px;
	width:212px;
	background:url(/Resources/images/line.png) repeat-x;
}
#footer {
	width:961px;
	height:21px;
	margin:10px auto;
	background:url(/Resources/images/footer-background.png) 6px 0px no-repeat;
	font-size:12px;
	/*padding:2px 0 0 18px;*/
	
}

ul {
  margin-left:15px;
}

.hidden {
  display:none;
}

.copy {
  margin:10px 0px;
}
.right-content-leftB {
  	color:#fff;
  	/*margin:10px 0 0 10px;*/
  	width:210px;
  	height:480px;
  	/*background:url(/Resources/images/new-formbg.png) 0 10px no-repeat;*/
	background-color:#2a2a2a;
  	padding:10px 0 0px 10px;
	border-radius:5px;
	text-align:center;
  }
  
.right-content-leftB .div1{
  height:18%;
  width:100%;
  background-color:#10233a;
  border-top-right-radius:5px;
  border-top-left-radius:5px;
  border:solid 1px #000000;
  text-align:center;
  }
  
.right-content-leftB .div2{
  height:18%;
  width:100%;
  background-color:#10233a;
  border:solid 1px #000000;
  text-align:center;
  }
  
.right-content-leftB .div3{
  height:61%;
  width:95%;
  background-color:#193355;
  border-bottom-right-radius:5px;
  border-bottom-left-radius:5px;
  border:solid 1px #000000;
	text-align:center;
 }
  
.right-content-leftB .right-cta {
  	font-size:16px;
  	line-height:20px;
  	font-weight:normal;
  	margin-top:5px;
	text-align:center;
	font-weight: bold;
  }

.formTextBox
{
	background-color:#acb3bd;
	border-radius:5px;
	border:solid 1.5px #11253d;
	width:175px;
	height:25px;
}

.alignleft
{
	margin-left:-130px;
}

.formText
{
	color:#909daf;
	font-size:0.75em;
	font-weight:bold;
}

#div1-1
{
	top:13px;
	position:relative;
}

#div2-1
{
	top:10px;
	position:relative;
	height: 5em;
}

#div3-1
{
	left:-2px;
	position:relative;"
}

#div3-2
{
	left:-3px;
	position:relative;"
}

#div3-3
{
	margin-left:-100px;
	margin-top:0px;
	margin-bottom:20px;
}

#keywords{
	overflow: hidden;
	margin: 2% auto;
	width: 96%;
	font-size: 14px;
	border-top: 1px solid #696868;
	border-bottom: 1px solid #696868;
}
#keywords ul {margin: 1% 0 1% 4%;}
#keywords ul li {	
	list-style-type: none;
	/*width: 25%;*/
	float: left;
	line-height: 1.8em;
}
#keywords ul a {
	color: #8f9899;
	text-decoration: none;
}
#keywords li:last-child {padding-bottom: 15px;}
#share {margin: 2.5% 0;}
.tel>span {display: block;line-height: 1.5em;}
.tel abbr {
	padding-left: 5px;
	font-weight: bold;
}
.mobileCTA a{
cursor: text;
text-decoration: none;
color: white;
font-size: 1em;
font-weight: bold;
}
.infographic img{max-width:100%;}
.landfill-infographic{display:table;}
.land-left,.land-right {
	padding:1em;
	display: table-cell;
	width: 50%;
	vertical-align: top;
}
.land-left{background-color:#193355;padding: 2.5em 2em 1.5em 2em;font-weight: 700;}
.land-left .orange-text{margin-top:.5em;}
.land-right{background-color:#e8edf1;}
.land-right ul{
    list-style: none;
    padding:0;
    margin: .75em 0;
}
.land-right li:before{
	content: "\2022 ";
    color: #5a9926;
    margin-right: 5px;
}
.land-right div{font-weight:700;}

.hero-form {
	position: absolute !important;
	margin: auto;
	bottom: 15px;
}

.call-cta {
	position: absolute;
	left: 2%;
	top: 65%;
	background-color: #193355;
	display: inline-flex;
	padding: 7px 15px 11px 12px;
	border-radius: 6px;
	letter-spacing: 1px;
}

.dumpster-rental .hero-form {
	position: relative !important;
	margin: 35px auto 20px; /*35px auto 20px;*/
	bottom: 0;
}

.dumpster-rental span.call-now-tel a {
	color: #fff;
	text-decoration: none;
	font-size: 22px;
	font-weight: 800;
}

span.call-now-tel a {
	color: #fff;
	text-decoration: none;
	/*font-size: 22px;
	font-weight: 800;*/
}

.location-page .call-now-tel a {
	color: #fff;
	text-decoration: none;
	font-size: 15px;
} 
/* ------------------------- MOBILE LIGHT BOX POP UP -----------------*/
.backdrop, .backdrop2 {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	/*background: #000;
opacity: .0;*/
	filter: alpha(opacity=0);
	z-index: 50;
	display: none;
}
#box, #box2 {
position: absolute;
top: 6%;
left: 0%;
right: 0%;
margin: 0 auto;
width: 95%;
z-index: 51;
-moz-box-shadow: 0px 0px 5px #444444;
-webkit-box-shadow: 0px 0px 5px #444444;
box-shadow: 0px 0px 5px #444444;
display: none;
}

/*Added*/
#footer {
	text-align: center;
}
select {
	padding: .35em;
}
.right-content-leftB .right-cta {
	padding: 18px 0;
}

.green {
	margin: 0 2.5em .5em 0;
}

.right-content-leftB .div3 {
	height: 97%;
}

.right-content-leftB .div1 {
	margin-bottom: auto;
}

#bulletlist {
	margin-bottom: 15px;
}

	#bulletlist ul {
		list-style-type: circle;
		margin-left: 30px;
	}

	#bulletlist li {
		margin-bottom: 5px;
		line-height: 18px;
	}

		#bulletlist li ul {
			margin-top: 5px;
		}

.right-content-leftB {
	height: 301px;
}

#dumpster-header {
	background-image: url(/Resources/images/Desktop-Dumpster.png);
}
.optCopy {
	display: none;
}

.right-content-leftB {
	margin-top: 2em;
}

.banner25 {
	margin-top: -17px;
	width: 80%;
}

.optCall {
	display: none;
}

.optDeskcopy {
	display: block;
}

.covid-banner {
	background-color: #4C9D2A;
	color: #fff;
	text-align: center;
	padding: 15px;
	margin-bottom: 10px;
}

.covid-a {
	font-size: 18px;
}

.covid-b {
	font-size: 15px;
}
.hiring-banner {
	background-color: #4C9D2A;
	color: black;
	text-align: center;
	padding: 15px;
	margin-bottom: 10px;
}

.hiring-a {
	font-size: 19px;
	font-weight: bold;
	color: white;
}

.hiring-b {
	font-size: 19px;
	font-weight:bold;
	color:white;
}

/*.new-creative .optTopNavigation {
	padding-top: 7.6em;
}*/

.hidden-desktop {
	display: none;
}

#hero .hero {
	background-image: url(/resources/images/hero/dump-desk.png);
	background-position: bottom right;
}

.hidden-desktop {
	display: none;
}

.kw-others {
	display: block;
}

.kw-tab {
	display: none;
}

.Social-Link {
	text-align: center;
	margin-bottom: 10px;
}

	.Social-Link a {

		text-decoration:none;
	}
/* ----------------------------------------------------------------------*/
@media screen and (max-width:966px) {
	.green {
		margin: 0 0 0 0;
	}
	.mobileCTA {
		font-size: .8em;
	}
	.kw-others {
		display: none;
	}

	.kw-tab {
		display: block;
	}

		.kw-tab ul {
			width: 30% !important;
			padding-right: 10px !important;
		}

	#keywords {
		width: 100% !important;
	}
}


	@media only screen and (max-width: 960px) {

		.hiring-banner {
			display: block !important;
			color: black;
			padding-top: 33px;
			margin-bottom: 0;
		}
		.covid-banner {
			margin-bottom: 0px;
			display: block !important;
		}

		.covid-a {
			font-size: 16px;
		}

		.covid-b {
			font-size: 14px;
		}

		.new-creative .optTopNavigation {
			padding-top: 1.1em;
		}

		.hidden-desktop {
			display: block;
		}

		.kw-others {
			display: none;
		}

		.kw-tab {
			display: block;
		}

			.kw-tab ul {
				width: 30% !important;
				padding-right: 10px !important;
			}

		#keywords {
			width: 100% !important;
		}
	}

	@media screen and (max-width: 900px) {
		#hero .hero {
			background-image: url(/resources/images/hero/dump-tab.png);
		}
	}


	/* ----------------------------------------------------------------------*/
	@media screen and (max-width:750px) {
		.mob-only {
			display: block !important;
		}

		.mob-only-inline {
			display: inline-block !important;
		}

		.mob-hide {
			display: none !important;
		}

		#headerForm {
			max-width: none;
		}

		.right-content-leftB .div3 {
			margin-top: 30px;
		}

		.mobileCTA {
			top: -60px;
		}

		#dumpster-header {
			background-image: url(/Resources/images/Mobile-Dumpster.png);
		}

		#hero .hero {
			background-image: url(/resources/images/hero/dump-mob.jpg);
			height: 272px;
		}

		.hero-form {
			position: relative !important;
			width: auto;
			margin: 0 20px;
			left: 0;
			bottom: 0;
			top: -25px;
			display: block;
			border: 2px solid #fff;
		}

		.covid-banner {
			display: block !important;
		}

		

		.kw-others {
			display: none;
		}

		.kw-tab {
			display: block;
		}

			.kw-tab ul {
				width: 30% !important;
				padding-right: 10px !important;
			}

		#keywords {
			width: 100% !important;
		}
	}

	/* ----------------------------------------------------------------------*/
	@media screen and (max-width: 640px) {
		.banner25 {
			margin-top: -34px;
		}

		.optCopy {
			display: block;
		}

		.optDeskcopy {
			display: none;
		}

		.hero-form {
			margin: 0 20px;
		}

		.covid-banner {
			display: block !important;
		}

		.kw-others {
			display: block;
		}

		.kw-tab {
			display: none;
		}
	}

	/*footer changes*/
	.footer-container {
		background: #001a2a;
	}

	@media (min-width: 1200px) {
		.globalWidth {
			width: 86%;
			margin: 0 auto;
			padding: 0;
		}
	}

	@media (min-width: 600px) {
		.globalWidth {
			padding: 0 40px;
		}
	}

	.globalWidth {
		position: relative;
		padding: 0 30px;
	}

	.footer-upperRegion-container {
		padding: 50px 0;
	}

	.footer-quote {
		font-family: 'Droid Serif', serif;
		font-style: italic;
		color: #FFF;
		text-align: center;
		max-width: 800px;
		margin: 0 auto;
		line-height: 1.8;
		font-size: 17px;
	}

	.footer-socialContainer {
		text-align: center;
		margin: 10px;
	}

		.footer-socialContainer ul li {
			display: inline-block;
			text-align: center;
		}

	.footer-lowerRegion-container {
		background: #00101b;
		position: relative;
		border-top: 1px solid #084061;
		width: 100%;
		padding: 0 0 50px;
	}

	.footer-lowerNav-container {
		text-align: center;
		padding: 50px 0;
	}

	.visually-hidden {
		color: #000;
		background-color: #fff;
	}

	.visually-hidden {
		position: absolute !important;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
		width: 1px;
		height: 1px;
		word-wrap: normal;
	}

	@media (min-width: 768px) {
		nav.footer-lowerNav-container ul {
			display: block;
		}
	}

	.footer-lowerNav-container ul li {
		display: inline-block;
	}

		.footer-lowerNav-container ul li a {
			text-transform: uppercase;
			color: #FFF !important;
			font-size: 11px;
			font-weight: 700;
		}

	a, a:link, a:visited, a:active, a:hover, img, a img {
		border: none;
		outline: none;
		text-decoration: none;
	}

	@media (min-width: 768px) {
		nav.footer-lowerNav-container select {
			display: none;
		}
	}

	nav.footer-lowerNav-container select {
		display: inline-block;
	}

	.footer-attribute {
		font-size: 13px;
		text-align: center;
		color: #d3d3d3;
	}

	.footer-lowerNav-container ul li:after {
		content: '/';
		display: inline-block;
		margin: 0 5px 0 8px;
		color: #00326f /*#004a87*/;
	}


	.footer-socialContainer ul li a {
		color: #FFF !important;
		font-size: 25px;
		margin: 0 1px;
	}

	.footer-lowerNav-container ul li:last-child::after {
		content: none;
	}

	a, a:link, a:visited, a:active, a:hover, img, a img {
		border: none;
		outline: none;
		text-decoration: none;
	}