/* CSS Document */


.content {
font-family: 'Roboto Condensed', sans-serif;	
font-weight: 300;
font-size:24px;	

line-height:42px;
color: #444444;	
}

.content b, .content strong  {
font-weight: 600;
padding-left: 3px;
padding-right:3px;	
}

.content h2 {
	font-size: 50px;
	line-height: 50px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin: auto;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	
}


.content h3 {
	font-size: 36px;
	line-height: 36px;
	margin: auto;
	
	font-family: 'Roboto Condensed', sans-serif;	
	font-weight: 400;
	padding-top:30px;
	
}


.content .show-h3 h3.hide.hide-title {
    
    display: block;
}


.content p, 
.content ul {
padding-top: 30px;
padding-bottom: 30px;	
}

 .content ul li {
margin:0;
padding:0;	
margin-bottom: 30px;
padding-left:30px;
margin-left:30px;
border-left: 8px solid #449BB7;
}

.content a {
	color:#4499B7;
	font-weight:400;
	text-decoration:underline;
}

.content a:hover {
	color:#AAD11D;
}

.content div {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 	 box-sizing: border-box;         /* Opera/IE 8+ */		
}

@media screen and (max-width: 960px) {
	
	.content h2 {
	font-size: 36px;
	line-height: 36px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom:15px;
	
}
	
	
	
}


/*------------------- HOME BRANDS --------------------*/


.brands .row.swiper-container {
width:100%;
height: 100px;	
}

.brands .row.swiper-container  .brandItem {
position: relative;
width:100%;
height:100px;
background-size: auto 40px;

	
}



.brands {

width: 100%;
margin:auto;	
position:relative;	
text-align:center;
margin-bottom:30px;
overflow: hidden;
}

.brands .row {
height:auto;
margin:auto;
}

.brands .main.row {
height:auto;

}

.brands .row .brandItem {
width:20%;
height:100px;
float:left;
display:inline-block;
border: 7.5px solid #ffffff;
background-color:#DDDDDD;
	
}

.brands .main.row .brandItem {
width:25%;
height:120px;

	
}
.brands .brandItem {
background-size:80% auto;
background-repeat:no-repeat;
background-position:center;

}

.brands .brandItem.bi_A1 {
	background-image: url(../images/manu_logos/panasonic.png);

}

.brands  .brandItem.bi_A2 {
background-image: url(../images/manu_logos/hisense.png);

	
}

.brands .brandItem.bi_A3 {
	background-image:url(../images/manu_logos/toshiba.png);
}

.brands  .brandItem.bi_A4 {
	background-image: url(../images/manu_logos/funai.png);
		
}

.brands  .brandItem.bi_B1 {
	background-image:url(../images/manu_logos/sharp.png);
}

.brands  .brandItem.bi_B2 {
	background-image:url(../images/manu_logos/TCL-TTE.png)
}

.brands  .brandItem.bi_B3 {
		background-image: url(../images/manu_logos/hitachi.png);
}


.brands  .brandItem.bi_B4 {
	background-image:url(../images/manu_logos/sanyo.png);
}

.brands  .brandItem.bi_B5 {
background-image:url(../images/manu_logos/polaroid.png);
}




.brands  .brandItem.bi_5 {
	
	background-image: url(../images/manu_logos/emerson.png);
}

.brands  .brandItem.bi_6 {
	background-image: url(../images/manu_logos/htc.png);	
}

.brands  .brandItem.bi_7 {
	background-image: url(../images/manu_logos/kyocera.png);	
}


.brands  .brandItem.bi_8 {
	background-image: url(../images/manu_logos/logitech.png);
}


.brands  .brandItem.bi_9 {
	background-image: url(../images/manu_logos/magnavox.png);
}


.brands  .brandItem.bi_10 {
	background-image: url(../images/manu_logos/mitsubishi.png);
}


.brands  .brandItem.bi_11 {
	background-image: url(../images/manu_logos/msi.png);
}

.brands  .brandItem.bi_12 {
	background-image: url(../images/manu_logos/oki.png);
}



.brands  .brandItem.bi_13 {
	background-image:url(../images/manu_logos/alcatel.png);
}

.brands .brandItem.bi_14 {
	background-image: url(../images/manu_logos/philips.png);
}

.brands  .brandItem.bi_15 {
	background-image: url(../images/manu_logos/panasonic.png);
}

.brands  .brandItem.bi_16 {
	background-image:url(../images/manu_logos/sansui.png)
}
.brands  .brandItem.bi_17 {
	background-image:url(../images/manu_logos/AOC.png)
}


@media screen and (max-width: 400px) { 

.brands .row .brandItem,
.brands .main.row .brandItem
 {
width:100%;
border: 2px solid #ffffff;
background-size: auto 40px;
	
}




}





/*------------------- HOME INFO --------------------*/



.onlineDocument {
height:auto;
padding-left: 240px;
background-image:url(../images/home/icon_yesCheck.png);
background-repeat:no-repeat;
background-position:60px bottom;	
text-align:left;
margin-top:30px;
margin-bottom:30px;
}

.newsUpdate {
height:auto;
padding-left: 240px;
	
text-align:left;
margin-top:30px;
margin-bottom:30px;
	position: relative;
}



