*, :before, :after { -webkit-font-smoothing: antialiased; }
body { color: #000; font-size: 18px; font-family: 'robotolight', Arial, sans-serif; background: #fff; margin: 0; -webkit-font-smoothing: antialiased; }
p { font-family: 'robotolight', Arial, sans-serif; font-style: normal; font-weight: normal; line-height: 24px; }
p span { font-family: 'robotoregular', Arial, sans-serif; font-style: normal; font-weight: normal; }
p em, em { font-family: 'robotolight_italic', Arial, sans-serif; font-style: normal; font-weight: normal; }
p strong, strong, h1, h2, h3 { font-family: 'robotobold', Arial, sans-serif; font-style: normal; font-weight: normal; }
a { color: #006826; text-decoration: none; }
a:hover, a:active { color: #909090; text-decoration: none; }
ul { margin-bottom: 0; }
h1 { font-size: 34px; line-height: 38px; font-weight: normal; color: #006826; }
h2 { font-size: 38px; color: #006826; }
h1, h2, h3 { margin-top: 0; margin-bottom: 0; }
#main h1, #main h2, #main h3 {margin-bottom: 14px;}
.button { border: none; border-radius: 5px; text-align: center; }
.color-dark-grey { color: #504c4c; }
.button-primary { background: #ffad0f; color: #fff; font-family: 'robotobold', Arial, sans-serif; font-size: 28px; line-height: 28px; width: 100%; display: block; padding: 20px 12px; }
.button-primary:hover, .button-primary:focus, .button-primary a, .button-primary a:link, .button-primary a:visited, .button-primary a:hover, .button-primary a:active, .button-primary a:focus { color: #fff; text-decoration: none; }
.link { color: #000000; text-decoration: underline; font-size: 20px; line-height: 48px; }
.site-color { color: #006826; }
.color-white { color: #fff; }
.color-gold { color: #ffba27; }
.nopad { padding: 0; }
.fitty { display: block; width: 100%; height: auto; text-align: center }
.loading-screen { position: fixed; display: none; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; background: rgba(255, 255, 255, 0.98) url(../img/loading.gif) no-repeat center; z-index: 9999; }
header { background: #CCC; width: 100%; z-index: 2; }
.navbar-brand { padding: 0; }
.navbar-brand>img { height: auto; margin: 2px 0; }
.site-tagline { margin: 10px 0 0; }
.site-tagline p { font-size: 22px; font-family: 'robotobold', Arial, sans-serif; text-align: center }
.navbar { z-index: 999; -webkit-box-shadow: 1px 0px 9px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 1px 0px 9px 0px rgba(0, 0, 0, 1); box-shadow: 1px 0px 9px 0px rgba(0, 0, 0, 1); }
.navbar-default .container { position: relative; }
.navbar-default .hotline { position: absolute; text-align: center; max-width: 310px; right: 0; top: 0; background: #006826; font-size: 22px; font-family: 'robotobold', Arial, sans-serif; color: #fff; padding: 0px 10px; border-radius: 0 0 5px 5px; text-decoration: none; }
.navbar-default .hotline2 { top: 32px }
.navbar-default .hotline a { color: #fff; }
.navbar-default .navbar-nav { margin-top: 0; }
.navbar-default li a { font-family: 'robotoregular', Arial, sans-serif; font-size: 15.5px; line-height: 24px; color: #000 !important; padding-left: 6px; padding-right: 6px; }
.navbar-default li a:hover { color: #999 !important; }
.navbar-brand { display: block; margin-left: 0 !important; height: auto; }
.weight-normal { font-weight: 400; }
.text-italic { font-style: italic; }
.size-22 { font-size: 22px; }
.lh-32 { line-height: 32px; }
.family-roboto { font-family: "Roboto"; }
.display-block { display: block; }
.color-green { color: #006826; }
.no-bm { margin-bottom: 0; }
.align-center, .align-left, .align-right { display: block; position: relative }
.align-left { float: left; margin: 0 10px 10px 0 }
.align-right { float: right; margin: 0 0 10px 10px }
.align-center, .aligncenter { float: none; margin: 0 auto 10px }
#hero { background: url(../img/hero-bg.jpg) no-repeat center top; padding-top: 10px; margin-top: 93px; }
#hero h1 { text-align: center; display: block; }
.banner-subheading{width: 100%; font-size: 23.5px;}
.panel { padding: 25px; border-radius: 5px; -webkit-box-shadow: 1px 0px 9px 2px rgba(0, 0, 0, 1); -moz-box-shadow: 1px 0px 9px 2px rgba(0, 0, 0, 1); box-shadow: 1px 0px 9px 2px rgba(0, 0, 0, 1); }
.panel .img-responsive { text-align: center; display: inline-block; margin-left: auto; margin-right: auto; margin-bottom: 0; }
.panel .link { text-align: center; display: inline-block; text-decoration: none; border-bottom: 1px solid #000; margin-left: auto; margin-right: auto; line-height: 30px; }
.panel .action-wrapper { text-align: center; border-top: 1px solid #d9d9d9; margin-left: -25px; margin-right: -25px; padding-left: 25px; padding-right: 25px; margin-top: 25px; }
.panel p span { font-size: 21px; line-height: 24px; display: inline-block; }
.feedback { background: rgba(255, 255, 255, .9); padding: 20px 15px; border-radius: 5px; margin-bottom: 30px; font-size: 16px; line-height: 24px; margin-top: -5px; }
.feedback p:last-child { margin-bottom: 0; }
.sidebar-coupons { display: block; position: relative; text-align: center; }
.sidebar-coupons img { max-width: 100%; display: block; margin: 0 auto 10px; }
#about { padding-top: 35px; }
#about h2 { text-align: center; margin-bottom: 24px; }
#about .trusted-logos { text-align: center; margin: 25px 0 20px; }
#about .trusted-logos img { display: inline-block; }
#about p.lead { font-size: 24px; line-height: 32px; font-family: 'robotoregular', Arial, sans-serif; }
#about .col-md-7 li{font-size: 0.95em;}
#about .action-wrapper { text-align: center; padding-top: 25px; border-top: 1px solid #d9d9d9; }
#about .action-wrapper .button-primary { padding-left: 55px; padding-right: 55px; display: inline-block; margin-left: auto; margin-right: auto; width: auto; margin-bottom: 0; }
#about .action-wrapper p { margin-bottom: 10px; }
.panel .button-primary { margin-top: 20px; text-decoration: none}
#about .action-wrapper .link { text-align: center; display: inline-block; text-decoration: none; border-bottom: 1px solid #000; margin-left: auto; margin-right: auto; line-height: 30px; margin-bottom: 30px; }
.boxed { background: #f6f6f6; }
.boxed .boxed-header { background: #006826; color: #fff; font-family: 'robotobold', Arial, sans-serif; font-size: 24px; padding: 10px 20px; }
.boxed .boxed-body { font-family: 'robotoregular', Arial, sans-serif; font-size: 20px; padding: 20px 15px; }
.green-bar { background: #006826; color: #fff; text-align: center; font-size: 34px; line-height: 38px; padding: 20px 15px; margin-top: 30px; }
.green-bar a { color: #fff; font-family: "robotobold" }
#service { background: url(../img/service-bg.jpg) no-repeat center top; background-size: cover; padding: 70px 0 50px; color: #fff; text-align: center; font-size: 14px; line-height: 20px; }
#service h3 { font-family: 'robotoregular', Arial, sans-serif; font-size: 24px; color: #fff; padding: 40px 0 20px; }
#service .thumb-wrapper img { border: 4px solid #fff; margin-left: auto; margin-right: auto; display: block; }
#service .button { font-size: 18px; color: #000; background: #fff; border-radius: 5px; padding: 11px 20px; height: 46px; display: inline-block; margin: 20px 0 40px; }
#info { padding: 60px 0; }
#info h1 { margin-bottom: 12px; }
#info p { margin-bottom: 18px; }
#info p span { font-size: 22px; line-height: 32px; }
#info p span.info-text { line-height: 36px; }
#info h2 { margin-bottom: 20px; }
#info .feedback { background: #f4f4f4; margin-top: 30px; }
.media>.pull-left { padding-right: 20px; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
footer { background: #000; text-align: center; padding-top: 30px; position: relative; }
footer:after { content: ''; display: block; border-bottom: 5px solid #1d5a3b; bottom: 0; }
footer nav { margin-top: 30px; margin-bottom: 30px; }
footer nav a { font-size: 16px; line-height: 24px; color: #fff; font-family: 'robotoregular', Arial, sans-serif; }
.back-to-top { border-radius: 5px; text-align: center; background: #000; color: #fff; display: none; width: 40px; height: 40px; line-height: 40px; font-size: 12px; position: fixed; right: 20px; bottom: 20px; opacity: 0.4; filter: alpha(opacity=40); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; z-index: 9999; }
.back-to-top:hover { opacity: 1; filter: alpha(opacity=100); }
.call-us { display: none; background: #004A25; color: #fff; font-size: 18px; font-weight: 400; text-align: center; padding-top: 10px; padding-bottom: 10px; margin-top: 80px; }
.call-us a { color: #fff }
.call-us-title { font-size: 24px; }
.call-us:hover, .call-us:focus { color: #fff; text-decoration: none; }
.special-list { padding-left: 0; list-style: none; width: 100%; max-width: 100%; margin: 0
auto 20px; }
.call-company { font-size: 120%; }
.special-list { padding-left: 30px; }
.special-list li { font-family: "robotoregular"; padding: 12px 0; border-bottom: 1px dashed #ccc; font-size: 14px; color: #505050;}
.special-list li img { position: relative; margin-left: -45px; }
.banner-prices .bin-item { overflow: hidden; float: none; display: inline-block; padding: 0 5px; max-width: 240px; height: 160px; position: relative; padding: 0; }
.banner-prices>div { margin-bottom: 3px; }
.priceTitle { font-size: 16px; font-weight: 700; z-index: 2; position: relative; padding: 2px 0; background: rgba(0, 0, 0, 0.5); color: #fff; }
.priceHolder * { font-size: 18px; color: #fff; }
.banner-prices .img-responsive { width: 100%; height: auto; }
.priceHolder { background: rgba(0, 0, 0, 0.65); padding: 1px 0; line-height: 21px; position: relative; z-index: 2; }
.priceHolder small{text-transform: capitalize; font-size: 12px;}

.blog-item{padding:20px 0; border-bottom: 1px solid #f0f0f0}
.blog-item h3{border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; padding-top: 10px; width: 60%;}
.blog-thumbnail{height: 170px; background: url('../img/service-3.jpg') no-repeat center top; background-size: 100% auto;border: 4px solid #f0f0f0; border-radius: 5px;transition: all 300ms ease-in-out;}
.blog-thumbnail:hover{background-size: 120% auto;}

.priceHolder,
.priceTitle{position: absolute; left: 0; right: 0; width: 100%;margin-bottom: 0}
.priceTitle{top: 0}
.priceHolder{bottom: 0}

.pickup-dumpster{display: inline-block;background: #ffad0f!important}
.pickup-dumpster a{color: #fff; }
.site-tagline .pickup-dumpster{border-radius: 3px; font-size: 12px!important;margin-bottom: 10px; padding:3px 5px; margin-bottom: 4px;background: #74af43!important}

.carousel-control { background: transparent !important; color: #006826; opacity: 1; }
.carousel-control .fa { font-size: 3em; color: #006826; margin-top: 24px; }
.carousel-control.right { right: -20px; background: transparent;}
.carousel-control.left { left: -20px; background: transparent;}
.faq-list>h2 { font-size: 28px; margin-top: 20px; margin-bottom: 24px !important; }
.faq-item .panel-collapse { display: none }
.faq-item .fa-plus { margin-right: 10px; }
.faq-item .faq-title a { font-size: 21px; color: #11140d; font-weight: 400 }
.faq-body { padding: 20px }
#myForm div input[type="button"]{margin-top: 20px;}
.blink{animation: blinker 1.4s linear infinite;line-height: 110%}
 @keyframes blinker { 
 	0% { transform: rotate(0); opacity: 1;} 
 	60% { transform: rotate(0); opacity: 1;} 
 	80% { transform: rotate(0);opacity: 0; } 
 	100%{transform: rotate(0); opacity: 1;}
}
.nobullets,
.nobullets li{list-style: none}
.sidebar-list{padding-left: 0}
.sidebar-list li{font-size: 1em}
.sidebar-list li img{margin-left: -10px;margin-right: 10px}
.social{display: block; position: relative; text-align: center; margin: 20px auto; padding-left: 0!important;}
.social li{position: relative; display: inline;}
.social li a{font-size: 2rem; margin:5px; }
/*.social li a i{color: #fff;}*/
.social li a[href*="facebook"]{color: #4267B2;}
.social li a[href*="instagram"]{color: #8a3ab9;}
.social li a[href*="twitter"]{color: #00acee;}
.social li a[href*="g.page"]{color: #db3236;}

@media (max-width:991px) {
	.navbar-fixed-top { position: relative; margin-bottom: 0; }
	#hero, .call-us { margin-top: 0 !important; }
	.call-oneliner { display: block; width: 100%; clear: both }
	#hero { background: url('../img/hero-bg-small.jpg') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
	.navbar-default .navbar-toggle { display: block; border: none; color: #1d5a3b; font-size: 26px; border-radius: 0; padding: 14px 10px 10px; }
	.navbar-default .navbar-nav { margin-top: 5px; overflow: scroll; }
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: none; }
	.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
	.navbar-collapse.collapse { display: none !important; }
	.navbar-collapse.collapse.in { display: block !important; }
	.navbar-nav { float: none !important; margin: 0; padding-right: 15px; padding-left: 15px; }
	.navbar-nav>li { float: none; margin-bottom: 5px; }
	.navbar-nav>li>a { padding-top: 5px; padding-bottom: 5px; text-align: center; }
	.navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; }
	.navbar-default .hotline { right: 80px; top: 10px; border-radius: 0; }
	.navbar-default .hotline2 { top: 42px; }
}
@media (min-width:768px) {
	.col-md-5 { margin-top: 12px; }
	.col-md-5 img { float: none; margin: 0 auto; }
	.navbar-brand>img { margin-top: 5px }
	.site-tagline { margin-top: 0px; }
	.navbar-header { padding: 0; max-width: 240px; }
	.navbar-header img { max-width: 100%; }
	.list-container{padding-right: 8px;}
	.special-list{padding-left: 0;width: 100%;}
	.special-list li img{margin-left: -32px;}
	.special-list li{padding-left: 20px;font-size: 17px;}
	.sidebar-list{padding-left: 20px}
}
@media (min-width:992px) and (max-width:1199px) {
	.navbar-default li a { font-size: 13px; }
	#hero { background: url('../img/hero-1024.jpg') no-repeat center top; background-size: cover; }
}
@media (min-width:1200px) {
	.container { width: 1185px; }
}
@media only screen and (max-width:1200px) {
	.special-list li { font-size: 16px; line-height: 28px; }
	.navbar-brand>img { max-width: 200px; }
}
@media only screen and (max-width:1024px) {
	.navbar-default li a { padding: 0 8px; }
	.navbar-brand>img { max-width: 180px; }
	.banner-prices .bin-item{height: auto!important;max-width:44%!important;}
	.banner-prices .img-responsive{max-width: 100%;height: auto;width: 100%}
}
@media only screen and (max-width:980px) {
	.banner-prices .bin-item{max-width: 300px!important;overflow: hidden}
	.site-tagline .pickup-dumpster{display: inline-block!important;}
}
@media only screen and (max-width:768px) {
	.navbar-fixed-top .navbar-collapse { max-height: 900px; }
	.site-tagline p { margin-bottom: 10px; }
	.special-list li { font-size: 16px; }
	.navbar-brand>img{max-width: 100%;}
}
@media (max-width:767px) {
	.hotline { display: none; }
	.green-bar { margin-top: 30px; }
	.call-us { display: block; font-family: "robotobold"; font-size: 18px; }
	#hero { padding-top: 10px; margin-top: 0; }
	.navbar-header.col-lg-3 { margin: 0 auto; }
	#myForm{max-width: 420px; width: 100%; margin: 0 auto 20px;}
}
@media only screen and (max-width:520px) {
	.sidebar-list li{font-size:0.85em}
	.sidebar-list li img{margin-left: 0px;margin-right: 5px}
	#hero h1{line-height: 22px}
	.get-price-container{padding-left: 0;}
	.navbar-default li a { font-size: 1em; }
	.panel { padding: 10px 15px; }
	.panel .action-wrapper{margin-left: -15px; margin-right: -15px}
	.site-tagline { margin-top: 2px;margin-left: 0;padding-left: 0; }
	.site-tagline p { font-size: 18px; margin-bottom: 0; }
	.block-in-mobile { display: block; clear: both; margin: 10px 0; }
	.call-us { padding: 0 10px; }
	.call-us .block-in-mobile { margin: 0; }
	.call-us br { display: none; }
	.home h1 { font-size: 28px; line-height: 36px; }
	.home .panel p.size-22,
	.home .panel p.lh-32 { line-height: 24px; font-size: 18px; font-family: "robotoregular" }
	#about h2 { line-height: 32px; font-size: 28px; margin-top: 14px; }
	.panel p { text-align: center; }
	#about { padding-top: 0; }
	#info { padding-top: 30px; }
	.boxed .boxed-header { font-size: 18px; }
	.boxed-body .fa-ul li { font-size: 18px; }
	#about p.lead { line-height: 28px; }
	#info { padding-bottom: 30px; }
	#hero .panel .col-sm-6 { padding: 0; }
	#info .panel p { text-align: left; }
	#footer-nav  li { display: block !important; }
	.navbar-default .container { padding: 0; }
	.navbar-header.col-lg-3 { display: block; margin: 0 auto; }
	.navbar-brand { float: none; text-align: center; display: block; }
	.navbar-brand>img { margin: 5px auto; max-width: 100%; }
	.navbar-toggle { padding: 0; right: 0; margin: 0; }
	.special-list li{padding:5px 0;text-align: center}

}
@media only screen and (max-width:375px) {
	.home .panel p.size-22 { line-height: 16px; }
	.special-list{padding-left: 0;}
	.special-list li{text-align: center}
	.special-list li img{margin-left: auto}
	.panel p span.online-only{font-size:17px}
}
@media only screen and (max-width:320px) {
	#about .action-wrapper .button-primary { padding-left: 15px; padding-right: 15px; }
	.navbar-brand>img { width: 225px; }
	.fa-ul { margin-left: 1.14em; }
	#about h2 { margin-bottom: 20px; font-size: 32px; }
}
.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden }
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 }
.embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25% }
.embed-responsive.embed-responsive-4by3 { padding-bottom: 75% }
@media only screen and (max-height:450px) {
	.navbar-fixed-top { position: relative; margin-bottom: 0; }
	#hero, .call-us { margin-top: 0 !important; }
}

/*Normal Pages*/
@media (min-width:1024px) {
	body:not(.home) #hero { height: 280px; background-size: 100% auto; }
	.navbar-default .navbar-nav { margin-top: 20px; }
}
@media (min-width:1200px) {
	body:not(.home) #hero { height: 340px; background-size: 1200px auto; }
}
@media only screen and (max-width:1024px) {
	body:not(.home) #hero { background: url(../img/hero-bg-md.jpg) no-repeat center top; background-size: 100% auto; height: 300px; }
}
@media only screen and (max-width:991px) {
	body:not(.home) #hero { padding-top: 42px; }
	.home #hero { background-image: url(../img/hero-home-md.jpg); }
}
@media only screen and (max-width:768px) {
	body:not(.home) #hero { height: 230px; margin-top: 105px; background-image: url(../img/hero-bg-sm.jpg); }
}
@media only screen and (max-width:767px) {
	body:not(.home) #hero { ; margin-top: 0; }
}
@media only screen and (max-width:480px) {
	.home #hero { background-image: url(../img/hero-home-xs.jpg); }
	body:not(.home) #hero { margin-top: 0 }
}
@media only screen and (max-width:320px) {
	.home #hero { background-image: url(../img/hero-home-xxs.jpg); }
	body:not(.home) #hero { height: 205px; margin-bottom: 20px; background-image: url(../img/hero-bg-xxs.jpg); }
}
@font-face { font-family: 'robotolight'; src: url(../fonts/roboto-light-webfont.eot); src: url(../fonts/roboto-light-webfont.eot#iefix) format('embedded-opentype'), url(../fonts/roboto-light-webfont.woff2) format('woff2'), url(../fonts/roboto-light-webfont.woff) format('woff'), url(../fonts/roboto-light-webfont.ttf) format('truetype'), url(../fonts/roboto-light-webfont.svg#robotolight) format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'robotoregular'; src: url(../fonts/roboto-regular-webfont.eot); src: url(../fonts/roboto-regular-webfont.eot#iefix) format('embedded-opentype'), url(../fonts/roboto-regular-webfont.woff2) format('woff2'), url(../fonts/roboto-regular-webfont.woff) format('woff'), url(../fonts/roboto-regular-webfont.ttf) format('truetype'), url(../fonts/roboto-regular-webfont.svg#robotoregular) format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'robotolight_italic'; src: url(../fonts/roboto-lightitalic-webfont.eot); src: url(../fonts/roboto-lightitalic-webfont.eot#iefix) format('embedded-opentype'), url(../fonts/roboto-lightitalic-webfont.woff2) format('woff2'), url(../fonts/roboto-lightitalic-webfont.woff) format('woff'), url(../fonts/roboto-lightitalic-webfont.ttf) format('truetype'), url(../fonts/roboto-lightitalic-webfont.svg#robotolight_italic) format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'robotobold'; src: url(../fonts/roboto-bold-webfont.eot); src: url(../fonts/roboto-bold-webfont.eot#iefix) format('embedded-opentype'), url(../fonts/roboto-bold-webfont.woff2) format('woff2'), url(../fonts/roboto-bold-webfont.woff) format('woff'), url(../fonts/roboto-bold-webfont.ttf) format('truetype'), url(../fonts/roboto-bold-webfont.svg#robotobold) format('svg'); font-weight: normal; font-style: normal; }