#nrv-gm-main-container {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}
#nrv-gm-map-container {
    width: 100%;
    height: 800px;
    position: relative;
}
#nrv-gm-details-container {
    width: 100%;
    height: 800px;
}
#nrv-gm-items-list{
    padding: 0;
    height: 800px;
    overflow-y: scroll;
}

#nrv-gm-map {
    height: 100%;
    width: 100%;
}
#nrv-gm-location-btn {
    box-shadow: rgb(0 0 0 / 30%) 0px 1px 4px -1px;
    border-radius: 2px;
    position: absolute;
    z-index: 5;
    background-color: #fff;
    width: 40px;
    height: 40px;
    right: 10px;
    bottom: 120px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    fill: #666666;
}
.nrv-gm-selector-container {
    transition:0.3s;
    padding: 48px;
}
.nrv-gm-template-item {
    transition:0.3s;
    padding: 48px;
}
.nrv-gm-template-item.selected {
    background: #2D2E42;
    transition:0.3s;
}

.nrv-gm-template-item .distance {
    color: #36A9C2;
}

.nrv-gm-template-item .duration {
    color: #36A9C2;
}

.nrv-gm-template-item h3,
.nrv-gm-template-item h4,
.nrv-gm-template-item button.show-me,
.nrv-gm-template-item .google-me button{
    transition:0.3s;
}

.nrv-gm-template-item.selected h3,
.nrv-gm-template-item.selected h4{
    color:#fff;
    transition:0.3s;
}

.nrv-gm-template-item.selected button.show-me,
.nrv-gm-template-item.selected .google-me button{
    background-color:#fff;
    color:#2D2E42;
}

.nrv-gm-template-item.selected .divider-wrap{
    display:none;
}

@media (max-device-width:690px){
    #nrv-gm-map-container {
        height: 40vh;
    }
    #nrv-gm-details-container {
        height: 30vh;
    }
    #nrv-gm-items-list{
        height: 30vh;
        text-align:center;
    }
}