.newsUpdate a.bird { 
	 display: block;
position: absolute;
	 left: 0;
	 top: 30px;
	 width: 160px;
	 height: 160px;
 background-image: url(../images/home/icon_tweetInfo.png);
	background-repeat:no-repeat;
	background-size: 160px auto;
    background-position:center;
     cursor: pointer;
   

 }

 .newsUpdate a.bird:hover { 
 background-image: url(../images/home/icon_tweetInfo_hover.png);
 background-color: rgba(209,255,140,0.08);
	 border-radius: 8px;

 }




.onlineDocument h2, .newsUpdate h2 {
	margin:inherit;
	padding-bottom:0;
}

.twitter-timeline.dan {
font-size: 40px;	
}

#twitter-widget-0 {
display:none;	
}


@media screen and (max-width: 960px) {
	
	
	
	.onlineDocument, .newsUpdate {
	
	
	height:auto;
	padding-left:0;
	text-align:center;
	
	background-position:center bottom;
	background-size:  auto 80px;
	padding-bottom:100px;
	margin-top:30px;
	margin-bottom:0;
	}
	
	.newsUpdate { margin-top: 30px; }
	
	.newsUpdate a.bird { position: relative; margin: auto; }
	
	
.onlineDocument h2, .newsUpdate h2 {
margin: inherit;
padding-bottom: 15px;
}
	
}

/*------------------- MAILBACK  --------------------*/

.mailBack {
    
    margin: auto;
    width: 100%;
    max-width: 940px;
    
}

