/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
 .mg_preloader_body{
    background-color: #0661af;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
 }
 .mg_prelader_item{
    display: table;
    height: 100%;
    width: 100%;
 }
 .mg_prelader_table{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
 }
 .mg_prelader_table_cell{
    display: inline-block;
 }

 .la-square-spin,
 .la-square-spin > div {
     position: relative;
     -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
             box-sizing: border-box;
 }
 .la-square-spin {
     display: block;
     font-size: 0;
     color: #0661af;
 }
 .la-square-spin.la-dark {
     color: #333;
 }
 .la-square-spin > div {
     display: inline-block;
     float: none;
     background-color: currentColor;
     border: 0 solid currentColor;
 }
 .la-square-spin {
     width: 32px;
     height: 32px;
 }
 .la-square-spin > div {
     width: 100%;
     height: 100%;
     border-radius: 0;
     -webkit-animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
        -moz-animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
          -o-animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
             animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
 }
 .la-square-spin.la-sm {
     width: 16px;
     height: 16px;
 }
 .la-square-spin.la-2x {
     width: 64px;
     height: 64px;
 }
 .la-square-spin.la-3x {
     width: 96px;
     height: 96px;
 }

 @-webkit-keyframes square-spin{0%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0);}
25%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg);}
50%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg);}
75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg);}
100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg);}
}
@-moz-keyframes square-spin{0%{-moz-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0);}
25%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg);}
50%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg);}
75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg);}
100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg);}
}
@-o-keyframes square-spin{0%{transform:perspective(100px) rotateX(0) rotateY(0);}
25%{transform:perspective(100px) rotateX(0) rotateY(180deg);}
50%{transform:perspective(100px) rotateX(0) rotateY(180deg);}
75%{transform:perspective(100px) rotateX(0) rotateY(180deg);}
100%{transform:perspective(100px) rotateX(0) rotateY(180deg);}
}
@keyframes square-spin{0%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);-moz-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0);}
25%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);-moz-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg);}
50%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);-moz-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg);}
75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);-moz-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg);}
100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);-moz-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg);}
}
 /*
  * Animation
  */
 /* @-webkit-keyframes square-spin {
     0% {
         -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
                 transform: perspective(100px) rotateX(0) rotateY(0);
     }
     25% {
         -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
                 transform: perspective(100px) rotateX(180deg) rotateY(0);
     }
     50% {
         -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
                 transform: perspective(100px) rotateX(180deg) rotateY(180deg);
     }
     75% {
         -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
                 transform: perspective(100px) rotateX(0) rotateY(180deg);
     }
     100% {
         -webkit-transform: perspective(100px) rotateX(0) rotateY(360deg);
                 transform: perspective(100px) rotateX(0) rotateY(360deg);
     }
 }
 @-moz-keyframes square-spin {
     0% {
         -moz-transform: perspective(100px) rotateX(0) rotateY(0);
              transform: perspective(100px) rotateX(0) rotateY(0);
     }
     25% {
         -moz-transform: perspective(100px) rotateX(180deg) rotateY(0);
              transform: perspective(100px) rotateX(180deg) rotateY(0);
     }
     50% {
         -moz-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
              transform: perspective(100px) rotateX(180deg) rotateY(180deg);
     }
     75% {
         -moz-transform: perspective(100px) rotateX(0) rotateY(180deg);
              transform: perspective(100px) rotateX(0) rotateY(180deg);
     }
     100% {
         -moz-transform: perspective(100px) rotateX(0) rotateY(360deg);
              transform: perspective(100px) rotateX(0) rotateY(360deg);
     }
 }
 @-o-keyframes square-spin {
     0% {
         transform: perspective(100px) rotateX(0) rotateY(0);
     }
     25% {
         transform: perspective(100px) rotateX(180deg) rotateY(0);
     }
     50% {
         transform: perspective(100px) rotateX(180deg) rotateY(180deg);
     }
     75% {
         transform: perspective(100px) rotateX(0) rotateY(180deg);
     }
     100% {
         transform: perspective(100px) rotateX(0) rotateY(360deg);
     }
 }
 @keyframes square-spin {
     0% {
         -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            -moz-transform: perspective(100px) rotateX(0) rotateY(0);
                 transform: perspective(100px) rotateX(0) rotateY(0);
     }
     25% {
         -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            -moz-transform: perspective(100px) rotateX(180deg) rotateY(0);
                 transform: perspective(100px) rotateX(180deg) rotateY(0);
     }
     50% {
         -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            -moz-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
                 transform: perspective(100px) rotateX(180deg) rotateY(180deg);
     }
     75% {
         -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            -moz-transform: perspective(100px) rotateX(0) rotateY(180deg);
                 transform: perspective(100px) rotateX(0) rotateY(180deg);
     }
     100% {
         -webkit-transform: perspective(100px) rotateX(0) rotateY(360deg);
            -moz-transform: perspective(100px) rotateX(0) rotateY(360deg);
                 transform: perspective(100px) rotateX(0) rotateY(360deg);
     }
 } */

 #map_container {
    height: 500px; 
    min-width: 310px; 
    max-width: 800px; 
    margin: 0 auto; 
}
.loading {
    margin-top: 10em;
    text-align: center;
    color: gray;
}