.sycanew_MapLoaderOuter {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  color: #ffffff;
  background-color:#272727;
  z-index: 1;
}

.sycanew_MapLoader {  
  position: relative;
  width: 64px;
  height: 64px;
  margin: 0px auto;
  top: calc(50% - 64px);
}

.sycanew_MapLoader div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes sycanew_MapLoader {
  0% {
      top: 28px;
      left: 28px;
      width: 0;
      height: 0;
      opacity: 1;
 }
  100% {
      top: -1px;
      left: -1px;
      width: 58px;
      height: 58px;
      opacity: 0;
 }
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
.markerTheaterLogo{
  width: 25px;
  height: 25px;
  top: 14px;
  position: relative;
  left: 9px;
}
div#dvDistance {
  height: 50px;
  width: 200px;
  border: 1px solid;
  margin: 10px;
}
.sycanew_mapDirectionOption {
  position: fixed;
  z-index: 99;
  color: #111d19;
  font-size: 0.5em;
  border-radius: 10px;
  margin: 10px;
  background:#111d19;
  left: 55px;
}
.sycanew_mapDirectionOptionSelect {
  display: inline-block;
  padding: 0 5px;
  cursor: pointer;
  padding: 5px 10px;
  pointer-events: auto;
  border-radius: 10px;
}
.sycanew_mapDirectionOptionSelectClickDelay{
  pointer-events: none;
}
.directionContainer{
  display: none;
}
.sycanew_DirectionErrorMsg {
  color: #ffffff;
  background-color: #CC3A11;
  position: absolute;
  width: 100%;
  top: -60px;
  z-index: 99999;
  text-align: center;
  height: 50px;
  line-height: 50px;
  display: none;
  font-size: 0.7em;
}
.sycanew_SameNodesDirectionErrorMsg {
  color: #ffffff;
  background-color: #CC3A11;
  position: absolute;
  width: 100%;
  top: -60px;
  z-index: 99999;
  text-align: center;
  height: 50px;
  line-height: 50px;
  display: none;
  font-size: 0.7em;
}
.errorCloseImgIcon {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 2px;
  right: 5px;
  cursor: pointer;
}
.sycanew_clickForDirection{
  color: #ffffff;
   background: #626363;
    cursor: pointer;
    padding: 5px 10px;
    z-index: 99;
    border-radius: 10px;
    border: 1px solid #626363;
}
#getCopyURL{
  text-decoration: none;
  color: #ffffff;
  padding: 10px;
}
.theaterMarker{
  position: absolute;
  cursor: pointer;
  width: 46px;
  height: 62px;
  background: url("../../assetsNew/images/marker.png") 50%/contain no-repeat !important;
  opacity: 0.65;
}
.theaterMarker.active{
  background: url("../../assetsNew/images/marker-active.png") 50%/contain no-repeat !important;
  opacity: 1;
}
.gm-style .gm-style-iw-c{
  display:none;
}
.gm-style .gm-style-iw-t::after{
  display: none;
}
@keyframes bounceIn{
  0%{
      opacity: 0;
      transform: scale(0.3) translate3d(0,0,0);
 }
  50%{
      opacity: 0.3;
      transform: scale(1.1);
 }
  80%{
      opacity: 0.6;
      transform: scale(0.89);
 }
  100%{
      opacity: 0.8;
      transform: scale(1) translate3d(0,0,0);
 }
}
.theaterMarker.active{
  z-index: 1;
  animation-name: bounceInActive;
  animation-duration:2s;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
.removeAnimationIos{
  animation-name: none !important;
  transform: scale(1.5);
}
@keyframes bounceInActive{
  0%, 20%, 50%, 80%, 100% {
      -webkit-transform: translateY(0);
 }
  40% {
      -webkit-transform: translateY(-30px);
      transform: scale(2);
 }
  60% {
      -webkit-transform: translateY(-15px);
      transform: scale(1.8);
 }
  100%{
      transform: scale(1.5);
 }
}
.getCopyURLCust{
  pointer-events: none;
  opacity: 0.2;
  padding: 0;
}
.getCopyURLCustAct{
  pointer-events: auto;
  opacity: 1;
}
.sycanew_displayTktURLDIv{
  display: none;
}
.sycanew_displayDirURLDIv{
  display: none;;
}
.gm-style-cc {
  display: none;
}
@media only screen and (min-width : 992px) {
  .sycanew_clickForDirection, .sycanew_mapDirectionOption{
    display: none !important;
  }
}
@media only screen and (max-width : 992px) {
  .sycanew_mapDirectionOption{
    font-size: 0.7em
  }
}
@media only screen and (max-width : 767px) {
  .sycanew_mapDirectionOption{
    font-size: 0.45em
  }
  .sycanew_mapDirectionOption{
    left: 40px;
  }
}
@media only screen and (max-width : 320px) {
  .sycanew_mapCloseOnlyForMbile
  {
      right: 35px;
  }
  .sycanew_mapDirectionOption{
    left: 40px;
  }
}