.mailBack_title {
font-weight: 900;
    font-size: 40px;
    color: #7FCCE4;
background-color: #444444;
text-align: center;
    line-height: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.mailBack_title span {
 color: #8B972C;

}

.mailBack_copy {
padding:30px;
background-color: #444444;
color:#DCDFDF;	
    text-align: center;
    overflow: hidden;
    vertical-align: top;
}

.mailBack_copy p {

    text-align: left;
}


.mailBack_copy p.special-green {

    text-align: center;
    color: #444444;
    background-color:#8B972C;
    
    padding-left: 40px;
    padding-right: 40px;
    font-weight: 600;
}

.mailBack_copy p.special-green a {

  color: #FFFFFF;
}

.mailBack_img {
padding: 0;
margin:0;
    width: 100%;
    height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
}

.shipLabel_btn {
	height: auto;
    line-height: 60px;
    font-size: 40px;
    font-weight: 900;
    color: #444444;
    background-color:#8B972C;
    display: inline-block;
  left: 0;
    right: 0;
    text-align: center;
    width:auto;
    padding-left: 30px;
    padding-right: 30px;
    cursor: pointer;
}

.shipLabel_btn:hover {

    background-color:#a7b726;

}

/*------------------- SERVICE ACTION  --------------------*/

.serviceAction {
width: 100%;
background-color:#D3D5D3;
height:480px;
margin-top:30px;
margin-bottom:30px;
position:relative;	
overflow:hidden;
}

.serviceAction .ecoMan {
	
	position:absolute;
	float:right;
	top:0;
	right:110%;
	height:100%;
	width: 580px;
	background-image:url(../images/page/image_greenSuit.png);
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:right center;	
}

.serviceAction .betterStory {
	width:auto;
	height:100%;
	float:right;
	position:absolute;
	top:0;
	right:495px;
	text-align:right;
padding-right:60px;
padding-top:30px;

}

.serviceAction .t1  {
line-height:60px;
font-size:50px;
font-family: 'Roboto', sans-serif;
font-weight:800;
margin:auto;

}


.serviceAction .t2 {
line-height:30px;
font-size:16px;
font-family: 'Roboto', sans-serif;
font-weight:300;
text-align:right;
margin:auto;
margin-top:30px;
}

.responsibleLink {
float:right;
position:absolute;
bottom: 20px;
right:60px;
text-align:right;
font-size:14px;
line-height:60px;
font-weight:600;
	display:block;
	height:auto;
	width:auto;
	height:60px;

}

.responsibleLink:hover {
cursor:pointer;
color: #7AAD6E;	
}


.serviceAction .color1 { color:#65665F; }
.serviceAction .color2 { color:#0C511A; }
.serviceAction .color3 { color:#8B972C; }
.serviceAction .color4 { color:#449AB7; }



.serviceAction .connect {
height:100%;
width:495px;
background-color:#F5FCFD;
border-left: 15px solid #F0F4F4;
background-image:url(../images/page/image_team.png);
background-size: 100%, auto;
background-position:center bottom;
background-repeat:no-repeat;
float:right;
position:absolute;
top:0;
right:0;
color:#65665F;	
padding-top:30px;
padding-left:30px;
line-height:60px;
}

.serviceAction .t4 {

font-size:30px;
font-family: 'Roboto', sans-serif;
font-weight:300;
margin:auto;
}

.serviceAction .t5 {
line-height:60px;
font-size:30px;
}

.serviceAction .t6 {

font-size:14px;
}

.serviceAction i {
width:30px;	
text-align:center;
margin-right:15px;
}




@media screen and (max-width: 960px) { 

.serviceAction {
	
	height: 940px;
	}
	
	
.serviceAction .betterStory {
	width:auto;
	height:480px;
	float:right;
	position:absolute;
	top:0;
	right:0;
	text-align:right;
padding-right:60px;
padding-top:30px;

}	


.serviceAction .ecoMan {
	
	position:absolute;
	float:right;
	top:0;
	right:100%;
	height:100%;
	width: 580px;
	background-image:url(../images/page/image_greenSuit.png);
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:right center;	
}

.serviceAction .t1_ {
font-size: 36px;
line-height:36px;	
}

.serviceAction .connect {
height:460px;
width:100%;
background-color:#F5FCFD;
border-top: 15px solid #F0F4F4;
border-left: none;
background-image:url(../images/page/image_team.png);
background-size: 100%, auto;
background-position:center 50%;
background-repeat:no-repeat;
float:right;
position:absolute;
top:480px;
right:0;
color:#65665F;	
padding-top:30px;
padding-left:30px;
line-height:60px;
}




}





/*------------------- COMPLIANCE  --------------------*/


.border-box {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 	 box-sizing: border-box;         /* Opera/IE 8+ */	
}

.complianceList {
margin-bottom:80px;	
}

.complianceControls > div, .stateBox {
	-webkit-box-shadow: 0px 0px 3px hsla(0,100%,0%,0.53);
	box-shadow: 0px 0px 3px hsla(0,100%,0%,0.53);
	background-color:#F0F4F4;
	border:#FFFFFF solid 1px;


	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 	 box-sizing: border-box;         /* Opera/IE 8+ */
}


.complianceControls {
height:auto;
min-height:60px;	
}

.complianceControls.adjust_2019 > div {
	
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 2px;
	float: none;
	
}

.complianceControls > div {
	width: 49%;
	height:60px;
	line-height:60px;
	display:inline-block;
	float:left;
	position:relative;
	
	font-size:20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	
}
.complianceControls > div:hover,  .complianceControls select {
cursor:pointer	
}
.complianceControls div:first-child {
margin-right:2%;
	
}

.complianceControls .showHide {
display:none;	
position:relative;
text-align:center;
line-height:60px;
background-color:#656661;
color:#DCDFDF;
border:#999999 solid 1px;
}

.complianceControls .showHide.selected {
display:block;	
}

.complianceControls .showHide i {
display:block;
height:60px;
line-height:60px;
width:120px;
float:left;
position:absolute;
top:0;
left:0;	
}

 .dropButton {
position:absolute;
top:0;
right:0;
width:80px;
height:100%;
text-align:center;
background-color:#F0F4F4;
color: #999999;
pointer-events:none;

}

.selectState, select.selectState, select.selectDistance {
	border: none;
	background: none;
	border-radius: 0;
	font-size: 24px;
	line-height: 24px;
	color: #444444;
	background-image: none;
	width: 100%;
	min-width: 160px;
	
	background-color:#F0F4F4;
	height: 56px;
	margin-top:0;
   padding-left:20px;
   -webkit-appearance: none;
  -moz-appearance: none !important;
   background-image: none;
   
   font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;

}

.selectState option, .selectState option b {


}

.selectState, .selectState:active, .selectState:focus, .selectState:hover , .selectState option, .selectState option:focus,
.selectDistance, .selectDistance:active, .selectDistance:focus, .selectDistance:hover , .selectDistance option, .selectDistance option:focus
  {
 outline-width: 0;
 border:none;
 border-width:0;
}





.stateBox {
	margin-top:20px;
	padding-top:0;
	padding-bottom:20px;
	padding-left:15px;
	padding-right:15px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 	 box-sizing: border-box;         /* Opera/IE 8+ */	
}


.stateBox .topLine {
	position:relative;
	height:80px;
	width: 100%;
	 font-family: 'Roboto Condensed', sans-serif;
	 font-weight:300;
}

.stateBox .topLine .stateName {
margin-left:10px;
  
	
	font-size:48px;
	line-height:80px;
	text-transform:uppercase;
}

.stateBox .topLine .stateLink {
position:absolute;
height:30px;
line-height:30px;
float:right;
top:30px;
right:10px;
font-size:16px;

}

.stateBox .topLine .stateLink a {
 font-weight:100;

}

.stateBox .spacerLine {
	height:22px;
	line-height:18px;
	font-size:10px;
	text-transform:uppercase;
	border-bottom: 2px solid #444444;
	border-top: 2px solid #444444;
}


.stateBox .dates {
margin-bottom:20px;	
}

.stateBox .dates, .stateBox  .infoItem {
padding-left:10px;
padding-right:10px;
}

.stateBox .dateLine i {
padding-right:8px;	
padding-left:8px;	
}

.stateBox .dateLine {
	height:24px;
	line-height:24px;
	font-size:24px;
	font-weight:900;
	font-family: 'Roboto', sans-serif;
	margin-top:20px;
	margin-bottom:10px;
}

.stateBox .dateInfo, .stateBox .infoItem {
	
	line-height:30px;
	font-size:14px;
	font-weight:400;
	font-family: 'Roboto', sans-serif;
}

.stateBox .infoItem {
margin-bottom:15px;
margin-top:15px;
}

.stateBox .infoItem b {
font-weight:800;
padding-right:8px;	
}


@media screen and (max-width: 960px) { 

.complianceControls > div {
	width: 100%;
	margin:auto;
	position:relative;
	float:none;

}

.complianceControls div:first-child {
margin-bottom: 20px;
	
}



}

@media screen and (max-width: 500px) { 

.stateBox .topLine {
height:auto;	
text-align:center;
}

.stateBox .topLine {
height:auto;	
}

.stateBox .topLine .stateLink {
position:static;
height:16px;
line-height:16px;
float:none;
display:block;
font-size:16px;
margin-bottom: 20px;

}

.stateBox .spacerLine {
text-align:center;	
}

}


/*------------------- STAFF  --------------------*/

.staff  {
margin:auto;
height:auto;
clear:both;

position:relative;
text-align:left;

max-width:960px;
margin-top:30px;
margin-bottom:30px;
overflow:hidden;
}


.staff .member {
	background-color:#449BB7;
	height:240px;
	margin: auto;
	width:50%;
	display:inline-block;
	
	float:left;
	position:relative;
	border: 10px solid #f0f4f4;
	color: #ffffff;
	
}

.staff .member .bio {

    display: none;
	
}


.staff .member a {
color: #ffffff;	
}

.staff .member.wide {

	width:100%;
	border: none;
	margin-top: 20px;
	margin-bottom: 20px;
}

.staff .member .headShot {
	height:100%;
	width:180px;
	float:left;
	position:absolute;
	left:0;
	top:0;
	background-color:#444444;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;
}

.staff .member .headShot.mrm {
	background-image:url(../images/page/staff_mrm.png);
}

.staff .member .headShot.tricia {
	background-image:url(../images/page/staff_tricia.png);
}

.staff .member .headShot.matt {
	background-image:url(../images/page/staff_matt.png);
}

.staff .member .headShot.patric {
	background-image:url(../images/page/staff_patric.png);
}

.staff .member .headShot.sue {
	background-image:url(../images/page/staff_sue.png);
}

.staff .member .contactInfo {
	height:auto;
	width:auto;
	float:left;
	position:absolute;
	left:200px;
	bottom:20px;
	overflow:hidden;
	text-align:left;
	font-size:14px;
	line-height:24px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	
}



.staff .member .contactInfo .name {
font-size: 24px;
line-height:60px;	
}

@media screen and (max-width: 960px) { 
.staff .member {
	width: 100%;
}

}
/*------------------- PARTNERS  --------------------*/

.partner {

	
}

.partner .row {
	margin:auto;
	width:auto;
}

.partner .row > div {
	width:300px;
	height:300px;
	margin:10px;
	display:inline-block;
	padding:0;
	overflow:hidden;
	float:left;
	
}

.partner .row .vender {
	background-color:#eeeeee;
	background-color:#AAD11D;
	background-position:center 60px;
	background-repeat:no-repeat;
	position:relative;
	text-align:center;
		-webkit-box-shadow: 0px 0px 5px 0px hsla(0,0%,0%,0.20);
	box-shadow: 0px 0px 5px 0px hsla(0,0%,0%,0.20);
}

.partner .MPC {
background-image:url(../images/page/MPC.png);	
}

.partner .URT {
background-image:url(../images/page/URT.png);	
}

.partner .ERI {
background-image:url(../images/page/ERI.png);	
}

.partner .CRS {
background-image:url(../images/page/CRS.png);	
}

.partner .RECLAIM {
background-image:url(../images/page/RECLAIM.png);	
}

.partner .company {
	position: absolute;
	bottom: 20px;
	width: auto;
	height: auto;
	font-size: 14px;
	left: 0;
	float: left;
	width: 100%;
	line-height: 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: 900;

}

.partner .company a {
display:block;	
height:40px;
line-height:40px;
}

.partner .company a:hover {
color:#eeeeee;
}

.partner .row .copy {
text-align:left;
background:none;

}



@media screen and (max-width: 960px) {
	.partner .row > div {
	width:100%;
	margin-left:0;
	margin-right:0;	
	}
	
	.partner .row .copy {
height:auto;
text-align:center;
}
	
}


/*------------------- DROP   --------------------*/

.hide {
    display: none;
    
}

.dropApp {
	position: relative;
	height:600px;
	background-color: #F0F4F4;
	margin:auto;
	margin-bottom:60px;
	text-align:center;
	width:98%;
	webkit-box-shadow: 0px 0px 5px hsla(0,0%,0%,0.34);
	box-shadow: 0px 0px 5px hsla(0,0%,0%,0.34);
}


.dropApp .full {
  position:absolute;
width:100%;
height:100%;
float:left;
left:0;
top:0;
margin:auto;	  
    
}


.dropApp .mapHolder {
overflow:hidden;
   

/*	border: solid  #F0F4F4 6px;*/

}

 .dropApp .liveMap {

overflow: hidden;
 height:540px;


}



.dropApp .cover {
	overflow: hidden;
    position: absolute;
   
}

.dropApp .cover.down {
     pointer-events: none;
}

.dropApp .cover .blue {
	background-color: #50A2BE;
    color: #000000;
    text-align: center;
    transition: all 2s ease-in-out;
    -webkit-transition-delay: .4s; /* Safari */
    transition-delay: .4s;
    
}

.dropApp .cover.down .blue {
    top: 100%;
    
}

.dropApp .cover .blue .t1 {
font-weight: 900;
    font-size: 60px;
    line-height: 60px;
    margin-top: 100px;
    height: auto;
    width: auto;
    font-family: 'Roboto', sans-serif;
}

.dropApp .cover .blue .t2 {
font-weight: 400;
    font-size: 30px;
    line-height: 30px;
    height: auto;
    width: auto;
    text-transform: uppercase;
}

.dropApp .cover .blue .t3 {
position: absolute;
    width: 100%;
    text-align: center;
    height: 30px;
    left: 0;
    top: 50%;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
}

.dropApp .cover .green {
   text-align: center;
    background-color: #78AE16;
    color: #000000;
    text-align: center;
    top: 50%;
    
     transition: all 1s ease-in-out;
    -webkit-transition-delay: 1s; /* Safari */
    transition-delay: 1s;
}


.dropApp .cover.start .green {
    top: 110%;
    transition: all 2s ease-in-out;
    
}

.dropApp .cover.down .green {
    top: 95%;
    
}

.dropApp .cover .reminder {
   position: relative;
    height: 260px;
    width: 600px;
    margin: auto;
    background-image:url(../images/page/smartPhone.png);
    background-repeat:no-repeat;
    background-position:left bottom;
    background-size:120px auto;
    color: #E1F2A6;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    
    padding-left: 140px;
    padding-right: 40px;
    padding-top: 20px;
    
    margin-top: 40px;
}

.dropApp .cover .reminder .t1 {
line-height: 36px;
    font-size: 36px;
    margin-bottom: 20px;
    font-weight: 300;
}

.dropApp .cover .reminder .t2 {
    
font-family: 'Roboto', sans-serif;
    line-height: 30px;
}


.dropApp .cover .inputHolder {
    
    position: absolute;
    left: 0;
    top: -50px;
    height: 80px;
    width: 100%;
    border-top: 8px solid #FFFFFF;
    border-bottom: 8px solid #FFFFFF;
    background-color: #444444;
    
font-family: 'Roboto', sans-serif;
    line-height: 30px;
    
    
   
}

.dropApp .cover.down .inputHolder {
    
    pointer-events: all;
    
}


.dropApp .cover .inputHolder  i {
position:absolute;
width: 120px;
height:60px;
line-height:60px;
display:block;
float:right;
right:0;
top:0;
    color: #cccccc;
font-size: 20px;
}

.danControls {
	position:relative;
	margin:0;
	padding:0;
	padding-left:20px;
	padding-right:60px;
	border: 1px solid transparent;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height:100%;
	width:100%;
	line-height:60px;
	outline: none;
	font-size: 20px;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	/*box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);*/
	color: #bbbbbbb;
	background-color:hsla(0,0%,74%,1.00);

}

#pac-input[placeholder] {
    
    color: #ffffff; 
}

#pac-input {
    
     text-align: center;
    font-weight: 300;
    
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    -webkit-appearance: none;
}

input[type=text], input[type=button] {
    
    -webkit-appearance: none;
}


#pac-input {
	background-color: transparent;
	text-overflow: ellipsis;
	color:hsla(200,76%,67%,1.00);
	
}

#pac-input:hover {
color:hsla(140,84%,64%,1.00);	
}

#pac-input:focus {
color: #EEEEEE;
 /* font-weight: 300;
  font-size: 30px;*/
}

