  /* Container wrapper */
.wrapper {
    position: relative;
    top: 0;
    height: 100vh;
  }

/* Main panel */
.main-panel {
width: 100%;
}

.main-panel {
position: relative;
z-index: 2;
float: right;
overflow: auto;
width: 100%;
min-height: 100%;
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate3d(0px, 0, 0);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
-webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
-moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
-o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
-ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
}
.main-panel > .content {
margin-top: 70px;
padding: 30px 15px;
min-height: calc(100% - 123px);
}
.main-panel > .footer {
border-top: 1px solid #e7e7e7;
}
.main-panel > .navbar {
margin-bottom: 0;
}

.main-panel {
max-height: 100%;
height: 100%;
}

@media (min-width: 992px){
    .typo-line{
        padding-left: 0px;
        margin-bottom: 40px;
        position: relative;
    }

    .typo-line .category{
        transform: translateY(-50%);
        top: 50%;
        left: 0px;
        position: absolute;
    }
}

#map{
    width:100%;
    height: calc(100% - 60px);
    margin-top: 0px;
    border: #61748d solid thin;
}


.legend-box{
    font-weight: bold; 
    padding: 3px;
    text-align: center
}

.places-buttons .btn{
    margin-bottom: 30px
}

.space-70{
    height: 70px;
    display: block;
}

.sidebar .nav > li.active-pro{
    position: absolute;
    width: 100%;
    bottom: 10px;
}

.tim-row{
    margin-bottom: 20px;
}

.tim-typo{
    padding-left: 25%;
    margin-bottom: 40px;
    position: relative;
}
.tim-typo .tim-note{
    bottom: 10px;
    color: #c0c1c2;
    display: block;
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    left: 0;
    margin-left: 20px;
    position: absolute;
    width: 260px;
}
.tim-row{
    padding-top: 50px;
}
.tim-row h3{
    margin-top: 0;
}
