/**
 * Respond above
 * 
 * Usage: @include respond-above(b10, 1) {}
 */
/* ########################################### */
/* ########################################### */
:root {
  --swiper-navigation-color: #b60000;
  --swiper-theme-color: #b60000; }

/* ########################################### */
:root {
  --gutter: 20px; }

body {
  font-family: "Tahoma", sans-serif;
  font-size: 0.875rem;
  overflow-x: hidden;
  margin: 0;
  color: #333; }
  body > .container .box {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); }
  body > .map > .container {
    max-width: none;
    padding-left: 0;
    padding-right: 0; }

.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.btn-primary {
  color: #fff;
  background-color: #00244a;
  border-color: #00244a; }
  .btn-primary:hover {
    background-color: #003d7d;
    border-color: #003d7d; }

.btn-secondary {
  color: #fff;
  background-color: #333;
  border-color: #333; }
  .btn-secondary:hover {
    background-color: #4d4d4d;
    border-color: #4d4d4d; }

.draggable {
  touch-action: none;
  user-select: none; }

#map {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  height: 600px;
  background-color: #999; }
  #map .wrapper .map {
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../img/defaultmap.png);
    background-size: 100% 100%; }
    #map .wrapper .map.defaultmap {
      width: 100%;
      height: 100%;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center; }
    #map .wrapper .map.smooth {
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    #map .wrapper .map .marker {
      position: absolute;
      left: -1000px;
      top: -1000px; }
      #map .wrapper .map .marker.mypos {
        background-color: #003063;
        border: 4px solid #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        width: 24px;
        height: 24px;
        margin-left: -8px;
        margin-top: -8px; }
        #map .wrapper .map .marker.mypos .circle {
          width: 100px;
          height: 100px;
          background-color: rgba(0, 48, 99, 0.25);
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          margin-left: -42px;
          margin-top: -42px; }
      #map .wrapper .map .marker.btnOpenMarker {
        cursor: pointer; }
        #map .wrapper .map .marker.btnOpenMarker svg {
          position: absolute;
          left: -24px;
          bottom: 0;
          width: 48px;
          height: 48px;
          fill: #b60000;
          stroke: #fff;
          stroke-width: 3px; }
  #map .wrapper .overlay .btn {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); }
  #map .wrapper .overlay a.icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.3125rem;
    width: 2.375rem;
    height: 2.375rem;
    padding: 0; }
    #map .wrapper .overlay a.icon.disabled {
      background-color: #b3b3b3;
      cursor: default; }
    #map .wrapper .overlay a.icon svg {
      width: 1.25rem;
      height: 1.25rem;
      fill: #fff; }
  #map .wrapper .overlay .sat {
    position: absolute;
    right: 0.625rem;
    top: 0.625rem;
    z-index: 100; }
  #map .wrapper .overlay .traffic {
    position: absolute;
    right: 0.625rem;
    top: 5rem;
    z-index: 100; }
  #map .wrapper .overlay .zoom {
    position: absolute;
    right: 0.625rem;
    bottom: 0.625rem;
    z-index: 100; }
  #map .wrapper .overlay .mapCenterButton {
    display: none;
    position: absolute;
    left: 0.625rem;
    right: 0.625rem;
    bottom: 0.625rem;
    z-index: 100;
    text-align: center;
    margin-left: 3.75rem;
    margin-right: 3.75rem; }
  #map .wrapper .overlay .positionNotOnMap {
    display: none;
    position: absolute;
    left: 0.625rem;
    top: 0.625rem;
    z-index: 100; }
  #map .wrapper .overlay .gettingLatLng {
    display: none; }
  #map .wrapper .overlay .toastLayer {
    position: absolute;
    left: 0.625rem;
    top: 0.625rem;
    z-index: 100; }
  #map .wrapper .overlay .infoLayer {
    position: absolute;
    left: 0.3125rem;
    bottom: 0.3125rem;
    z-index: 101; }
    #map .wrapper .overlay .infoLayer #myPosition {
      display: none; }
    #map .wrapper .overlay .infoLayer > div {
      background-color: rgba(255, 255, 255, 0.75); }

.toast .toast-header {
  color: #333;
  background-color: #d1ecf1; }
.toast .toast-body {
  color: #333;
  background-color: white; }
.toast.error .toast-header {
  color: #721c24;
  background-color: #f8d7da; }
.toast.error .toast-body {
  color: #721c24;
  background-color: white; }

#map.noMapCentering.hasLatLng .wrapper .overlay .mapCenterButton {
  display: block; }

#map.positionNotOnMap .wrapper .overlay .positionNotOnMap {
  display: block; }

