.img1{
	position:relative;
	display:block;
	opacity:1;
	z-index:10;
	transition-duration:500ms;
	transition-property: all;
	transition-timing-function: ease-in-out;
	}
.img1.off{
	opacity:0.2;
	z-index:1;
	}
.img2{
	position:absolute;
	display:block;
	opacity:0;
	z-index:1;
	/*pointer-events:none;*/
	width: 48%;
	left: 25.2%;
	margin-top: 13.3%;
	transition-duration:500ms;
	transition-property: all;
	transition-timing-function: ease-in-out;
	}
.img2.on{
	opacity:1;
	width:100%;
	left:0%;
	margin-top:0%;
	z-index: 10;
	}
.img3{
	position:absolute;
	display:block;
	opacity:0;
	z-index:2;
	pointer-events:none;
	width:100%;
	transition-duration:500ms;
	transition-property: all;
	transition-timing-function: ease-in-out;
	}
.img3.on{
	opacity:1;
	z-index: 11;
	}
.mapBtns{
	position:relative;
	padding:10px 0px 0px 0px;
	overflow:auto;
	}
.mapBtn1{
	position:relative;
	cursor:pointer;
	display:inline-block;
	margin-top:-3px;
	}
.mapBtn1.off{
	display:none;
	}
.mapBtn1 img{
	position:relative;
	width:26px;
	cursor:pointer;
	float:left;
	}
.mapBtn2{
	position:relative;
	cursor:pointer;
	display:none;
	margin-top:-3px;
	}
.mapBtn2.on{
	display:inline-block;
	}
.mapBtn2 img{
	position:relative;
	width:26px;
	cursor:pointer;
	float:left;
	}
.zoomTxt{
	position:relative;
	display:inline-block;
	margin-left:6px;
	top:-5px;
	}
.zoomTxt .txt1{
	display:block;
	font-size:17px;
	}
.zoomTxt .txt2{
	display:none;
	font-size:17px;
	}
.zoomTxt .txt1.off{
	display:none;
	}
.zoomTxt .txt2.on{
	display:block;
	}
.mapBtn3{
	position:relative;
	display:block;
	float:right;
	margin-top: -2px;
	}
.mapBtn3sub{
	cursor:pointer;
	color:#111;
	padding: 2px 8px 0px 6px;
	transition-duration:300ms;
	transition-property: all;
	transition-timing-function: ease-in-out;
	display:inline-block;
	border:1px solid #111;
	}
.mapBtn3sub:hover{
	color:#FFF;
	background-color:#111;
	}
.mapBtn3sub.selected{
	color:#FFF;
	background-color:#111;
	}
.mapBtn3.screen{
	opacity:0.2;
	}
.mapBtnText{
	position:relative;
	float:left;
	font-size:17px;
	}
.timeDropCont{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0;
	}
.timeDropCont.adj1{
	position:relative;
	width:100%;
	margin-top:25px;
	}
.timeDrop{
	position:relative;
	width:100%;
	float:left;
	margin-bottom:15px;
	}
.timeDropTxt{
	position: absolute;
	margin:0px auto;
	left:0px;
	right:0px;
	color: #FFF;
	text-align: center;
	font-size: 9px;
	line-height: 1em;
	top:7px;
	}
.timeDropTxt .txt1{
	font-size:38px;
	line-height: 0.8em;
	}
.timeDropTxt .txt2{
	font-size:10px;
	line-height: 0.8em;
	}
.timeDropTxt2 .hwy{
	font-size:21px;
	line-height: 1em;
	}
.timeDropTxt2{
	position: relative;
	color: #000;
	font-size: 13px;
	line-height: 1em;
	float:left;
	margin:5px 0px 0px 5px;
	font-family: 'MacklinSans-Regular';
	width:65%;
	}
.timeDropImg{
	position:relative;
	width:49px;
	display: inline-block;
	float:left;
	}
.timesBtn{
	position: absolute;
	display: none;
	border: 2px solid #000;
	padding: 8px 8px 4px 8px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	bottom: 12%;
	left: 0px;
	font-size: 16px;
	background-color: rgba(255, 255, 255, 0.6);
	font-family: 'MacklinSans-Medium';
	cursor:pointer;
	transition:all ease-in-out 300ms;
	z-index:10;
	}
.timesBtn:hover{
	background-color: rgba(255, 255, 255, 1);
	}
.timesBtn2{
	position: absolute;
	display: none;
	border: 2px solid #000;
	padding: 8px 8px 4px 8px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	bottom: 12%;
	left: 0px;
	font-size: 16px;
	background-color: rgba(255, 255, 255, 0.6);
	font-family: 'MacklinSans-Medium';
	cursor:pointer;
	transition:all ease-in-out 300ms;
	z-index:10;
	}
.timesBtn2:hover{
	background-color: rgba(255, 255, 255, 1);
	}
@media(min-width:824px){
.zoomTxt .txt1{
	font-size:19px;
	}
.zoomTxt .txt2{
	font-size:19px;
	}
.mapBtnText{
	font-size:19px;
	}
.timeDropTxt2{
	width:48%;
	}
}
@media(min-width:1200px){
.timeDrop{
	position:absolute;
	width:5%;
	float:none;
	}
.timeDropTxt{
	font-size: 8px;
	top:4px;
	}
.timeDropTxt .txt1{
	font-size:23px;
	}
.timeDropTxt .hwy{
	font-size:23px;
	line-height:1em;
	}
.timeDrop.adj1{
	top: 41.5%;
	left: 61.2%;
	}
.timeDrop.adj2{
	top: 37.3%;
	left: 50.4%;
	}
.timeDrop.adj3{
	top: 22%;
	left: 36%;
	}
.timeDrop.adj4{
	top: 28.6%;
	left: 57.4%;
	}
.timeDrop.adj5{
	top: 51%;
	left: 45%;
	}
.timeDrop.adj6{
	top: 80%;
	left: 52.5%;
	}
.timeDrop.adj7{
	top: 42.2%;
	left: 55.4%;
	}
.timesBtn{
	display: inline-block;
	}
}
@media(min-width:1500px){
.timeDropTxt{
	font-size: 10px;
	top:9px;
	}
.timeDropTxt .txt1{
	font-size:28px;
	}
.timeDropTxt .hwy{
	font-size:28px;
	}
}