@font-face {
  font-family: "IcoMoon-Free";
  src: url("fonts/IcoMoon-Free.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.slider {
  -webkit-appearance: none;
  appearance: none;
  line-height: 1.5em;
  border-radius: 0.25em;
  background: #fdf2b4;
  outline: none;
  width: 100% !important;
  opacity: 0.7;
  box-sizing: border-box;
  margin-top: -2px;
  margin-left: 5px;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  height: 8px;
}
.slider:hover {
  opacity: 1;
}
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #f7b10a;
  cursor: pointer;
  border-radius: 50%;
}
.slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #f7b10a;
  cursor: pointer;
  border-radius: 50%;
}
.slider:disabled,
.slider:disabled:hover {
  border: 1px solid #808080 !important;
  background: transparent;
  cursor: not-allowed;
  opacity: 0.7 !important;
}
.slider.disabled::-webkit-slider-thumb {
  background: #808080 !important;
}
.slider.disabled::-moz-range-thumb:disabled {
  background: #808080 !important;
}
.loading-overlay {
  position: fixed;
  z-index: 9999999;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.loading-block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 500px;
  height: 500px;
  margin: auto;
}

.loading-block::after {
  content: '';
  width: 60px;
  height: 60px;
  border: 3px solid;
  border-color: #fdf2b4 #f7b10a #fdf2b4 #fdf2b4;
  border-radius: 50%;
  animation: spinner-rotation 1s linear infinite;
}

