@keyframes moveInLeft {
  0% {
    opacity: 0;
    transform: translateX(-10rem);
  }
  80% {
    transform: translateX(1rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes moveInRight {
  0% {
    opacity: 0;
    transform: translateX(10rem);
  }
  80% {
    transform: translateX(-1rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes moveInBottom {
  0% {
    opacity: 0;
    transform: translateY(3rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes moveInTop {
  0% {
    opacity: 0;
    transform: translateY(-3rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
* {
  margin: 0;
  padding: 0;
}

*,
*::before,
*::before {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  min-height: 100vh;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

.comingsoon {
  background-color: #213c53;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.comingsoon__text {
  font-size: 7rem;
  text-transform: uppercase;
  color: #f8f8f8;
  text-align: center;
}

.nooffers {
  background-color: #213c53;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nooffers__text {
  font-size: 4rem;
  padding: 10rem;
  text-transform: uppercase;
  color: #f8f8f8;
  text-align: center;
}

body {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 1.6;
}

.hero__text--main {
  display: block;
  font-size: 4rem;
  font-weight: 700;
  animation-name: moveInLeft;
  animation-duration: 1s;
  animation-timing-function: ease-out;
}
.hero__text--sub {
  display: block;
  font-size: 4rem;
  font-weight: 700;
  animation: moveInRight 1s ease-out;
}

.heading-primary {
  color: #f8f8f8;
  font-size: 14rem;
  letter-spacing: -0.5rem;
  backface-visibility: hidden;
}
@media screen and (max-width: 56.25em) {
  .heading-primary {
    font-size: 12rem;
  }
}
@media screen and (max-width: 35.25em) {
  .heading-primary {
    font-size: 6.5rem;
  }
}

.heading-secondary {
  color: #213c53;
  font-size: 2rem;
  font-weight: 800;
  display: inline-block;
}

.heading-tertiary {
  color: #f8f8f8;
  font-size: 3.4rem;
  font-weight: 300;
  display: inline-block;
}

.heading-quaternary {
  color: #f8f8f8;
  font-size: 2.2rem;
  font-weight: 400;
}
@media screen and (max-width: 35.25em) {
  .heading-quaternary {
    font-size: 1.6rem;
  }
}

.u-text-center {
  text-align: center !important;
}

.u-margin-bottom-small {
  margin-bottom: 1.5rem !important;
}

.u-margin-bottom-medium {
  margin-bottom: 4rem !important;
}

.u-margin-bottom-big {
  margin-bottom: 8rem !important;
}

.u-margin-bottom-huge {
  margin-bottom: 10rem !important;
}

.u-margin-top-small {
  margin-top: 1.5rem !important;
}

.u-margin-top-medium {
  margin-top: 4rem !important;
}

.u-margin-top-big {
  margin-top: 8rem !important;
}

.u-margin-top-huge {
  margin-top: 10rem !important;
}

.button:link, .button:visited, .button {
  text-transform: uppercase;
  text-decoration: none;
  padding: 1rem 3rem;
  display: inline-block;
  border-radius: 1rem;
  transition: all 0.2s;
  position: relative;
  font-size: 1.2rem;
  font-weight: 600;
  border: none;
  color: #213c53;
  background-color: #f8f8f8;
  cursor: pointer;
}

@font-face {
  font-family: "lg";
  src: url("../fonts/lg.woff2?io9a6k") format("woff2"), url("../fonts/lg.ttf?io9a6k") format("truetype"), url("../fonts/lg.woff?io9a6k") format("woff"), url("../fonts/lg.svg?io9a6k#lg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.lg-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "lg" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-container {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.lg-next,
.lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1084;
  outline: none;
  border: none;
}

.lg-next.disabled,
.lg-prev.disabled {
  opacity: 0 !important;
  cursor: default;
}

.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
  color: #fff;
}

.lg-single-item .lg-next,
.lg-single-item .lg-prev {
  display: none;
}

.lg-next {
  right: 20px;
}

.lg-next:before {
  content: "\e095";
}

.lg-prev {
  left: 20px;
}

.lg-prev:after {
  content: "\e094";
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}

.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.lg-media-overlap .lg-toolbar {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}

.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  will-change: color;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  background: none;
  border: none;
  box-shadow: none;
}

.lg-toolbar .lg-icon.lg-icon-18 {
  font-size: 18px;
}

.lg-toolbar .lg-icon:hover {
  color: #fff;
}

.lg-toolbar .lg-close:after {
  content: "\e070";
}

.lg-toolbar .lg-maximize {
  font-size: 22px;
}

.lg-toolbar .lg-maximize:after {
  content: "\e90a";
}

.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  color: #eee;
  font-size: 16px;
  padding: 10px 40px;
  text-align: center;
  z-index: 1080;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out 0s;
  -o-transition: opacity 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s;
}

.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}

.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

.lg-sub-html a {
  color: inherit;
}

.lg-sub-html a:hover {
  text-decoration: underline;
}

.lg-media-overlap .lg-sub-html {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}

.lg-item .lg-sub-html {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.lg-error-msg {
  font-size: 14px;
  color: #999;
}

.lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  height: 47px;
  vertical-align: middle;
}

.lg-closing .lg-toolbar,
.lg-closing .lg-prev,
.lg-closing .lg-next,
.lg-closing .lg-sub-html {
  opacity: 0;
  -webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  -moz-transition: -moz-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  -o-transition: -o-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont {
  opacity: 0;
  -moz-transform: scale3d(0.5, 0.5, 0.5);
  -o-transform: scale3d(0.5, 0.5, 0.5);
  -ms-transform: scale3d(0.5, 0.5, 0.5);
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont {
  opacity: 1;
  -moz-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.lg-icon:focus-visible {
  color: #fff;
  border-radius: 3px;
  outline: 1px dashed rgba(255, 255, 255, 0.6);
}

.lg-toolbar .lg-icon:focus-visible {
  border-radius: 8px;
  outline-offset: -5px;
}

.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-container {
  display: none;
  outline: none;
}

.lg-container.lg-show {
  display: block;
}

.lg-on {
  scroll-behavior: unset;
}

.lg-overlay-open {
  overflow: hidden;
}

.lg-toolbar,
.lg-prev,
.lg-next,
.lg-pager-outer,
.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-show-in .lg-toolbar,
.lg-show-in .lg-prev,
.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer {
  opacity: 1;
}

.lg-show-in.lg-hide-sub-html .lg-sub-html {
  opacity: 1;
}

.lg-show-in .lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}

.lg-show-in .lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}

.lg-show-in .lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0.001;
  outline: none;
  will-change: auto;
  overflow: hidden;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.lg-outer.lg-zoom-from-image {
  opacity: 1;
}

.lg-outer.lg-visible {
  opacity: 1;
}

.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide,
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide,
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.lg-outer .lg-inner {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: opacity 0s;
  -o-transition: opacity 0s;
  transition: opacity 0s;
  white-space: nowrap;
}

.lg-outer .lg-item {
  display: none !important;
}

.lg-outer .lg-item:not(.lg-start-end-progress) {
  background: url("../images/loading.gif") no-repeat scroll center center transparent;
}

.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}

.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}

.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.lg-outer .lg-img-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  white-space: nowrap;
  font-size: 0;
}

.lg-outer .lg-item.lg-complete {
  background-image: none;
}

.lg-outer .lg-item.lg-current {
  z-index: 1060;
}

.lg-outer .lg-object {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: relative;
}

.lg-outer .lg-empty-html.lg-sub-html,
.lg-outer .lg-empty-html .lg-sub-html {
  display: none;
}

.lg-outer.lg-hide-download .lg-download {
  opacity: 0.75;
  pointer-events: none;
}

.lg-outer .lg-first-slide .lg-dummy-img {
  position: absolute;
  top: 50%;
  left: 50%;
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
  opacity: 1;
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
  opacity: 1;
  transition: opacity 0.2s ease-out 0.15s;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  will-change: auto;
  -webkit-transition: opacity 333ms ease-in 0s;
  -o-transition: opacity 333ms ease-in 0s;
  transition: opacity 333ms ease-in 0s;
}

.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
  opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -o-transition: -o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}

.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-container {
  display: none;
}

.lg-container.lg-show {
  display: block;
}

.lg-container.lg-dragging-vertical .lg-backdrop {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
  position: absolute;
}

.lg-inline .lg-backdrop {
  z-index: 1;
}

.lg-inline .lg-outer {
  z-index: 2;
}

.lg-inline .lg-maximize:after {
  content: "\e909";
}

.lg-components {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  will-change: transform;
  -webkit-transition: -webkit-transform 0.35s ease-out 0s;
  -moz-transition: -moz-transform 0.35s ease-out 0s;
  -o-transition: -o-transform 0.35s ease-out 0s;
  transition: transform 0.35s ease-out 0s;
  z-index: 1080;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}


.gallery {
  position: relative;
}
.gallery__icon {
  background-color: #213c53;
  padding: 0.5rem 1.5rem 0.5rem 1.5rem;
  border-radius: 2rem;
  display: flex;
  justify-items: center;
  align-items: center;
  color: #f8f8f8;
  font-size: 1.7rem;
  font-weight: 500;
  position: absolute;
  bottom: 2.5rem;
  left: 2.5rem;
}
.gallery__icon > img {
  width: 2rem;
  margin-left: 0.5rem;
}

.logo {
  width: 7rem;
  height: 7rem;
  overflow: hidden;
  background: url(../img/logo.svg) 0 no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.logo--inverted {
  background: url(../img/logo_inverted.svg) 0 no-repeat;
}

.nav__main {
  color: #f8f8f8;
  text-transform: capitalize;
  font-size: 2rem;
  list-style: none;
  display: none;
}
@media screen and (min-width: 68.75em) {
  .nav__main {
    display: flex;
  }
}
.nav__main .nav__item {
  padding: 1rem 2rem;
  cursor: pointer;
}
.nav__side {
  font-size: 2rem;
  font-weight: 500;
  padding-top: 5rem;
  list-style: none;
  text-align: center;
}
.nav__side .nav__item {
  padding-top: 2rem;
}
.nav__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  gap: 2.5rem;
  font-size: 1.5rem;
  color: #fff;
  font-weight: 500;
  list-style: none;
  cursor: pointer;
  margin-bottom: 3rem;
}
.nav__icon {
  width: 32px;
  height: 32px;
  display: flex;
  cursor: pointer;
  background: none;
  border: none;
}
@media screen and (min-width: 68.75em) {
  .nav__icon {
    display: none;
  }
}
.nav__item:hover {
  color: #c2a972;
}
.nav__item a {
  color: inherit;
  text-decoration: none;
}
.nav__item--dropdown {
  position: relative;
}
.nav__item--dropdown-content {
  display: none;
  position: absolute;
  list-style: none;
  animation: moveInTop 0.1s ease-out;
  margin-top: 1rem;
}
.nav__item--dropdown.open .nav__item--dropdown-content {
  display: block;
}
.nav__sub {
  margin: 1.5rem;
  color: #f8f8f8;
  text-transform: capitalize;
}
.nav__sub:hover {
  color: #c2a972;
}
.nav__dropdown-toggle {
  background: none;
  border: none;
  color: inherit;
  font: inherit;
  font-size: inherit;
  font-weight: inherit;
  padding: 0;
  margin: 0;
  cursor: pointer;
  text-align: center;
  width: 100%;
  display: block;
  text-transform: capitalize;
}
.nav__dropdown-toggle:hover, .nav__dropdown-toggle:focus {
  color: #c2a972;
  outline: none;
}

.side-nav {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
}

.side-nav__inner {
  width: 100%;
  background: #0d4c5c;
  color: #fff;
  padding: 10rem 5rem 5rem 5rem;
  height: 100%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  overflow-y: auto;
  transform: translateX(100%);
  transition: visibility 0s linear 0.5s, transform 0.5s cubic-bezier(0.75, 0.25, 0.25, 0.75);
}

.side-nav__bottom {
  padding: 40px 10px;
}

.side-nav__social-logo {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  align-items: center;
}

.side-nav__close {
  width: 21px;
  height: 21px;
  background: url(https://www.journal.hr/wp-content/themes/journal/assets/images/close.svg) 0 0;
  overflow: hidden;
  border: none;
  position: absolute;
  top: 44px;
  right: 44px;
  text-indent: -9999px;
}

body.side-nav-visible {
  overflow: hidden;
}

body.side-nav-visible .side-nav {
  visibility: visible;
}

body.side-nav-visible .side-nav__inner {
  transform: translateX(0);
  transition: visibility 0s linear 0s, transform 0.5s cubic-bezier(0.75, 0.25, 0.25, 0.75);
}

.side-nav .nav__item--dropdown-content {
  position: relative;
}

.tooltip-wrap {
  cursor: help;
  font-size: 1.2rem;
  font-weight: 400;
  position: relative;
  text-align: center;
  -webkit-transform: translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}

.tooltip-wrap .tooltip {
  background: #1496bb;
  bottom: 100%;
  color: #fff;
  display: block;
  left: -20px;
  margin-bottom: 15px;
  opacity: 0;
  padding: 20px;
  pointer-events: none;
  position: absolute;
  width: max-content;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.tooltip-wrap .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}

/* CSS Triangles - see Trevor's post */
.tooltip-wrap .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #1496bb 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 52px;
  margin-left: -13px;
  position: absolute;
  width: 0;
}

.tooltip-wrap:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.lte8 .tooltip-wrap .tooltip {
  display: none;
}

.lte8 .tooltip-wrap:hover .tooltip {
  display: block;
}

.about {
  position: relative;
  background-color: #f8f8f8;
}
.about__heading {
  width: 100%;
  text-transform: capitalize;
}
.about__heading--primary {
  color: #213c53;
  font-size: 20rem;
  text-align: left;
}
.about__heading--secondary {
  color: #386465;
  font-size: 10rem;
  text-align: right;
}
.about__content {
  width: 100%;
  display: flex;
}
.about__text {
  width: 100%;
  padding: 20rem 15rem 0rem 15rem;
  color: #213c53;
  font-size: 4rem;
}
.about__page {
  padding: 0 1.5rem 0 1.5rem;
}
.about__page--inner {
  color: #f8f8f8;
  background-color: #213c53;
  border-radius: 0.5rem;
  overflow: hidden;
  padding: 3rem;
}
.about__page--inner > h2 {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}
.about__page--inner > p {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
.about__page--inner > ul {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.block__inner {
  padding: 1.5rem;
  max-width: 500px;
}
.block__heading {
  width: 100%;
  text-transform: capitalize;
  text-align: center;
  padding: 24rem 2rem 12rem 2rem;
  margin-bottom: 1.5rem;
  line-height: 12rem;
}
@media screen and (max-width: 56.25em) {
  .block__heading {
    padding: 12rem 2rem 6rem 2rem;
  }
}
@media screen and (max-width: 35.25em) {
  .block__heading {
    line-height: 8rem;
  }
}

.card {
  height: 32rem;
  min-width: 28rem;
  border-radius: 10px;
  overflow: hidden;
  background: #386465;
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 43.75em) {
  .card {
    width: 40rem;
  }
}
.card__image {
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
}
.card__image--split {
  background-image: url(../img/split.jpg);
}
.card__image--korcula {
  background-image: url(../img/korcula.jpg);
}
.card__image--omis {
  background-image: url(../img/omis.jpg);
}
.card__image--breakfast {
  background-image: url(../img/breakfast.jpg);
}
.card__image--fnb {
  background-image: url(../img/fnb.jpg);
}
.card__image--lunchdinner {
  background-image: url(../img/lunchdinner.jpg);
}
.card__image--dessert {
  background-image: url(../img/dessert.jpg);
}
.card__image--barsbites {
  background-image: url(../img/barsbites.jpg);
}
.card__image--tastingworld {
  background-image: url(../img/tastingworld.jpg);
}
.card__image--adventure {
  background-image: url(../img/adventure.jpg);
}
.card__image--shop {
  background-image: url(../img/shop.jpg);
}
.card__image--healthcare {
  background-image: url(../img/healthcare.jpg);
}
.card__image--rentacar {
  background-image: url(../img/rentacar.jpg);
}
.card__image--taxi {
  background-image: url(../img/taxi.jpg);
}
.card__image--transport {
  background-image: url(../img/transport.jpg);
}
.card__image--restaurant {
  background-image: url(../img/restaurant.jpg);
}
.card__image--burger {
  background-image: url(../img/burger.jpg);
}
.card__image--pizza {
  background-image: url(../img/pizza.jpg);
}
.card__image--culture {
  background-image: url(../img/culture.jpg);
}
.card__image--croatiaairlines {
  background-image: url(../../img/croatiaairlines_01.jpg);
}
.card__title {
  padding: 1rem;
  background-color: #213c53;
  color: #f8f8f8;
  font-size: 3rem;
  margin-top: 2.5rem;
  text-transform: uppercase;
}
.card__content {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 0%;
  left: 0%;
}
.card__button {
  margin-top: 3.5rem;
}
.card__info {
  padding: 1.5rem;
  background-color: #213c53;
}
.card__info--icon {
  width: 30px;
  margin-right: 1.5rem;
  align-items: center;
}
.card__info--content {
  display: flex;
  color: #f8f8f8;
  font-size: 1.5rem;
  align-items: center;
  justify-items: flex-start;
  overflow: hidden;
}
.card__info--content > a {
  color: inherit;
  display: flex;
  align-items: center;
}
.card__discount {
  background-color: #c2a972;
  padding: 1rem;
  font-size: 1.8rem;
  font-weight: 400;
  text-align: center;
  color: #f8f8f8;
  text-transform: capitalize;
}

.category__card {
  position: relative;
  display: inline-block;
  width: 260px;
  height: 300px;
  background-color: #f8f8f8;
  padding: 1rem 1rem 1.5rem 1rem;
  text-align: center;
  border-radius: 14px;
  margin: 2rem;
  overflow: hidden;
  cursor: pointer;
  box-sizing: border-box;
  z-index: 9000;
  box-shadow: 0 0rem 2rem rgba(0, 0, 0, 0.6);
}
.category__card:hover {
  box-shadow: 0 0rem 3rem #fff;
}
.category__icon {
  height: 65%;
  width: 100%;
  align-content: center;
  padding: 1rem;
  filter: drop-shadow(0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.2));
  border-radius: 14px;
  margin: auto;
}
.category__icon svg {
  height: 100%;
  width: 100%;
}
.category__icon svg path {
  stroke-width: 4px;
  fill: #213c53;
  stroke: #213c53;
}
.category__icon--fnb {
  background-image: url();
}
.category__icon--adventure {
  background: url(../../img/icons/adventure.svg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 14rem;
  width: 14rem;
  margin: auto;
}
.category__icon--health {
  background: url(../../img/icons/health.svg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 14rem;
  width: 14rem;
  margin: auto;
}
.category__icon--shop {
  background: url(../../img/icons/shop.svg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 14rem;
  width: 14rem;
  margin: auto;
}
.category__icon--transport {
  background: url(../../img/icons/transport.svg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 14rem;
  width: 14rem;
  margin: auto;
}
.category__icon--breakfast {
  background: url(../../img/icons/breakfast.svg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 14rem;
  width: 14rem;
  margin: auto;
}
.category__icon--dinner {
  background: url(../../img/icons/dinner.svg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 14rem;
  width: 14rem;
  margin: auto;
}
.category__icon--dessert {
  background: url(../../img/icons/dessert.svg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 14rem;
  width: 14rem;
  margin: auto;
}
.category__icon--bars {
  background: url(../../img/icons/bars.svg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 14rem;
  width: 14rem;
  margin: auto;
}
.category__icon--tasting {
  background: url(../../img/icons/tasting.svg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 14rem;
  width: 14rem;
  margin: auto;
}
.category__name {
  height: 35%;
  width: 100%;
  display: flex;
  justify-content: left;
  align-items: end;
  color: #213c53;
  font-size: 5rem;
  line-height: 4rem;
  text-align: left;
  user-select: none;
  letter-spacing: -0.5rem;
  text-transform: capitalize;
  word-break: break-word;
  filter: drop-shadow(0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.2));
}

.contact {
  padding: 0 1.5rem 0 1.5rem;
}
.contact__inner {
  color: #f8f8f8;
  background-color: #213c53;
  border-radius: 0.5rem;
  overflow: hidden;
  padding: 3rem;
}
.contact__inner > h2 {
  font-size: 2rem;
  margin-bottom: 1rem;
}
.contact__inner > p {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
.contact__inner > ul {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

.form__group textarea {
  width: 100%;
  max-width: 100%;
  height: 100px;
  max-height: 200px;
  resize: vertical;
  box-sizing: border-box;
  min-width: 20rem;
  min-height: 15rem;
}
.form__group input {
  min-width: 20rem;
  width: 100%;
  max-width: 100%;
  resize: vertical;
  box-sizing: border-box;
}

.cta {
  border-radius: 2rem;
  overflow: hidden;
  max-width: 600px;
}
.cta__title {
  color: #f8f8f8;
  padding: 2rem 1rem 2rem 1rem;
  background-color: #c2a972;
  border-radius: 0.5rem;
  overflow: hidden;
  width: inherit;
}
@media screen and (max-width: 35.25em) {
  .cta__title {
    padding: 1rem;
  }
}
.cta__content {
  margin-top: 1.5rem;
  padding: 3rem;
  width: inherit;
  background-color: #274434;
  border-radius: 0.5rem;
  overflow: hidden;
}
.cta__page {
  padding: 0 1.5rem 0 1.5rem;
}
.cta__page--inner {
  color: #f8f8f8;
  background-color: #213c53;
  border-radius: 0.5rem;
  overflow: hidden;
  padding: 3rem;
}
.cta__page--inner > h2 {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}
.cta__page--inner > p {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
.cta__page--inner > ul {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.footer {
  background-color: #252524;
  padding: 1.5rem 1.5rem 3.5rem 1.5rem;
}
.footer__title {
  color: #f8f8f8;
  font-size: 1.7rem;
}
.footer__info {
  color: #f8f8f8;
  font-size: 1.5rem;
}
.footer__copyright {
  color: #f8f8f8;
  font-size: 1.2rem;
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  color: #f8f8f8;
  padding: 0.5rem 4rem 0.5rem 1.5rem;
  transition: all ease-in-out;
}
.header__bar {
  background: #f8f8f8;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translateY(-100%);
  transition: transform 0.2s ease-in-out;
  overflow: hidden;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}
.header.is-fixed {
  position: fixed;
}
.header.is-fixed .header__bar {
  transform: translateY(0%);
}
.header.is-fixed .nav__icon > svg {
  fill: #213c53;
}
.header.is-fixed .header__lang > a {
  color: #213c53;
}
.header.is-fixed .header__lang > a:hover {
  color: #c2a972;
}
@media screen and (min-width: 43.75em) {
  .header.is-fixed .nav__main {
    color: #213c53;
  }
}
.header.is-fixed .header__logo--regular {
  display: none;
}
.header__logo--alterntaive {
  display: none;
}
.header.is-fixed .header__logo--alterntaive {
  display: block;
}
.header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.header__lang > a {
  color: #f8f8f8;
  text-transform: lowercase;
  font-size: 2rem;
  font-weight: 500;
  padding: 0.2rem 0.4rem 0.2rem 0.4rem;
  border: solid white 0.3rem;
  margin-right: 1.5rem;
  border-radius: 1rem;
}
.header__lang > a:hover {
  color: #c2a972;
}
.header.is-fixed .header__lang > a {
  border: solid #213c53 0.3rem;
}

.hero {
  height: 100vh;
  display: flex;
  width: 100%;
  justify-content: center;
  align-content: center;
  margin: auto;
  flex-wrap: wrap;
  background-color: #213c53;
  position: relative;
}
@media screen and (max-width: 56.25em) {
  .hero {
    padding-top: 10rem;
    height: 100%;
  }
}
.hero__img {
  background: url(../../img/icons/sailboat.png) no-repeat;
  background-size: contain;
  background-position: center;
  height: 600px;
  width: 600px;
  position: absolute;
  top: 19%;
  right: 5%;
}
.hero__img--main {
  background-image: url(../img/hero_img-2.jpg);
  background-position: 30% 0%;
  background-size: cover;
}
.hero__img--split {
  background-image: url(../img/split_img-l.jpg);
  background-position: center;
  background-size: cover;
}
.hero__img--korcula {
  background-image: url(../img/korcula.jpg);
  background-position: center;
  background-size: cover;
}
.hero__img--omis {
  background-image: url(../img/omis.jpg);
  background-position: center;
  background-size: cover;
}
.hero__text {
  margin: 0 1rem 0 1rem;
  text-align: center;
}
.hero__button {
  display: block;
  animation: moveInBottom 1s ease-out;
}
.hero__logo {
  display: flex;
  align-content: center;
  width: 100%;
}
.hero__divider {
  width: 100%;
}
.hero__divider--1 {
  background-color: #f8f8f8;
  height: 0.5rem;
}
.hero__divider--2 {
  background-color: #c2a972;
  height: 0.5rem;
}

.legend {
  margin: 4.5rem;
  background-color: #c2a972;
  border-radius: 0.5rem;
  overflow: hidden;
}
.legend__inner {
  display: flex;
  justify-content: space-around;
}
@media screen and (max-width: 56.25em) {
  .legend__inner {
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
  }
}
.legend__group {
  display: flex;
  align-items: center;
  padding: 1rem;
}
.legend__group > h3 {
  width: 100%;
  text-align: center;
}
.legend__title {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 1rem;
}
.legend__description {
  display: flex;
  align-items: center;
  justify-items: center;
  font-size: 1.5rem;
  font-weight: 400;
  color: white;
  margin: 0 0.5rem 0 0.5rem;
}

.list {
  background-color: #213c53;
  padding-top: 10rem;
}
@media screen and (min-width: 43.75em) {
  .list__inner {
    align-items: center;
  }
}
.list__group {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.list__title {
  color: #f8f8f8;
  font-size: 4rem;
}
.list__price {
  color: #f8f8f8;
  font-size: 1.5rem;
}
.list__type {
  color: #f8f8f8;
  font-size: 1.5rem;
}
.list__inner {
  padding: 1.5rem;
}
.list__image {
  height: 30rem;
  background-position: center;
  background-size: cover;
  border-radius: 2rem;
  position: relative;
}
.list__image--text {
  color: rgba(255, 255, 255, 0.8);
  font-size: 2rem;
  text-align: center;
  position: absolute;
  bottom: 1rem;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 35rem;
}
.list__image--croatiaairlines {
  background-image: url(../split/list/img/croatiaairlines_01.jpg);
}
.list__image--articok {
  background-image: url(../split/list/img/articok_01.jpg);
}
.list__image--adriatic {
  background-image: url(../split/list/img/adriatic_01.jpg);
}
.list__image--bajamonti {
  background-image: url(../split/list/img/bajamonti_01.jpg);
}
.list__image--tinel {
  background-image: url(../split/list/img/tinel_01.jpg);
}
.list__image--konobakorta {
  background-image: url(../split/list/img/korta_01.jpg);
}
.list__image--konobamarjan {
  background-image: url(../split/list/img/konobamarjan_01.jpg);
}
.list__image--maona {
  background-image: url(../split/list/img/maona_01.jpg);
}
.list__image--uje {
  background-image: url(../split/list/img/uje_01.jpg);
}
.list__image--uje2 {
  background-image: url(../split/list/img/uje_07.jpg);
}
.list__image--uje3 {
  background-image: url(../split/list/img/uje_08.jpg);
}
.list__image--uje4 {
  background-image: url(../split/list/img/uje_09.jpg);
}
.list__image--veg {
  background-image: url(../split/list/img/veg_01.jpg);
}
.list__image--laf {
  background-image: url(../split/list/img/laf_01.jpg);
}
.list__image--fabrique {
  background-image: url(../split/list/img/fabrique_01.jpg);
}
.list__image--fratelli {
  background-image: url(../split/list/img/fratelli_01.jpg);
}
.list__image--adriaticsushi {
  background-image: url(../split/list/img/adriaticsushi_01.jpg);
}
.list__image--barakokula {
  background-image: url(../split/list/img/barakokula_01.jpg);
}
.list__image--chopsgrill {
  background-image: url(../split/list/img/chopsgrill_01.jpg);
}
.list__image--skipper {
  background-image: url(../split/list/img/skipper_01.jpg);
}
.list__image--sinemori {
  background-image: url(../split/list/img/sinemori_01.jpg);
}
.list__image--hoba {
  background-image: url(../split/list/img/hoba_01.jpg);
}
.list__image--bokamorra {
  background-image: url(../split/list/img/bokamorra_01.jpg);
}
.list__image--bokeria {
  background-image: url(../split/list/img/bokeria_02.jpg);
}
.list__image--barsistema {
  background-image: url(../split/list/img/barsistema_01.jpg);
}
.list__image--stringsbar {
  background-image: url(../split/list/img/stringsbar_01.jpg);
}
.list__image--thedaltonist {
  background-image: url(../split/list/img/thedaltonist_01.jpg);
}
.list__image--theflagpub {
  background-image: url(../split/list/img/theflagpub_01.jpg);
}
.list__image--bodylicious {
  background-image: url(../split/list/img/bodylicious_01.jpg);
}
.list__image--splitandsip {
  background-image: url(../split/list/img/splitandsip_01.jpg);
}
.list__image--divina {
  background-image: url(../split/list/img/divina_01.jpg);
}
.list__image--divotaspa {
  background-image: url(../split/list/img/divotaspa_01.jpg);
}
.list__image--divotayoga {
  background-image: url(../split/list/img/divotayoga_01.jpg);
}
.list__image--bomboncic {
  background-image: url(../split/list/img/bomboncic_01.jpg);
}
.list__image--given2fly {
  background-image: url(../split/list/img/given2fly_01.jpg);
}
.list__image--given2fly2 {
  background-image: url(../split/list/img/given2fly_02.jpg);
}
.list__image--given2fly3 {
  background-image: url(../split/list/img/given2fly_03.jpg);
}
.list__image--given2fly4 {
  background-image: url(../split/list/img/given2fly_04.jpg);
}
.list__image--given2fly5 {
  background-image: url(../split/list/img/given2fly_05.jpg);
}
.list__image--given2fly6 {
  background-image: url(../split/list/img/given2fly_06.jpg);
}
.list__image--given2fly7 {
  background-image: url(../split/list/img/given2fly_07.jpg);
}
.list__image--given2fly8 {
  background-image: url(../split/list/img/given2fly_08.jpg);
}
.list__image--given2fly9 {
  background-image: url(../split/list/img/given2fly_09.jpg);
}
.list__image--given2fly10 {
  background-image: url(../split/list/img/given2fly_10.jpg);
}
.list__image--given2fly11 {
  background-image: url(../split/list/img/given2fly_11.jpg);
}
.list__image--given2fly12 {
  background-image: url(../split/list/img/given2fly_12.jpg);
}
.list__image--portofino {
  background-image: url(../split/list/img/portofino_01.jpg);
}
.list__image--bellesilhouette {
  background-image: url(../split/list/img/bellesilhouette_01.jpg);
}
.list__image--lesalon {
  background-image: url(../split/list/img/lesalon_01.jpg);
}
.list__image--katich {
  background-image: url(../split/list/img/katich_01.jpg);
}
.list__image--amare {
  background-image: url(../split/list/img/amare_01.jpg);
}
.list__image--amarepjaca {
  background-image: url(../split/list/img/amarepjaca_01.jpg);
}
.list__image--matela {
  background-image: url(../split/list/img/matela_01.jpg);
}
.list__image--drive {
  background-image: url(../split/list/img/drive_00.jpg);
}
.list__image--drive1 {
  background-image: url(../split/list/img/drive_01.jpg);
}
.list__image--drive2 {
  background-image: url(../split/list/img/drive_02.jpg);
}
.list__image--drive3 {
  background-image: url(../split/list/img/drive_03.jpg);
}
.list__image--drive4 {
  background-image: url(../split/list/img/drive_04.jpg);
}
.list__image--drive5 {
  background-image: url(../split/list/img/drive_05.jpg);
}
.list__image--drive6 {
  background-image: url(../split/list/img/drive_06.jpg);
}
.list__image--diocletiansdream {
  background-image: url(../split/list/img/diocletiansdream_08.jpg);
}
.list__image--diocletiansdream1 {
  background-image: url(../split/list/img/diocletiansdream_02.jpg);
}
.list__image--adriaticsocialclub {
  background-image: url(../split/list/img/adriaticsocialclub_12.jpg);
}
.list__image--sip27 {
  background-image: url(../split/list/img/sip27_01.jpg);
}
.list__image--picasso {
  background-image: url(../split/list/img/picasso_01.jpg);
}
.list__image--christmas {
  background-image: url(../split/list/img/christmas_01.jpg);
}
.list__image--duck {
  background-image: url(../split/list/img/duck_01.jpg);
}
.list__image--gotmuseum {
  background-image: url(../split/list/img/gotmuseum_01.jpg);
}
.list__image--summerblues {
  background-image: url(../split/list/img/summerblues_01.jpg);
}
.list__image--krug {
  background-image: url(../split/list/img/krug_01.jpg);
}
.list__image--ciribiribela {
  background-image: url(../split/list/img/ciribiribela_02.jpg);
}
.list__image--shooko {
  background-image: url(../omis/list/img/shooko_01.jpg);
}
.list__image--shookolat {
  background-image: url(../omis/list/img/shookolat_01.jpg);
}
.list__image--damiiano {
  background-image: url(../omis/list/img/damiiano_01.jpg);
}
.list__image--fortica {
  background-image: url(../omis/list/img/fortica_01.jpg);
}
.list__image--konobabracera {
  background-image: url(../omis/list/img/konobabracera_01.jpg);
}
.list__image--ultimo {
  background-image: url(../omis/list/img/ultimo_01.jpg);
}
.list__image--varadero {
  background-image: url(../omis/list/img/varadero_01.jpg);
}
.list__image--fivestarboat {
  background-image: url(../omis/list/img/fivestarboat_01.jpg);
}
.list__image--fivestarboat2 {
  background-image: url(../omis/list/img/fivestarboat_02.jpg);
}
.list__image--fivestarboat3 {
  background-image: url(../omis/list/img/fivestarboat_03.jpg);
}
.list__image--fivestarboat4 {
  background-image: url(../omis/list/img/fivestarboat_04.jpg);
}
.list__image--fivestarboat5 {
  background-image: url(../omis/list/img/fivestarboat_05.jpg);
}
.list__image--fivestarboat6 {
  background-image: url(../omis/list/img/fivestarboat_06.jpg);
}
.list__image--fivestarboat7 {
  background-image: url(../omis/list/img/fivestarboat_07.jpg);
}
.list__image--fivestarboat8 {
  background-image: url(../omis/list/img/fivestarboat_08.jpg);
}
.list__image--fivestarland {
  background-image: url(../omis/list/img/fivestarland_01.jpg);
}
.list__image--fivestarland2 {
  background-image: url(../omis/list/img/fivestarland_02.jpg);
}
.list__image--fivestarland3 {
  background-image: url(../omis/list/img/fivestarland_03.jpg);
}
.list__image--fivestarland4 {
  background-image: url(../omis/list/img/fivestarland_04.jpg);
}
.list__image--arsana {
  background-image: url(../omis/list/img/arsana_01.jpg);
}
.list__image--amigos {
  background-image: url(../omis/list/img/amigos_01.jpg);
}
.list__image--pegastaxi {
  background-image: url(../omis/list/img/pegastaxi_05.jpg);
}
.list__image--pegastaxi1 {
  background-image: url(../omis/list/img/pegastaxi_06.jpg);
}
.list__image--lanterna {
  background-image: url(../omis/list/img/lanterna_01.jpg);
}
.list__image--aurora {
  background-image: url(../korcula/list/img/aurora_01.jpg);
}
.list__image--aurorasweets {
  background-image: url(../korcula/list/img/aurorasweets_48.jpg);
}
.list__image--aterina {
  background-image: url(../korcula/list/img/aterina_01.jpg);
}
.list__image--latache {
  background-image: url(../korcula/list/img/latache_01.jpg);
}
.list__image--maha {
  background-image: url(../korcula/list/img/maha_01.jpg);
}
.list__image--maslina {
  background-image: url(../korcula/list/img/maslina_01.jpg);
}
.list__image--nonno {
  background-image: url(../korcula/list/img/nonno_01.jpg);
}
.list__image--servantes {
  background-image: url(../korcula/list/img/servantes_01.jpg);
}
.list__image--vrnik {
  background-image: url(../korcula/list/img/vrnik_01.jpg);
}
.list__image--winecorner {
  background-image: url(../korcula/list/img/winecorner_01.jpg);
}
.list__image--bakarictaxi {
  background-image: url(../korcula/list/img/bakarictaxi_01.jpg);
}
.list__image--electricshuttle {
  background-image: url(../korcula/list/img/electricshuttle_01.jpg);
}
.list__image--korkyrarent {
  background-image: url(../korcula/list/img/korkyrarent_04.jpg);
}
.list__image--korkyrarent1 {
  background-image: url(../korcula/list/img/korkyrarent_01.jpg);
}
.list__image--korkyrarent2 {
  background-image: url(../korcula/list/img/korkyrarent_02.jpg);
}
.list__image--korkyrarent3 {
  background-image: url(../korcula/list/img/korkyrarent_03.jpg);
}
.list__image--korkyrarent4 {
  background-image: url(../korcula/list/img/korkyrarent_04.jpg);
}
.list__image--korkyrarent5 {
  background-image: url(../korcula/list/img/korkyrarent_05.jpg);
}
.list__image--korkyrarent6 {
  background-image: url(../korcula/list/img/korkyrarent_06.jpg);
}
.list__image--korkyrarent7 {
  background-image: url(../korcula/list/img/korkyrarent_07.jpg);
}
.list__image--korkyrarent8 {
  background-image: url(../korcula/list/img/korkyrarent_08.jpg);
}
.list__image--korkyrarent9 {
  background-image: url(../korcula/list/img/korkyrarent_09.jpg);
}
.list__image--boattours {
  background-image: url(../korcula/list/img/boattours_01.jpg);
}
.list__image--boattours2 {
  background-image: url(../korcula/list/img/boattours_02.jpg);
}
.list__image--boattours3 {
  background-image: url(../korcula/list/img/boattours_03.jpg);
}
.list__image--landtours {
  background-image: url(../korcula/list/img/landtours_01.jpg);
}
.list__image--landtours2 {
  background-image: url(../korcula/list/img/landtours_02.jpg);
}
.list__image--nerica {
  background-image: url(../korcula/list/img/nerica_01.jpg);
}
.list__image--boket78 {
  background-image: url(../brac/list/img/boket78_01.jpg);
}
.list__image--palma {
  background-image: url(../brac/list/img/palma_01.jpg);
}
.list__image--slika {
  background-image: url(../brac/list/img/slika_01.jpg);
}
.list__image--skalinada {
  background-image: url(../brac/list/img/skalinada_01.jpg);
}
.list__image--rojen {
  background-image: url(../brac/list/img/rojen_01.jpg);
}
.list__image--tricagardelin {
  background-image: url(../hvar/list/img/tricagardelin_01.jpg);
}
.list__image--passarola {
  background-image: url(../hvar/list/img/passarola_01.jpg);
}
.list__image--passarolaclub {
  background-image: url(../hvar/list/img/passarolaclub_01.jpg);
}
.list__image--meandmrsjones {
  background-image: url(../hvar/list/img/meandmrsjones_01.jpg);
}
.list__image--lucullus {
  background-image: url(../hvar/list/img/lucullus_01.jpg);
}
.list__image--stajun {
  background-image: url(../hvar/list/img/stajun_01.jpg);
}
.list__image--murvica {
  background-image: url(../hvar/list/img/murvica_01.jpg);
}
.list__image--bunar {
  background-image: url(../hvar/list/img/bunar_01.jpg);
}
.list__image--giaxa {
  background-image: url(../hvar/list/img/giaxa_01.jpg);
}
.list__image--donquijote {
  background-image: url(../hvar/list/img/donquijote_01.jpg);
}
.list__image--stepup {
  background-image: url(../hvar/list/img/stepup_01.jpg);
}
.list__image--pizzeriatoni {
  background-image: url(../hvar/list/img/pizzeriatoni_01.jpg);
}
.list__image--sismis {
  background-image: url(../solta/list/img/sismis_01.jpg);
}
.list__image--standarac {
  background-image: url(../solta/list/img/standarac_01.jpg);
}
.list__image--soltarent {
  background-image: url(../solta/list/img/soltarent_01.jpg);
}
.list__image--soltarent2 {
  background-image: url(../solta/list/img/soltarent_02.jpg);
}
.list__image--soltarent3 {
  background-image: url(../solta/list/img/soltarent_03.jpg);
}
.list__image--soltarent4 {
  background-image: url(../solta/list/img/soltarent_04.jpg);
}
.list__image--soltarent5 {
  background-image: url(../solta/list/img/soltarent_05.jpg);
}
.list__image--soltarent6 {
  background-image: url(../solta/list/img/soltarent_06.jpg);
}
.list__image--soltarent7 {
  background-image: url(../solta/list/img/soltarent_07.jpg);
}
.list__image--northbreeze {
  background-image: url(../solta/list/img/boattours_01.jpg);
}
.list__image--northbreeze2 {
  background-image: url(../solta/list/img/boattours_02.jpg);
}
.list__image--northbreeze3 {
  background-image: url(../solta/list/img/boattours_03.jpg);
}
.list__image--northbreeze4 {
  background-image: url(../solta/list/img/boattours_04.jpg);
}
.list__image--northbreeze5 {
  background-image: url(../solta/list/img/boattours_05.jpg);
}
.list__image--northbreeze6 {
  background-image: url(../solta/list/img/speedboat_01.jpg);
}
.list__image--northbreeze7 {
  background-image: url(../solta/list/img/taxi_01.jpg);
}
.list__image--northbreeze8 {
  background-image: url(../solta/list/img/landtours_01.jpg);
}
.list__image--mezzomondo {
  background-image: url(../lastovo/list/img/mezzomondo_01.jpg);
}
.list__image--mezzomondo2 {
  background-image: url(../lastovo/list/img/mezzomondo_02.jpg);
}
.list__image--mezzomondo3 {
  background-image: url(../lastovo/list/img/mezzomondo_03.jpg);
}
.list__image--mezzomondo4 {
  background-image: url(../lastovo/list/img/mezzomondo_08.jpg);
}
.list__image--aragosta {
  background-image: url(../lastovo/list/img/aragosta_01.jpg);
}
.list__image--karolina {
  background-image: url(../vis/list/img/karolina_01.jpg);
}
.list__image--bejbibar {
  background-image: url(../vis/list/img/bejbibar_01.jpg);
}
.list__image--alphatravel {
  background-image: url(../vis/list/img/alphatravel_01.jpg);
}
.list__image--alphatravel2 {
  background-image: url(../vis/list/img/alphatravel_02.jpg);
}
.list__image--alphatravel3 {
  background-image: url(../vis/list/img/alphatravel_03.jpg);
}
.list__image--alphatravel4 {
  background-image: url(../vis/list/img/alphatravel_04.jpg);
}
.list__image--alphatravel5 {
  background-image: url(../vis/list/img/alphatravel_05.jpg);
}
.list__image--alphatravel6 {
  background-image: url(../vis/list/img/alphatravel_06.jpg);
}
.list__location {
  overflow: hidden;
  color: #f8f8f8;
  font-size: 2rem;
}
.list__map {
  max-width: 600px;
  height: 450px;
  overflow: hidden;
  border-radius: 2rem;
}
.list__details {
  max-width: 600px;
  color: #f8f8f8;
}
.list__details > h1 {
  font-size: 4rem;
  font-weight: 600;
}
.list__details > h2 {
  font-size: 2rem;
  font-weight: 600;
}
.list__details > h3 {
  font-size: 1.5rem;
  font-weight: 500;
  text-transform: uppercase;
}
.list__details > p {
  font-size: 1.2rem;
  font-weight: 400;
  margin-bottom: 3rem;
}
.list__details > ul {
  list-style: none;
  font-size: 1.2rem;
  font-weight: 400;
}
.list__actions {
  display: flex;
  justify-content: space-between;
  max-width: 600px;
}
.list__action {
  text-align: center;
}
.list__action > a > p {
  font-size: 1.2rem;
  text-decoration: none;
  color: #f8f8f8;
}
.list__action--icon {
  width: 4rem;
}
@media screen and (min-width: 43.75em) {
  .list__wrap {
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
  }
}
.list__offers {
  display: flex;
  justify-content: flex-start;
  border-top: 0.1rem solid white;
}
.list__offer {
  margin: 1rem;
  background-color: #c2a972;
  border-radius: 0.75rem;
  padding: 1rem;
}
.list__offer > p {
  font-size: 1.2rem;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
}
.list__menus {
  border-top: 0.1rem solid white;
  justify-content: flex-start;
}
.list__menu {
  margin: 1rem;
}

.location__container {
  margin: auto;
}
.location__wrap {
  width: max-content;
}
.location__card {
  position: relative;
  display: inline-block;
  width: 260px;
  height: 300px;
  background-color: #f8f8f8;
  margin: auto;
  text-align: center;
  border-radius: 14px;
  margin: 2rem;
  overflow: hidden;
  cursor: pointer;
  box-sizing: border-box;
  z-index: 9000;
  box-shadow: 0 0rem 2rem rgba(0, 0, 0, 0.6);
}
.location__card:hover {
  filter: brightness(110%);
  box-shadow: 0 0 3rem #fff;
}
.location__image {
  height: 100%;
  width: 100%;
  box-shadow: inset white 0 0 0 1px;
  border-radius: 14px;
  background-size: cover;
  background-position: center;
  filter: brightness(90%);
}
.location__image--split {
  background-image: url(../../img/split.jpg);
}
.location__image--omis {
  background-image: url(../../img/omis.jpg);
}
.location__image--korcula {
  background-image: url(../../img/korcula.jpg);
}
.location__image--brac {
  background-image: url(../../img/brac.jpg);
}
.location__image--hvar {
  background-image: url(../../img/hvar.jpg);
}
.location__image--solta {
  background-image: url(../../img/solta.jpg);
}
.location__image--lastovo {
  background-image: url(../../img/lastovo.jpg);
}
.location__image--vis {
  background-image: url(../../img/vis.jpg);
}
.location__icon {
  position: relative;
  margin-top: 40px;
}
.location__icon img {
  width: 140px;
}
.location__name {
  position: absolute;
  bottom: 0;
  height: 35%;
  width: 100%;
  display: flex;
  justify-content: left;
  align-items: end;
  color: #f8f8f8;
  font-size: 5rem;
  line-height: 4rem;
  text-align: left;
  user-select: none;
  padding: 1.5rem;
  letter-spacing: -0.5rem;
  text-transform: capitalize;
  filter: drop-shadow(0rem 0rem 0.2rem rgba(0, 0, 0, 0.9));
}

.main {
  height: 100%;
  background-color: #213c53;
}

.object__container {
  margin: auto;
}
.object__wrap {
  width: max-content;
}
.object__card {
  position: relative;
  display: inline-block;
  width: 260px;
  height: 300px;
  background-color: #f8f8f8;
  text-align: center;
  border-radius: 14px;
  margin: 2rem;
  overflow: hidden;
  cursor: pointer;
  box-sizing: border-box;
  z-index: 9000;
  box-shadow: 0 0rem 2rem rgba(0, 0, 0, 0.6);
}
.object__card:hover {
  filter: brightness(110%);
  box-shadow: 0 0 3rem #fff;
}
.object__image {
  height: 100%;
  width: 100%;
  box-shadow: inset white 0 0 0 1px;
  border-radius: 14px;
  background-size: cover;
  background-position: center;
  filter: brightness(90%);
}
.object__icon {
  position: relative;
  margin-top: 40px;
}
.object__icon img {
  width: 140px;
}
.object__name {
  position: absolute;
  bottom: 0;
  height: 35%;
  width: 100%;
  display: flex;
  justify-content: left;
  align-items: end;
  color: #f8f8f8;
  font-size: 4rem;
  line-height: 4rem;
  text-align: left;
  user-select: none;
  padding: 1.5rem;
  letter-spacing: -0.3rem;
  text-transform: capitalize;
  word-break: break-word;
  filter: drop-shadow(0rem 0rem 0.2rem rgba(0, 0, 0, 0.9));
}

.wrap {
  display: flex;
  width: 100%;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  margin: auto;
  padding-bottom: 30rem;
}
@media screen and (max-width: 56.25em) {
  .wrap {
    padding-bottom: 10rem;
  }
}

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