/**
 * MAP
 */
#GMapConvasWrap{
    position:           relative;
    width:              100%;
    overflow:           hidden;
    height:             auto;
}

#GMapConvasWrap img{
    max-width: none !important;
    width: auto !important;
}


#GMapCanvas{
    
    max-height:         600px;
    min-height:         600px;
    margin-bottom:      5px;
    border:             1px solid #FFFFFF;
    border-radius:      5px;
    box-shadow:         1px 1px 1px #F3F3F3;
    z-index:            10;

    width:              -webkit-calc( 100% - 250px );
    width:              -moz-calc( 100% - 250px );
    width:              calc( 100% - 250px );
}

#GMapCanvas .address{
    font-size: 10px;
    font-style: italic;
}

.map-title-main{
    width:              auto;
    margin:             0;
}

.map-title-main div.map-content,
.map-title-main div.map-content{
    display:            block;
    word-spacing:       normal;
    font-weight:        bolder;
    font-style:         italic;
    font-size:          10px;
    text-align:         center;
    color:              #796449;
}

.map-title .photo{
    width:              200px;
}


.map-title-main h4{
    margin:             5px 0;
    padding:            0;
    font-size:          1.2em;
    text-align:         center;
}


.map-title-img,
.map-title-img dt,
.map-title-img dd{ margin: 0; padding: 0; }

.map-title-img img{
    max-width:100% !important;
}



.map-title h4,
.map-title-img h4{
    color:  #88630B !important;
}



.map-title-img h4{
    font-size: 1.1em;
    margin:    5px 0 10px 0; 
    text-align: center;
    line-height: 0.9;
}

.map-title-img dd img{
    border-radius: 10%;
}

/*
.gm-style-iw{
    left: 10px !important;
    right: 10px;
    overflow: hidden !important;
    width: auto !important;
    bottom: 5px !important;
    max-height: 196px;
}
*/

.gm-style-iw > div{
    overflow: hidden !important;
    width: 250px;
    margin: 0 0 1px 1px;
}
.gm-style-iw > div > div{
    overflow: hidden !important;
}
.type-block{
    margin: 25px 0;
}
.type-block h4{
    text-align: center;
    font-size: 1.5em;
    padding: 25px 0; 
}




#GMapHistory{
    position:           absolute;
    overflow-y:         auto;
    top:                0;
    right:              0;
    
    padding:            10px 0;    
    width:              250px;
    max-height:         none;
    height:             100%;
    
    background:         rgba( 240, 240, 240, 0.98 );
    z-index:            10;
    pointer-events: none;    
}


#GMapHistory label{
    font-weight:        bold;
    // font-style:         italic;
    color:              #000000;
    //font-family:        'Helvetica';
    font-size:          12px;
}


#GMapHistory .intro-location h3{
    color:  #8B784A;
    font-size: 1.8em;
    margin-top: 0;
}

#GMapHistory ul.icons-list{
    width: 100%;
}
#GMapHistory ul.icons-list li{
    width: 88%;
    cursor: pointer;
    list-style: none;
    margin-left: 0;
    padding: 5px 10px;
    
    pointer-events: auto; 
}
#GMapHistory ul.icons-list li img,
#GMapHistory ul.icons-list li label{
    display: inline-block;
    vertical-align: middle;
    width: auto;
    pointer-events: none;
}


#GMapHistory ul.icons-list li.select{
    box-shadow: 1px 2px 3px #D3D3D3;
    background:         rgba( 255, 255, 255, 0.8 );
}
#GMapHistory ul.icons-list li.select img{
    margin: 0 5px 0 -5px;
}
#GMapHistory ul.icons-list li img{
    -webkit-transition: all 0.1s linear 0s;
       -moz-transition: all 0.1s linear 0s;
         -o-transition: all 0.1s linear 0s;
            transition: all 0.1s linear 0s;  
    max-height: 50px; 
    
}
#GMapHistory ul.icons-list li:hover img{
    margin: 0 5px 0 -5px;
}



.gm-style .gm-style-iw dl {
    position: relative;
    width: 250px;
}

.gm-style .gm-style-iw {
    text-align: center;
}
.gm-style .gm-style-iw {
    font-size: 13px;
    font-weight: 300;
}

/*
.gm-style-iw {
    overflow: visible !important;
}
.gm-style-iw div {
    overflow: visible !important;
}

.gm-style-iw::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(55, 16, 45, 1 ) transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 22px;
    bottom: -53px;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 0;
    z-index: 4;
}


.popup-info-substrate,
.marker-info__bg-wrap,
.poi-info-window::before {
    bottom: 0;
    height: calc(100% + 18px);
    left: 50%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 30px);
    background: rgba(55, 16, 45, 1 );
}
*/

@media screen and (max-width: 768px) {
    #GMapCanvas{ width: 100%;}
    #GMapHistory{
        position: relative;
        width: 100%;
    }

    #GMapHistory ul.icons-list li{
        display: inline-block;
        width: auto;
    }
}