@keyframes spinner-rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
article .description {
  margin: 1.5em 0 0 0;
  text-align: center;
  font-style: italic;
}
section.map {
  position: relative;
  max-width: 1700px;
  margin: auto;
  margin-bottom: 30px;
  background: url(images/map/mapbackground.jpg) center center no-repeat;
  background-size: 100% 100%;
  padding: 30px 50px;
}
.--corner-right-top {
  background: url(images/map/perg-right-top.png) top right no-repeat;
  position: absolute;
  top: -1px;
  right: -2px;
  width: 140px;
  height: 89px;
  z-index: 1;
}
.--corner-left-bottom {
  background: url(images/map/perg-left-bottom.png) top right no-repeat;
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 166px;
  height: 146px;
  z-index: 1;
}
.--corner-right-bottom {
  background: url(images/map/sofres_compass.png) top right no-repeat;
  position: absolute;
  background-size: contain;
  bottom: -66px;
  right: -60px;
  width: 233px;
  height: 260px;
  z-index: 1;
  transform: rotate(45deg);
}
.--corner-left-top {
  background: url(images/map/perg-left-top.png) top right no-repeat;
  position: absolute;
  top: -10px;
  left: -1px;
  width: 122px;
  height: 701px;
  z-index: 1;
}
.hoverLine {
  cursor: pointer;
}
#edit .ux-selectbox {
  width: 100% !important;
}
.text {
  text-shadow: none;
}
[data-viewmodel] {
  margin: 1.5em 0 0 0;
  overflow: hidden;
}
label.mw-switch {
  min-width: 60px;
}
.mw-button--ghost.mw-button--small.mw-button--reset .mw-button-inner {
  padding: 2px;
}
.mw-button--ghost.mw-button--small.mw-button--reset {
  margin-right: 5px;
}
.canvas-container {
  scroll-behavior: initial;
}
#legendBody break {
  display: none;
}
#toolbox {
  width: 450px;
  box-sizing: content-box;
}
article[data-viewmodel="mapEditor"] #toolbox {
  width: 500px;
}
#toolbox input:not([type="checkbox"]):not([type="range"]),
#toolbox textarea,
#toolbox select {
  width: 100%;
  box-sizing: border-box;
  height: 31px;
}
article[data-viewmodel="mapEditor"] #tools,
article[data-viewmodel="mapEditor"] #toolbox {
  background: #1d1007 url(images/jpgpng/content_bg_header.jpg);
}
#tools label,
#tools button,
#addZoneType,
.delZoneType,
.show-icons .icon {
  cursor: pointer;
  font-size: 30px;
  padding: 5px;
  display: block;
  box-sizing: content-box;
  color: #f7b10a;
  border: 1px solid transparent;
}
#buttons-menu {
  position: absolute;
  top: 0;
  right: 0;
}
#buttons-menu button,
#tools button,
#addZoneType,
.delZoneType {
  background: none;
  border: none !important;
  outline: none;
}
#tools button:focus,
#tools button:active,
#tools button::selection,
#addZoneType,
.delZoneType {
  border: none;
  outline: none;
}
#buttons-menu .mw-button {
  display: block;
  margin: 5px 3px 5px 0;
}
#addZoneType,
.delZoneType {
  height: 21px;
  font-size: 21px;
  box-sizing: border-box;
  padding: 0;
}
#shortcuts ul {
  padding: 0;
}
#shortcuts h3 {
  margin: 5px 0;
}
#shortcuts h3,
#shortcuts strong {
  color: #fff;
}
#shortcuts li {
  list-style: none;
  padding: 0;
}
#tools input:disabled + label,
#tools button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
#tools input[type="radio"] {
  display: none;
}
#tools input[type="radio"]:checked + label {
  background-color: rgba(159, 22, 0, 0.6);
  border: 1px solid #ea3012;
}
#edit {
  flex-direction: column;
  padding: 0 10px;
  box-sizing: border-box;
}
#edit.--mapToolsShown {
  max-height: 527px;
  overflow-y: auto;
}
#edit.--shortcutsShown {
  max-height: 434px;
  overflow-y: auto;
}
#edit > div > * {
  padding: 10px 0;
}
#edit input[type="radio"] + label:not([for*="fSb-"]) {
  display: block;
}
#edit .mw-fbox-text {
  display: flex;
  align-items: center;
}
#mapInfoBody {
  position: absolute;
  z-index: 200000;
  width: 400px;
  height: auto;
  max-height: 300px;
  opacity: 0;
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  visibility: hidden;
  display: none;
}
#mapInfoBody.visible {
  display: block;
}
#CloseMapInfoBody,
#legendCloseButton {
  margin: 0;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  outline: none;
}
#legendCloseButton {
  display: none;
}
#mapInfoBody header {
  margin: 0;
  height: 35px;
  line-height: 35px;
  font-size: 1.2em;
  background: none;
  padding: 0 15px;
}
#mapInfoBody #mapInfoHeader {
  font-family:
    Berkshire Swash,
    Arial,
    cursive;
}
#mapInfoBody header div:last-child:hover {
  background-color: transparent !important;
}
#mapInfoBody header div:last-child {
  cursor: pointer;
}
#mapInfoBody article {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  margin-bottom: 10px;
}
#mapInfoBody article p {
  margin: 0 15px 0 15px;
}
#mapInfoBody .body {
  background: #fff;
  border: 5px solid #c30000;
  border-radius: 5px;
  color: #000;
  line-height: 1.5;
  text-align: left;
  overflow: hidden;
  height: 100%;
  background: url(images/map/canvas_bg.jpg) left top no-repeat;
  background-size: cover;
}
#mapInfoBody .arrow {
  width: 32px;
  height: 32px;
  background: url(images/map/tooltipArrow.png) no-repeat left bottom;
  background-size: 100%;
  position: relative;
  left: -20px;
  top: -12px;
}
.cursor-icon {
  position: absolute;
  top: 50%;
  left: 50%;
}
.legende {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: 5px;
  font-size: 1.2em;
}
.legende.pinch-zoom {
  display: none;
}
.mouse-zoom {
  display: block;
}
.legende [data-type="text"] {
  margin-left: 10px;
}
.legende [data-type="text"] p,
#legendBlock {
  color: #1d1007;
  margin-top: 0;
  margin-right: 0;
  line-height: 1;
}
.legende [data-type="icon"],
.cursor-icon {
  border: 2px solid #1d1007;
  background: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.legende [data-type="icon"] .border,
.cursor-icon .border {
  background: url(../../../content/upload/images/canvas_map/pergament.jpg) no-repeat
    center center;
  border: 2px solid #1d1007;
  border-radius: 50%;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
}
#addZoneTypeEditor,
#searchTokenWindow {
  display: none;
}
#view {
  margin-top: 10px;
  margin-left: 0;
}
#view > div > div {
  position: relative;
  display: flex;
  margin: 5px 0;
  align-items: center;
}
#view .mw-flex-1:first-child {
  margin-right: 10px;
}
.--reset-map {
  margin-top: 10px !important;
}
#view h3 {
  font-size: 1.14em;
}
article[data-viewmodel="map"] #view label,
article[data-viewmodel="map"] #view h3 {
  color: #1d1007;
}
#buttons-menu .mw-button,
article[data-viewmodel="map"] #view .mw-button--ghost,
article[data-viewmodel="map"] #view .mw-switch {
  background: rgba(29, 16, 7, 0.9);
}
article[data-viewmodel="map"] #view .mw-button--ghost:hover,
#buttons-menu .mw-button:hover {
  background: #b06601 !important;
}
article[data-viewmodel="mapEditor"] #view {
  margin-bottom: auto;
}
#edit .ux-selectbox-scrollwrapper ul.list {
  font-size: 0.85em;
}
#legendBlock {
  font-family: "Berkshire Swash", Arial, cursive;
  color: #1d1007;
  padding: 10px 20px;
  border: 1px solid rgba(29, 16, 7, 0.5);
}
#legendBody h2 {
  text-align: center;
}
#canvasWrapper {
  position: relative;
  width: 100%;
  height: auto;
  max-width: calc(100% - 500px);
}
article[data-viewmodel="mapEditor"] #canvasWrapper {
  max-width: calc(100% - 550px);
}
#zoneEditor {
  position: absolute;
  z-index: 98;
  opacity: 0;
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  visibility: hidden;
  display: none;
  width: 170px;
  height: 170px;
}
#zoneEditor.visible {
  display: block;
}
#zoneEditor > div {
  width: 40px;
  position: absolute;
}
#zoneEditor > .left {
  left: 0;
  top: 0;
}
#zoneEditor > .right {
  right: 0;
  top: 0;
}
#zoneEditor > .top {
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
}
#zoneEditor > .bottom {
  margin: auto;
  bottom: 0;
  left: 0;
  right: 0;
}
#zoneEditor .arrow_t,
#zoneEditor .arrow_b,
#zoneEditor .arrow_l,
#zoneEditor .arrow_r {
  width: 32px;
  height: 32px;
  background: url(images/map/rd_arrow_l.png) no-repeat left bottom;
  background-size: 100%;
  position: relative;
  left: -13px;
  top: -19px;
}
#zoneEditor .arrow_l {
  left: 21px !important;
}
#zoneEditor .arrow_r {
  background-image: url(images/map/rd_arrow_r.png) !important;
}
#zoneEditor .arrow_t,
#zoneEditor .arrow_b {
  background-image: url(images/map/rd_arrow_b.png) !important;
  left: 3px;
  top: 0;
}
#zoneEditor .arrow_t {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  left: 4px;
  top: 0;
}
#zoneEditor .icon {
  font-size: 20px;
  color: #c30000;
}
#zoneEditor .button {
  border-radius: 20px;
  background: url(images/map/canvas_bg.jpg) repeat;
  border: 5px solid #c30000;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