#pac-input:focus , .danControls:focus {
z-index: 50;
	
}



.dropApp .searchCover .centerSearch .searchBar, .dropApp .noResults .topSearch .searchBar  {

	position:absolute;
	top:15px;
	left:0;
	float:left;
	width: 100%;
	height:120px;
	background-color:#444444;
	color: #D1D1D1;
	

}

.searchBar i {
position:absolute;
width: 120px;
height:120px;
line-height:120px;
display:block;
float:right;
right:0;
top:0;	
}




.dropApp .searchCover .centerSearch .searchButton, .dropApp .noResults .topSearch .searchButton {
	position:absolute;
	top:15px;
	right:0;
	float:right;

width: 15%;
height:120px;
background-color:#C3F3F5;
color: #19A2A7;
border-left: 7.5px solid #F0F4F4;
line-height:120px;
font-size:30px;
text-align:center;	

}
.dropApp .noResults .topSearch .searchBar,  .dropApp .noResults .topSearch .searchButton   {
	
top:0;	
	
}



.dropApp .noResults {
background-color:#F0F4F4;
display:none;
}

.dropApp .noResults .topSearch {

	position:absolute;
	top:0;
	left:0;
	float:left;
	background-color: #F0F4F4;
	width: 100%;
	height: 120px;

	
}