#map.gettingLatLng .wrapper .overlay .gettingLatLng {
  display: block; }

.modal .modal-content .modal-header .modal-title {
  color: #b60000;
  font-size: 1.25rem;
  font-weight: bold; }
  .modal .modal-content .modal-header .modal-title svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: #b60000; }
.modal .modal-content .modal-body ul.nav-tabs {
  border-right: 1px solid #333;
  margin-top: -1rem;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-bottom: 1rem; }
  .modal .modal-content .modal-body ul.nav-tabs .nav-item .nav-link {
    background-color: #e3e3e3;
    color: #333;
    font-weight: bold;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-color: transparent transparent transparent #333;
    background-clip: border-box; }
    .modal .modal-content .modal-body ul.nav-tabs .nav-item .nav-link.active {
      background-color: #00244a;
      color: #fff;
      border-bottom-color: #fff; }
.modal .modal-content .modal-body h1 {
  color: #b60000;
  font-size: 1.25rem;
  font-weight: bold; }
.modal .modal-content .modal-body h2 {
  color: #b60000;
  font-size: 1rem;
  font-weight: bold; }
.modal .modal-content .modal-body p {
  font-size: 0.8125rem; }
  .modal .modal-content .modal-body p a {
    cursor: pointer;
    text-decoration: underline;
    color: #00244a; }
.modal .modal-content .modal-body img {
  max-width: 100%;
  height: auto; }
.modal .modal-content .modal-body figcaption {
  font-size: 0.8125rem;
  font-style: italic; }
.modal .modal-content .modal-body .swiper-wrapper {
  align-items: center;
  background-color: #e3e3e3; }
.modal .modal-content .modal-body .swiper-button-next-bg,
.modal .modal-content .modal-body .swiper-button-prev-bg {
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 9;
  width: calc(2 * var(--swiper-navigation-size)/ 44 * 27);
  height: 100%; }
.modal .modal-content .modal-body .swiper-button-next-bg {
  left: auto;
  right: 0; }
.modal .modal-content .modal-body a.switcher {
  display: inline-block;
  margin-top: 0.625rem;
  margin-right: 0.625rem; }

header.blue {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #003063;
  height: 5rem; }
  header.blue .iconFixed {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    height: 100%; }
    header.blue .iconFixed .icon {
      padding: 1.25rem; }
  header.blue .centerWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%; }
    header.blue .centerWrapper .text {
      font-weight: bold;
      font-size: 1rem;
      color: #fff; }
    header.blue .centerWrapper .iconLine {
      display: flex; }
      header.blue .centerWrapper .iconLine .icon {
        padding-top: 0.25rem; }
        header.blue .centerWrapper .iconLine .icon svg {
          width: 1.25rem;
          height: 1.25rem; }
      header.blue .centerWrapper .iconLine a {
        color: #fff;
        font-size: 0.75rem; }
    @media (min-width: 576px) {
      header.blue .centerWrapper .text {
        font-size: 1.375rem; }
      header.blue .centerWrapper .iconLine .icon {
        padding-top: 0.25rem; }
        header.blue .centerWrapper .iconLine .icon a {
          font-size: 0.875rem; } }
  header.blue a.deactivate {
    opacity: 0;
    pointer-events: none;
    cursor: auto; }
  header.blue .icon {
    padding: 0.625rem;
    cursor: pointer; }
    header.blue .icon a {
      display: flex;
      align-items: center; }
      header.blue .icon a svg {
        width: 1.5rem;
        height: 1.5rem;
        fill: #fff;
        margin-right: 0.3125rem; }

footer {
  position: relative;
  z-index: 1; }
  footer .hhde {
    position: relative;
    display: flex;
    justify-content: space-between;
    background-color: #003063;
    height: 3.4375rem; }
    footer .hhde .redship img {
      width: auto;
      height: 2.5625rem;
      margin-top: -1.25rem; }
    footer .hhde .links {
      position: absolute;
      left: 0.125rem;
      bottom: 0.125rem;
      display: block;
      color: #e3e3e3;
      text-align: center; }
      footer .hhde .links a {
        color: #e3e3e3; }
      @media (min-width: 576px) {
        footer .hhde .links {
          position: static;
          line-height: 3.4375rem; } }
    footer .hhde .logo img {
      width: 9.375rem;
      height: auto;
      margin-top: 0.6875rem;
      margin-right: 1.25rem; }

/* ########################################### */

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