* {
    box-sizing: border-box;
}

.my-slider,
.my-slider li {
	height: 390px;
	position: relative;
}

.my-slider li {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.slider-button {
	border: 1px solid white;
	border-radius: 10px;
	display: inline-block;
	padding: 8px;
}

.desktop {
	display: none;
}

.wrap {
	min-height: calc(100vh - 50px);
}

.mcontainer {
	width: 90%;
	margin: 0 auto;
}

.main-header {
	position: relative;
}

.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	text-align: center;
	display: inline-block;
	position: absolute;

	top: 9px;
	left: 0;
	margin-right: 25px
}

.show-menu img {
	display: inline-block;
	vertical-align: middle;
	height: 39px;	
}

.logo img {
	width: 200px;
	padding-top: 7px;
	padding-left: 7px;
}

/*Responsive Styles*/
/*Hide checkbox*/
input[type=checkbox] {
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu {
    display: block;
}

.logo {
	text-align: center;
}

/*Make dropdown links appear inline*/
.main-nav ul {
	position: static;
	display: none;
}

/*Create vertical spacing*/
.main-nav li {
	display:inline-block;
	float: left;
}

/*Make all menu links full width*/
.main-nav ul li, li a {
	width: 100%;
}

/*Style for menu links*/
.main-nav li a {
	display: block;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #FFF;
	background: #4b4c4d;
	text-decoration: none;
	font-weight: bold;
}

/*.main-nav li a, .nav-container {background-color: #5c6d72;}*/

/*Hover state for top level links*/
.main-nav li:hover a {
	color: #78787B;
}

/*Style for dropdown links*/
.main-nav li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
.main-nav li:hover ul a:hover {
	background: #6b797d;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
.main-nav li ul {
	display: none;
}

/*Make dropdown links vertical*/
.main-nav li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping - (text doesn't wrap. but this adds padding to longer text in drop down )*/
.main-nav li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
.main-nav ul li a:hover + .hidden, .hidden:hover {
	display: block;
}


.header-text {
    line-height: 1.4;
    text-align: center;
}
	
.mheader-sell {
	margin-left: auto;
	margin-right: auto;
	width: 176px;
	text-align: center;
	border-radius: 10px;
	margin-top: 5px;
} 

.mheader-sell a {
	color: white;
	display: block;
	text-decoration: none;
	background-color: #689c3d;
	padding: 19px 10px;
	border-radius: 10px;
}

.mheader-sell a:hover {
	background-color: #88d23e;
}

.recent-photos {
	margin-left: auto;
	margin-right: auto;
	width: 176px;
	text-align: center;
	border-radius: 10px;
	margin-top: 5px;
} 

.recent-photos a {
	color: white;
	display: block;
	text-decoration: none;
	background-color: #0091BC;
	padding: 19px 10px;
	border-radius: 10px;
}

.recent-photos a:hover {
	background-color: #3AAED5;
}

.learn a {
	color: white;
	text-decoration: none;
	font-weight: bold;
	display: block;
	margin: 5px auto;
    padding: 20px 30px;
    text-decoration: none;
    border-radius: 5px;
}

.mvideo {
	text-align: center;
	margin-top: 15px;
}
.mvideo,
.mvideo iframe {

}

.mwhat,
.mwho,
.mwhy {
    height: 350px;
}

.mwhat {
	margin-top: 25px;
}

.mchead {
    height: 120px;
    background-color: blue;
    border-top: 1px solid;
    background-size: cover;
}

.mchead h3,
.mchead h1 {
	font-size: 32px;
    text-align: center;
    color: #fff;
   	background: rgba(48,48,48,.35);
	display: inline-block;
	padding: 4px;
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
}

.mchead h1 {
	font-size: 32px;
	margin-top: 35px;
}

.mcontent hr {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border: 0px;
}

.menu-buff {
	color: #fff;
	font-size: 3px;
}

.mwhat .mchead,
.mcontent-buy .mchead {
    background: url('../img/what.png') no-repeat center;
}

.mrecent-photos,
.mcontent-recent-photos .mchead {
    background: url('../img/recent-photos-header.jpg') no-repeat center;
}

.mwho .mchead,
.mcontent-who .mchead {
    background: url('../img/who.png') no-repeat center;
    background-size: cover;
}

.mwhy .mchead,
.mcontent-why .mchead {
    background: url('../img/why.png') no-repeat center;
}

.mcontent-about .mchead {
    background: url('../img/about.png') no-repeat center;
}

.mcontent-recycling .mchead {
	background: url('../img/recycle.png') no-repeat center;
}

.mcontent-community .mchead {
	background: url('../img/kids.png') no-repeat center;
}

.mcontent-sell .mchead {
	background: url('../img/hand-shake.png') no-repeat center;
}

.mcontent-data .mchead {
	background: url('../img/data.png') no-repeat center;
}

.mcontent-asset .mchead {
	background: url('../img/asset-recovery-header.jpg') no-repeat center;
} 

.mcontent-asset .empty-center .mchead h1 {
	display: none;
}

.mcontent-how .mchead {
	background: url('../img/how-it-works-header.jpg') no-repeat center;
}

.mcontent-contact .mchead {
	background: url('../img/contact-us-header.jpg') no-repeat center;
}

.mcontent-news .mchead {
	background: url('../img/news-header.jpg') no-repeat center;	
}

.mcontent .mchead {
	background-size: cover;
}

.mctext p {
    text-indent: 7%;
}

.learn {
    text-align: center;
    background-color: #6c6e6e;
    width: 150px;
    border-radius: 10px;
}

#buy-nav, #top {display:none;}

.buy-content {
	text-align: center;
}

.buy-content img {
	margin-top: 10px;
	margin-bottom: 10px;
}

.buy-content h2 {
	text-decoration: underline;
}

.buy-content h3 {
	font-weight: normal;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.subcategory-img {
	display: none;
}

.recent-img {
	display: block;
	max-width: 80%;
	margin: auto;
}

.octcom-link {
	text-align: center;
}

.octcom-link img {
	display: block;
	max-width: 80%;
	margin: 0 auto;
}

.category-img {
	max-width: 90%;
}

.after-product {
	display: none;
}

.empty-center {
	text-align: center;
}

.partners,
.video-row,
.video-row2,
.certifications {
	text-align: center;
}

.partner-logos-break {
    display: none;
}

.partner-space,
.partner-slider {
	display: none;
}

.partners li {
    display:inline-block;
}

.partners {
	margin-bottom: 30px;
}

.cred-img {
	width: 100%;
}

.contact-map {
	height:300px;
	width:90%;
}

.gmap {
	text-align: center;
}

.gmap img {
	width: 80%;
}

.main-footer {
	width:100%;
	height: 200px;
	margin-top: 25px;
    background: #5ea0cf; 
    background: -webkit-linear-gradient(#5ea0cf, #77bcdf); 
    background: -o-linear-gradient(#5ea0cf, #77bcdf); 
    background: -moz-linear-gradient(#5ea0cf, #77bcdf); 
    background: linear-gradient(#5ea0cf, #77bcdf);
    padding: 10px; 
}

.img-center {
	text-align: center;
}

.image-body-right,
.image-body-left {
	height: 188px;
	width: 247px;
}


.main-footer .col {display:none;}
.main-footer .mobile {
	text-align: center;
	color: white;
	}
.main-footer .mobile a {color: white;}

.clear-image-float {clear: left;}

    .partner-logos-break {
        display: block;
    }

.community-bann {
	padding-left:  16px;
	padding-right: 16px;
}

.community-bann h3 {
	text-align: center;
}

.community-bann-left {
	/*float: left;*/
}

.community-bann-right {
	margin-left: 32px;
}

.community-bann img {
	width: 32%;
}

.community-bann h3 a img:first-child {
	margin-right: 4%;
}

.mcontent-news a {
	text-decoration: none;
	padding: 10px;
	color: white;
	background-color: #689c3d;
	border-radius: 10px;
	margin-bottom: 20px;
}


.mcontent-news img {
	float: none;
	margin-bottom: 10px;
}

@media (min-width: 375px) {
	.show-menu {
		top: 13px;
		left: 10px;
	}

	.show-menu img {
		height: 50px;
	}

	.logo img {
		margin-top: 5px;
		width: 275px;
	}
}

@media (min-width: 450px) {
	.partner-logos-break {
		display: none;
	}
}

@media (min-width: 800px) {
	.mobile {
		display: none;
	}

	.desktop {
		display: block;
	}

	.main-nav li a {
		color: #505050;
		background-color: #fff;
	}

	.main-nav li:hover a {
		color: #78787B;
	}

	.main-nav ul li a:hover + .hidden .mobile, .hidden:hover .mobile{
		display: none;
	}

	.menu-buff {
		display:none;
	}

	.mcontent .mcontainer {
		margin-top: 50px;
	}

	.slider-cta {
		width:325px;
		margin-left: 50vw;
		background-color: rgba(0,0,0,.55);
		height: 250px;
		padding: 20px 20px;
		margin-top: 30px;
	}

	.slider-cta a {
	  text-decoration: none;
	  color: #fff;
	}

	.mcontent hr {
		margin-top: 0;
	}

	.logo,
	.space {
		float: left;
	}

	.mchead {
		height: 312px;
	}

	.mchead h1 {
		margin-top: 110px;
		padding: 7px;
	}

	.container,
	.hcontainer {
		width: 768px;
		margin: 0 auto;
	}

	.col {
		margin-left:8px;
		margin-right:8px;
		float: left;
	}

	h3 {
		font-size: 18px;
	}

	.main-header {
		padding-top: 12px;
		padding-bottom: 12px;
		height: 160px;	
	}

	.logo img {
		width: 382px;
	}

	.space {
		width: 112px;
	}

	.image-body-right {
		float: right;
	}

	.image-body-left {
		float: left;
		margin-right: 10px;
	}

	.offer {
		width: 176px;
		position: absolute;
		right: 0;
		bottom: 35px;
		text-align: center;
		border-radius: 10px;
	} 

	.phone {
		position: absolute;
		right: 0;
		top: 30px;
		font-size: 36px;
		text-align: right;
		color: #0E5C76;
		font-weight: bold;
	}

	.offer h3 {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.offer a {
		color: white;
		display: block;
		text-decoration: none;
		background-color: #689c3d;
		padding-top: 12px;
		padding-bottom: 12px;
		border-radius: 10px;
	}

	.offer a:hover {
		background-color: #88d23e;
	}

	/*---navigation---*/
	.show-menu {
		display: none;
	}

	.nav-container {
		height: 40px;
	}

	.main-nav ul {
		position: absolute;
		display: block;
		z-index: 101;
	}
	
	.main-nav ul li, .main-nav li a {
		min-width: 105px;
		width: auto;
		height: 40px;
		line-height: 40px;
		z-index: 101;
	}

	.main-nav li {
		margin-bottom: 0px;
	}

	.main-nav li:hover ul a {
		height: 50px;
		line-height: 50px;
		z-index: 101;
	}

	/*---end navigation---*/
	/*---main-content---*/

	.products,
	.video-row {
		height: 200px;
	}

	.products a {
		text-decoration: none;
		color: black;
	}

	.subcategory-img,
	.recent-img,
	.octcom-img {
		display: inline;
	}

	.laptop-img {
		height: 313px;
	}

	.med-img {
		height: 232px;
	}

	.category-img {
		display:none;
	}

	.after-product {
		display: block;
	}

	.social	{
		position: fixed;
		top: 240px;
		left: 0px;
		background-color: #fff;
		height: 316px;
		width: 45px;
		text-align: center;
		border-radius: 0 10px 10px 0;
		padding-top: 5px;
		padding-bottom: 5px;
		border: solid 3px #5ea0cf;
		z-index: 101;
	}

	.social img {
		height: 40px;
		width: 40px;
	}

	.mcontainer {
		font-size: 22px;
	}

	.recent-photos {
		margin-top: 50px;
	}
	.mheader-sell,
	.recent-photos {
		width: 400px;
	}

	.mheader-sell a,
	.recent-photos a {
		display: block;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.mcontent-how .mheader-sell {
		margin-top:45px;
	}

	.products,
	.video-row,
	.partners,
	.main-footer,
	.certifications,
	.community-bann {
		margin-top: 72px;
	}

	.certifications h3 {
		margin-bottom: 50px;
	}

	.cred-img {
		margin-bottom: 30px;
		width: 760px;
	}

	.video-row2 {
		margin-top: 10px;
	}

	.products .col,
	.how-it-works,
	.get-an-offer {
	/*	width: 200px;*/
		float: left;
	}

	.products .col {
		width: 240px;
	}

	.how-it-works,
	.get-an-offer {
		width: 285px;
		height: 142px;
		margin-left: 60px;
	}

	.products .col {
		height:240px;
	}

	.video,
	.video iframe,
	.video-row2 {
		height: 220px;
	}

	.video,
	.video iframe {
		width: 235px;
	}

	.video {
		margin-left: 12px;
		margin-right: 7px;
	}

	.how-it-works, 
	.get-an-offer {
		height: 142px;
		display: table;
		border-radius: 15px;
	}

	.how-it-works {
		background-image: url('../img/cta-bg1.png');
	}

	.get-an-offer {
		background-color: #689c3d;
	}

	.how-it-works p,
	.get-an-offer p {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}

	.how-it-works a,
	.get-an-offer a {
		text-decoration: none;
		font-size: 22px;
		color: white;
	}

	.how-it-works a {
		padding: 50px 30px;
	}

	.get-an-offer a {
		padding: 50px 0px;
	}

	.products .col {
		text-align: center;
	}

	.products img {
		width: 240px;
		height: 160px;
	}

	.partners {
		height: 220px;
	}

	.partner-space,
	.partner-slider {
		height: 167px;
		display: "";
	}

	.partner-space {
		width: 112px;
	}

	.partner-slider {
		width: 758px;
	}

	.partner-slider img {
		width: 758px;
		height:	167px;
	}

	/* ===== What we buy page ===== */

	#buy-nav {
		margin-top: 40px;
		display: block;
	}

	#buy-nav li {
		display:inline-block;
		font-size: 20px;
	}

	#buy-nav a {
		text-decoration: none;
		color: #0091BD;
	}

	.buy-subcategory {
		float: left;
	}

	.buy-category .margin-right {
		margin-right: 12px;
	}

	.subcategory-img,
	.recent-img {
		max-width: 183px;
	}

	.octcom-img {
		max-width: 244px;
	}

	.buy-content h3 {
		font-weight: bold;
	} 

	#top {
		display:inline-block;
		position: fixed;
		bottom: 20px;
		right: 20px;
	}

	.buy-content .mheader-sell {
		position: fixed;
		left: 10px;
		top: 650px;
		width: 100px;
	}

	.buy-content h4 {
		text-decoration: underline;
		font-size: 15px;
	}

	.buy-othercategory h4 {
		text-decoration: none;
	}

	.buy-offer  h4 {
		text-decoration: none;
		color: #fff;
	}

	.buy-offer a {
		color: white;
		display: block;
		text-decoration: none;
		background-color: #689c3d;
		padding: 19px 10px;
		border-radius: 10px;
		margin-left: 10px;
		margin-top: 10px;
	}

	/* ===== End what we buy page ===== */	
	/* ===== Start Contact page ===== */	

	.contact-col1,
	.contact-col2 {
		float: left;
	}

	.contact-col2 {
		margin-left: 20%;
	}

	/* ===== End Contact page ===== */

	.ins-img {
		text-align: center;
		margin-top: 75px;
	}

	.tceq {
		height: 300px;
	}

	.mcontent-insurance h3 {
		margin-top: 60px;
	}

	.main-footer {
		color: #fff;
		line-height: 1.3;
		padding-top:25px;
		height: 400px;
	}

	.main-footer h3 {
		margin: 12px 0;
	}

	.main-footer .col {
		width: 176px;
	}

	.main-footer a {
		color: #f2f2f2;
	}

	.fcol1 h3 {
		display: block;
	}
	
	.fcol1,
	.fcol2 {
		display: inline-block;
	}

	.fcol3 {
		display: none;
		float: left;
	}

	.fcol4 input,
	.fcol4 textarea {
		color: black;
	}

	.fcol4 input {margin-bottom: 2px;}

	#li_2,
	#li_3,
	#li_4 {
		padding-top: 5px;
	}

	#element_4 {
		width: 200px;
	}

	.main-footer .col {
		display: inline-block;
	}

	.copyright {
		text-align: center;
	}


	.harvey-tall {
		margin-left: 30px;
		margin-right: 31px;
		max-width: 183px;
	}

	.harvey-wide {
		vertical-align: middle;
		padding-top: 38px;
		padding-bottom: 37px;
	}

	.mcontent-news img {
		float:left;
		max-width: 200px;
		padding-right: 15px;
	}
}

@media (min-width: 1100px) {
	.container {
		width: 960px;
		margin: 0 auto;
	}

	.community-bann {
		margin-top: 72px;
	}

	.hcontainer {
		width: 1060px;
		margin: 0 auto;
	}

	.col {
		margin-left:10px;
		margin-right:10px;
	}

	.slider-cta {
		width:375px;
		margin-left: 60vw;
	}

	.main-header {
		padding-top: 15px;
		padding-bottom: 15px;
		height: 200px;	
	}

	.logo img {
		width: 540px;
	}

	h3 {
		font-size: 22px;
	}

	.space {
		width: 140px;
	}

	.mchead {
		height: 390px;
	}

	.mchead h1 {
		margin-top: 140px;
	}

	.offer {
		width: 200px;
		position: absolute;
		/*right: 20px;*/
		right: 0;
		bottom: 35px;
		/*top: 80px;*/
	}

	.nav-container {
		height: 50px;
	}

	.main-nav ul li, .main-nav li a {
		min-width: 132px;
		height: 50px;
		line-height: 50px;
	}

	.slider {
		height: 300px;
	}

	.social	{
		position: fixed;
		top: 290px;
		left: 0px;
		background-color: #fff;
		height: 316px;
		width: 45px;
		text-align: center;
		border-radius: 0 10px 10px 0;
		padding-top:5px;
		padding-bottom:5px;
		border: solid 3px #5ea0cf;
	}

	.social img {
		height: 40px;
		width: 40px;
	}
	
	.products {	margin-top: 30px;}
	.video-row { margin-top: 80px;}
	.video-row2 { margin-top: 20px;}
	.products,
	.video-row { 
		height: 250px;
	}

	.main-footer {
		height: 400px;
	}

	.products img {
		width: 300px;
		height: 200px;
	}

	.video,
	.video-row2, 
	.video iframe {
		height: 275px;
	}

	.video,
	.video iframe {
		width: 293px;
	}

	.video {
		margin-left: 16px;
		margin-right: 8px;
	}

	.partners,
	.certifications {
		margin-top: 72px;
	}

	.products .col {
		width: 300px;
	}

	.products .col {
		height:150px;
	}

	.how-it-works, .get-an-offer {
		width:360px;
		height:180px;
		margin-left: 80px;
	}

	.how-it-works a,
	.get-an-offer a {
		font-size: 30px;
	}
	
	.partners {
		height: 275px;
	}

	.partner-space,
	.partner-slider {
		height: 200px;
	}

	.partner-space {
		width: 140px;
	}

	.partner-slider {
		width: 950px;
	}

	.partner-slider img {
		width: 950px;
		height:	211px;
	}

	.cred-img {
		width: 960px;
	}



	/* ===== What we buy ===== */

	#buy-nav li {
		font-size: 24px;
	}	

	.buy-content h2 {
		margin-top: 80px;
		font-size: 26px;
	}

	.buy-content h4 {
		font-size: 20px;
		text-decoration: underline;
	}

	.buy-othercategory h4 {
		text-decoration: none;
	}

	.buy-subcategory {
		float: left;
	}

	.buy-category .margin-right {
		margin-right: 14px;
	}

	.subcategory-img,
	.recent-img {
		max-width: 228px;
	}

	.octcom-img {
		max-width: 300px;
	}

	.buy-offer a {
		color: white;
		display: block;
		text-decoration: none;
		background-color: #689c3d;
		padding: 29px 20px;
		border-radius: 10px;
		margin-left: 30px;
		margin-top: 10px;
	}

	/* ===== End what we buy ===== */

	.main-footer .col {
		width: 220px;
	}

	.phone {
		/*top: 50px;*/
	}

	.offer a {
		padding-top: 19px;
		padding-bottom: 19px;
	}

	.fcol3 {
		display:none;
	}

	/*.community-bann {*/
		/*padding-left: 16px;*/
		/*padding-right: 21px;*/
	/*}*/

	.harvey-tall {
		margin-left: 38px;
		margin-right: 37px;
	}

	.harvey-wide {
		vertical-align: middle;
		padding-top: 38px;
		padding-bottom: 37px;
	}
}

@media (min-width: 1500px) {
	.slider-cta {
		margin-left: 70vw;
	}
}


@media (min-width: 1950px) {
	.slider-cta {
		margin-left: 80vw;
	}
}