.dropApp .noResults .topSearch {

	position:absolute;
	top:0;
	left:0;
	float:left;
		background-color: #F0F4F4;
	width: 100%;
	height: 135px;

	
}

.dropApp .noResults .sorry {

position:absolute;
	bottom:0;
	left:0;
	float:left;
		background-color: #F0F4F4;
	width: 100%;
	height: 425px;	
	
}

.dropApp .noResults .sorry .colorBox {
background-color: #91FF9A;
	position:absolute;
	top:0;
	left:0;
	float:left;
	height:100%;
	width: 100%;
	

	
}







.dropApp .mapList {

width:300px;
height:100%;
float:left;
background-color:#444444;
border-right: solid  #222222 2px;
width:300px;

width:0;
border-width:0;
}


.dropApp .mapKey.mapKey_mobile {
display:none;
}

.dropApp .mapKey {
	position: absolute;
	width: 300px;
	height: 60px;
	float: right;
	right: 0;
	top: 0;
	background-color: #F0F4F4;
	/*border-bottom: solid  #F0F4F4 4px;
border-left: solid  #F0F4F4 4px;*/

	-webkit-box-shadow: -3px 12px 5px hsla(0,0%,0%,0.12);
	box-shadow: -3px 12px 5px hsla(0,0%,0%,0.12);
	text-align: right;
	font-size: 11px;
	text-transform:uppercase;
	font-weight: 800;
	line-height:60px;

}

