.mapouter {
     text-align: center;
     height: 350px;
     width: 100%;
 }
 
 #gmap_canvas {
     overflow: hidden;
     background: none!important;
     height: 350px;
     width: 100%;
 }
 
 #pageloader {
     position: fixed;
     left: 50%;
     top: 30%;
     z-index: 1;
     width: 150px;
     height: 150px;
     display: none;
     border: 16px solid #f3f3f3;
     border-radius: 50%;
     border-top: 16px solid #82D35A;
     border-right: 16px solid #39DC9C;
     border-bottom: 16px solid #FA982F;
     border-left: 16px solid #7FB401;
     -webkit-animation: spin 2s linear infinite;
     animation: spin 2s linear infinite;
 }
 
 @-webkit-keyframes spin {
     0% {
         -webkit-transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(360deg);
     }
 }
 
 @keyframes spin {
     0% {
         transform: rotate(0deg);
     }
     100% {
         transform: rotate(360deg);
     }
 }