@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900');
.clear {
    clear: both;
}



.map-contact #maya_map_canvas { position:absolute; top:0; left:0;  height:100%; width:100%;}


#directions-panel {
    background-color: rgba(36, 43, 69, 0.84);
    display: none;
    left: 31px;
    padding: 5px;
    position: absolute;
    width: 300px;
    z-index: 100;
}
.panel_wrapper {
	background: none repeat scroll 0 0 red;
	height: 227px;
	left: -30px;
	position: absolute;
	top: 100px;
	z-index: 103;
}
.panel_wrapper.active_wrapper{z-index: 107;}
.panel_handle {
	cursor: pointer;
    height: 100%;
	position: absolute;
	width: 30px; 
	z-index: 102;	
	left:0;	
	-moz-transition: all 0.5s;	
	-webkit-transition: all 0.5s;	
	-ms-transition: all 0.5s;	
	-o-transition: all 0.5s;    
	transition: all 0.5s;	
}
.panel_handle.close{
	-moz-transition: all 0.5s;	
	-webkit-transition: all 0.5s;	
	-ms-transition: all 0.5s;	
	-o-transition: all 0.5s;    
	transition: all 0.5s;  
	left:30px;
}
.panel_handle.open {
    left: 0;
}
.panel_handle.open.active{
    background-image: url("../../images/show-directions.jpg");
}
.panel_handle.open.active.openpanel{
	background-image: url("../../images/hide.jpg");
}
#maya_map_canvas img{max-width: none !important; }
#maya_map_canvas.full-width-map-canvas{width:100%;}
#no_places {
    background: none repeat scroll 0 0 #EEEEEE;
    float: left;
    font-family: arial;
    font-size: 2em;
    padding: 2em 0;
    text-align: center;
    width: 80%;
}
#maya_map_categories {
  
}
#maya_map_categories .maya_map_category {
    background-image: url("../../images/category-icon.png");
    background-position: 0px center !important;
    background-repeat: no-repeat;
    color: #000;
    cursor: pointer;
	font-weight:bold;
    padding: 10px 3% 10px 36px;
    width: 100%;
}
#maya_map_categories .maya_map_category:first-child {
	height: 0px;
	padding: 0px;
	text-indent: -9999px;
}
#maya_map_categories .maya_map_category.current , 
#maya_map_categories .maya_map_category:hover {
}
.map_fields {
    float: left;
    margin: 10px 0;
    width: 100%;
}
.map_field {
    display: inline-block;
    margin-right: 17px;
}
#control {
    background-color: #bdbdbd;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    float: left;
    padding: 10px;
    width: 100%;
	display:none !important;
}
#control .map_fields.start_map_fields {
    width: 66%;
}
#control .map_fields.end_map_fields {
    width: 33%;
}
#control .map_fields.start_map_fields .map_field {
    margin-right: 0;
    width: 50%;
}
#control .map_fields .map_field select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #f3f1f1;
    background-image: url("../../images/select-icon.png");
    background-position: 2% center;
    background-repeat: no-repeat;
    border: 3px solid #ffffff;
    box-shadow: 0 0 2px -1px #8a8a8a inset;
    font-family: "Roboto",sans-serif;
    height: 37px;
    margin-left: 0;
    padding-left: 34px;
    width: 100%;
}
#control .map_fields.start_map_fields .map_field.custom_start_map_field {
    padding-left: 5%;
    position: relative;
    width: 45%;
}
#control .map_fields.start_map_fields .map_field.custom_start_map_field:before {
    content: "Or";
    font-family: "Roboto",sans-serif;
    font-size: 17px;
    font-weight: 400;
    position: absolute;
    left: 4px;
    top: 45%;
}
#control .map_fields.end_map_fields .map_field.end_map_field {
    margin-right: 0;
}
#control .map_fields.start_map_fields .map_field input.map_input_text {
    background-color: #f3f1f1;
    border: 3px solid #fff;
    box-shadow: 0 0 2px -1px #8a8a8a inset;
    color: #000;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    height: 21px;
    margin-left: 0;
    width: 77%;
}
#control .map_fields.start_map_fields .map_field button#search-from-custom {
    background-color: #394264;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-left: 2px;
    padding: 7px 5px;
    text-transform: uppercase;
}
.map_field > strong {
    color: #474747;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    width: 100%;
}
.map_field select {
    margin-left: 4px;
    padding: 4px;
}
.map_field input {
    margin-left: 5px;
    padding: 5px;
}
.map_field button {
    margin: 0;
    padding: 2px;
    position: relative;
    top: 2px;
}
#directions-panel table.adp-placemark {
    background-color: rgba(36, 43, 69, 0.84);
    border: medium none;
    color: #fff;
}
#directions-panel .adp-details, #directions-panel .adp-legal {
    color: #fff;
}
#directions-panel .adp, #directions-panel .adp table {
    color: #fff;
}
#directions-panel:empty {
    background-color: transparent;
}