.dropApp .mapKey > span  {
	height:100%;
	color: #78AF16;
	background-repeat:no-repeat;
	background-position:right center;
	height: 100%;
	padding-right:35px;
	margin-right:15px;
	display:inline-block;

	background-size: auto 28px;
	
}

.dropApp .mapKey .mrm {
	background-image:url(../images/page/icon_miniMarkerMRM.png);
	color: #78AF16;
}

.dropApp .mapKey .reg {
	background-image:url(../images/page/icon_miniMarker.png);
	color:#79AECD;
}




.dropApp .mapControls {
position:absolute;
width:100%;
height:60px;
float:left;
left:0;
bottom:0;
background-color:#444444;

border-top: solid  #222222 2px;
font-size: 14px;
overflow:hidden;
}




.mapControls .viewList_ctrl {
width:240px;
float:left;
padding-left:30px;	
position:absolute;
left:0;
top:0;
background-color: #444444;
border-right: 1px #555555 solid;
text-align:left;
}

.mapControls .viewList_ctrl i {
padding-right:10px;
}

.mapControls .viewList_ctrl:hover, .mapControls .distance_ctrl:hover {
	 background-color: #3434333;
	 color:#ffffff;
	 cursor:pointer;
	 border-color: #222222;
	
}

.mapControls .distance_ctrl {
width:240px;
float:right;
text-align:left;	
padding-right:30px;
position:absolute;
right:0;
top:0;

height:60px;
padding-left:30px;
background-color: #444444;
border-left: 1px #555555 solid;
}



select.selectDistance {

	width: 100%;
	background:none;
	background-color:transparent;
	height: 60px;
	margin-top:0;
   padding-left:20px;
   line-height:60px;
text-align:right;	
position:absolute;
top:-4px;
left:0;
float:left;

font-size:26px;
font-family: 'Roboto Condensed', sans-serif;
color: #FFFFFF;
min-width: 160px;
padding-left:150px;
}

select.selectDistance option {

color: #444444;
font-family: 'Roboto Condensed', sans-serif;
font-weight:300;
line-height:30px;
height:30px;
margin:0;
padding:0;
}


.mapControls .dropButton  {
position:absolute;
top:-4px;
right:0;
width:160px;
padding-right:30px;
height:100%;
text-align:right;
background-color:#444444;
color: #F0F4F4;
 line-height:60px;
 height:60px;


}

.mapControls .customLabel  {
position:absolute;
top:-4px;
right:50px;
width:auto;
height:100%;
text-align:center;
color: #F0F4F4;
 line-height:60px;
 height:60px;
 text-align:center;
 font-size:26px;
font-family: 'Roboto Condensed', sans-serif;
pointer-events: none;
	
}


@media screen and (max-width: 960px) {

/*FOR IOS GOOGLE MAP DROP DOWN  */  
    .pac-container .pac-item {
        line-height: 50px;
        height: 50px;
    }   
    

.dropApp .mapKey {
display:none;	

}
.dropApp .mapKey.mapKey_mobile {
display:block;
top: -60px;
width:100%;
-webkit-box-shadow: none;
box-shadow: none;
}

.dropApp .mapKey > span {
margin-right: 30px;
}

.dropApp.middle {
width: 100%;
/*height:680px;*/
margin-top:30px;
margin-left:0;
}

.dropApp_ > div {
height:540px;
top:0;
overflow:hidden;	
}

.dropApp .mapHolder {
overflow: visible;
webkit-box-shadow: none;
	box-shadow: none;
	border: none;


}


.dropApp .mapControls {
position:absolute;
width:100%;
height:60px;
float:left;
left:0;
bottom:0;
background-color:#444444;
overflow:hidden;
border-top: solid  #222222 2px;
font-size: 14px;


padding-left: 120px;
padding-right: 120px;

}

    
    
.dropApp .cover .inputHolder  i {

width: 40px;
font-size: 16px;
}    
    
    
.mapControls .viewList_ctrl {

float: left;

position: absolute;
left: 0;
top: 0;
background-color: #444444;
border-right: 1px #555555 solid;


padding-left: 15px;
width: 120px;
}


.mapControls .distance_ctrl {

float: right;
text-align: left;
padding-right: 0;
position: absolute;
right: 0;
top: 0;
height: 60px;

background-color: #444444;


border-left: none;
padding-left: 15px;
width: 120px;
padding-right: 10px;
}



.mapControls .dropButton  {

width:auto;
padding-right:10px;
/*background:none;*/
}

.mapControls .customLabel  {

font-size:24px;
right:30px
	
}




.dropApp .searchCover .appTitle .colorBox  {

background-size: 100% auto;
}

	
}


/*------------------- POP UP and NEW RESULTS LIST  --------------------*/


.resultsSlide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  
    border: none;
    background-color: white;

    
}

.swiper-container-vertical > .swiper-scrollbar {
    
    width: 10px;
    right: -2px;
    background-color: #5d5f59;
    border-radius: 0;
    top: 0;
    height: 100%;

}

.swiper-container-vertical > .swiper-scrollbar.state {
    
    
    right: 4px;
  

}


