/*GOOGLE MAP*/
.zn_google_map { overflow: hidden; width: 100%; }

.zn_google_map:not(.static-content--fullscreen) { height:600px;}
@media only screen and (max-height : 600px){ .zn_google_map:not(.static-content--fullscreen) {height:90vh;} }

.zn_gmap_canvas { height: 100%; width: 100%; }
.zn_gmap_canvas .zn_visitUsContainer { z-index: 2; position: absolute; left: 30px; display: inline-block; padding: 20px; top: 20px; width: auto; background-color: #fff; box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15); }
.zn_gmap_canvas .zn_startLocation { width: 120px; background-color: transparent; text-align: center; border: 0; height: 38px; padding: 10px 20px; color: rgba(0, 0, 0, 0.5); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; outline: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.zn_gmap_canvas .zn_startLocation:focus { width: 260px; color: #333; border-color: #cd2122; }
.zn_gmap_canvas .zn_startLocation:focus, .zn_gmap_canvas .zn_visitUsContainer.startLocationNotEmpty .zn_startLocation { width: 270px; }
.zn_gmap_canvas .zn_startLocation::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.25); }
.zn_gmap_canvas .zn_startLocation:-moz-placeholder { /* Firefox 18- */ color: rgba(0, 0, 0, 0.25); }
.zn_gmap_canvas .zn_startLocation::-moz-placeholder {  /* Firefox 19+ */ color: rgba(0, 0, 0, 0.25); }
.zn_gmap_canvas .zn_startLocation:-ms-input-placeholder { color: rgba(0, 0, 0, 0.25); }
.zn_gmap_canvas .zn_removeRoute { opacity: 0; position: absolute; right: 30px; top: 50%; margin-top: -6px; color: rgba(0, 0, 0, 0.18); cursor: pointer; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; }
.zn_gmap_canvas .zn_startLocation:focus + .zn_removeRoute { opacity: 1; }
.zn_gmap_canvas .zn_startLocation:focus + .zn_gmap_canvas .zn_removeRoute, .zn_gmap_canvas .zn_visitUsContainer.startLocationNotEmpty .zn_removeRoute { opacity: 1; }
.zn_gmap_canvas .zn_startLocation.startLocationInvalid { border-bottom-color: #f00; }

