.map_section{
    position:relative;
    min-height:700px;}
.map_section #info-window{
    position:absolute;
    top:50px;
    left:5%;
    background-color:rgba(255,255,255,1);
    min-height:500px;
    width:350px;
    z-index:9999;}
#map-canvas {
    position:absolute;
    width: auto;
    top:0;left:0;right:0;
    bottom:-20px;}
@media (max-width : 1000px) {
  .map_section #info-window{
    /* display:none; */
    position:relative;
    left:2%;
    width:calc(100% - 4%);}
  .map_section #info-window .info_content{
    max-width:100%;}
  #map-canvas {
    position:relative;
    height:100%;
    width:100%;}
}
.info_detail figure{
  min-height:200px;
  background-position: center;
  background-size: cover;
  position: relative;}
.info_detail figure .caption{
  position:absolute;
  background-color:rgba(255,255,255,0.4);
  color:#444;
  font-size:0.8em;
  font-style: italic;
  bottom:20px;
  padding:0 5px;
}
.detail .info_header{
  background-color: #D2232A;
}
.info_detail article{
  margin:20px;}
.info_detail article h2{
  font-size:45px !important;
  line-height:1.5 !important;}
.info_detail article h3{
  font-size:30px !important;}
.info_detail article .properties .fas{
  font-size:20px !important;}
.info_content{
    max-width: 350px;
    min-height:80px;}
#info-window .info_content{
  position:relative;}
#info-window .info_content article{
  margin:20px;}
#info-window .info_content figure{
  height:200px;
  background-position: center;
  background-size: cover;
  margin-bottom:10px;
  position:relative;
}
#info-window .info_content figure .infomeer{
  position:absolute;
  bottom:0; right:0;
  background-color: #D2232A;
  color:#fff;
  padding:5px 10px;
  text-decoration: none;
}
#info_window .info_detail h3,
#info-window .info_content h3,
#info-window .info_content h5,
#info-window .info_content p{
    padding:0;
    margin:0;
}
#info_window .info_detail .info_header h3,
#info-window .info_content h3{
  color:#fff;
  padding:10px;
  font-size:21px !important;
}
#info_window .info_detail .adres,
#info-window .info_content .adres{
  color:#fff;
  background-color:#A5CD38;
  line-height:35px;
  padding:0 10px;
}
#info_window .info_detail .adres .fas,
#info-window .info_content .adres .fas{
  margin-right:10px;
  color:#fff;
}
#info-window .info_content .routeButton{
  position:absolute;
  bottom:-40px;
  right:0;
}
#info-window .info_content .routeButton a{
  color:#fff;
  padding:10px;
  text-decoration: none;
  text-transform: uppercase;
  line-height:2.2em;
}
.wandelen #info-window .info_content properties.rood{
  background-color:#b60016;
  height:50px;
}
.wandelen #info-window .info_content h3{
  padding:20px;
}
.wandelen #info-window .closer{
  position:absolute;
  top:8px;
  right:8px;
  color:#444;
  cursor:pointer;
  width:20px;height:20px;
  font-size:15px;
  z-index:9999999;
}
.info_detail .omschrijving .kenmerken{
  margin-top:20px;
  border:1px solid #000;
}
.info_content .kenmerken{
  border:1px solid #000;}
.info_content .kenmerken .col1,
.info_detail .omschrijving .kenmerken .col1{
  /* border-right:10px solid #fff; */
  text-align:center}
.info_content .kenmerken .col1 img,
.info_detail .omschrijving .kenmerken .col1 img{
  margin-top:10px;}
.info_content .kenmerken .col1 img{
  width:40px;}
.info_content .kenmerken .col1 p,
.info_detail .omschrijving .kenmerken .col1 p{
  color:#fff;}
.info_content .kenmerken .col2,
.info_detail .omschrijving .kenmerken .col2{
  padding:10px 20px;}
.omschrijving .kenmerken .col2 .fas{
  margin-right:5px;}

.info_content .kenmerken .col3{
  text-align:center;
  vertical-align: middle;
}
.info_content .kenmerken .col3 a{
  display:block;
  position:relative;
}
.info_content .kenmerken .col3 a .fas{
  color:#fff;
  font-size:2.2em;
  margin-top:13px;
}
#info-window .detail .info_header .route_num,
#info-window .info_content .info_header .route_num,
#info_window .info_content .info_header .route_num,
#info_window .info_detail .info_header .route_num{
  position:relative;
  padding:15px;
  height:75px;
  max-width:65px;
}
.startpunt_wrap .route_num span,
#info-window .detail .info_header .route_num span,
#info-window .info_content .info_header .route_num span,
#info_window .info_detail .info_header .route_num span{
  position:absolute;
  bottom:7px;right:7px;
  color:#fff;
  margin:0;padding:0;
  font-size:1em;
}