.swiper-scrollbar-drag {
    
    width: 8px;
    border-radius: 1px;
    background-color: #78af16;
    border-right: 2px solid #598112;
    border-left: 1px solid #8bcb19;
    min-height: 80px;
    left: -1px;
}

.resultsList {
    
    width: 100%;
    
    position: relative;
   
}

.resultsList .swiper-slide {
    
    height: auto;
}

.mrmMapMarkerInfo, .resultsList .mrmMapMarkerInfo {
width: auto;
min-width: 200px;    
height:auto;
padding-bottom:15px;
position:relative;
overflow:hidden;	
font-family: 'Roboto', sans-serif;
font-weight:400;
color:#555555;
font-size:14px;
line-height:22px;
}

.resultsList .mrmMapMarkerInfo {
  
    width: calc(100% - 20px);
    background-color: #cfefef;
    padding-bottom: 30px;
    z-index: 200;
    padding: 20px;
    
    
} 


.mrmMapMarkerInfo  .topLine {
height:40px;
line-height:40px;
text-align:right;
font-size:10px;
	
}

.mrmMapMarkerInfo  .topLine .numDot {
color: #79AECD;
float:left;
width:40px;
background-image:url(../images/page/icon_greenMarker.png);
background-repeat:no-repeat;
background-position:center center;
text-align: center;
    font-size: 18px;
    line-height: 40px;
    color: white;
    letter-spacing: -.1em;
}

.mrmMapMarkerInfo  .topLine .numDot.selected {
  background-image:url(../images/page/icon_gradMarker.png);  
}


.mrmMapMarkerInfo  .topLine .dropType {
color: #79AECD;
float:left;
width:auto;
background-image:url(../images/page/icon_miniMarker.png);
background-repeat:no-repeat;
background-position:left center;
padding-left:40px;	
display:none;
letter-spacing:.05em;
}

.mrmMapMarkerInfo  .topLine  .dropType.MRM  {
background-image:url(../images/page/icon_miniMarkerMRM.png);
color: #78AE15;	
}

.mrmMapMarkerInfo  .topLine  .dropType.MRM {
display:block;	
}

.mrmMapMarkerInfo  .topLine .miles {
display:inline-block;
font-size: 30px;
line-height:40px;
height:40px;
width:auto;
float:right;
	
}

.mrmMapMarkerInfo  .topLine .milesLabel {
display:inline-block;
font-size: 10px;
line-height:40px;
height:40px;
width:auto;		
float:right;
margin-left:10px;
}

.mrmMapMarkerInfo  .info {
margin-top:4px;
margin-bottom:4px;
padding-top:15px;
padding-bottom:15px;
border-top: #888888 solid 1px;	
border-bottom: #888888 solid 1px;	
height:auto;
width:100%;
text-align:left;
}

.mrmMapMarkerInfo  .info.extra {
padding-top:5px;
margin-top:0;

border-top: none;
border-bottom: #888888 solid 1px;	

}

.mrmMapMarkerInfo  .info.extra span {

color:#444444;
font-weight:800;
    display: block;

}

.mrmMapMarkerInfo  .info .company {
color:#444444;
font-weight:800;
}

.mrmMapMarkerInfo  .info .event {
 position: relative;
    
    background-color: #50a2bedb;
    padding: 20px;
    width: calc(100% + 20px);
    left: -10px;
    border-radius: 2px;
    opacity: .9;
    color: white;
    margin-top: 10px;
    /* text-transform: uppercase; */
    max-width: 360px;
    padding-top: 10px;
    padding-bottom: 10px;
	

}

.mrmMapMarkerInfo  .info .event span {
font-size: 16px;
    display: block;
    font-weight: 400;	
}


.mrmMapMarkerInfo .info .TCL_sponsor {
	display: none;
}
.mrmMapMarkerInfo.TCL  .info .TCL_sponsor {
	display: block;
    padding: 20px;
    font-weight: 800;
    font-size: 12px;
   
    padding-top: 40px;
    background-color: white;
    box-shadow: 0 0 3px #0000003b;
    margin-top: 10px;
	background-image: url("../images/manu_logos/TCL-TTE.png");
	background-repeat: no-repeat;
	background-size: 60px auto;
    background-position: 10px 5px;
    color: #ed1c24;
}

.mrmMapMarkerInfo  .info .address {
margin-top: 15px;
margin-bottom: 15px;
}



.mrmMapMarkerInfo .linkLine {
height: 40px;	
color: #19A2A7;
font-size:14px;

text-decoration:underline;
text-transform:uppercase;
line-height:40px;
letter-spacing:.016em;
}



.mrmMapMarkerInfo .linkLine a {
display:block;
height: 40px;	
}

.mrmMapMarkerInfo .linkLine a.website {
float:left;
    
width:auto;
}

.mrmMapMarkerInfo .linkLine a.website.noSite {
text-decoration: none;
    color: #e6e6e6;
    pointer-events: none;
}

.mrmMapMarkerInfo .linkLine a.directions {
float:right;
float:right;
width: auto;
}

/*------------------- custom control  --------------------*/

.mapControls .googleSearch_ctrl {
	width:100%;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	text-align:center;
	position:relative;
}

.mapControls .googleSearch_ctrl:hover {
	border-color: #222222;
	cursor:pointer;
}

