.map-collapsed{
	visibility:hidden;
	display:none;
}

#legend {
    background: white;
    padding: 12px 30px 12px 14px;
    margin:20px;
    color:#6e7982;
    font-family: 'proxima-nova';
	font-weight:300;
    text-transform:uppercase;
    letter-spacing:.2em;
	border:1px solid #6e7982;
}
.marker{
	min-width:400px;
}
.marker a{
	color:#e33b00;
	cursor:pointer;
	
}
.marker p,
.marker ul{
    position:relative;
    top:-15px;
    color:#6e7982;
    font-family: 'proxima-nova';
    font-size:.9em;
}
.marker h3,
.direction-block h3{

    color:#E33B00;
    font-weight:normal;
    font-size:1.2em;
	
}
.direction-block h3{
	line-height:1.2em;
}
.direction-block  p,
.direction-block  ul{

    color:#6e7982;
    font-family: 'proxima-nova';
    font-size:.8em;
	/*line-height:1.2em;*/
}
#directions {
    background-color:#4f5a64; 
    width:100%;
    margin:0;
    padding:0;
}
#directions #map-canvas {
    width:auto;
    height: 500px;
    /*	float:left;*/
    /* outline-left:3px solid #333;*/

}
#directions-panel {
    /* width: 30%;
     float: right;*/
    height: 450px;
    overflow: auto;
    margin:0;
    padding:0;
	min-width: 250px;
}

#directions-input{
    display:block;
    margin-bottom:5px;
    background:#6e7982;
    position:relative;
}
#directions-input input{
    -webkit-appearance: none;
    border-radius: 0;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
}

#directions-blocks div{
	padding:10px ;
		
	
}

 #startInput{
	background:#ededed;
	color:#333;
	width:65%;
	min-width:190px;
	height:40px;
	float:left;
	padding:0 0 0 5%;
	margin:0;
	font-size:.8em;
	font-family: 'proxima-nova', sans-serif;
	border:none;
}

#getDirections{
	 background:#f15d2a;
	 color:#fff;
	width:30%;
	/*min-width: 110px;*/
	float:left;
	height:40px;
	text-transform:uppercase;
	font-size:.8em;
	font-family: 'proxima-nova', sans-serif;
	border:none;
	display:block;
	background:#6e7982;
	z-index:50;
	 padding:0;
	margin:0;
		
 }
#getDirections:hover{
	background:#f7885d;
}
#directions-sidebar{
	width: 30%;
	float: left;
	min-width:400px;
	height: 100%;
	display:none;
	border-right:1px solid #fff;
}

#distance{
	background:#ededed;
	
}
#distance p{
	position:relative;
	padding:5px 10px;
	margin:0;
	font-size:1.2em;
	text-align:right;
	color:#f15d2a;
}

/* Style Directions Results */
#directions-panel {
	font-family: 'proxima-nova', sans-serif;
	margin-top:40px;
	height:450px;
	border-top:10px solid #f15d2a;
}
#directions-panel table{
	width:100%;
}
#directions-panel tr{
	width:100%;
	 background:#ededed;
	 font-size:.9em;
	
}
#directions-panel td{
	padding:10px 4px;
}
#directions-panel tr:nth-child(2n){
	 background:#fefefe;
	
}	
/* Get rid of padding at top of directions list */
#adp-placemark{
	font-family: 'proxima-nova', sans-serif;
	margin:0 0 10px 0;
	padding:5px 0;
	vertical-align:text-bottom;
	background-image: url(http://little.pfd-dev.com/wp-content/uploads/images/you-marker-small.png);
	background-repeat:no-repeat;
	background-position: 10px 10px;
	padding-left:50px;
	display:none;
}
.adp-summary {
	background:#fefefe;
	font-size:.9em;
	text-align:right;
	padding:10px 4px;
}
.adp-legal{
	background:#fefefe;
	font-size:.9em;
	text-align:right;
	padding:10px 4px;
}
.adp-placemark{
	margin:0 0 10px 0;
	padding:5px 0;
	vertical-align:text-bottom;
	background-image: url(http://little.pfd-dev.com/wp-content/uploads/images/you-marker-small.png);
	background-repeat:no-repeat;
	background-position: 10px 10px;
	padding-left:80px;
	background-color:#f15d2a;
	height:80px;
	min-height:80px;
}

.adp-placemark td{
	background-color:#f15d2a;
	color:#fefefe;
}
.adp-text{
	font-family: 'proxima-nova', sans-serif;
}
/* Remove Google Place Mark pins in directions results */
.adp-placemark img,
#adp-placemark img{
    width:32px;
    height:24px;
    display:none;
}
@media (max-width: 640px) {
	#directions #map-canvas {
    width:auto;
    height: 300px;
    /*	float:left;*/
    /* outline-left:3px solid #333;*/

	}
	
	#legend{
		display:none;
	}
}