/*
#info-window .info_content.w-groen h3{
    color:#A5CD38;}
#info-window .info_content.w-rood h3{
    color:#D2232A;}
*/

.info_detail h3,
.info_content h3{
    color:#444;
    font-size:23px !important;
    line-height: 30px !important;
    margin-top:15px;}

    .info_content .startplaats h3{
      color:#A5CD38;
    }
    .info_content .uitkijkpunt h3,
    .info_content .verhaal h3,
    .info_content .monument h3{
      color:#D2232A;
    }
    .info_content .attractie h3,
    .info_content .zitplek h3,
    .info_content .plankenpad h3{
      color:#D27D2A;
    }
    .info_content .info h3,
    .info_content .hondenlosloopzone h3,
    .info_content .parking h3{
      color:#00BDF2;
    }

.info_content h5{
    color:#888;
    font-size:16px;
    line-height: 20px;}
.info_content .desc{
    background-color:#F5F1E9;}
.info_content p{
    font-size:0.95em;}
.info_content img{
    max-width: 100%;
    width:350px;
    margin-top:10px;
}

#show_routes{cursor:pointer;}
.subnavShow{display:none;}
.startpunten{position:relative;}
.startpunten .startpunt_wrap .startpunt{
  margin:5px;
  background-color:rgba(0,0,0,0.3);
}
.startpunten .startpunt_wrap .startpunt_title,
.startpunten .startpunt_wrap .startpunt_routes{
    padding:5px;
}
.startpunten .startpunt_wrap .route_title{border-bottom:0px solid #fff;}
.startpunten .startpunt_wrap .route_title h3{
  color:#fff;
  font-size:1.2em;
  padding-left:10px;
  line-height:1.5;
}
.startpunten .startpunt_wrap .startpunt_title{
  background-color:rgba(0,0,0,0.5);}

.startpunt_wrap .route_num{
  position:relative;
  padding:2px;
  height:45px;
  max-width:30px;
}

.startpunt_wrap .route_num span{
  position:absolute;
  bottom:8px;right:2px;
  color:#fff;
  margin:0;padding:0;
  font-size:0.9em;
}
.startpunt a{
  cursor:pointer;
  color:#fff;
  line-height:2;
}
.startpunt a img{
  width:15px;
  margin-right:5px;
}
.startpunten .close{
  position:absolute;
  bottom:0;
  right:0;}
.startpunten .close .fa{
  cursor:pointer;
  font-size:30px;color:rgba(0,0,0,0.4);
}
.gps_ring {
  /* border: 3px solid #999; */
  border: 3px solid #A5CD38;
  border-radius: 30px;
  height: 50px;
  width: 50px;
  -webkit-animation: pulsate 1s ease-out;
  /* -webkit-animation-iteration-count: infinite; */
  animation-iteration-count: 5;
  opacity: 0.0
}

@-webkit-keyframes pulsate {
  0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
  50% {opacity: 1.0;}
  100% {-webkit-transform: scale(2, 2); opacity: 0.0;}
}