html {height: 100%;}



#map {

    height: 100%;

    width: 100%;

}	

.mptitle{background-color:#e5e5e5;padding-top:5px;padding-bottom:15px;}

#mapcontainer{width:100%;height:100%}

#map{height:100%;width:100%;}

#mapnav{height:auto;padding-top:10px;}

#mapnav input{height:15px;width:15px;}

#mapnav .form-control{width:100%;height:34px;font-size:14px;}

#mapnav .form-inline{float:left;}

#contactmap{height:400px;margin-bottom:50px;}

.maplocation{position:absolute;margin-right:30px;margin-top:60px;height:450px;width:250px;background:rgba(255,255,255,1.00);font-size:16px;overflow-y:auto;line-height:25px;-webkit-box-shadow:0 6px 6px rgba(0,0,0,.175);}

.mappoints{padding:20px;padding-top:10px;padding-bottom:10px;cursor: pointer;}

.mappoints:hover{background:#3b437a; color: #FFF;}



.mappoints.active { background-color: #3b437a; color: #FFF;}

.mappoints span{font-size:12px;width:100%;display:block;}



.maplocation{

	position: absolute;

    margin-left: 10px;

    margin-top: 70px;

    height: 400px;

    width: 280px;

    background: #fff;

    font-size: 14px;

    overflow-y: auto;

    line-height: 25px;

    -webkit-box-shadow: 0 6px 6px rgba(0,0,0,.175);

    z-index: 20;

    color: #000;

    font-weight: bold;

		}

		



@media (max-width:768px){

#contactmap{height:400px;margin-bottom:0px; }

.search_headline{margin: -7px 0 2px !important;}

.location_text_form{margin-top: -10px !important;}

.maplocation{position:fixed;bottom:0;margin-left:0px;height:120px;width:100%;background:rgba(255,255,255,1.00);font-size:14px;overflow-y:auto;line-height:22px;-webkit-box-shadow:0 0 0 rgba(0,0,0,.175);opacity: 0.9;}



}

#mapnav .btn-default{color:#fff;margin-right:20px;background:#fdbf2d;border:none;padding:7px;border-radius:30px;font-size:14px;margin-top:0px;width:100px;}

#scrollbarstyle::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}

#scrollbarstyle::-webkit-scrollbar{width:6px;background-color:#F5F5F5;}

#scrollbarstyle::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#fdbf2d;}

#mapnav .form-group{margin-bottom:15px;display:inline-block;}







.loader {

  border: 4px solid #f3f3f3;

  border-radius: 50%;

  border-top: 4px solid #3498db;

  width: 60px;

  height: 60px;

margin: 0 auto;

  -webkit-animation: spin 2s linear infinite; /* Safari */

  animation: spin 1s linear infinite;

}

/* Safari */

@-webkit-keyframes spin {

  0% { -webkit-transform: rotate(0deg); }

  100% { -webkit-transform: rotate(360deg); }

}



@keyframes spin {

  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}