.danControls {
	position:relative;
	margin:0;
	padding:0;
	padding-left:20px;
	padding-right:20px;
    padding-left:0;
	padding-right:0;
	border: 1px solid transparent;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height:100%;
	width:100%;
	line-height:60px;
	outline: none;
	font-size: 20px;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	/*box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);*/
	color: #bbbbbbb;
	background-color:hsla(0,0%,74%,1.00);

}
input.danControls {

}





#type-selector {
	color: #fff;
	background-color: #4d90fe;
	padding: 5px 11px 0px 11px;
}
#type-selector label {
	font-family: Roboto;
	font-size: 13px;
	font-weight: 300;
	color: #D42E31;
}


@media screen and (max-width: 960px) {

#pac-input:focus {

	padding-left: 15px ; 
	
}

}

/*------------------- RECYCLE INFO  --------------------*/

.sponsors {
	width:100%;
	max-width:1000;
	height:auto;
	margin:auto;
	margin-top:60px;
	margin-bottom:30px;
}

.stateInfo , .mailBack {
margin-bottom:30px;	
overflow:hidden;
height:auto;
}

.stateInfoBar {
background-color:#C09C18;
height:60px;
line-height:60px;
color:#ffffff;	
font-weight: 300;
margin-bottom:30px;
}

.stateInfoBar a {
font-weight: 400;
color: #ffffff;	
}

.stateInfoBar  i {
	width:60px;
	text-align:center;
}

.stateInfo .t1, .mailBack .t1 {
font-size:50px;	
line-height:50px;
font-weight:800;
text-transform:uppercase;
}

.stateInfo .t2, .mailBack .t2 {
font-size:16px;	
line-height:60px;
font-weight:800;
text-transform:uppercase;
}



.mailBack .mailback_results {
	background-color: #DCE0E0;
	-webkit-box-shadow: 0px 0px 5px hsla(0,0%,0%,0.26);
	box-shadow: 0px 0px 5px hsla(0,0%,0%,0.26);
	padding:30px;
	min-height:500px;
	margin-bottom:30px;
}

.mailBack .instructions {
overflow:hidden;
margin-top:40px;	
}

.mailback_results h3 {
	position:relative;
/*	display:block;*/
}

.mailback_results h3 img {
float:left;
margin-right:10px;
}

.mailBack ul li {
	margin-left: 30px;
	margin-right: 30px;
	padding-left:30px;
margin-top: 20px;
margin-bottom: 20px;
}

.mailBack .instructions .pounds {
background-color:#656661;
width:140px;
height:100%;
min-height:220px;
background-image:url(../images/page/75Pounds.png);
background-position:center;
background-repeat:no-repeat;	

float:left;
margin-right:15px;
}


div[law-code] {
display:none;	
	
	}

.mailBack .instructions .green i {


}

.mailBack .instructions .green a {
color: #DCE0E0;
float:right;
}

.mailBack .instructions .green a:hover {
color: #ffffff;
}

.mailBack .instructions .green, .mailBack .instructions .yellow {

	background-color:#A3AF46;
	color: #fffffff;
	line-height:25px;
	padding:10px;
	margin-top:15px;
	margin-left:15px;
	position:relative;
	overflow:hidden;
	
	font-size:16px;
	font-weight:800;
}

.mailBack .instructions .yellow {
background-color:#E2EE85;

}



/*------------------- STATE-BY_STATE PARTNERS  --------------------*/

.state-item:not(.selected) {display: none;}

.hide, .state-by-state.hide {
    
    display: none;
}

.state-by-state h3 {


/*border-bottom: 1px solid #444444;*/
	
}

.content .state-by-state ul {

    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden; 
    width: auto;
    height: auto;
    
    display: flex;
    align-content: stretch;
    justify-content: flex-start;
   
    flex-wrap: wrap;

}

.content .state-by-state ul li {

    background-color: #ffffff;
    padding-left: 20px;
    /* min-width: 40%; */
    line-height: 20px;
    width: calc(50% - 40px);
    margin-bottom: 60px;
    color: #4c4c4c;
    margin-left: 0;

    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 10px;
    font-weight: 400;
     padding-right: 20px;
    box-sizing: border-box;
	border: none;
}

.content .state-by-state ul li ul {

    align-items: stretch;
    align-content: flex-start;
    justify-content: flex-start;
    margin-top: -10px;
    padding-top: 0;
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;

    line-height: 60px;
    padding-top: 30px;
   
}

.content .state-by-state ul li ul li {

	margin-left: 0;
    border-width: 1px;
    /* border-color: #78AF16; */
    width: auto;
    /* min-width: 43%; */
    /* background-color: #449bb7; */
    margin: 0;
    padding: 0;
    border: navajowhite;
    /* height: 60px; */
    line-height: 20px;
    color: #2f6171;
    text-align: left;
    padding-right: 10px;
    padding-bottom: 10px;
    font-weight: 100;
    font-size: 22px;
    /* padding-top: 10px; */
    letter-spacing: 0;
}

.content .state-by-state ul li ul li:last-child {
    
   /* margin-bottom: 0; */
   /* padding-bottom: 0; */
    
}


.content .state-by-state ul li.smallerItem {
font-size: 90%;
letter-spacing: -.01em;	
}

@media screen and (max-width: 960px) {
.content .state-by-state ul li {
	
	width: 100%;
/*
display:inline-block;
float: left;
width: 40%;
padding-left:20px;*/	
}
}