/* -----------------------------------------
   General for map
----------------------------------------- */
.gmap {
    height:450px;
    width: 100%;
    padding: 3px;
    border: 5px solid #ddd;
    font-size: 90%;
}

.gmap + .gmap {
    margin: 5px 0;
}

.canvas_map {
    width: 100% !important;
}

.gmap img, .gmap object, .gmap embed { max-width: none; height: auto }

.gmap *,.gmap *:before,.gmap *:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}



@media only screen and (max-width: 767px) {

  

    .gmap_controls.tabs .ullist li a {
        padding: 0px 6px !important;
    }

    #directions h2 {
        height: auto;
    }
}


/* -----------------------------------------
   Examples
----------------------------------------- */

.gmap * {
    font-size: 100%;
}

.ullist {
    width: 100%;
}

.tab-content {
    margin: 0 0 20px;
}

.menu .ullist li {
    width: 49%;
    float: left;
    margin-right: 1%
}

.menu .ullist li.active a,
.menu .ullist li a:hover {
    color: #B82200 !important;
    background-color: #eee !important;
}

.tabs .ullist li a{
    padding: 0px 23.8px !important;
}

.tabs .ullist li a:hover {
    color: #6f6f6f !important;
    background-color: transparent !important;
}

.tabs .ullist li.active a{
    font-weight: bold;
    color: #3c3c3c !important;
    background-color: #fff !important;
}

.ullist li.active a {
    font-weight: bold;
}

.ullist li.active a,
.ullist li a:hover {
    color: #B82200 !important;
    background-color: #eee !important;
}