.no-edit .section-map-location { position: relative; overflow: hidden; }
.no-edit .block-location-item .location-item { margin-bottom: 40px; }

@media (min-width: 921px) { .no-edit .block-location-item { position: absolute; right: 0; top: 0; height: 100%; background: #fff; width: 600px; overflow: auto; padding: 40px 0; opacity: 0; visibility: hidden; overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }
  .no-edit .block-location-item > div { position: absolute; width: 100%; height: 100%; max-height: 90%; top: 0; left: 0; right: 0; margin: auto; max-width: 470px; padding: 0 50px 80px; overflow: auto; }
  .block-location-item.scroll:before { background: #fff; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 9; content: ''; height: 100px; }
  .block-location-item.scroll:after { color: #0b7877; content: "\e906"; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; animation: shine 2s infinite alternate; font-size: 3rem; position: absolute; bottom: 50px; left: 0; right: 0; margin: auto; z-index: 10; text-align: center; } }
@-webkit-keyframes shine { to { color: #0b7877; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
  from { color: #fff; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } }
@keyframes shine { to { color: #0b7877; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
  from { color: #fff; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } }
.block-map-image { position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -ms-transition: all 0.5s; }
.block-map-image img { width: 100%; }

.block-location-item.active { opacity: 1; visibility: visible; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
.block-location-item .block-wrapper { margin: auto; position: relative; }
.block-location-item .span-close { width: 25px; height: 25px; position: absolute; right: 0; top: 0; cursor: pointer; }
.block-location-item .span-close:before { content: ''; position: absolute; width: 100%; height: 2px; top: 10px; right: 0; background: #333; }
.block-location-item .span-close:after { content: ''; position: absolute; width: 100%; height: 2px; top: 10px; right: 0; background: #333; }
.block-location-item .title { text-transform: uppercase; }
.block-location-item .title * { margin: 0; }
.block-location-item .title h3 { font-size: 1.4rem; color: #333; letter-spacing: 3px; }
.block-location-item .title h2 { font-size: 3vw; color: #0b7877; }
.block-location-item .image { margin: 30px 0; }
.block-location-item p strong { color: #333; text-transform: uppercase; }
.block-location-item .location-detail:before { margin: 25px 0; content: ''; background: #333; width: 100px; height: 1px; display: block; }

.block-location-detail .span-close:hover:before { background: #0b7877; }
.block-location-detail .span-close:hover:after { background: #0b7877; }
.block-location-detail .span-close:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.block-location-detail .span-close:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

@media (min-width: 1880px) { .block-location-item .title h2 { font-size: 6rem; } }
.map-marker { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.map-marker .marker-toggle { position: absolute; width: 43px; height: 50px; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.map-marker .marker-toggle:before { content: ''; position: absolute; width: 15px; height: 15px; background: #999; border-radius: 50%; }
.map-marker .marker-toggle.active:before { background: #94ca58; }
.map-marker .marker-toggle.active:after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.map-marker .marker-toggle:after { content: ''; position: absolute; background: url(../images/ar-mark.png); width: 100%; height: 100%; left: 5px; top: 0; opacity: 0; background-size: contain; background-repeat: no-repeat; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -ms-transition: all 0.5s; }
.map-marker .marker-toggle:hover:before { background: #94ca58; }

@media (max-width: 1920px) { .no-edit .block-location-item { width: 500px; }
  .block-map-image.slide-left { -webkit-transform: translateX(-500px); -moz-transform: translateX(-500px); -o-transform: translateX(-500px); -ms-transform: translateX(-500px); transform: translateX(-500px); } }
@media (max-width: 1280px) { .no-edit .block-location-item { width: 400px; }
  .block-map-image.slide-left { -webkit-transform: translateX(-400px); -moz-transform: translateX(-400px); -o-transform: translateX(-400px); -ms-transform: translateX(-400px); transform: translateX(-400px); } }
@media (max-width: 1024px) { .block-location-item.scroll:before { height: 50px; }
  .block-location-item.scroll:after { bottom: 25px; }
  .block-location-item .title h2 { font-size: 3rem; }
  .no-edit .block-location-item { width: 300px; font-size: 1.2rem; }
  .no-edit .block-location-item > div { padding: 30px; }
  .block-map-image.slide-left { -webkit-transform: translateX(-300px); -moz-transform: translateX(-300px); -o-transform: translateX(-300px); -ms-transform: translateX(-300px); transform: translateX(-300px); }
  .map-marker .marker-toggle { width: 30px; height: 30px; }
  .map-marker .marker-toggle:before { width: 8px; height: 8px; } }
@media (max-width: 920px) { .block-location-item { display: none; }
  .block-location-item.active { display: block; }
  .block-location-item .span-close { display: none; }
  .no-edit .block-location-item { width: 100% !important; }
  .block-map-image.slide-left { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }

/*# sourceMappingURL=location.css.map */