/* dCodes Framework:(c) TemplateAccess */



#gmap_with_overlay {

  display: block;

  width: 100%;

  height: 350px;

  margin: 0 auto;

  -moz-box-shadow: 0px 5px 20px #ccc;

  -webkit-box-shadow: 0px 5px 20px #ccc;

  box-shadow: 0px 5px 20px #ccc;

  border: 1px solid #fff;

  margin: 0px;

}



#gmap_with_overlay.large {

  height: 500px;

}



#gmap_with_markers {

  display: block;

  width: 95%;

  height: 350px;

  margin: 0 auto;

  -moz-box-shadow: 0px 5px 20px #ccc;

  -webkit-box-shadow: 0px 5px 20px #ccc;

  box-shadow: 0px 5px 20px #ccc;

  border: 1px solid #ccc;

  margin: 12px;

}



#gmap_with_markers.large {

  height: 500px;

}



#gmap_standard {

  display: block;

  width: 95%;

  height: 350px;

  margin: 0 auto;

  -moz-box-shadow: 0px 5px 20px #ccc;

  -webkit-box-shadow: 0px 5px 20px #ccc;

  box-shadow: 0px 5px 20px #ccc;

  border: 1px solid #ccc;

  margin: 12px;

}



#gmap_standard.large {

  height: 500px;

}



#gmap_styled_cnt {

  display: block;

  width: 94%;

  height: 270px;

  margin: 0 auto 100px;

  border: 1px solid #ccc;

}



@media (max-width: 768px) {

  #gmap_styled_cnt {

    height: 50vh;

    width: 96%; /* Genişliği %100 yaparak tam ekran kullanımı sağlanır */

    margin: 50px auto; /* Margin ayarları */

  }

}



#gmap_styled {

  display: block;

  width: 79%;

  height: 50vh;

  margin: 0 auto 35px;

  border: 1px solid #ccc;

}



@media (max-width: 768px) {

  #gmap_styled {

    width: 90%; /* Genişliği %100 yaparak tam ekran kullanımı sağlanır */

    margin: 50px auto; /* Margin ayarları */

  }

}



#gmap_styled.large {

  height: 50vh;

}



.overlay {

  display: block;

  text-align: center;

  color: #000;

  font-weight: bolder;

  font-size: 0.86rem;

  opacity: 0.88;

  background: #ff0a0a;

  border: solid 1px #1c1c1c;

  border-radius: 2px;

  box-shadow: 2px 2px 10px rgb(255, 255, 255);

  text-shadow: 1px 1px 1px #ffffff5b;

  padding: 8px;

  width: 130px;

  border-radius: 4px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

}



.overlay_arrow {

  left: 50%;

  margin-left: -16px;

  width: 0;

  height: 0;

  position: absolute;

}



.overlay_arrow.above {

  bottom: -15px;

  border-left: 16px solid transparent;

  border-right: 16px solid transparent;

  border-top: 16px solid #dd0000;

}



.overlay_arrow.below {

  top: -15px;

  border-left: 16px solid transparent;

  border-right: 16px solid transparent;

  border-bottom: 16px solid #9c0505;

}