#zoneEditor .button:hover {
  background: #c30000;
}
#zoneEditor .button:hover .icon {
  color: #f7b10a;
}
.layerlist {
  width: 480px;
}
.layerlist table {
  margin: 0;
  padding: 0;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}
.layerlist table th,
.layerlist table td {
  text-align: left;
  height: 30px;
}
.layerlist table th.cell-33,
.layerlist table td.cell-33,
.layerlist table td.cell-33 label {
  width: 175px;
}
.layerlist table th.cell-33-middle,
.layerlist table td.cell-33-middle,
.layerlist table td.cell-33-middle label {
  width: 100px;
}
.layerlist table th.cell-50,
.layerlist table td.cell-50,
.layerlist table td.cell-50 label {
  width: 235px;
}
.layerlist table td input[type="radio"] {
  display: none;
}
.layerlist table td label {
  float: none !important;
  display: flex !important;
  height: 100%;
  cursor: pointer;
  align-items: center;
}
.layerlist table tbody tr:hover {
  background-color: rgba(159, 22, 0, 0.6);
}
.layerlist table tbody tr.selected {
  background-color: #ea3012 !important;
}
.layerlist table td label span {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#maptools .icon,
#zoneEditor .icon {
  font-family: "IcoMoon-Free" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-home:before {
  content: "";
}
.icon-home2:before {
  content: "";
}
.icon-home3:before {
  content: "";
}
.icon-office:before {
  content: "";
}
.icon-newspaper:before {
  content: "";
}
.icon-pencil:before {
  content: "";
}
.icon-pencil2:before {
  content: "";
}
.icon-quill:before {
  content: "";
}
.icon-pen:before {
  content: "";
}
.icon-blog:before {
  content: "";
}
.icon-eyedropper:before {
  content: "";
}
.icon-droplet:before {
  content: "";
}
.icon-paint-format:before {
  content: "";
}
.icon-image:before {
  content: "";
}
.icon-images:before {
  content: "";
}
.icon-camera:before {
  content: "";
}
.icon-headphones:before {
  content: "";
}
.icon-music:before {
  content: "";
}
.icon-play:before {
  content: "";
}
.icon-film:before {
  content: "";
}
.icon-video-camera:before {
  content: "";
}
.icon-dice:before {
  content: "";
}
.icon-pacman:before {
  content: "";
}
.icon-spades:before {
  content: "";
}
.icon-clubs:before {
  content: "";
}
.icon-diamonds:before {
  content: "";
}
.icon-bullhorn:before {
  content: "";
}
.icon-connection:before {
  content: "";
}
.icon-podcast:before {
  content: "";
}
.icon-feed:before {
  content: "";
}
.icon-mic:before {
  content: "";
}
.icon-book:before {
  content: "";
}
.icon-books:before {
  content: "";
}
.icon-library:before {
  content: "";
}
.icon-file-text:before {
  content: "";
}
.icon-profile:before {
  content: "";
}
.icon-file-empty:before {
  content: "";
}
.icon-files-empty:before {
  content: "";
}
.icon-file-text2:before {
  content: "";
}
.icon-file-picture:before {
  content: "";
}
.icon-file-music:before {
  content: "";
}
.icon-file-play:before {
  content: "";
}
.icon-file-video:before {
  content: "";
}
.icon-file-zip:before {
  content: "";
}
.icon-copy:before {
  content: "";
}
.icon-paste:before {
  content: "";
}
.icon-stack:before {
  content: "";
}
.icon-folder:before {
  content: "";
}
.icon-folder-open:before {
  content: "";
}
.icon-folder-plus:before {
  content: "";
}
.icon-folder-minus:before {
  content: "";
}
.icon-folder-download:before {
  content: "";
}
.icon-folder-upload:before {
  content: "";
}
.icon-price-tag:before {
  content: "";
}
.icon-price-tags:before {
  content: "";
}
.icon-barcode:before {
  content: "";
}
.icon-qrcode:before {
  content: "";
}
.icon-ticket:before {
  content: "";
}
.icon-cart:before {
  content: "";
}
.icon-coin-dollar:before {
  content: "";
}
.icon-coin-euro:before {
  content: "";
}
.icon-coin-pound:before {
  content: "";
}
.icon-coin-yen:before {
  content: "";
}
.icon-credit-card:before {
  content: "";
}
.icon-calculator:before {
  content: "";
}
.icon-lifebuoy:before {
  content: "";
}
.icon-phone:before {
  content: "";
}
.icon-phone-hang-up:before {
  content: "";
}
.icon-address-book:before {
  content: "";
}
.icon-envelop:before {
  content: "";
}
.icon-pushpin:before {
  content: "";
}
.icon-location:before {
  content: "";
}
.icon-location2:before {
  content: "";
}
.icon-compass:before {
  content: "";
}
.icon-compass2:before {
  content: "";
}
.icon-map:before {
  content: "";
}
.icon-map2:before {
  content: "";
}
.icon-history:before {
  content: "";
}
.icon-clock:before {
  content: "";
}
.icon-clock2:before {
  content: "";
}
.icon-alarm:before {
  content: "";
}
.icon-bell:before {
  content: "";
}
.icon-stopwatch:before {
  content: "";
}
.icon-calendar:before {
  content: "";
}
.icon-printer:before {
  content: "";
}
.icon-keyboard:before {
  content: "";
}
.icon-display:before {
  content: "";
}
.icon-laptop:before {
  content: "";
}
.icon-mobile:before {
  content: "";
}
.icon-mobile2:before {
  content: "";
}
.icon-tablet:before {
  content: "";
}
.icon-tv:before {
  content: "";
}
.icon-drawer:before {
  content: "";
}
.icon-drawer2:before {
  content: "";
}
.icon-box-add:before {
  content: "";
}
.icon-box-remove:before {
  content: "";
}
.icon-download:before {
  content: "";
}
.icon-upload:before {
  content: "";
}
.icon-floppy-disk:before {
  content: "";
}
.icon-drive:before {
  content: "";
}
.icon-database:before {
  content: "";
}
.icon-undo:before {
  content: "";
}
.icon-redo:before {
  content: "";
}
.icon-undo2:before {
  content: "";
}
.icon-redo2:before {
  content: "";
}
.icon-forward:before {
  content: "";
}
.icon-reply:before {
  content: "";
}
.icon-bubble:before {
  content: "";
}
.icon-bubbles:before {
  content: "";
}
.icon-bubbles2:before {
  content: "";
}
.icon-bubble2:before {
  content: "";
}
.icon-bubbles3:before {
  content: "";
}
.icon-bubbles4:before {
  content: "";
}
.icon-user:before {
  content: "";
}
.icon-users:before {
  content: "";
}
.icon-user-plus:before {
  content: "";
}
.icon-user-minus:before {
  content: "";
}
.icon-user-check:before {
  content: "";
}
.icon-user-tie:before {
  content: "";
}
.icon-quotes-left:before {
  content: "";
}
.icon-quotes-right:before {
  content: "";
}
.icon-hour-glass:before {
  content: "";
}
.icon-spinner:before {
  content: "";
}
.icon-spinner2:before {
  content: "";
}
.icon-spinner3:before {
  content: "";
}
.icon-spinner4:before {
  content: "";
}
.icon-spinner5:before {
  content: "";
}
.icon-spinner6:before {
  content: "";
}
.icon-spinner7:before {
  content: "";
}
.icon-spinner8:before {
  content: "";
}
.icon-spinner9:before {
  content: "";
}
.icon-spinner10:before {
  content: "";
}
.icon-spinner11:before {
  content: "";
}
.icon-binoculars:before {
  content: "";
}
.icon-search:before {
  content: "";
}
.icon-zoom-in:before {
  content: "";
}
.icon-zoom-out:before {
  content: "";
}
.icon-enlarge:before {
  content: "";
}
.icon-shrink:before {
  content: "";
}
.icon-enlarge2:before {
  content: "";
}
.icon-shrink2:before {
  content: "";
}
.icon-key:before {
  content: "";
}
.icon-key2:before {
  content: "";
}
.icon-lock:before {
  content: "";
}
.icon-unlocked:before {
  content: "";
}
.icon-wrench:before {
  content: "";
}
.icon-equalizer:before {
  content: "";
}
.icon-equalizer2:before {
  content: "";
}
.icon-cog:before {
  content: "";
}
.icon-cogs:before {
  content: "";
}
.icon-hammer:before {
  content: "";
}
.icon-magic-wand:before {
  content: "";
}
.icon-aid-kit:before {
  content: "";
}
.icon-bug:before {
  content: "";
}
.icon-pie-chart:before {
  content: "";
}
.icon-stats-dots:before {
  content: "";
}
.icon-stats-bars:before {
  content: "";
}
.icon-stats-bars2:before {
  content: "";
}
.icon-trophy:before {
  content: "";
}
.icon-gift:before {
  content: "";
}
.icon-glass:before {
  content: "";
}
.icon-glass2:before {
  content: "";
}
.icon-mug:before {
  content: "";
}
.icon-spoon-knife:before {
  content: "";
}
.icon-leaf:before {
  content: "";
}
.icon-rocket:before {
  content: "";
}
.icon-meter:before {
  content: "";
}
.icon-meter2:before {
  content: "";
}
.icon-hammer2:before {
  content: "";
}
.icon-fire:before {
  content: "";
}
.icon-lab:before {
  content: "";
}
.icon-magnet:before {
  content: "";
}
.icon-bin:before {
  content: "";
}
.icon-bin2:before {
  content: "";
}
.icon-briefcase:before {
  content: "";
}
.icon-airplane:before {
  content: "";
}
.icon-truck:before {
  content: "";
}
.icon-road:before {
  content: "";
}
.icon-accessibility:before {
  content: "";
}
.icon-target:before {
  content: "";
}
.icon-shield:before {
  content: "";
}
.icon-power:before {
  content: "";
}
.icon-switch:before {
  content: "";
}
.icon-power-cord:before {
  content: "";
}
.icon-clipboard:before {
  content: "";
}
.icon-list-numbered:before {
  content: "";
}
.icon-list:before {
  content: "";
}
.icon-list2:before {
  content: "";
}
.icon-tree:before {
  content: "";
}
.icon-menu:before {
  content: "";
}
.icon-menu2:before {
  content: "";
}
.icon-menu3:before {
  content: "";
}
.icon-menu4:before {
  content: "";
}
.icon-cloud:before {
  content: "";
}
.icon-cloud-download:before {
  content: "";
}
.icon-cloud-upload:before {
  content: "";
}
.icon-cloud-check:before {
  content: "";
}
.icon-download2:before {
  content: "";
}
.icon-upload2:before {
  content: "";
}
.icon-download3:before {
  content: "";
}
.icon-upload3:before {
  content: "";
}
.icon-sphere:before {
  content: "";
}
.icon-earth:before {
  content: "";
}
.icon-link:before {
  content: "";
}
.icon-flag:before {
  content: "";
}
.icon-attachment:before {
  content: "";
}
.icon-eye:before {
  content: "";
}
.icon-eye-plus:before {
  content: "";
}
.icon-eye-minus:before {
  content: "";
}
.icon-eye-blocked:before {
  content: "";
}
.icon-bookmark:before {
  content: "";
}
.icon-bookmarks:before {
  content: "";
}
.icon-sun:before {
  content: "";
}
.icon-contrast:before {
  content: "";
}
.icon-brightness-contrast:before {
  content: "";
}
.icon-star-empty:before {
  content: "";
}
.icon-star-half:before {
  content: "";
}
.icon-star-full:before {
  content: "";
}
.icon-heart:before {
  content: "";
}
.icon-heart-broken:before {
  content: "";
}
.icon-man:before {
  content: "";
}
.icon-woman:before {
  content: "";
}
.icon-man-woman:before {
  content: "";
}
.icon-happy:before {
  content: "";
}
.icon-happy2:before {
  content: "";
}
.icon-smile:before {
  content: "";
}
.icon-smile2:before {
  content: "";
}
.icon-tongue:before {
  content: "";
}
.icon-tongue2:before {
  content: "";
}
.icon-sad:before {
  content: "";
}
.icon-sad2:before {
  content: "";
}
.icon-wink:before {
  content: "";
}
.icon-wink2:before {
  content: "";
}
.icon-grin:before {
  content: "";
}
.icon-grin2:before {
  content: "";
}
.icon-cool:before {
  content: "";
}
.icon-cool2:before {
  content: "";
}
.icon-angry:before {
  content: "";
}
.icon-angry2:before {
  content: "";
}
.icon-evil:before {
  content: "";
}
.icon-evil2:before {
  content: "";
}
.icon-shocked:before {
  content: "";
}
.icon-shocked2:before {
  content: "";
}
.icon-baffled:before {
  content: "";
}
.icon-baffled2:before {
  content: "";
}
.icon-confused:before {
  content: "";
}
.icon-confused2:before {
  content: "";
}
.icon-neutral:before {
  content: "";
}
.icon-neutral2:before {
  content: "";
}
.icon-hipster:before {
  content: "";
}
.icon-hipster2:before {
  content: "";
}
.icon-wondering:before {
  content: "";
}
.icon-wondering2:before {
  content: "";
}
.icon-sleepy:before {
  content: "";
}
.icon-sleepy2:before {
  content: "";
}
.icon-frustrated:before {
  content: "";
}
.icon-frustrated2:before {
  content: "";
}
.icon-crying:before {
  content: "";
}
.icon-crying2:before {
  content: "";
}
.icon-point-up:before {
  content: "";
}
.icon-point-right:before {
  content: "";
}
.icon-point-down:before {
  content: "";
}
.icon-point-left:before {
  content: "";
}
.icon-warning:before {
  content: "";
}
.icon-notification:before {
  content: "";
}
.icon-question:before {
  content: "";
}
.icon-plus:before {
  content: "";
}
.icon-minus:before {
  content: "";
}
.icon-info:before {
  content: "";
}
.icon-cancel-circle:before {
  content: "";
}
.icon-blocked:before {
  content: "";
}
.icon-cross:before {
  content: "";
}
.icon-checkmark:before {
  content: "";
}
.icon-checkmark2:before {
  content: "";
}
.icon-spell-check:before {
  content: "";
}
.icon-enter:before {
  content: "";
}
.icon-exit:before {
  content: "";
}
.icon-play2:before {
  content: "";
}
.icon-pause:before {
  content: "";
}
.icon-stop:before {
  content: "";
}
.icon-previous:before {
  content: "";
}
.icon-next:before {
  content: "";
}
.icon-backward:before {
  content: "";
}
.icon-forward2:before {
  content: "";
}
.icon-play3:before {
  content: "";
}
.icon-pause2:before {
  content: "";
}
.icon-stop2:before {
  content: "";
}
.icon-backward2:before {
  content: "";
}
.icon-forward3:before {
  content: "";
}
.icon-first:before {
  content: "";
}
.icon-last:before {
  content: "";
}
.icon-previous2:before {
  content: "";
}
.icon-next2:before {
  content: "";
}
.icon-eject:before {
  content: "";
}
.icon-volume-high:before {
  content: "";
}
.icon-volume-medium:before {
  content: "";
}
.icon-volume-low:before {
  content: "";
}
.icon-volume-mute:before {
  content: "";
}
.icon-volume-mute2:before {
  content: "";
}
.icon-volume-increase:before {
  content: "";
}
.icon-volume-decrease:before {
  content: "";
}
.icon-loop:before {
  content: "";
}
.icon-loop2:before {
  content: "";
}
.icon-infinite:before {
  content: "";
}
.icon-shuffle:before {
  content: "";
}
.icon-arrow-up-left:before {
  content: "";
}
.icon-arrow-up:before {
  content: "";
}
.icon-arrow-up-right:before {
  content: "";
}
.icon-arrow-right:before {
  content: "";
}
.icon-arrow-down-right:before {
  content: "";
}
.icon-arrow-down:before {
  content: "";
}
.icon-arrow-down-left:before {
  content: "";
}
.icon-arrow-left:before {
  content: "";
}
.icon-arrow-up-left2:before {
  content: "";
}
.icon-arrow-up2:before {
  content: "";
}
.icon-arrow-up-right2:before {
  content: "";
}
.icon-arrow-right2:before {
  content: "";
}
.icon-arrow-down-right2:before {
  content: "";
}
.icon-arrow-down2:before {
  content: "";
}
.icon-arrow-down-left2:before {
  content: "";
}
.icon-arrow-left2:before {
  content: "";
}
.icon-circle-up:before {
  content: "";
}
.icon-circle-right:before {
  content: "";
}
.icon-circle-down:before {
  content: "";
}
.icon-circle-left:before {
  content: "";
}
.icon-tab:before {
  content: "";
}
.icon-move-up:before {
  content: "";
}
.icon-move-down:before {
  content: "";
}
.icon-sort-alpha-asc:before {
  content: "";
}
.icon-sort-alpha-desc:before {
  content: "";
}
.icon-sort-numeric-asc:before {
  content: "";
}
.icon-sort-numberic-desc:before {
  content: "";
}
.icon-sort-amount-asc:before {
  content: "";
}
.icon-sort-amount-desc:before {
  content: "";
}
.icon-command:before {
  content: "";
}
.icon-shift:before {
  content: "";
}
.icon-ctrl:before {
  content: "";
}
.icon-opt:before {
  content: "";
}
.icon-checkbox-checked:before {
  content: "";
}
.icon-checkbox-unchecked:before {
  content: "";
}
.icon-radio-checked:before {
  content: "";
}
.icon-radio-checked2:before {
  content: "";
}
.icon-radio-unchecked:before {
  content: "";
}
.icon-crop:before {
  content: "";
}
.icon-make-group:before {
  content: "";
}
.icon-ungroup:before {
  content: "";
}
.icon-scissors:before {
  content: "";
}
.icon-filter:before {
  content: "";
}
.icon-font:before {
  content: "";
}
.icon-ligature:before {
  content: "";
}
.icon-ligature2:before {
  content: "";
}
.icon-text-height:before {
  content: "";
}
.icon-text-width:before {
  content: "";
}
.icon-font-size:before {
  content: "";
}
.icon-bold:before {
  content: "";
}
.icon-underline:before {
  content: "";
}
.icon-italic:before {
  content: "";
}
.icon-strikethrough:before {
  content: "";
}
.icon-omega:before {
  content: "";
}
.icon-sigma:before {
  content: "";
}
.icon-page-break:before {
  content: "";
}
.icon-superscript:before {
  content: "";
}
.icon-subscript:before {
  content: "";
}
.icon-superscript2:before {
  content: "";
}
.icon-subscript2:before {
  content: "";
}
.icon-text-color:before {
  content: "";
}
.icon-pagebreak:before {
  content: "";
}
.icon-clear-formatting:before {
  content: "";
}
.icon-table:before {
  content: "";
}
.icon-table2:before {
  content: "";
}
.icon-insert-template:before {
  content: "";
}
.icon-pilcrow:before {
  content: "";
}
.icon-ltr:before {
  content: "";
}
.icon-rtl:before {
  content: "";
}
.icon-section:before {
  content: "";
}
.icon-paragraph-left:before {
  content: "";
}
.icon-paragraph-center:before {
  content: "";
}
.icon-paragraph-right:before {
  content: "";
}
.icon-paragraph-justify:before {
  content: "";
}
.icon-indent-increase:before {
  content: "";
}
.icon-indent-decrease:before {
  content: "";
}
.icon-share:before {
  content: "";
}
.icon-new-tab:before {
  content: "";
}
.icon-embed:before {
  content: "";
}
.icon-embed2:before {
  content: "";
}
.icon-terminal:before {
  content: "";
}
.icon-share2:before {
  content: "";
}
.icon-mail:before {
  content: "";
}
.icon-mail2:before {
  content: "";
}
.icon-mail3:before {
  content: "";
}
.icon-mail4:before {
  content: "";
}
.icon-amazon:before {
  content: "";
}
.icon-google:before {
  content: "";
}
.icon-google2:before {
  content: "";
}
.icon-google3:before {
  content: "";
}
.icon-google-plus:before {
  content: "";
}
.icon-google-plus2:before {
  content: "";
}
.icon-google-plus3:before {
  content: "";
}
.icon-hangouts:before {
  content: "";
}
.icon-google-drive:before {
  content: "";
}
.icon-facebook:before {
  content: "";
}
.icon-facebook2:before {
  content: "";
}
.icon-instagram:before {
  content: "";
}
.icon-whatsapp:before {
  content: "";
}
.icon-spotify:before {
  content: "";
}
.icon-telegram:before {
  content: "";
}
.icon-twitter:before {
  content: "";
}
.icon-vine:before {
  content: "";
}
.icon-vk:before {
  content: "";
}
.icon-renren:before {
  content: "";
}
.icon-sina-weibo:before {
  content: "";
}
.icon-rss:before {
  content: "";
}
.icon-rss2:before {
  content: "";
}
.icon-youtube:before {
  content: "";
}
.icon-youtube2:before {
  content: "";
}
.icon-twitch:before {
  content: "";
}
.icon-vimeo:before {
  content: "";
}
.icon-vimeo2:before {
  content: "";
}
.icon-lanyrd:before {
  content: "";
}
.icon-flickr:before {
  content: "";
}
.icon-flickr2:before {
  content: "";
}
.icon-flickr3:before {
  content: "";
}
.icon-flickr4:before {
  content: "";
}
.icon-dribbble:before {
  content: "";
}
.icon-behance:before {
  content: "";
}
.icon-behance2:before {
  content: "";
}
.icon-deviantart:before {
  content: "";
}
.icon-500px:before {
  content: "";
}
.icon-steam:before {
  content: "";
}
.icon-steam2:before {
  content: "";
}
.icon-dropbox:before {
  content: "";
}
.icon-onedrive:before {
  content: "";
}
.icon-github:before {
  content: "";
}
.icon-npm:before {
  content: "";
}
.icon-basecamp:before {
  content: "";
}
.icon-trello:before {
  content: "";
}
.icon-wordpress:before {
  content: "";
}
.icon-joomla:before {
  content: "";
}
.icon-ello:before {
  content: "";
}
.icon-blogger:before {
  content: "";
}
.icon-blogger2:before {
  content: "";
}
.icon-tumblr:before {
  content: "";
}
.icon-tumblr2:before {
  content: "";
}
.icon-yahoo:before {
  content: "";
}
.icon-yahoo2:before {
  content: "";
}
.icon-tux:before {
  content: "";
}
.icon-appleinc:before {
  content: "";
}
.icon-finder:before {
  content: "";
}
.icon-android:before {
  content: "";
}
.icon-windows:before {
  content: "";
}
.icon-windows8:before {
  content: "";
}
.icon-soundcloud:before {
  content: "";
}
.icon-soundcloud2:before {
  content: "";
}
.icon-skype:before {
  content: "";
}
.icon-reddit:before {
  content: "";
}
.icon-hackernews:before {
  content: "";
}
.icon-wikipedia:before {
  content: "";
}
.icon-linkedin:before {
  content: "";
}
.icon-linkedin2:before {
  content: "";
}
.icon-lastfm:before {
  content: "";
}
.icon-lastfm2:before {
  content: "";
}
.icon-delicious:before {
  content: "";
}
.icon-stumbleupon:before {
  content: "";
}
.icon-stumbleupon2:before {
  content: "";
}
.icon-stackoverflow:before {
  content: "";
}
.icon-pinterest:before {
  content: "";
}
.icon-pinterest2:before {
  content: "";
}
.icon-xing:before {
  content: "";
}
.icon-xing2:before {
  content: "";
}
.icon-flattr:before {
  content: "";
}
.icon-foursquare:before {
  content: "";
}
.icon-yelp:before {
  content: "";
}
.icon-paypal:before {
  content: "";
}
.icon-chrome:before {
  content: "";
}
.icon-firefox:before {
  content: "";
}
.icon-IE:before {
  content: "";
}
.icon-edge:before {
  content: "";
}
.icon-safari:before {
  content: "";
}
.icon-opera:before {
  content: "";
}
.icon-file-pdf:before {
  content: "";
}
.icon-file-openoffice:before {
  content: "";
}
.icon-file-word:before {
  content: "";
}
.icon-file-excel:before {
  content: "";
}
.icon-libreoffice:before {
  content: "";
}
.icon-html-five:before {
  content: "";
}
.icon-html-five2:before {
  content: "";
}
.icon-css3:before {
  content: "";
}
.icon-git:before {
  content: "";
}
.icon-codepen:before {
  content: "";
}
.icon-svg:before {
  content: "";
}
.icon-IcoMoon:before {
  content: "";
}
.icon-uni21:before {
  content: "!";
}
.icon-uni22:before {
  content: '"';
}
.icon-uni23:before {
  content: "#";
}
.icon-uni24:before {
  content: "$";
}
.icon-uni25:before {
  content: "%";
}
.icon-uni26:before {
  content: "&";
}
.icon-uni27:before {
  content: "'";
}
.icon-uni28:before {
  content: "(";
}
.icon-uni29:before {
  content: ")";
}
.icon-uni2A:before {
  content: "*";
}
.icon-uni2B:before {
  content: "+";
}
.icon-uni2C:before {
  content: ",";
}
.icon-uni2D:before {
  content: "-";
}
.icon-uni2E:before {
  content: ".";
}
.icon-uni2F:before {
  content: "/";
}
.icon-uni30:before {
  content: "0";
}
.icon-uni31:before {
  content: "1";
}
.icon-uni32:before {
  content: "2";
}
.icon-uni33:before {
  content: "3";
}
.icon-uni34:before {
  content: "4";
}
.icon-uni35:before {
  content: "5";
}
.icon-uni36:before {
  content: "6";
}
.icon-uni37:before {
  content: "7";
}
.icon-uni38:before {
  content: "8";
}
.icon-uni39:before {
  content: "9";
}
.icon-uni3A:before {
  content: ":";
}
.icon-uni3B:before {
  content: ";";
}
.icon-uni3C:before {
  content: "<";
}
.icon-uni3D:before {
  content: "=";
}
.icon-uni3E:before {
  content: ">";
}
.icon-uni3F:before {
  content: "?";
}
.icon-uni40:before {
  content: "@";
}
.icon-uni41:before {
  content: "A";
}
.icon-uni42:before {
  content: "B";
}
.icon-uni43:before {
  content: "C";
}
.icon-uni44:before {
  content: "D";
}
.icon-uni45:before {
  content: "E";
}
.icon-uni46:before {
  content: "F";
}
.icon-uni47:before {
  content: "G";
}
.icon-uni48:before {
  content: "H";
}
.icon-uni49:before {
  content: "I";
}
.icon-uni4A:before {
  content: "J";
}
.icon-uni4B:before {
  content: "K";
}
.icon-uni4C:before {
  content: "L";
}
.icon-uni4D:before {
  content: "M";
}
.icon-uni4E:before {
  content: "N";
}
.icon-uni4F:before {
  content: "O";
}
.icon-uni50:before {
  content: "P";
}
.icon-uni51:before {
  content: "Q";
}
.icon-uni52:before {
  content: "R";
}
.icon-uni53:before {
  content: "S";
}
.icon-uni54:before {
  content: "T";
}
.icon-uni55:before {
  content: "U";
}
.icon-uni56:before {
  content: "V";
}
.icon-uni57:before {
  content: "W";
}
.icon-uni58:before {
  content: "X";
}
.icon-uni59:before {
  content: "Y";
}
.icon-uni5A:before {
  content: "Z";
}
.icon-uni5B:before {
  content: "[";
}
.icon-uni5C:before {
  content: "\5c";
}
.icon-uni5D:before {
  content: "]";
}
.icon-uni5E:before {
  content: "^";
}
.icon-uni5F:before {
  content: "_";
}
.icon-uni60:before {
  content: "`";
}
.icon-uni61:before {
  content: "a";
}
.icon-uni62:before {
  content: "b";
}
.icon-uni63:before {
  content: "c";
}
.icon-uni64:before {
  content: "d";
}
.icon-uni65:before {
  content: "e";
}
.icon-uni66:before {
  content: "f";
}
.icon-uni67:before {
  content: "g";
}
.icon-uni68:before {
  content: "h";
}
.icon-uni69:before {
  content: "i";
}
.icon-uni6A:before {
  content: "j";
}
.icon-uni6B:before {
  content: "k";
}
.icon-uni6C:before {
  content: "l";
}
.icon-uni6D:before {
  content: "m";
}
.icon-uni6E:before {
  content: "n";
}
.icon-uni6F:before {
  content: "o";
}
.icon-uni70:before {
  content: "p";
}
.icon-uni71:before {
  content: "q";
}
.icon-uni72:before {
  content: "r";
}
.icon-uni73:before {
  content: "s";
}
.icon-uni74:before {
  content: "t";
}
.icon-uni75:before {
  content: "u";
}
.icon-uni76:before {
  content: "v";
}
.icon-uni77:before {
  content: "w";
}
.icon-uni78:before {
  content: "x";
}
.icon-uni79:before {
  content: "y";
}
.icon-uni7A:before {
  content: "z";
}
.icon-uni7B:before {
  content: "{";
}
.icon-uni7C:before {
  content: "|";
}
.icon-uni7D:before {
  content: "}";
}
.icon-uni7E:before {
  content: "~";
}
.icon-uniA9:before {
  content: "©";
}
@media screen and (max-width: 1700px) {
  #legendBlock {
    position: fixed;
    background: url(images/map/mapbackground.jpg) center center no-repeat;
    top: 30px;
    z-index: 100;
    transform: translateX(100vw);
    border: 5px solid #c30000;
    display: none;
    -webkit-transition:
      transform 0.5s,
      display 0s;
    transition:
      transform 0.5s,
      display 0s;
    left: 0;
  }
  #legendCloseButton {
    display: block;
  }
  #legendBlock.show {
    transform: translateX(calc((100vw - 440px) / 2));
  }
  #mapInfoBody {
    margin: auto !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    position: fixed !important;
  }
  #mapInfoBody article {
    max-height: unset;
    margin-bottom: 0;
  }
  #mapInfoBody .arrow {
    display: none !important;
  }
  #toolbox {
    margin-left: 0;
    width: 100%;
    margin-top: 10px;
  }
  #toolbox h3 {
    font-size: 1.9em;
  }
  #view {
    padding: 0;
    flex-direction: column;
    margin-top: 0;
  }
  #toolbox {
    width: auto;
    margin: 0;
  }
  #canvasWrapper {
    max-width: 1200px;
    margin: auto;
  }
  #view > div > div {
    z-index: 1;
  }
  .mouse-zoom {
    display: none !important;
  }
  .pinch-zoom {
    display: flex !important;
  }
  .--reset-map {
    margin-top: 20px !important;
  }
  .--image-map,
  .--show-legend {
    margin-bottom: 50px !important;
  }
  #showLegendButton {
    display: flex !important;
  }
}
@media screen and (max-width: 1620px) {
  section .map {
    flex-direction: column;
  }
  #canvasWrapper,
  #toolbox {
    margin: auto;
    max-width: 1200px;
    width: 100%;
  }
  #toolbox h3 {
    margin-top: 1em;
  }
  #view {
    flex-direction: initial;
  }
  #buttons-menu {
    top: unset;
    bottom: 0;
    height: auto;
  }
}