.picker,
.picker__holder {
  width: 100%;
  position: absolute;
}
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
}
.picker__input {
  cursor: default;
}
.picker__input.picker__input--active {
  border-color: #0089ec;
}
.picker__holder {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  border: 1px solid #aaa;
  border-top-width: 0;
  border-bottom-width: 0;
  border-radius: 0 0 5px 5px;
  box-sizing: border-box;
  min-width: 176px;
  max-width: 466px;
  max-height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transition: transform 0.15s ease-out, opacity 0.15s ease-out,
    max-height 0s 0.15s, border-width 0s 0.15s;
} /*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
.picker__frame {
  padding: 1px;
}
.picker__wrap {
  margin: -1px;
}
.picker--opened .picker__holder {
  max-height: 25em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  transform: translateY(0) perspective(600px) rotateX(0);
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s,
    border-width 0s;
  box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
}
.picker__footer,
.picker__header,
.picker__table {
  text-align: center;
}
.picker__box {
  padding: 0 1em;
}
.picker__header {
  position: relative;
  margin-top: 0.75em;
}
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: 0.25em;
  margin-right: 0.25em;
}
.picker__year {
  color: #999;
  font-size: 0.8em;
  font-style: italic;
}
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: 0.5em;
  margin-left: 0.25em;
  margin-right: 0.25em;
}
.picker__select--month {
  width: 35%;
}
.picker__select--year {
  width: 22.5%;
}
.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec;
}
.picker__nav--next,
.picker__nav--prev {
  position: absolute;
  padding: 0.5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em;
}
.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}
.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em;
  }
  .picker__nav--next,
  .picker__nav--prev {
    top: -0.33em;
  }
  .picker__nav--prev {
    padding-right: 1.5em;
  }
  .picker__nav--next {
    padding-left: 1.5em;
  }
}
.picker__nav--next:before,
.picker__nav--prev:before {
  content: " ";
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-right: 0.75em solid #000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}
.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000;
}
.picker__nav--next:hover,
.picker__nav--prev:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
}
.picker__nav--disabled,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover,
.picker__nav--disabled:hover {
  cursor: default;
  background: 0 0;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}
.picker__table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: 0.75em;
  margin-bottom: 0.5em;
}
@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: 0.75em;
  }
}
.picker__table td {
  margin: 0;
  padding: 0;
}
.picker__weekday {
  width: 14.285714286%;
  font-size: 0.75em;
  padding-bottom: 0.25em;
  color: #999;
  font-weight: 500;
}
@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: 0.5em;
  }
}
.picker__day {
  padding: 0.3125em 0;
  font-weight: 200;
  border: 1px solid transparent;
}
.picker__day--today {
  position: relative;
}
.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: 0.5em solid transparent;
}
.picker__day--disabled:before {
  border-top-color: #aaa;
}
.picker__day--outfocus {
  color: #ddd;
}
.picker--focused .picker__day--highlighted,
.picker__day--highlighted:hover,
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
}
.picker__day--highlighted {
  border-color: #0089ec;
}
.picker--focused .picker__day--selected,
.picker__day--selected,
.picker__day--selected:hover {
  background: #0089ec;
  color: #fff;
}
.picker--focused .picker__day--disabled,
.picker__day--disabled,
.picker__day--disabled:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default;
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbb;
}
.picker__button--clear,
.picker__button--close,
.picker__button--today {
  border: 1px solid #fff;
  background: #fff;
  font-size: 0.8em;
  padding: 0.66em 0;
  font-weight: 700;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
}
.picker__button--clear:hover,
.picker__button--close:hover,
.picker__button--today:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}
.picker__button--clear:focus,
.picker__button--close:focus,
.picker__button--today:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: 0;
}
.picker__button--clear:before,
.picker__button--close:before,
.picker__button--today:before {
  position: relative;
  display: inline-block;
  height: 0;
}
.picker__button--clear:before,
.picker__button--today:before {
  content: " ";
  margin-right: 0.45em;
}
.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: 0.66em solid transparent;
}
.picker__button--clear:before {
  top: -0.25em;
  width: 0.66em;
  border-top: 3px solid #e20;
}
.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: 0.35em;
  color: #777;
}
.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default;
}
.picker__button--today[disabled]:before {
  border-top-color: #aaa;
}
.picker__footer,
.picker__header,
.picker__table {
  text-align: center;
}
.picker__box {
  padding: 0 1em;
}
.picker__header {
  position: relative;
  margin-top: 0.75em;
}
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: 0.25em;
  margin-right: 0.25em;
}
.picker__year {
  color: #999;
  font-size: 0.8em;
  font-style: italic;
}
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: 0.5em;
  margin-left: 0.25em;
  margin-right: 0.25em;
}
.picker__select--month {
  width: 35%;
}
.picker__select--year {
  width: 22.5%;
}
.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec;
}
.picker__nav--next,
.picker__nav--prev {
  position: absolute;
  padding: 0.5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em;
}
.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}
.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em;
  }
  .picker__nav--next,
  .picker__nav--prev {
    top: -0.33em;
  }
  .picker__nav--prev {
    padding-right: 1.5em;
  }
  .picker__nav--next {
    padding-left: 1.5em;
  }
}
.picker__nav--next:before,
.picker__nav--prev:before {
  content: " ";
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-right: 0.75em solid #000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}
.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000;
}
.picker__nav--next:hover,
.picker__nav--prev:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
}
.picker__nav--disabled,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover,
.picker__nav--disabled:hover {
  cursor: default;
  background: 0 0;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}
.picker__table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: 0.75em;
  margin-bottom: 0.5em;
}
@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: 0.75em;
  }
}
.picker__table td {
  margin: 0;
  padding: 0;
}
.picker__weekday {
  width: 14.285714286%;
  font-size: 0.75em;
  padding-bottom: 0.25em;
  color: #999;
  font-weight: 500;
}
@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: 0.5em;
  }
}
.picker__day {
  padding: 0.3125em 0;
  font-weight: 200;
  border: 1px solid transparent;
}
.picker__day--today {
  position: relative;
}
.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: 0.5em solid transparent;
}
.picker__day--disabled:before {
  border-top-color: #aaa;
}
.picker__day--outfocus {
  color: #ddd;
}
.picker--focused .picker__day--highlighted,
.picker__day--highlighted:hover,
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
}
.picker__day--highlighted {
  border-color: #0089ec;
}
.picker--focused .picker__day--selected,
.picker__day--selected,
.picker__day--selected:hover {
  background: #0089ec;
  color: #fff;
}
.picker--focused .picker__day--disabled,
.picker__day--disabled,
.picker__day--disabled:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default;
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbb;
}
.picker__button--clear,
.picker__button--close,
.picker__button--today {
  border: 1px solid #fff;
  background: #fff;
  font-size: 0.8em;
  padding: 0.66em 0;
  font-weight: 700;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
}
.picker__button--clear:hover,
.picker__button--close:hover,
.picker__button--today:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}
.picker__button--clear:focus,
.picker__button--close:focus,
.picker__button--today:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: 0;
}
.picker__button--clear:before,
.picker__button--close:before,
.picker__button--today:before {
  position: relative;
  display: inline-block;
  height: 0;
}
.picker__button--clear:before,
.picker__button--today:before {
  content: " ";
  margin-right: 0.45em;
}
.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: 0.66em solid transparent;
}
.picker__button--clear:before {
  top: -0.25em;
  width: 0.66em;
  border-top: 3px solid #e20;
}
.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: 0.35em;
  color: #777;
}
.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default;
}
.picker__button--today[disabled]:before {
  border-top-color: #aaa;
}

/*!
 * Bootstrap Reboot v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
::after,
::before {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}
[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[data-original-title],
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #0056b3;
  text-decoration: underline;
}
a:not([href]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}
code,
kbd,
pre,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  font-size: 1em;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg {
  overflow: hidden;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
button {
  border-radius: 0;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
select {
  word-wrap: normal;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
/*# sourceMappingURL=bootstrap-reboot.min.css.map */
/*!
	By André Rinas, www.andrerinas.de
	Documentation, www.simplelightbox.de
	Available for use under the MIT License
	Version 2.1.1
*/
body.hidden-scroll {
  overflow: hidden;
}
.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.7;
  display: none;
  z-index: 1035;
}
.sl-wrapper {
  z-index: 1040;
}
.sl-wrapper * {
  box-sizing: border-box;
}
.sl-wrapper button {
  border: 0 none;
  background: transparent;
  font-size: 28px;
  padding: 0;
  cursor: pointer;
}
.sl-wrapper button:hover {
  opacity: 0.7;
}
.sl-wrapper .sl-close {
  display: none;
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 10060;
  margin-top: -14px;
  margin-right: -14px;
  height: 44px;
  width: 44px;
  line-height: 44px;
  font-family: Arial, Baskerville, monospace;
  color: #000;
  font-size: 3rem;
}
.sl-wrapper .sl-close:focus {
  outline: none;
}
.sl-wrapper .sl-counter {
  display: none;
  position: fixed;
  top: 30px;
  left: 30px;
  z-index: 1060;
  color: #000;
  font-size: 1rem;
}
.sl-wrapper .sl-navigation {
  width: 100%;
  display: none;
}
.sl-wrapper .sl-navigation button {
  position: fixed;
  top: 50%;
  margin-top: -22px;
  height: 44px;
  width: 22px;
  line-height: 44px;
  text-align: center;
  display: block;
  z-index: 10060;
  font-family: Arial, Baskerville, monospace;
  color: #000;
}
.sl-wrapper .sl-navigation button.sl-next {
  right: 5px;
  font-size: 2rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
  left: 5px;
  font-size: 2rem;
}
.sl-wrapper .sl-navigation button:focus {
  outline: none;
}
@media (min-width: 35.5em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 10px;
    font-size: 3rem;
  }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 10px;
    font-size: 3rem;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 20px;
    font-size: 3rem;
  }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 20px;
    font-size: 3rem;
  }
}
.sl-wrapper.sl-dir-rtl .sl-navigation {
  direction: ltr;
}
.sl-wrapper .sl-image {
  position: fixed;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 10000;
}
.sl-wrapper .sl-image img {
  margin: 0;
  padding: 0;
  display: block;
  border: 0 none;
  width: 100%;
  height: auto;
}
@media (min-width: 35.5em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}
.sl-wrapper .sl-image iframe {
  background: #000;
  border: 0 none;
}
@media (min-width: 35.5em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}
.sl-wrapper .sl-image .sl-caption {
  display: none;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-top {
  bottom: auto;
  top: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-outside {
  bottom: auto;
}
.sl-wrapper .sl-image .sl-download {
  display: none;
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #000;
  z-index: 1060;
}
.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 1007;
  -webkit-animation: pulsate 1s ease-out infinite;
  -moz-animation: pulsate 1s ease-out infinite;
  -ms-animation: pulsate 1s ease-out infinite;
  -o-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite;
}
.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
.sl-transition {
  transition: -moz-transform ease 200ms;
  transition: -ms-transform ease 200ms;
  transition: -o-transform ease 200ms;
  transition: -webkit-transform ease 200ms;
  transition: transform ease 200ms;
}
@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-moz-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-o-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-ms-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}

/**
 * Swiper 5.3.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 29, 2020
 */

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}
.swiper-container-horizontal.swiper-container-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/*tel input */
.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti input,
.iti input[type="tel"],
.iti input[type="text"] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}
.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}
.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
}
.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}
.iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  border: 1px solid #ccc;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}
@media (max-width: 500px) {
  .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: 20px;
}
.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.iti__country {
  padding: 5px 10px;
  outline: 0;
}
.iti__dial-code {
  color: #999;
}
.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti__country-name,
.iti__dial-code,
.iti__flag-box {
  vertical-align: middle;
}
.iti__country-name,
.iti__flag-box {
  margin-right: 6px;
}
.iti--allow-dropdown input,
.iti--allow-dropdown input[type="tel"],
.iti--allow-dropdown input[type="text"],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type="tel"],
.iti--separate-dial-code input[type="text"] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}
.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}
.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
  cursor: default;
}
.iti--allow-dropdown
  input[disabled]
  + .iti__flag-container:hover
  .iti__selected-flag,
.iti--allow-dropdown
  input[readonly]
  + .iti__flag-container:hover
  .iti__selected-flag {
  background-color: transparent;
}
.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 6px;
}
.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}
.iti--container:hover {
  cursor: pointer;
}
.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}
.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%;
}
.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}
.iti__flag {
  width: 20px;
}
.iti__flag.iti__be {
  width: 18px;
}
.iti__flag.iti__ch {
  width: 15px;
}
.iti__flag.iti__mc {
  width: 19px;
}
.iti__flag.iti__ne {
  width: 18px;
}
.iti__flag.iti__np {
  width: 13px;
}
.iti__flag.iti__va {
  width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-size: 5652px 15px;
  }
}
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0 0;
}
.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0;
}
.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0;
}
.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0;
}
.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0;
}
.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0;
}
.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0;
}
.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0;
}
.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0;
}
.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0;
}
.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0;
}
.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0;
}
.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0;
}
.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0;
}
.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0;
}
.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0;
}
.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0;
}
.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0;
}
.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0;
}
.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0;
}
.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0;
}
.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0;
}
.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0;
}
.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0;
}
.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0;
}
.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0;
}
.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0;
}
.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0;
}
.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0;
}
.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0;
}
.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0;
}
.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0;
}
.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0;
}
.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0;
}
.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0;
}
.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0;
}
.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0;
}
.iti__flag.iti__bz {
  height: 14px;
  background-position: -812px 0;
}
.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0;
}
.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0;
}
.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0;
}
.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0;
}
.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0;
}
.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0;
}
.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0;
}
.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0;
}
.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0;
}
.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0;
}
.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0;
}
.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0;
}
.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0;
}
.iti__flag.iti__cr {
  height: 12px;
  background-position: -1115px 0;
}
.iti__flag.iti__cu {
  height: 10px;
  background-position: -1137px 0;
}
.iti__flag.iti__cv {
  height: 12px;
  background-position: -1159px 0;
}
.iti__flag.iti__cw {
  height: 14px;
  background-position: -1181px 0;
}
.iti__flag.iti__cx {
  height: 10px;
  background-position: -1203px 0;
}
.iti__flag.iti__cy {
  height: 14px;
  background-position: -1225px 0;
}
.iti__flag.iti__cz {
  height: 14px;
  background-position: -1247px 0;
}
.iti__flag.iti__de {
  height: 12px;
  background-position: -1269px 0;
}
.iti__flag.iti__dg {
  height: 10px;
  background-position: -1291px 0;
}
.iti__flag.iti__dj {
  height: 14px;
  background-position: -1313px 0;
}
.iti__flag.iti__dk {
  height: 15px;
  background-position: -1335px 0;
}
.iti__flag.iti__dm {
  height: 10px;
  background-position: -1357px 0;
}
.iti__flag.iti__do {
  height: 14px;
  background-position: -1379px 0;
}
.iti__flag.iti__dz {
  height: 14px;
  background-position: -1401px 0;
}
.iti__flag.iti__ea {
  height: 14px;
  background-position: -1423px 0;
}
.iti__flag.iti__ec {
  height: 14px;
  background-position: -1445px 0;
}
.iti__flag.iti__ee {
  height: 13px;
  background-position: -1467px 0;
}
.iti__flag.iti__eg {
  height: 14px;
  background-position: -1489px 0;
}
.iti__flag.iti__eh {
  height: 10px;
  background-position: -1511px 0;
}
.iti__flag.iti__er {
  height: 10px;
  background-position: -1533px 0;
}
.iti__flag.iti__es {
  height: 14px;
  background-position: -1555px 0;
}
.iti__flag.iti__et {
  height: 10px;
  background-position: -1577px 0;
}
.iti__flag.iti__eu {
  height: 14px;
  background-position: -1599px 0;
}
.iti__flag.iti__fi {
  height: 12px;
  background-position: -1621px 0;
}
.iti__flag.iti__fj {
  height: 10px;
  background-position: -1643px 0;
}
.iti__flag.iti__fk {
  height: 10px;
  background-position: -1665px 0;
}
.iti__flag.iti__fm {
  height: 11px;
  background-position: -1687px 0;
}
.iti__flag.iti__fo {
  height: 15px;
  background-position: -1709px 0;
}
.iti__flag.iti__fr {
  height: 14px;
  background-position: -1731px 0;
}
.iti__flag.iti__ga {
  height: 15px;
  background-position: -1753px 0;
}
.iti__flag.iti__gb {
  height: 10px;
  background-position: -1775px 0;
}
.iti__flag.iti__gd {
  height: 12px;
  background-position: -1797px 0;
}
.iti__flag.iti__ge {
  height: 14px;
  background-position: -1819px 0;
}
.iti__flag.iti__gf {
  height: 14px;
  background-position: -1841px 0;
}
.iti__flag.iti__gg {
  height: 14px;
  background-position: -1863px 0;
}
.iti__flag.iti__gh {
  height: 14px;
  background-position: -1885px 0;
}
.iti__flag.iti__gi {
  height: 10px;
  background-position: -1907px 0;
}
.iti__flag.iti__gl {
  height: 14px;
  background-position: -1929px 0;
}
.iti__flag.iti__gm {
  height: 14px;
  background-position: -1951px 0;
}
.iti__flag.iti__gn {
  height: 14px;
  background-position: -1973px 0;
}
.iti__flag.iti__gp {
  height: 14px;
  background-position: -1995px 0;
}
.iti__flag.iti__gq {
  height: 14px;
  background-position: -2017px 0;
}
.iti__flag.iti__gr {
  height: 14px;
  background-position: -2039px 0;
}
.iti__flag.iti__gs {
  height: 10px;
  background-position: -2061px 0;
}
.iti__flag.iti__gt {
  height: 13px;
  background-position: -2083px 0;
}
.iti__flag.iti__gu {
  height: 11px;
  background-position: -2105px 0;
}
.iti__flag.iti__gw {
  height: 10px;
  background-position: -2127px 0;
}
.iti__flag.iti__gy {
  height: 12px;
  background-position: -2149px 0;
}
.iti__flag.iti__hk {
  height: 14px;
  background-position: -2171px 0;
}
.iti__flag.iti__hm {
  height: 10px;
  background-position: -2193px 0;
}
.iti__flag.iti__hn {
  height: 10px;
  background-position: -2215px 0;
}
.iti__flag.iti__hr {
  height: 10px;
  background-position: -2237px 0;
}
.iti__flag.iti__ht {
  height: 12px;
  background-position: -2259px 0;
}
.iti__flag.iti__hu {
  height: 10px;
  background-position: -2281px 0;
}
.iti__flag.iti__ic {
  height: 14px;
  background-position: -2303px 0;
}
.iti__flag.iti__id {
  height: 14px;
  background-position: -2325px 0;
}
.iti__flag.iti__ie {
  height: 10px;
  background-position: -2347px 0;
}
.iti__flag.iti__il {
  height: 15px;
  background-position: -2369px 0;
}
.iti__flag.iti__im {
  height: 10px;
  background-position: -2391px 0;
}
.iti__flag.iti__in {
  height: 14px;
  background-position: -2413px 0;
}
.iti__flag.iti__io {
  height: 10px;
  background-position: -2435px 0;
}
.iti__flag.iti__iq {
  height: 14px;
  background-position: -2457px 0;
}
.iti__flag.iti__ir {
  height: 12px;
  background-position: -2479px 0;
}
.iti__flag.iti__is {
  height: 15px;
  background-position: -2501px 0;
}
.iti__flag.iti__it {
  height: 14px;
  background-position: -2523px 0;
}
.iti__flag.iti__je {
  height: 12px;
  background-position: -2545px 0;
}
.iti__flag.iti__jm {
  height: 10px;
  background-position: -2567px 0;
}
.iti__flag.iti__jo {
  height: 10px;
  background-position: -2589px 0;
}
.iti__flag.iti__jp {
  height: 14px;
  background-position: -2611px 0;
}
.iti__flag.iti__ke {
  height: 14px;
  background-position: -2633px 0;
}
.iti__flag.iti__kg {
  height: 12px;
  background-position: -2655px 0;
}
.iti__flag.iti__kh {
  height: 13px;
  background-position: -2677px 0;
}
.iti__flag.iti__ki {
  height: 10px;
  background-position: -2699px 0;
}
.iti__flag.iti__km {
  height: 12px;
  background-position: -2721px 0;
}
.iti__flag.iti__kn {
  height: 14px;
  background-position: -2743px 0;
}
.iti__flag.iti__kp {
  height: 10px;
  background-position: -2765px 0;
}
.iti__flag.iti__kr {
  height: 14px;
  background-position: -2787px 0;
}
.iti__flag.iti__kw {
  height: 10px;
  background-position: -2809px 0;
}
.iti__flag.iti__ky {
  height: 10px;
  background-position: -2831px 0;
}
.iti__flag.iti__kz {
  height: 10px;
  background-position: -2853px 0;
}
.iti__flag.iti__la {
  height: 14px;
  background-position: -2875px 0;
}
.iti__flag.iti__lb {
  height: 14px;
  background-position: -2897px 0;
}
.iti__flag.iti__lc {
  height: 10px;
  background-position: -2919px 0;
}
.iti__flag.iti__li {
  height: 12px;
  background-position: -2941px 0;
}
.iti__flag.iti__lk {
  height: 10px;
  background-position: -2963px 0;
}
.iti__flag.iti__lr {
  height: 11px;
  background-position: -2985px 0;
}
.iti__flag.iti__ls {
  height: 14px;
  background-position: -3007px 0;
}
.iti__flag.iti__lt {
  height: 12px;
  background-position: -3029px 0;
}
.iti__flag.iti__lu {
  height: 12px;
  background-position: -3051px 0;
}
.iti__flag.iti__lv {
  height: 10px;
  background-position: -3073px 0;
}
.iti__flag.iti__ly {
  height: 10px;
  background-position: -3095px 0;
}
.iti__flag.iti__ma {
  height: 14px;
  background-position: -3117px 0;
}
.iti__flag.iti__mc {
  height: 15px;
  background-position: -3139px 0;
}
.iti__flag.iti__md {
  height: 10px;
  background-position: -3160px 0;
}
.iti__flag.iti__me {
  height: 10px;
  background-position: -3182px 0;
}
.iti__flag.iti__mf {
  height: 14px;
  background-position: -3204px 0;
}
.iti__flag.iti__mg {
  height: 14px;
  background-position: -3226px 0;
}
.iti__flag.iti__mh {
  height: 11px;
  background-position: -3248px 0;
}
.iti__flag.iti__mk {
  height: 10px;
  background-position: -3270px 0;
}
.iti__flag.iti__ml {
  height: 14px;
  background-position: -3292px 0;
}
.iti__flag.iti__mm {
  height: 14px;
  background-position: -3314px 0;
}
.iti__flag.iti__mn {
  height: 10px;
  background-position: -3336px 0;
}
.iti__flag.iti__mo {
  height: 14px;
  background-position: -3358px 0;
}
.iti__flag.iti__mp {
  height: 10px;
  background-position: -3380px 0;
}
.iti__flag.iti__mq {
  height: 14px;
  background-position: -3402px 0;
}
.iti__flag.iti__mr {
  height: 14px;
  background-position: -3424px 0;
}
.iti__flag.iti__ms {
  height: 10px;
  background-position: -3446px 0;
}
.iti__flag.iti__mt {
  height: 14px;
  background-position: -3468px 0;
}
.iti__flag.iti__mu {
  height: 14px;
  background-position: -3490px 0;
}
.iti__flag.iti__mv {
  height: 14px;
  background-position: -3512px 0;
}
.iti__flag.iti__mw {
  height: 14px;
  background-position: -3534px 0;
}
.iti__flag.iti__mx {
  height: 12px;
  background-position: -3556px 0;
}
.iti__flag.iti__my {
  height: 10px;
  background-position: -3578px 0;
}
.iti__flag.iti__mz {
  height: 14px;
  background-position: -3600px 0;
}
.iti__flag.iti__na {
  height: 14px;
  background-position: -3622px 0;
}
.iti__flag.iti__nc {
  height: 10px;
  background-position: -3644px 0;
}
.iti__flag.iti__ne {
  height: 15px;
  background-position: -3666px 0;
}
.iti__flag.iti__nf {
  height: 10px;
  background-position: -3686px 0;
}
.iti__flag.iti__ng {
  height: 10px;
  background-position: -3708px 0;
}
.iti__flag.iti__ni {
  height: 12px;
  background-position: -3730px 0;
}
.iti__flag.iti__nl {
  height: 14px;
  background-position: -3752px 0;
}
.iti__flag.iti__no {
  height: 15px;
  background-position: -3774px 0;
}
.iti__flag.iti__np {
  height: 15px;
  background-position: -3796px 0;
}
.iti__flag.iti__nr {
  height: 10px;
  background-position: -3811px 0;
}
.iti__flag.iti__nu {
  height: 10px;
  background-position: -3833px 0;
}
.iti__flag.iti__nz {
  height: 10px;
  background-position: -3855px 0;
}
.iti__flag.iti__om {
  height: 10px;
  background-position: -3877px 0;
}
.iti__flag.iti__pa {
  height: 14px;
  background-position: -3899px 0;
}
.iti__flag.iti__pe {
  height: 14px;
  background-position: -3921px 0;
}
.iti__flag.iti__pf {
  height: 14px;
  background-position: -3943px 0;
}
.iti__flag.iti__pg {
  height: 15px;
  background-position: -3965px 0;
}
.iti__flag.iti__ph {
  height: 10px;
  background-position: -3987px 0;
}
.iti__flag.iti__pk {
  height: 14px;
  background-position: -4009px 0;
}
.iti__flag.iti__pl {
  height: 13px;
  background-position: -4031px 0;
}
.iti__flag.iti__pm {
  height: 14px;
  background-position: -4053px 0;
}
.iti__flag.iti__pn {
  height: 10px;
  background-position: -4075px 0;
}
.iti__flag.iti__pr {
  height: 14px;
  background-position: -4097px 0;
}
.iti__flag.iti__ps {
  height: 10px;
  background-position: -4119px 0;
}
.iti__flag.iti__pt {
  height: 14px;
  background-position: -4141px 0;
}
.iti__flag.iti__pw {
  height: 13px;
  background-position: -4163px 0;
}
.iti__flag.iti__py {
  height: 11px;
  background-position: -4185px 0;
}
.iti__flag.iti__qa {
  height: 8px;
  background-position: -4207px 0;
}
.iti__flag.iti__re {
  height: 14px;
  background-position: -4229px 0;
}
.iti__flag.iti__ro {
  height: 14px;
  background-position: -4251px 0;
}
.iti__flag.iti__rs {
  height: 14px;
  background-position: -4273px 0;
}
.iti__flag.iti__ru {
  height: 14px;
  background-position: -4295px 0;
}
.iti__flag.iti__rw {
  height: 14px;
  background-position: -4317px 0;
}
.iti__flag.iti__sa {
  height: 14px;
  background-position: -4339px 0;
}
.iti__flag.iti__sb {
  height: 10px;
  background-position: -4361px 0;
}
.iti__flag.iti__sc {
  height: 10px;
  background-position: -4383px 0;
}
.iti__flag.iti__sd {
  height: 10px;
  background-position: -4405px 0;
}
.iti__flag.iti__se {
  height: 13px;
  background-position: -4427px 0;
}
.iti__flag.iti__sg {
  height: 14px;
  background-position: -4449px 0;
}
.iti__flag.iti__sh {
  height: 10px;
  background-position: -4471px 0;
}
.iti__flag.iti__si {
  height: 10px;
  background-position: -4493px 0;
}
.iti__flag.iti__sj {
  height: 15px;
  background-position: -4515px 0;
}
.iti__flag.iti__sk {
  height: 14px;
  background-position: -4537px 0;
}
.iti__flag.iti__sl {
  height: 14px;
  background-position: -4559px 0;
}
.iti__flag.iti__sm {
  height: 15px;
  background-position: -4581px 0;
}
.iti__flag.iti__sn {
  height: 14px;
  background-position: -4603px 0;
}
.iti__flag.iti__so {
  height: 14px;
  background-position: -4625px 0;
}
.iti__flag.iti__sr {
  height: 14px;
  background-position: -4647px 0;
}
.iti__flag.iti__ss {
  height: 10px;
  background-position: -4669px 0;
}
.iti__flag.iti__st {
  height: 10px;
  background-position: -4691px 0;
}
.iti__flag.iti__sv {
  height: 12px;
  background-position: -4713px 0;
}
.iti__flag.iti__sx {
  height: 14px;
  background-position: -4735px 0;
}
.iti__flag.iti__sy {
  height: 14px;
  background-position: -4757px 0;
}
.iti__flag.iti__sz {
  height: 14px;
  background-position: -4779px 0;
}
.iti__flag.iti__ta {
  height: 10px;
  background-position: -4801px 0;
}
.iti__flag.iti__tc {
  height: 10px;
  background-position: -4823px 0;
}
.iti__flag.iti__td {
  height: 14px;
  background-position: -4845px 0;
}
.iti__flag.iti__tf {
  height: 14px;
  background-position: -4867px 0;
}
.iti__flag.iti__tg {
  height: 13px;
  background-position: -4889px 0;
}
.iti__flag.iti__th {
  height: 14px;
  background-position: -4911px 0;
}
.iti__flag.iti__tj {
  height: 10px;
  background-position: -4933px 0;
}
.iti__flag.iti__tk {
  height: 10px;
  background-position: -4955px 0;
}
.iti__flag.iti__tl {
  height: 10px;
  background-position: -4977px 0;
}
.iti__flag.iti__tm {
  height: 14px;
  background-position: -4999px 0;
}
.iti__flag.iti__tn {
  height: 14px;
  background-position: -5021px 0;
}
.iti__flag.iti__to {
  height: 10px;
  background-position: -5043px 0;
}
.iti__flag.iti__tr {
  height: 14px;
  background-position: -5065px 0;
}
.iti__flag.iti__tt {
  height: 12px;
  background-position: -5087px 0;
}
.iti__flag.iti__tv {
  height: 10px;
  background-position: -5109px 0;
}
.iti__flag.iti__tw {
  height: 14px;
  background-position: -5131px 0;
}
.iti__flag.iti__tz {
  height: 14px;
  background-position: -5153px 0;
}
.iti__flag.iti__ua {
  height: 14px;
  background-position: -5175px 0;
}
.iti__flag.iti__ug {
  height: 14px;
  background-position: -5197px 0;
}
.iti__flag.iti__um {
  height: 11px;
  background-position: -5219px 0;
}
.iti__flag.iti__un {
  height: 14px;
  background-position: -5241px 0;
}
.iti__flag.iti__us {
  height: 11px;
  background-position: -5263px 0;
}
.iti__flag.iti__uy {
  height: 14px;
  background-position: -5285px 0;
}
.iti__flag.iti__uz {
  height: 10px;
  background-position: -5307px 0;
}
.iti__flag.iti__va {
  height: 15px;
  background-position: -5329px 0;
}
.iti__flag.iti__vc {
  height: 14px;
  background-position: -5346px 0;
}
.iti__flag.iti__ve {
  height: 14px;
  background-position: -5368px 0;
}
.iti__flag.iti__vg {
  height: 10px;
  background-position: -5390px 0;
}
.iti__flag.iti__vi {
  height: 14px;
  background-position: -5412px 0;
}
.iti__flag.iti__vn {
  height: 14px;
  background-position: -5434px 0;
}
.iti__flag.iti__vu {
  height: 12px;
  background-position: -5456px 0;
}
.iti__flag.iti__wf {
  height: 14px;
  background-position: -5478px 0;
}
.iti__flag.iti__ws {
  height: 10px;
  background-position: -5500px 0;
}
.iti__flag.iti__xk {
  height: 15px;
  background-position: -5522px 0;
}
.iti__flag.iti__ye {
  height: 14px;
  background-position: -5544px 0;
}
.iti__flag.iti__yt {
  height: 14px;
  background-position: -5566px 0;
}
.iti__flag.iti__za {
  height: 14px;
  background-position: -5588px 0;
}
.iti__flag.iti__zm {
  height: 14px;
  background-position: -5610px 0;
}
.iti__flag.iti__zw {
  height: 10px;
  background-position: -5632px 0;
}
.iti__flag {
  height: 15px;
  box-shadow: 0 0 1px 0 #888;
  background-image: url(img/flags.png);
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url(img/flags@2x.png);
  }
}
.iti__flag.iti__np {
  background-color: transparent;
}

html {
  margin: 0;
  padding: 0;
  font-size: 14px;
}

body {
  line-height: 1.5;
  font-family: "Raleway", sans-serif;
}

@media (min-width: 576px) {
  html {
    font-size: 16px;
  }
}

@media (min-width: 2048px) {
  html {
    font-size: 0.78125vw;
  }
}

/* Weather icons */

@font-face {
  font-family: weathericons;
  src: url(fonts/weathericons/weathericons-regular-webfont.eot);
  src: url(fonts/weathericons/weathericons-regular-webfont.eot?#iefix)
      format("embedded-opentype"),
    url(fonts/weathericons/weathericons-regular-webfont.woff2) format("woff2"),
    url(fonts/weathericons/weathericons-regular-webfont.woff) format("woff"),
    url(fonts/weathericons/weathericons-regular-webfont.ttf) format("truetype"),
    url(fonts/weathericons/weathericons-regular-webfont.svg#weather_iconsregular)
      format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.wi {
  display: inline-block;
  font-family: weathericons;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.wi-fw {
  text-align: center;
  width: 1.4em;
}
.wi-rotate-90 {
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.wi-rotate-180 {
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.wi-rotate-270 {
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.wi-flip-horizontal {
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.wi-flip-vertical {
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
.wi-day-sunny:before {
  content: "\f00d";
}
.wi-day-cloudy:before {
  content: "\f002";
}
.wi-day-cloudy-gusts:before {
  content: "\f000";
}
.wi-day-cloudy-windy:before {
  content: "\f001";
}
.wi-day-fog:before {
  content: "\f003";
}
.wi-day-hail:before {
  content: "\f004";
}
.wi-day-haze:before {
  content: "\f0b6";
}
.wi-day-lightning:before {
  content: "\f005";
}
.wi-day-rain:before {
  content: "\f008";
}
.wi-day-rain-mix:before {
  content: "\f006";
}
.wi-day-rain-wind:before {
  content: "\f007";
}
.wi-day-showers:before {
  content: "\f009";
}
.wi-day-sleet:before {
  content: "\f0b2";
}
.wi-day-sleet-storm:before {
  content: "\f068";
}
.wi-day-snow:before {
  content: "\f00a";
}
.wi-day-snow-thunderstorm:before {
  content: "\f06b";
}
.wi-day-snow-wind:before {
  content: "\f065";
}
.wi-day-sprinkle:before {
  content: "\f00b";
}
.wi-day-storm-showers:before {
  content: "\f00e";
}
.wi-day-sunny-overcast:before {
  content: "\f00c";
}
.wi-day-thunderstorm:before {
  content: "\f010";
}
.wi-day-windy:before {
  content: "\f085";
}
.wi-solar-eclipse:before {
  content: "\f06e";
}
.wi-hot:before {
  content: "\f072";
}
.wi-day-cloudy-high:before {
  content: "\f07d";
}
.wi-day-light-wind:before {
  content: "\f0c4";
}
.wi-night-clear:before {
  content: "\f02e";
}
.wi-night-alt-cloudy:before {
  content: "\f086";
}
.wi-night-alt-cloudy-gusts:before {
  content: "\f022";
}
.wi-night-alt-cloudy-windy:before {
  content: "\f023";
}
.wi-night-alt-hail:before {
  content: "\f024";
}
.wi-night-alt-lightning:before {
  content: "\f025";
}
.wi-night-alt-rain:before {
  content: "\f028";
}
.wi-night-alt-rain-mix:before {
  content: "\f026";
}
.wi-night-alt-rain-wind:before {
  content: "\f027";
}
.wi-night-alt-showers:before {
  content: "\f029";
}
.wi-night-alt-sleet:before {
  content: "\f0b4";
}
.wi-night-alt-sleet-storm:before {
  content: "\f06a";
}
.wi-night-alt-snow:before {
  content: "\f02a";
}
.wi-night-alt-snow-thunderstorm:before {
  content: "\f06d";
}
.wi-night-alt-snow-wind:before {
  content: "\f067";
}
.wi-night-alt-sprinkle:before {
  content: "\f02b";
}
.wi-night-alt-storm-showers:before {
  content: "\f02c";
}
.wi-night-alt-thunderstorm:before {
  content: "\f02d";
}
.wi-night-cloudy:before {
  content: "\f031";
}
.wi-night-cloudy-gusts:before {
  content: "\f02f";
}
.wi-night-cloudy-windy:before {
  content: "\f030";
}
.wi-night-fog:before {
  content: "\f04a";
}
.wi-night-hail:before {
  content: "\f032";
}
.wi-night-lightning:before {
  content: "\f033";
}
.wi-night-partly-cloudy:before {
  content: "\f083";
}
.wi-night-rain:before {
  content: "\f036";
}
.wi-night-rain-mix:before {
  content: "\f034";
}
.wi-night-rain-wind:before {
  content: "\f035";
}
.wi-night-showers:before {
  content: "\f037";
}
.wi-night-sleet:before {
  content: "\f0b3";
}
.wi-night-sleet-storm:before {
  content: "\f069";
}
.wi-night-snow:before {
  content: "\f038";
}
.wi-night-snow-thunderstorm:before {
  content: "\f06c";
}
.wi-night-snow-wind:before {
  content: "\f066";
}
.wi-night-sprinkle:before {
  content: "\f039";
}
.wi-night-storm-showers:before {
  content: "\f03a";
}
.wi-night-thunderstorm:before {
  content: "\f03b";
}
.wi-lunar-eclipse:before {
  content: "\f070";
}
.wi-stars:before {
  content: "\f077";
}
.wi-storm-showers:before {
  content: "\f01d";
}
.wi-thunderstorm:before {
  content: "\f01e";
}
.wi-night-alt-cloudy-high:before {
  content: "\f07e";
}
.wi-night-cloudy-high:before {
  content: "\f080";
}
.wi-night-alt-partly-cloudy:before {
  content: "\f081";
}
.wi-cloud:before {
  content: "\f041";
}
.wi-cloudy:before {
  content: "\f013";
}
.wi-cloudy-gusts:before {
  content: "\f011";
}
.wi-cloudy-windy:before {
  content: "\f012";
}
.wi-fog:before {
  content: "\f014";
}
.wi-hail:before {
  content: "\f015";
}
.wi-rain:before {
  content: "\f019";
}
.wi-rain-mix:before {
  content: "\f017";
}
.wi-rain-wind:before {
  content: "\f018";
}
.wi-showers:before {
  content: "\f01a";
}
.wi-sleet:before {
  content: "\f0b5";
}
.wi-snow:before {
  content: "\f01b";
}
.wi-sprinkle:before {
  content: "\f01c";
}
.wi-storm-showers:before {
  content: "\f01d";
}
.wi-thunderstorm:before {
  content: "\f01e";
}
.wi-snow-wind:before {
  content: "\f064";
}
.wi-snow:before {
  content: "\f01b";
}
.wi-smog:before {
  content: "\f074";
}
.wi-smoke:before {
  content: "\f062";
}
.wi-lightning:before {
  content: "\f016";
}
.wi-raindrops:before {
  content: "\f04e";
}
.wi-raindrop:before {
  content: "\f078";
}
.wi-dust:before {
  content: "\f063";
}
.wi-snowflake-cold:before {
  content: "\f076";
}
.wi-windy:before {
  content: "\f021";
}
.wi-strong-wind:before {
  content: "\f050";
}
.wi-sandstorm:before {
  content: "\f082";
}
.wi-earthquake:before {
  content: "\f0c6";
}
.wi-fire:before {
  content: "\f0c7";
}
.wi-flood:before {
  content: "\f07c";
}
.wi-meteor:before {
  content: "\f071";
}
.wi-tsunami:before {
  content: "\f0c5";
}
.wi-volcano:before {
  content: "\f0c8";
}
.wi-hurricane:before {
  content: "\f073";
}
.wi-tornado:before {
  content: "\f056";
}
.wi-small-craft-advisory:before {
  content: "\f0cc";
}
.wi-gale-warning:before {
  content: "\f0cd";
}
.wi-storm-warning:before {
  content: "\f0ce";
}
.wi-hurricane-warning:before {
  content: "\f0cf";
}
.wi-wind-direction:before {
  content: "\f0b1";
}
.wi-alien:before {
  content: "\f075";
}
.wi-celsius:before {
  content: "\f03c";
}
.wi-fahrenheit:before {
  content: "\f045";
}
.wi-degrees:before {
  content: "\f042";
}
.wi-thermometer:before {
  content: "\f055";
}
.wi-thermometer-exterior:before {
  content: "\f053";
}
.wi-thermometer-internal:before {
  content: "\f054";
}
.wi-cloud-down:before {
  content: "\f03d";
}
.wi-cloud-up:before {
  content: "\f040";
}
.wi-cloud-refresh:before {
  content: "\f03e";
}
.wi-horizon:before {
  content: "\f047";
}
.wi-horizon-alt:before {
  content: "\f046";
}
.wi-sunrise:before {
  content: "\f051";
}
.wi-sunset:before {
  content: "\f052";
}
.wi-moonrise:before {
  content: "\f0c9";
}
.wi-moonset:before {
  content: "\f0ca";
}
.wi-refresh:before {
  content: "\f04c";
}
.wi-refresh-alt:before {
  content: "\f04b";
}
.wi-umbrella:before {
  content: "\f084";
}
.wi-barometer:before {
  content: "\f079";
}
.wi-humidity:before {
  content: "\f07a";
}
.wi-na:before {
  content: "\f07b";
}
.wi-train:before {
  content: "\f0cb";
}
.wi-moon-new:before {
  content: "\f095";
}
.wi-moon-waxing-crescent-1:before {
  content: "\f096";
}
.wi-moon-waxing-crescent-2:before {
  content: "\f097";
}
.wi-moon-waxing-crescent-3:before {
  content: "\f098";
}
.wi-moon-waxing-crescent-4:before {
  content: "\f099";
}
.wi-moon-waxing-crescent-5:before {
  content: "\f09a";
}
.wi-moon-waxing-crescent-6:before {
  content: "\f09b";
}
.wi-moon-first-quarter:before {
  content: "\f09c";
}
.wi-moon-waxing-gibbous-1:before {
  content: "\f09d";
}
.wi-moon-waxing-gibbous-2:before {
  content: "\f09e";
}
.wi-moon-waxing-gibbous-3:before {
  content: "\f09f";
}
.wi-moon-waxing-gibbous-4:before {
  content: "\f0a0";
}
.wi-moon-waxing-gibbous-5:before {
  content: "\f0a1";
}
.wi-moon-waxing-gibbous-6:before {
  content: "\f0a2";
}
.wi-moon-full:before {
  content: "\f0a3";
}
.wi-moon-waning-gibbous-1:before {
  content: "\f0a4";
}
.wi-moon-waning-gibbous-2:before {
  content: "\f0a5";
}
.wi-moon-waning-gibbous-3:before {
  content: "\f0a6";
}
.wi-moon-waning-gibbous-4:before {
  content: "\f0a7";
}
.wi-moon-waning-gibbous-5:before {
  content: "\f0a8";
}
.wi-moon-waning-gibbous-6:before {
  content: "\f0a9";
}
.wi-moon-third-quarter:before {
  content: "\f0aa";
}
.wi-moon-waning-crescent-1:before {
  content: "\f0ab";
}
.wi-moon-waning-crescent-2:before {
  content: "\f0ac";
}
.wi-moon-waning-crescent-3:before {
  content: "\f0ad";
}
.wi-moon-waning-crescent-4:before {
  content: "\f0ae";
}
.wi-moon-waning-crescent-5:before {
  content: "\f0af";
}
.wi-moon-waning-crescent-6:before {
  content: "\f0b0";
}
.wi-moon-alt-new:before {
  content: "\f0eb";
}
.wi-moon-alt-waxing-crescent-1:before {
  content: "\f0d0";
}
.wi-moon-alt-waxing-crescent-2:before {
  content: "\f0d1";
}
.wi-moon-alt-waxing-crescent-3:before {
  content: "\f0d2";
}
.wi-moon-alt-waxing-crescent-4:before {
  content: "\f0d3";
}
.wi-moon-alt-waxing-crescent-5:before {
  content: "\f0d4";
}
.wi-moon-alt-waxing-crescent-6:before {
  content: "\f0d5";
}
.wi-moon-alt-first-quarter:before {
  content: "\f0d6";
}
.wi-moon-alt-waxing-gibbous-1:before {
  content: "\f0d7";
}
.wi-moon-alt-waxing-gibbous-2:before {
  content: "\f0d8";
}
.wi-moon-alt-waxing-gibbous-3:before {
  content: "\f0d9";
}
.wi-moon-alt-waxing-gibbous-4:before {
  content: "\f0da";
}
.wi-moon-alt-waxing-gibbous-5:before {
  content: "\f0db";
}
.wi-moon-alt-waxing-gibbous-6:before {
  content: "\f0dc";
}
.wi-moon-alt-full:before {
  content: "\f0dd";
}
.wi-moon-alt-waning-gibbous-1:before {
  content: "\f0de";
}
.wi-moon-alt-waning-gibbous-2:before {
  content: "\f0df";
}
.wi-moon-alt-waning-gibbous-3:before {
  content: "\f0e0";
}
.wi-moon-alt-waning-gibbous-4:before {
  content: "\f0e1";
}
.wi-moon-alt-waning-gibbous-5:before {
  content: "\f0e2";
}
.wi-moon-alt-waning-gibbous-6:before {
  content: "\f0e3";
}
.wi-moon-alt-third-quarter:before {
  content: "\f0e4";
}
.wi-moon-alt-waning-crescent-1:before {
  content: "\f0e5";
}
.wi-moon-alt-waning-crescent-2:before {
  content: "\f0e6";
}
.wi-moon-alt-waning-crescent-3:before {
  content: "\f0e7";
}
.wi-moon-alt-waning-crescent-4:before {
  content: "\f0e8";
}
.wi-moon-alt-waning-crescent-5:before {
  content: "\f0e9";
}
.wi-moon-alt-waning-crescent-6:before {
  content: "\f0ea";
}
.wi-moon-0:before {
  content: "\f095";
}
.wi-moon-1:before {
  content: "\f096";
}
.wi-moon-2:before {
  content: "\f097";
}
.wi-moon-3:before {
  content: "\f098";
}
.wi-moon-4:before {
  content: "\f099";
}
.wi-moon-5:before {
  content: "\f09a";
}
.wi-moon-6:before {
  content: "\f09b";
}
.wi-moon-7:before {
  content: "\f09c";
}
.wi-moon-8:before {
  content: "\f09d";
}
.wi-moon-9:before {
  content: "\f09e";
}
.wi-moon-10:before {
  content: "\f09f";
}
.wi-moon-11:before {
  content: "\f0a0";
}
.wi-moon-12:before {
  content: "\f0a1";
}
.wi-moon-13:before {
  content: "\f0a2";
}
.wi-moon-14:before {
  content: "\f0a3";
}
.wi-moon-15:before {
  content: "\f0a4";
}
.wi-moon-16:before {
  content: "\f0a5";
}
.wi-moon-17:before {
  content: "\f0a6";
}
.wi-moon-18:before {
  content: "\f0a7";
}
.wi-moon-19:before {
  content: "\f0a8";
}
.wi-moon-20:before {
  content: "\f0a9";
}
.wi-moon-21:before {
  content: "\f0aa";
}
.wi-moon-22:before {
  content: "\f0ab";
}
.wi-moon-23:before {
  content: "\f0ac";
}
.wi-moon-24:before {
  content: "\f0ad";
}
.wi-moon-25:before {
  content: "\f0ae";
}
.wi-moon-26:before {
  content: "\f0af";
}
.wi-moon-27:before {
  content: "\f0b0";
}
.wi-time-1:before {
  content: "\f08a";
}
.wi-time-2:before {
  content: "\f08b";
}
.wi-time-3:before {
  content: "\f08c";
}
.wi-time-4:before {
  content: "\f08d";
}
.wi-time-5:before {
  content: "\f08e";
}
.wi-time-6:before {
  content: "\f08f";
}
.wi-time-7:before {
  content: "\f090";
}
.wi-time-8:before {
  content: "\f091";
}
.wi-time-9:before {
  content: "\f092";
}
.wi-time-10:before {
  content: "\f093";
}
.wi-time-11:before {
  content: "\f094";
}
.wi-time-12:before {
  content: "\f089";
}
.wi-direction-up:before {
  content: "\f058";
}
.wi-direction-up-right:before {
  content: "\f057";
}
.wi-direction-right:before {
  content: "\f04d";
}
.wi-direction-down-right:before {
  content: "\f088";
}
.wi-direction-down:before {
  content: "\f044";
}
.wi-direction-down-left:before {
  content: "\f043";
}
.wi-direction-left:before {
  content: "\f048";
}
.wi-direction-up-left:before {
  content: "\f087";
}
.wi-wind-beaufort-0:before {
  content: "\f0b7";
}
.wi-wind-beaufort-1:before {
  content: "\f0b8";
}
.wi-wind-beaufort-2:before {
  content: "\f0b9";
}
.wi-wind-beaufort-3:before {
  content: "\f0ba";
}
.wi-wind-beaufort-4:before {
  content: "\f0bb";
}
.wi-wind-beaufort-5:before {
  content: "\f0bc";
}
.wi-wind-beaufort-6:before {
  content: "\f0bd";
}
.wi-wind-beaufort-7:before {
  content: "\f0be";
}
.wi-wind-beaufort-8:before {
  content: "\f0bf";
}
.wi-wind-beaufort-9:before {
  content: "\f0c0";
}
.wi-wind-beaufort-10:before {
  content: "\f0c1";
}
.wi-wind-beaufort-11:before {
  content: "\f0c2";
}
.wi-wind-beaufort-12:before {
  content: "\f0c3";
}
.wi-yahoo-0:before {
  content: "\f056";
}
.wi-yahoo-1:before {
  content: "\f00e";
}
.wi-yahoo-2:before {
  content: "\f073";
}
.wi-yahoo-3:before {
  content: "\f01e";
}
.wi-yahoo-4:before {
  content: "\f01e";
}
.wi-yahoo-5:before {
  content: "\f017";
}
.wi-yahoo-6:before {
  content: "\f017";
}
.wi-yahoo-7:before {
  content: "\f017";
}
.wi-yahoo-8:before {
  content: "\f015";
}
.wi-yahoo-9:before {
  content: "\f01a";
}
.wi-yahoo-10:before {
  content: "\f015";
}
.wi-yahoo-11:before {
  content: "\f01a";
}
.wi-yahoo-12:before {
  content: "\f01a";
}
.wi-yahoo-13:before {
  content: "\f01b";
}
.wi-yahoo-14:before {
  content: "\f00a";
}
.wi-yahoo-15:before {
  content: "\f064";
}
.wi-yahoo-16:before {
  content: "\f01b";
}
.wi-yahoo-17:before {
  content: "\f015";
}
.wi-yahoo-18:before {
  content: "\f017";
}
.wi-yahoo-19:before {
  content: "\f063";
}
.wi-yahoo-20:before {
  content: "\f014";
}
.wi-yahoo-21:before {
  content: "\f021";
}
.wi-yahoo-22:before {
  content: "\f062";
}
.wi-yahoo-23:before {
  content: "\f050";
}
.wi-yahoo-24:before {
  content: "\f050";
}
.wi-yahoo-25:before {
  content: "\f076";
}
.wi-yahoo-26:before {
  content: "\f013";
}
.wi-yahoo-27:before {
  content: "\f031";
}
.wi-yahoo-28:before {
  content: "\f002";
}
.wi-yahoo-29:before {
  content: "\f031";
}
.wi-yahoo-30:before {
  content: "\f002";
}
.wi-yahoo-31:before {
  content: "\f02e";
}
.wi-yahoo-32:before {
  content: "\f00d";
}
.wi-yahoo-33:before {
  content: "\f083";
}
.wi-yahoo-34:before {
  content: "\f00c";
}
.wi-yahoo-35:before {
  content: "\f017";
}
.wi-yahoo-36:before {
  content: "\f072";
}
.wi-yahoo-37:before {
  content: "\f00e";
}
.wi-yahoo-38:before {
  content: "\f00e";
}
.wi-yahoo-39:before {
  content: "\f00e";
}
.wi-yahoo-40:before {
  content: "\f01a";
}
.wi-yahoo-41:before {
  content: "\f064";
}
.wi-yahoo-42:before {
  content: "\f01b";
}
.wi-yahoo-43:before {
  content: "\f064";
}
.wi-yahoo-44:before {
  content: "\f00c";
}
.wi-yahoo-45:before {
  content: "\f00e";
}
.wi-yahoo-46:before {
  content: "\f01b";
}
.wi-yahoo-47:before {
  content: "\f00e";
}
.wi-yahoo-3200:before {
  content: "\f077";
}
.wi-forecast-io-clear-day:before {
  content: "\f00d";
}
.wi-forecast-io-clear-night:before {
  content: "\f02e";
}
.wi-forecast-io-rain:before {
  content: "\f019";
}
.wi-forecast-io-snow:before {
  content: "\f01b";
}
.wi-forecast-io-sleet:before {
  content: "\f0b5";
}
.wi-forecast-io-wind:before {
  content: "\f050";
}
.wi-forecast-io-fog:before {
  content: "\f014";
}
.wi-forecast-io-cloudy:before {
  content: "\f013";
}
.wi-forecast-io-partly-cloudy-day:before {
  content: "\f002";
}
.wi-forecast-io-partly-cloudy-night:before {
  content: "\f031";
}
.wi-forecast-io-hail:before {
  content: "\f015";
}
.wi-forecast-io-thunderstorm:before {
  content: "\f01e";
}
.wi-forecast-io-tornado:before {
  content: "\f056";
}
.wi-wmo4680-00:before,
.wi-wmo4680-0:before {
  content: "\f055";
}
.wi-wmo4680-01:before,
.wi-wmo4680-1:before {
  content: "\f013";
}
.wi-wmo4680-02:before,
.wi-wmo4680-2:before {
  content: "\f055";
}
.wi-wmo4680-03:before,
.wi-wmo4680-3:before {
  content: "\f013";
}
.wi-wmo4680-04:before,
.wi-wmo4680-4:before {
  content: "\f014";
}
.wi-wmo4680-05:before,
.wi-wmo4680-5:before {
  content: "\f014";
}
.wi-wmo4680-10:before {
  content: "\f014";
}
.wi-wmo4680-11:before {
  content: "\f014";
}
.wi-wmo4680-12:before {
  content: "\f016";
}
.wi-wmo4680-18:before {
  content: "\f050";
}
.wi-wmo4680-20:before {
  content: "\f014";
}
.wi-wmo4680-21:before {
  content: "\f017";
}
.wi-wmo4680-22:before {
  content: "\f017";
}
.wi-wmo4680-23:before {
  content: "\f019";
}
.wi-wmo4680-24:before {
  content: "\f01b";
}
.wi-wmo4680-25:before {
  content: "\f015";
}
.wi-wmo4680-26:before {
  content: "\f01e";
}
.wi-wmo4680-27:before {
  content: "\f063";
}
.wi-wmo4680-28:before {
  content: "\f063";
}
.wi-wmo4680-29:before {
  content: "\f063";
}
.wi-wmo4680-30:before {
  content: "\f014";
}
.wi-wmo4680-31:before {
  content: "\f014";
}
.wi-wmo4680-32:before {
  content: "\f014";
}
.wi-wmo4680-33:before {
  content: "\f014";
}
.wi-wmo4680-34:before {
  content: "\f014";
}
.wi-wmo4680-35:before {
  content: "\f014";
}
.wi-wmo4680-40:before {
  content: "\f017";
}
.wi-wmo4680-41:before {
  content: "\f01c";
}
.wi-wmo4680-42:before {
  content: "\f019";
}
.wi-wmo4680-43:before {
  content: "\f01c";
}
.wi-wmo4680-44:before {
  content: "\f019";
}
.wi-wmo4680-45:before {
  content: "\f015";
}
.wi-wmo4680-46:before {
  content: "\f015";
}
.wi-wmo4680-47:before {
  content: "\f01b";
}
.wi-wmo4680-48:before {
  content: "\f01b";
}
.wi-wmo4680-50:before {
  content: "\f01c";
}
.wi-wmo4680-51:before {
  content: "\f01c";
}
.wi-wmo4680-52:before {
  content: "\f019";
}
.wi-wmo4680-53:before {
  content: "\f019";
}
.wi-wmo4680-54:before {
  content: "\f076";
}
.wi-wmo4680-55:before {
  content: "\f076";
}
.wi-wmo4680-56:before {
  content: "\f076";
}
.wi-wmo4680-57:before {
  content: "\f01c";
}
.wi-wmo4680-58:before {
  content: "\f019";
}
.wi-wmo4680-60:before {
  content: "\f01c";
}
.wi-wmo4680-61:before {
  content: "\f01c";
}
.wi-wmo4680-62:before {
  content: "\f019";
}
.wi-wmo4680-63:before {
  content: "\f019";
}
.wi-wmo4680-64:before {
  content: "\f015";
}
.wi-wmo4680-65:before {
  content: "\f015";
}
.wi-wmo4680-66:before {
  content: "\f015";
}
.wi-wmo4680-67:before {
  content: "\f017";
}
.wi-wmo4680-68:before {
  content: "\f017";
}
.wi-wmo4680-70:before {
  content: "\f01b";
}
.wi-wmo4680-71:before {
  content: "\f01b";
}
.wi-wmo4680-72:before {
  content: "\f01b";
}
.wi-wmo4680-73:before {
  content: "\f01b";
}
.wi-wmo4680-74:before {
  content: "\f076";
}
.wi-wmo4680-75:before {
  content: "\f076";
}
.wi-wmo4680-76:before {
  content: "\f076";
}
.wi-wmo4680-77:before {
  content: "\f01b";
}
.wi-wmo4680-78:before {
  content: "\f076";
}
.wi-wmo4680-80:before {
  content: "\f019";
}
.wi-wmo4680-81:before {
  content: "\f01c";
}
.wi-wmo4680-82:before {
  content: "\f019";
}
.wi-wmo4680-83:before {
  content: "\f019";
}
.wi-wmo4680-84:before {
  content: "\f01d";
}
.wi-wmo4680-85:before {
  content: "\f017";
}
.wi-wmo4680-86:before {
  content: "\f017";
}
.wi-wmo4680-87:before {
  content: "\f017";
}
.wi-wmo4680-89:before {
  content: "\f015";
}
.wi-wmo4680-90:before {
  content: "\f016";
}
.wi-wmo4680-91:before {
  content: "\f01d";
}
.wi-wmo4680-92:before {
  content: "\f01e";
}
.wi-wmo4680-93:before {
  content: "\f01e";
}
.wi-wmo4680-94:before {
  content: "\f016";
}
.wi-wmo4680-95:before {
  content: "\f01e";
}
.wi-wmo4680-96:before {
  content: "\f01e";
}
.wi-wmo4680-99:before {
  content: "\f056";
}
.wi-owm-200:before {
  content: "\f01e";
}
.wi-owm-201:before {
  content: "\f01e";
}
.wi-owm-202:before {
  content: "\f01e";
}
.wi-owm-210:before {
  content: "\f016";
}
.wi-owm-211:before {
  content: "\f016";
}
.wi-owm-212:before {
  content: "\f016";
}
.wi-owm-221:before {
  content: "\f016";
}
.wi-owm-230:before {
  content: "\f01e";
}
.wi-owm-231:before {
  content: "\f01e";
}
.wi-owm-232:before {
  content: "\f01e";
}
.wi-owm-300:before {
  content: "\f01c";
}
.wi-owm-301:before {
  content: "\f01c";
}
.wi-owm-302:before {
  content: "\f019";
}
.wi-owm-310:before {
  content: "\f017";
}
.wi-owm-311:before {
  content: "\f019";
}
.wi-owm-312:before {
  content: "\f019";
}
.wi-owm-313:before {
  content: "\f01a";
}
.wi-owm-314:before {
  content: "\f019";
}
.wi-owm-321:before {
  content: "\f01c";
}
.wi-owm-500:before {
  content: "\f01c";
}
.wi-owm-501:before {
  content: "\f019";
}
.wi-owm-502:before {
  content: "\f019";
}
.wi-owm-503:before {
  content: "\f019";
}
.wi-owm-504:before {
  content: "\f019";
}
.wi-owm-511:before {
  content: "\f017";
}
.wi-owm-520:before {
  content: "\f01a";
}
.wi-owm-521:before {
  content: "\f01a";
}
.wi-owm-522:before {
  content: "\f01a";
}
.wi-owm-531:before {
  content: "\f01d";
}
.wi-owm-600:before {
  content: "\f01b";
}
.wi-owm-601:before {
  content: "\f01b";
}
.wi-owm-602:before {
  content: "\f0b5";
}
.wi-owm-611:before {
  content: "\f017";
}
.wi-owm-612:before {
  content: "\f017";
}
.wi-owm-615:before {
  content: "\f017";
}
.wi-owm-616:before {
  content: "\f017";
}
.wi-owm-620:before {
  content: "\f017";
}
.wi-owm-621:before {
  content: "\f01b";
}
.wi-owm-622:before {
  content: "\f01b";
}
.wi-owm-701:before {
  content: "\f01a";
}
.wi-owm-711:before {
  content: "\f062";
}
.wi-owm-721:before {
  content: "\f0b6";
}
.wi-owm-731:before {
  content: "\f063";
}
.wi-owm-741:before {
  content: "\f014";
}
.wi-owm-761:before {
  content: "\f063";
}
.wi-owm-762:before {
  content: "\f063";
}
.wi-owm-771:before {
  content: "\f011";
}
.wi-owm-781:before {
  content: "\f056";
}
.wi-owm-800:before {
  content: "\f00d";
}
.wi-owm-801:before {
  content: "\f011";
}
.wi-owm-802:before {
  content: "\f011";
}
.wi-owm-803:before {
  content: "\f012";
}
.wi-owm-804:before {
  content: "\f013";
}
.wi-owm-900:before {
  content: "\f056";
}
.wi-owm-901:before {
  content: "\f01d";
}
.wi-owm-902:before {
  content: "\f073";
}
.wi-owm-903:before {
  content: "\f076";
}
.wi-owm-904:before {
  content: "\f072";
}
.wi-owm-905:before {
  content: "\f021";
}
.wi-owm-906:before {
  content: "\f015";
}
.wi-owm-957:before {
  content: "\f050";
}
.wi-owm-day-200:before {
  content: "\f010";
}
.wi-owm-day-201:before {
  content: "\f010";
}
.wi-owm-day-202:before {
  content: "\f010";
}
.wi-owm-day-210:before {
  content: "\f005";
}
.wi-owm-day-211:before {
  content: "\f005";
}
.wi-owm-day-212:before {
  content: "\f005";
}
.wi-owm-day-221:before {
  content: "\f005";
}
.wi-owm-day-230:before {
  content: "\f010";
}
.wi-owm-day-231:before {
  content: "\f010";
}
.wi-owm-day-232:before {
  content: "\f010";
}
.wi-owm-day-300:before {
  content: "\f00b";
}
.wi-owm-day-301:before {
  content: "\f00b";
}
.wi-owm-day-302:before {
  content: "\f008";
}
.wi-owm-day-310:before {
  content: "\f008";
}
.wi-owm-day-311:before {
  content: "\f008";
}
.wi-owm-day-312:before {
  content: "\f008";
}
.wi-owm-day-313:before {
  content: "\f008";
}
.wi-owm-day-314:before {
  content: "\f008";
}
.wi-owm-day-321:before {
  content: "\f00b";
}
.wi-owm-day-500:before {
  content: "\f00b";
}
.wi-owm-day-501:before {
  content: "\f008";
}
.wi-owm-day-502:before {
  content: "\f008";
}
.wi-owm-day-503:before {
  content: "\f008";
}
.wi-owm-day-504:before {
  content: "\f008";
}
.wi-owm-day-511:before {
  content: "\f006";
}
.wi-owm-day-520:before {
  content: "\f009";
}
.wi-owm-day-521:before {
  content: "\f009";
}
.wi-owm-day-522:before {
  content: "\f009";
}
.wi-owm-day-531:before {
  content: "\f00e";
}
.wi-owm-day-600:before {
  content: "\f00a";
}
.wi-owm-day-601:before {
  content: "\f0b2";
}
.wi-owm-day-602:before {
  content: "\f00a";
}
.wi-owm-day-611:before {
  content: "\f006";
}
.wi-owm-day-612:before {
  content: "\f006";
}
.wi-owm-day-615:before {
  content: "\f006";
}
.wi-owm-day-616:before {
  content: "\f006";
}
.wi-owm-day-620:before {
  content: "\f006";
}
.wi-owm-day-621:before {
  content: "\f00a";
}
.wi-owm-day-622:before {
  content: "\f00a";
}
.wi-owm-day-701:before {
  content: "\f009";
}
.wi-owm-day-711:before {
  content: "\f062";
}
.wi-owm-day-721:before {
  content: "\f0b6";
}
.wi-owm-day-731:before {
  content: "\f063";
}
.wi-owm-day-741:before {
  content: "\f003";
}
.wi-owm-day-761:before {
  content: "\f063";
}
.wi-owm-day-762:before {
  content: "\f063";
}
.wi-owm-day-781:before {
  content: "\f056";
}
.wi-owm-day-800:before {
  content: "\f00d";
}
.wi-owm-day-801:before {
  content: "\f000";
}
.wi-owm-day-802:before {
  content: "\f000";
}
.wi-owm-day-803:before {
  content: "\f000";
}
.wi-owm-day-804:before {
  content: "\f00c";
}
.wi-owm-day-900:before {
  content: "\f056";
}
.wi-owm-day-902:before {
  content: "\f073";
}
.wi-owm-day-903:before {
  content: "\f076";
}
.wi-owm-day-904:before {
  content: "\f072";
}
.wi-owm-day-906:before {
  content: "\f004";
}
.wi-owm-day-957:before {
  content: "\f050";
}
.wi-owm-night-200:before {
  content: "\f02d";
}
.wi-owm-night-201:before {
  content: "\f02d";
}
.wi-owm-night-202:before {
  content: "\f02d";
}
.wi-owm-night-210:before {
  content: "\f025";
}
.wi-owm-night-211:before {
  content: "\f025";
}
.wi-owm-night-212:before {
  content: "\f025";
}
.wi-owm-night-221:before {
  content: "\f025";
}
.wi-owm-night-230:before {
  content: "\f02d";
}
.wi-owm-night-231:before {
  content: "\f02d";
}
.wi-owm-night-232:before {
  content: "\f02d";
}
.wi-owm-night-300:before {
  content: "\f02b";
}
.wi-owm-night-301:before {
  content: "\f02b";
}
.wi-owm-night-302:before {
  content: "\f028";
}
.wi-owm-night-310:before {
  content: "\f028";
}
.wi-owm-night-311:before {
  content: "\f028";
}
.wi-owm-night-312:before {
  content: "\f028";
}
.wi-owm-night-313:before {
  content: "\f028";
}
.wi-owm-night-314:before {
  content: "\f028";
}
.wi-owm-night-321:before {
  content: "\f02b";
}
.wi-owm-night-500:before {
  content: "\f02b";
}
.wi-owm-night-501:before {
  content: "\f028";
}
.wi-owm-night-502:before {
  content: "\f028";
}
.wi-owm-night-503:before {
  content: "\f028";
}
.wi-owm-night-504:before {
  content: "\f028";
}
.wi-owm-night-511:before {
  content: "\f026";
}
.wi-owm-night-520:before {
  content: "\f029";
}
.wi-owm-night-521:before {
  content: "\f029";
}
.wi-owm-night-522:before {
  content: "\f029";
}
.wi-owm-night-531:before {
  content: "\f02c";
}
.wi-owm-night-600:before {
  content: "\f02a";
}
.wi-owm-night-601:before {
  content: "\f0b4";
}
.wi-owm-night-602:before {
  content: "\f02a";
}
.wi-owm-night-611:before {
  content: "\f026";
}
.wi-owm-night-612:before {
  content: "\f026";
}
.wi-owm-night-615:before {
  content: "\f026";
}
.wi-owm-night-616:before {
  content: "\f026";
}
.wi-owm-night-620:before {
  content: "\f026";
}
.wi-owm-night-621:before {
  content: "\f02a";
}
.wi-owm-night-622:before {
  content: "\f02a";
}
.wi-owm-night-701:before {
  content: "\f029";
}
.wi-owm-night-711:before {
  content: "\f062";
}
.wi-owm-night-721:before {
  content: "\f0b6";
}
.wi-owm-night-731:before {
  content: "\f063";
}
.wi-owm-night-741:before {
  content: "\f04a";
}
.wi-owm-night-761:before {
  content: "\f063";
}
.wi-owm-night-762:before {
  content: "\f063";
}
.wi-owm-night-781:before {
  content: "\f056";
}
.wi-owm-night-800:before {
  content: "\f02e";
}
.wi-owm-night-801:before {
  content: "\f022";
}
.wi-owm-night-802:before {
  content: "\f022";
}
.wi-owm-night-803:before {
  content: "\f022";
}
.wi-owm-night-804:before {
  content: "\f086";
}
.wi-owm-night-900:before {
  content: "\f056";
}
.wi-owm-night-902:before {
  content: "\f073";
}
.wi-owm-night-903:before {
  content: "\f076";
}
.wi-owm-night-904:before {
  content: "\f072";
}
.wi-owm-night-906:before {
  content: "\f024";
}
.wi-owm-night-957:before {
  content: "\f050";
}
.wi-wu-chanceflurries:before {
  content: "\f064";
}
.wi-wu-chancerain:before {
  content: "\f019";
}
.wi-wu-chancesleat:before {
  content: "\f0b5";
}
.wi-wu-chancesnow:before {
  content: "\f01b";
}
.wi-wu-chancetstorms:before {
  content: "\f01e";
}
.wi-wu-clear:before {
  content: "\f00d";
}
.wi-wu-cloudy:before {
  content: "\f002";
}
.wi-wu-flurries:before {
  content: "\f064";
}
.wi-wu-hazy:before {
  content: "\f0b6";
}
.wi-wu-mostlycloudy:before {
  content: "\f002";
}
.wi-wu-mostlysunny:before {
  content: "\f00d";
}
.wi-wu-partlycloudy:before {
  content: "\f002";
}
.wi-wu-partlysunny:before {
  content: "\f00d";
}
.wi-wu-rain:before {
  content: "\f01a";
}
.wi-wu-sleat:before {
  content: "\f0b5";
}
.wi-wu-snow:before {
  content: "\f01b";
}
.wi-wu-sunny:before {
  content: "\f00d";
}
.wi-wu-tstorms:before {
  content: "\f01e";
}
.wi-wu-unknown:before {
  content: "\f00d";
}

.red2 {
  color: #ca415e;
}

.blue2 {
  color: #3587b9;
}

.green2 {
  color: #ccdb2d;
}

.orange2 {
  color: #fcb813;
}

@font-face {
  font-family: "icomoon";
  src: url("fonts/icomoon.eot?mz8yn3");
  src: url("fonts/icomoon.eot?mz8yn3#iefix") format("embedded-opentype"),
    url("fonts/icomoon.ttf?mz8yn3") format("truetype"),
    url("fonts/icomoon.woff?mz8yn3") format("woff"),
    url("fonts/icomoon.svg?mz8yn3#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  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;
}

.icon-circle-f:before {
  content: "\e914";
  color: #00aa6c;
}

.icon-moon:before {
  content: "\e913";
}

.icon-cloud-thunder:before {
  content: "\e90e";
}
.icon-cloud:before {
  content: "\e90f";
}
.icon-cloud-snow:before {
  content: "\e910";
}
.icon-cloud-rain:before {
  content: "\e911";
}
.icon-sun:before {
  content: "\e912";
}

.icon-twitter:before {
  content: "\e900";
}

.icon-facebook:before {
  content: "\e901";
}

.icon-instagram:before {
  content: "\e902";
}

.icon-world:before {
  content: "\e903";
  position: relative;
  font-size: 2em;
  top: 6px;
  left: 5px;
}

.icon-movie:before {
  content: "\e904";
  font-size: 23px;
  padding-left: 0.5rem;
}

.icon-align-justify:before {
  content: "\e905";
  position: relative;
  font-size: 35px;
  top: -8px;
  left: 5px;
}

.icon-star-full:before {
  content: "\e906";
  font-size: 24px;
  color: #d6d623;
}

.icon-chevron-left:before {
  content: "\e907";
}

.icon-chevron-right:before {
  content: "\e908";
}

.icon-circle:before {
  content: "\e909";
}

.icon-users:before {
  content: "\e90a";
}

.icon-map:before {
  content: "\e90b";
}

.icon-tag:before {
  content: "\e90c";
}

.icon-chronometer:before {
  content: "\e90d";
}

.zlt {
  color: #3587b9;
}

.zaat {
  color: #ca415e;
}

.sbr {
  color: #ccdb2d;
}

.zwtt {
  color: #fcb813;
}

.icon-check:before {
  content: "\e915";
  font-size: 1.25em;
  left: -1rem;
  top: 1.2rem;
  position: absolute;
}

@media (min-width: 1200px) {
  .main {
    margin-left: 250px;
    margin-top: 0;
  }
}

header {
  height: 85vh;
}

.content {
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
}

@media (min-width: 992px) {
  .content {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

.overflow {
  overflow: hidden;
}

p {
  font-size: 1em;
}

.regular-weight {
  font-weight: 400;
}

.container {
  max-width: 90%;
}

img {
  width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  color: #000;
  transition: 0.4s;
}

a:hover {
  text-decoration: none;
  color: #d6d623;
}

.form-link {
  color: #d6d623;
  transition: 0.4s;
}

.form-link:hover {
  color: #b8b81e;
}

.underline {
  border-bottom: 3px solid #d6d623;
}

.border {
  border: 1px solid #f5f5f5;
  border-radius: 0.3125em;
}

h1 {
  line-height: 1.1em;
}

h2 {
  font-size: 2.28em;
  font-weight: 400;
  margin-bottom: 2rem;
  line-height: 1.1em;
}

h3 {
  line-height: 1;
}

@media (min-width: 768px) {
  h2 {
    font-size: 2.8em;
  }
}

/* Font weight */

.font600 {
  font-weight: 600 !important;
}

.font800 {
  font-weight: 800;
}

/* Text center */

.center {
  text-align: center;
}

@media (min-width: 768px) {
  .centerh2 {
    text-align: center;
  }
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.upper-p {
  padding-top: 1rem;
  padding-bottom: 2rem;
}

/* Margin */
.margTop0 {
  margin-top: 0 !important;
}

.margTop2 {
  margin-top: 2rem;
}

.margTop3 {
  margin-top: 3rem;
}

.margTop100px {
  margin-top: 70px;
}

.margLeft1 {
  margin-left: 1rem;
}

@media (min-width: 1200px) {
  .margTop100px {
    margin-top: 0;
  }
}

/* Button */

button {
  border: 0;
  background: transparent;
  outline: none !important;
  font-weight: 600;
}

.button {
  color: rgba(35, 35, 35, 1);
  background: #ffff;
  border-radius: 0.3125em;
  box-shadow: 0 5px 30px 0 rgba(65, 81, 97, 0.26);
  border: 0;
  padding-bottom: 1.0625em;
  padding-top: 1.0625em;
  padding-left: 1.25em;
  padding-right: 1.25em;
  height: 3.5rem;
  font-size: 0.8em;
  transition: 0.4s;
  text-transform: uppercase;
  font-weight: 600;
  border: 1px solid #d6d623;
}

.button.gold-bg:hover {
  background: #b8b81e;
}

@media (max-width: 340px) {
  .button {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.slider-text .button {
  position: relative;
  top: -1.5rem;
}

@media (min-width: 1024px) {
  .button-display {
    display: none;
  }
}

/*@media(min-width:1024px){
    .button{
        padding-left: 67px;
        padding-right: 67px;
    }
}
*/

.white-button,
.gold-button {
  color: rgba(35, 35, 35, 1);
  background: #ffff;
  border-radius: 0.3125em;
  box-shadow: 0 10px 20px 0 rgba(77, 126, 179, 0.25);
  border: 0;
  height: 3.5rem;
  font-size: 0.8em;
  transition: 0.4s;
}

.white-button {
  border: 1px solid #d6d623;
  display: none;
  width: 11rem;
  margin: auto;
  position: relative;
  padding-top: 17px;
}

.header-button {
  height: 3rem;
  padding: 0;
}

.white-button .button-text {
  position: relative;
  top: -18px;
}

.gold-button {
  border: 1px solid #d6d623;
  background: #d6d623;
  padding-left: 1rem;
  padding-right: 1rem;
}

.button:hover,
.white-button:hover {
  background: #b8b81e;
  color: #000;
}

.gold-button:hover {
  background: #b8b81e;
}

@media (min-width: 1200px) {
  .white-button {
    display: block;
  }

  .gold-button {
    width: 11rem;
  }

  .header-button {
    height: 3.5rem;
  }

  .button-wrapper-gold {
    margin-bottom: 5em;
    margin-top: 0.9375rem;
  }

  .button-wrapper-white {
    margin-bottom: 0.3125em;
  }
}

/* Sidenav */

.side-nav {
  position: absolute;
  left: 0;
  top: 0;
  background: #f5f5f5;
  width: 100%;
  z-index: 1000;
  height: 70px;
}

.side-nav-container {
  width: 95%;
  position: relative;
  margin: auto;
  height: 100%;
}

.side-nav img {
  width: 100%;
}

.nav-buttons {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}

.logo-wrapper {
  position: relative;
  width: 6rem;
  z-index: 1;
  height: 100%;
  display: flex;
}

.logo-text-hr {
  width: 12rem !important;
  margin: auto;
  display: none;
}

.logo-text {
  display: none;
}

@media screen and (orientation: landscape) {
  .side-nav {
    position: relative;
  }
}

@media (min-width: 1200px) {
  .side-nav {
    position: fixed;
  }

  .logo-text-hr,
  .logo-text {
    display: block;
  }

  .logo-wrapper {
    display: block;
    height: auto;
  }
}

.logo-wrapper img {
  width: 100%;
  height: auto;
  padding: 0.5rem;
  padding-left: 0;
}

.info {
  font-size: 1em;
  display: none;
}

.info p {
  margin-bottom: 0.5rem;
}

.info div {
  margin-bottom: 0.5rem;
}

.navbar-toggler {
  float: right;
  height: 100%;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
}

.lang-desktop {
  display: none;
}

.lang {
  position: absolute;
  right: 45px;
  height: 100%;
  display: flex;
  justify-items: center;
  align-items: center;
}

.lang a {
  padding: 0.625rem;
  padding-top: 1.0625rem;
  padding-bottom: 1.0625rem;
  background: #ffff;
  border-radius: 0.3125em;
}

@media (min-width: 350px) {
  .lang {
    right: 65px;
  }
}

/* Hamburger */

.animated-icon2 {
  width: 30px;
  height: 20px;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.animated-icon2 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.animated-icon2 span {
  background: #000;
  height: 2px;
}

.animated-icon2 span:nth-child(1) {
  top: 0px;
}

.animated-icon2 span:nth-child(2),
.animated-icon2 span:nth-child(3) {
  top: 10px;
  height: 1.9px;
}

.animated-icon2 span:nth-child(4) {
  top: 20px;
}

.animated-icon2.open-hamb span:nth-child(1) {
  top: 11px;
  width: 0%;
  left: 50%;
}

.animated-icon2.open-hamb span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.animated-icon2.open-hamb span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.animated-icon2.open-hamb span:nth-child(4) {
  top: 11px;
  width: 0%;
  left: 50%;
}

@media (min-width: 1200px) {
  .side-nav {
    display: block;
    text-align: center;
    min-height: 100vh;
    width: 250px;
  }

  .logo-wrapper {
    position: relative;
    width: 100%;
  }

  .nav-buttons {
    top: 150px;
  }

  .logo-wrapper img {
    position: relative;
    width: 100%;
    padding-left: 1rem;
  }

  .info {
    display: block;
    margin-bottom: 5rem;
  }

  .navbar-toggler {
    display: none;
  }

  .lang {
    display: none;
  }

  .lang-desktop {
    display: block;
  }
}

.lang-desktop .button {
  color: rgba(35, 35, 35, 1);
  border-radius: 0.3125em;
  box-shadow: 0 10px 20px 0 rgba(77, 126, 179, 0.25);
  border: 0;
  padding-bottom: 1.0625rem;
  padding-top: 1.0625rem;
  padding-left: 4.1875rem;
  padding-right: 4.1875rem;
  height: 3.5rem;
  font-size: 0.8em;
  transition: 0.4s;
}

/* Modal menu */
.modal {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #f5f5f5;
  transform: translateY(-100%);
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  opacity: 1;
}

.open {
  transform: translateY(0%);
}

.close {
  transform: translateY(-100%);
}

.close-modal-x,
.close-video-x,
.close-x {
  background: #d6d623;
  padding: 1rem;
  font-weight: 400;
  width: 3.125rem;
  height: 3.125rem;
  text-align: center;
  font-size: 1.5em;
  line-height: 20px;
  cursor: pointer;
  transition: 0.4s;
}

.close-x {
  float: right;
}

.close-video-x {
  position: absolute;
  right: 0;
  z-index: 1000000000;
}

.close-booknow-x:hover,
.close-video-x:hover,
.close-modal-x:hover {
  background: #b8b81e;
}

.modal-nav {
  display: flex;
  margin-top: 100px;
}

@media (min-width: 1024px) {
  .modal-nav {
    height: 100%;
  }
}

.modal-nav ul {
  list-style: none;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}

.modal-nav ul li {
  list-style: none;
  text-transform: uppercase;
  margin: 1rem;
  margin-bottom: 1rem;
  width: auto;
  height: 1.5rem;
  font-size: 0.95em;
  font-weight: 800;
}

.modal-nav ul li ul {
  margin-top: -3.125rem;
  margin-left: 9.4375rem;
  position: absolute;
  background: #ffff;
  padding: 0;
  opacity: 0;
  transition: 0.4s;
  overflow: hidden;
  visibility: hidden;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);
}

.modal-nav .menu li {
  font-weight: 800;
}

.zg-tour {
  font-weight: 400 !important;
}

.sub-menu li {
  font-weight: 800 !important;
  position: relative;
}

.sub-menu {
  margin-left: 2rem !important;
}

.sub-menu li::before {
  content: "";
  height: 0.0625rem;
  width: 1.5rem;
  background: #000;
  position: absolute;
  left: -2rem;
  top: 0.6rem;
}

.dropdown {
  width: 10.125em !important;
}

.dropdown:hover ul {
  opacity: 1;
  visibility: visible;
}

.dropdown .icon-chevron-right {
  position: relative;
}

.dropdown .icon-chevron-right::before {
  font-size: 1.25em;
  position: absolute;
  left: 5px;
  top: -1px;
  transition: 0.4s;
  color: #000 !important;
}

.dropdown:hover .icon-chevron-right::before {
  transform: rotate(180deg);
}

.modal-nav-social a {
  font-size: 1.8em;
  margin-right: 3rem;
}

@media (max-width: 320px) {
  .modal-nav ul li {
    font-size: 0.9em;
    font-weight: 600;
  }
}

@media (min-width: 1200px) {
  .modal-nav {
    margin-left: 250px;
    margin-top: 0;
    align-items: center;
  }

  .modal-nav ul li {
    margin: 2rem;
  }
}

/* Modal book now */

.modal-booknow {
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: url("img/zagreb-tours/segway-city-tour-zagreb/segway-city-tour-bg.jpg");
  background-position: center;
  background-size: cover;
  transform: translateY(-100%);
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  opacity: 0;
}

.booknow-row {
  height: 100vh;
  display: flex;
  width: 100%;
  margin: 0;
}

.booknow-margin {
  margin-top: 5rem;
}

.open {
  transform: translateY(0%);
  opacity: 1;
}

.close {
  transform: translateY(-100%);
}

.booknow-card-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}

.booknow-card {
  padding: 0.2rem;
  transition: 0.4s;
}

.booknow-card .as-h3 {
  padding: 1.5rem;
  font-weight: 800;
  font-size: 1.25rem;
  text-align: center;
  background: #fff;
  margin: 0;
  transition: 0.7s;
  line-height: 1;
}

@media (min-width: 768px) {
  .booknow-row {
    align-items: center;
  }

  .booknow-card .as-h3 {
    padding: 2.5rem;
  }

  .booknow-row {
    height: 100vh;
    display: flex;
    width: 100%;
    margin: 0;
  }

  .booknow-margin {
    margin-bottom: 10rem;
    margin-top: 0;
  }
}

@media (min-width: 1024px) {
  .booknow-margin {
    margin-bottom: 0rem;
  }
}

.pink,
.blue,
.yellow,
.orange {
  transition: 0.4s;
  color: #000;
}

.pink .as-h3 {
  background-color: rgba(203, 66, 95, 1);
  color: #fff;
}
.blue .as-h3 {
  background-color: rgba(54, 135, 185, 1);
  color: #fff;
}

.pink .as-h3:hover {
  background-color: rgba(140, 38, 60, 1);
  color: #fff;
}

.blue .as-h3:hover {
  background-color: rgba(40, 101, 138, 1);
  color: #fff;
}

.yellow .as-h3:hover {
  background-color: rgba(205, 216, 46, 1);
  color: #fff;
}

.orange .as-h3:hover {
  background-color: rgba(245, 182, 25, 1);
  color: #fff;
}

/* Header swiper */

.header-swiper {
  width: 100%;
  height: 100%;
}

.header-swiper .swiper-slide {
  position: relative;
  width: 100%;
}

.header-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}

.header-swiper .swiper-slide::before {
  content: "";
  width: 100%;
  height: 45%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(to bottom, #0000, rgba(0, 0, 0, 0.6));
  z-index: 1;
}
.home .header-swiper .slider-text,
.header-swiper .slider-text {
  color: #ffff;
  height: 100%;
  display: flex;
  align-items: flex-end;
  position: relative;
  z-index: 2;
  bottom: 2rem;
}

.home .header-swiper .slider-text {
  bottom: 5rem;
}

.header-swiper-tour {
  bottom: 3rem;
}

@media screen and (orientation: landscape) {
  .header-swiper .slider-text {
    bottom: 1rem;
  }
  .home .header-swiper .slider-text {
    bottom: 6rem;
  }
  .header-swiper-tour {
    bottom: 1rem;
  }
}

.header-swiper .swiper-button-next,
.swiper-button-prev {
  background: rgba(255, 255, 255, 0.25);
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  transition: 0.4s;
  padding: 1.8rem;
}

.header-swiper .swiper-button-next:hover,
.header-swiper .swiper-button-prev:hover {
  background: rgba(255, 255, 255, 1);
}

.header-swiper .swiper-button-prev:after,
.header-swiper .swiper-button-next:after {
  font-size: 1em;
  color: #000;
}

.header-swiper .slider-text h1,
.header-swiper .slider-text .as-h1 {
  font-size: 3em;
  font-weight: 800;
  margin: 0;
  color: #fff;
  margin-bottom: 0.7rem;
}

.header-swiper .slider-text p,
.header-swiper .slider-text .h2-ash3 {
  font-size: 1.15em;
  font-weight: 600;
  margin-bottom: 3rem;
  color: #fff;
}

@media screen and (orientation: landscape) {
  .header-swiper .slider-text h1,
  .header-swiper .slider-text .as-h1 {
    font-size: 2rem;
  }
  .header-swiper .slider-text p,
  .header-swiper .slider-text .h2-ash3 {
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 3rem;
    color: #fff;
  }
}

@media (min-width: 1024px) {
  .header-swiper .slider-text {
    bottom: 3rem;
    margin: 0;
    width: 100%;
  }

  .header-swiper.home-s .slider-text {
    bottom: 5rem;
  }

  .header-swiper .slider-text h1,
  .header-swiper .slider-text .as-h1 {
    font-size: 3.5em;
  }

  .header-swiper .slider-text p,
  .header-swiper .slider-text .h2-ash3 {
    font-size: 1.5em;
    width: 90%;
  }
}

@media (min-width: 1600px) {
  .header-swiper .slider-text h1,
  .header-swiper .slider-text .as-h1 {
    font-size: 4.5em;
  }

  .header-swiper .slider-text p,
  .header-swiper .slider-text .h2-ash3 {
    font-size: 2em;
  }
}

/* Meet Zagreb section */
.video {
  position: relative;
}

.video-section {
  margin-top: 2rem;
}

.video-section h2 {
  font-size: 1.125em;
  font-weight: 800;
  margin: 0;
  line-height: 1.5;
}

.certificate-wrapper {
  width: 8rem;
  margin-left: auto;
}

.video-info {
  display: flex;
  justify-content: center;
  text-align: center;
  padding-bottom: 4rem;
  padding-top: 3rem;
  align-items: center;
  height: 100%;
}

.video-info p {
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 800;
}

@media (min-width: 768px) {
  .video-info p {
    font-size: 1.2em;
  }
}

/* Modal Video */

.button-video {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.modal-video {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -100;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.4s;
  overflow: auto;
}

.video-open {
  opacity: 1;
  z-index: 100000000000;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
}

.video-close {
  opacity: 0;
  z-index: -100;
}

.video-play {
  width: 100%;
}

.review-box-stars ul,
.star-wrapper ul {
  padding: 0;
  padding-bottom: 1rem;
}

.review-box-stars ul li,
.star-wrapper ul li {
  display: inline-block;
  list-style: none;
  position: relative;
  padding-right: 1.2rem;
}

.review-box-stars .icon-star-full,
.star-wrapper .icon-star-full {
  position: absolute;
  left: 0;
  transform: rotate(-45deg);
}

/* Tour card section */

.tour-card {
  border: 1px solid rgba(55, 136, 186, 0.18);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.03);
  text-align: center;
  margin-top: 2rem;
  height: 100%;
  border-radius: 0.3125em;
}

.tour-card h3 {
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin: 0;
  font-weight: 800;
  border-bottom: 1px solid rgba(55, 136, 186, 0.18);
  margin: 0;
  font-size: 1.1875em;
  line-height: 1;
}

.card-img {
  overflow: hidden;
}

.card-img img {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  transition: 0.5s;
}

.tour-card a:hover img {
  transform: scale(1.03);
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.tour-card a:hover {
  color: #000;
}

.tour-card ul {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid rgba(55, 136, 186, 0.18);
  background: #f5f5f5;
  margin: 0;
}

.tour-card ul li {
  padding: 0.4rem;
}

.tour-card p {
  padding: 1rem;
}

.card-price .button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin: auto;
}

.tour-card a:hover .card-price .button {
  background: #b8b81e;
}

.card-price .price {
  display: flex;
  justify-content: space-around;
  align-content: space-between;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.price .normal-price {
  text-decoration: line-through;
  font-size: 1.15em;
  display: flex;
  align-items: center;
  color: #999;
}

.price .discount-price {
  color: #d6d623;
  font-weight: 800;
  font-size: 1.6em;
}

.margin-tour {
  margin-bottom: 2rem;
}

@media screen and (min-width: 576px) and (max-width: 700px) {
  .price .normal-price {
    font-size: 0.85em;
  }

  .price .discount-price {
    font-size: 1.25em;
  }
}
@media (min-width: 1200px) {
  .margin-tour {
    margin-bottom: 0rem;
  }
}

@media (min-width: 1200px) {
  .margin-tour {
    margin-bottom: 0rem;
  }
}

/* Certifikati section */

.certificate {
  display: flex;
  justify-content: space-around;
}

.certificate .logo1 {
  width: 6rem;
  padding: 0.5rem;
}

.certificate .logo3,
.certificate .logo2 {
  width: 7rem;
  padding: 0.5rem;
}

.margin-cerificate {
  margin-top: 0rem;
}

@media (min-width: 1024px) {
  .margin-cerificate {
    margin-top: 4rem;
  }

  .certificate .logo1,
  .certificate .logo2,
  .certificate .logo3 {
    padding: 0;
  }
}

/* Review box section */

.review-box {
  padding: 2rem;
  background-color: rgba(255, 255, 255, 1);
  height: 100%;
  border-radius: 0.3125em;
  box-shadow: 0 10px 15px 0 rgba(77, 127, 178, 0.26);
  margin: 0.7rem;
}

.review-box-name {
  margin-bottom: 0.5rem;
  font-size: 0.9em;
}

.review-box-stars {
  margin-bottom: 0.5rem;
}

.review-box-name .icon-circle-f:first-child {
  position: relative;
  margin-left: 1rem;
}

/* Review swiper*/

.swiper-review .swiper-pagination {
  position: relative;
  padding-top: 3rem;
}

.swiper-review {
  overflow: visible;
}

.swiper-review .swiper-slide {
  align-self: stretch;
  height: auto;
  border-radius: 5px;
}
.swiper-tours .swiper-pagination-bullet,
.swiper-review .swiper-pagination-bullet {
  width: 0.875em;
  height: 0.875em;
  margin: 0px 0.625em !important;
  background: #d6d623;
}
.swiper-tours .swiper-pagination {
  position: relative;
  margin-top: 2rem;
}

/* About box section */

.box-about {
  box-shadow: 0 10px 20px 0 rgba(77, 127, 178, 0.26);
  padding: 3rem;
  height: 100%;
  margin-bottom: 2rem;
  border-radius: 5px;
}

.box-about .as-h3 {
  font-size: 1.5em;
  line-height: 1;
  font-weight: 800;
}

.gold-bg {
  background: #d6d623;
}

.box-about-margin {
  margin-top: 2rem;
}

@media (min-width: 992px) {
  .box-about {
    margin-bottom: 0;
  }
}

@media (min-width: 1024px) {
  .box-about-margin {
    margin-top: 0;
  }
}

/* Footer */

.footer-up {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 2px solid #f5f5f5;
  border-bottom: 2px solid #f5f5f5;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.footer-logo-mob {
  width: 15rem;
  margin: auto;
  padding-bottom: 4rem;
  display: block;
}

.footer-logo {
  width: 15rem;
  padding-bottom: 4rem;
  display: none;
  margin: 0;
  padding: 0;
}

.footer-social-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-social-wrapper p {
  margin: 0;
}

.footer-down {
  padding-top: 2rem;
}

.footer-down-social {
  float: left;
}

.footer-down-social span {
  font-size: 2em;
  padding: 1rem;
  padding-right: 0;
}

.footer-author p {
  font-size: 0.9em;
}

@media (min-width: 576px) {
  .footer-terms {
    display: flex;
    align-items: center;
  }

  .footer-terms p:last-child {
    margin-left: 2rem;
  }

  .footer-author {
    float: right;
  }
}

@media (min-width: 768px) {
  .footer-logo {
    display: block;
  }

  .footer-logo-mob {
    display: none;
  }
}

/* Tour Info Page */

.header-tour {
  height: 70vh;
}

.right {
  z-index: 2;
  display: none;
}

.reservation-form {
  width: 100%;
  background: #f4f4f4;
  padding: 2.5rem 2.5rem 2rem;
  border-radius: 5px;
  position: relative;
  margin-top: -10rem;
  z-index: 1;
  box-shadow: 0 5px 30px 0 rgba(65, 81, 97, 0.26);
}

.form-mobile {
  margin-top: 0;
}

.form-tour-name {
  font-size: 1.2em;
  font-weight: 600;
}

.form-tour-price {
  font-size: 1.3em;
  font-weight: 600;
}

.reservation-form .as-h3 {
  font-size: 1.8em;
  margin-bottom: -0.1rem;
  line-height: 1;
  font-weight: 800;
}

.reservation-form select,
.reservation-form input {
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 16px;
  width: 100%;
  line-height: 1rem;
  outline-color: #f5f5f5;
}

.reservation-form select {
  border-radius: 0.3125em;
  border: 0;
  height: 2.5rem;
  background: #fff !important;
  padding-left: 2rem;
  text-align: -moz-center;
  text-align: -webkit-center;
  -webkit-appearance: none;
  display: flex;
  align-items: center;
}

.reservation-form label {
  text-transform: uppercase;
  font-size: 0.75em;
  font-weight: 600;
}

.checkbox-wrapper {
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.iti {
  width: 100%;
  margin-bottom: 1rem;
}

.iti__selected-flag {
  border-right: 2px solid #f5f5f5;
  padding: 0 10px 0 10px;
}

.iti--separate-dial-code .iti__selected-flag {
  background: #fff !important;
}

.reservation-form input[type="checkbox"] {
  width: auto;
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.reservation-form input[type="submit"] {
  background: #d6d623;
  padding: 1rem;
  text-transform: uppercase;
  font-weight: 600;
  transition: 0.4s;
}

.reservation-form input[type="submit"]:hover {
  background: #b8b81e;
}

input[type="date"] {
  display: block;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  max-height: 2.5rem;
  background: #fff !important;
  display: flex;
  align-items: center;
}

input[type="date"]:not(.has-value):before {
  color: #777777;
  content: attr(placeholder);
}

.reservation-form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #c7c7c7;
}
.reservation-form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #c7c7c7;
}
.reservation-form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #c7c7c7;
}
.reservation-form input:-moz-placeholder {
  /* Firefox 18- */
  color: #c7c7c7;
}

#phone {
  padding-left: 4rem;
}

#phone2 {
  padding-left: 5rem;
}

.form-icon {
  position: relative;
}

.form-icon .icon-chronometer,
.form-icon .icon-users {
  position: absolute;
  left: 20px;
  top: 32px;
}

.form-icon .icon-chronometer::before,
.form-icon .icon-users::before {
  font-size: 1.25em;
}

.reservation-form label[for="terms"] {
  text-transform: none;
  font-size: 0.75em;
}

.tour-info {
  padding: 0;
  margin-bottom: 3rem;
}

.tour-info li {
  width: 49%;
  text-align: left;
  display: inline-block;
}

.toru-info-number {
  margin-left: 0.5rem;
  font-weight: 600;
  font-size: 1em;
}

.tour-info-icon {
  font-size: 1.7em;
  position: relative;
  top: 5px;
}

@media (min-width: 576px) {
  .form-icon .icon-chronometer,
  .form-icon .icon-users {
    top: 36px;
  }
}

@media (min-width: 992px) {
  .right {
    display: block;
  }
  .form-mobile {
    display: none;
  }
}

@media (min-width: 576px) and (max-width: 992px) {
  .tour-info {
    padding: 0;
    margin-bottom: 3rem;
    display: flex;
    justify-content: space-between;
  }
}

@media (min-width: 1120px) {
  .tour-info {
    padding: 0;
    margin-bottom: 3rem;
    display: flex;
    justify-content: space-between;
  }
}

@media (min-width: 1300px) {
  .reservation-form input {
    margin-bottom: 0.5rem;
  }

  .reservation-form p {
    margin-bottom: 1.25rem;
  }

  .form-tour-name {
    float: left;
  }

  .form-tour-price {
    float: right;
  }

  .reservation-form label[for="terms"] {
    font-size: 0.9em;
  }
}

label {
  display: inline-block;
  margin-bottom: 0.25rem;
}

/* Did you know */

.did-you-know {
  position: relative;
}

.vertical-text {
  position: relative;
  font-weight: 800;
  font-size: 2em;
  text-transform: uppercase;
}

.vertical-text::before {
  content: "";
  border-left: 4px solid #d6d623;
  height: 80%;
  padding-right: 1rem;
}

@media (min-width: 1024px) {
  .did-you-know {
    position: relative;
    display: flex;
    align-items: center;
  }

  .vertical-text {
    text-transform: uppercase;
    writing-mode: vertical-rl;
    transform: scale(-1);
    float: left;
  }

  .vertical-text::before {
    content: "";
    border-left: 4px solid #d6d623;
    position: absolute;
    left: -20px;
    bottom: 0;
    top: 0;
    margin: auto;
  }

  .did-you-know p {
    width: 110%;
    padding-left: 4rem;
  }
}

/* Tour plan and map */

.tour-plan {
  padding-bottom: 0;
  margin-left: 1.25rem;
}

.tour-plan h4 {
  text-transform: uppercase;
  font-size: 1.125em;
  font-size: 800;
}

.tour-plan ul {
  padding: 0;
  list-style: none;
  margin-bottom: 3rem;
}

.tour-plan ul li {
  margin-bottom: 1rem;
}

.tour-map-list-padding-right ul {
  margin-bottom: 0.4rem;
}

.tour-map ul {
  padding: 0;
  list-style: none;
}

.tour-map ul li {
  background: #f5f5f5;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  line-height: 1.25;
  font-size: 0.85rem;
}

.tour-map ul li::before {
  content: "\2022";
  font-weight: bold;
  display: inline-block;
  margin-bottom: 0.3rem;
  font-size: 1.2em !important;
}

.tour-plan ul li::before {
  content: "\2022";
  font-weight: bold;
  display: inline-block;
  margin-left: -1em;
  font-size: 1.2em !important;
}

.tour-map ul li:last-child {
  margin: 0;
}

.tour-map ul li {
  margin-bottom: 1rem;
}

.tour-map ul li {
  margin-bottom: 0.4rem;
}

.tour-map ul li span,
.tour-plan ul li span {
  font-family: "Raleway", sans-serif;
  line-height: 1.6;
  font-size: 1em;
}

.tour-map ul li span {
  font-size: 0.875em;
  font-weight: 600;
}

.tour-map ul li::before,
.tour-plan ul li::before {
  font-size: 0.875em;
  padding-right: 0.8rem;
  color: #d6d623;
  font-weight: 800;
}

.google-map iframe {
  width: 100%;
  outline: 0;
  border: 0;
}

@media (min-width: 576px) {
  .tour-map-list-padding-left {
    padding-left: 0.1rem;
  }
  .tour-map-list-padding-right {
    padding-right: 0.1rem;
  }

  .tour-map ul {
    margin-top: 2rem;
  }
}

/* Swiper tour */
.swiper-tours-after .swiper-slide,
.swiper-tours .swiper-slide {
  height: 34.375rem;
  position: relative;
  text-align: center;
  border-radius: 0.3125em;
  overflow: hidden;
}

.slider-hover {
  transition: 0.5s;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.swiper-tours-after .swiper-slide:hover .slider-hover,
.swiper-tours .swiper-slide:hover .slider-hover {
  transform: scale(1.03);
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.swiper-tours-after .swiper-slide:hover .gold-bg,
.swiper-tours .swiper-slide:hover .gold-bg {
  background: #b8b81e;
}
.swiper-tours-after .swiper-slide a,
.swiper-tours .swiper-slide a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.bg-zagrab-walk-talk {
  background: url("img/zagreb-tours/zagreb-walk-talk-tour/zagreb-walk-talk-tour-800.jpg");
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.bg-zagreb-leisure-tour {
  background: url("img/zagreb-tours/zagreb-leisure-tour/zagreb-leisure-tour-800.jpg");
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.bg-segway-basic-ride {
  background: url("img/zagreb-tours/segway-basic-ride/segway-basic-ride-800.jpg");
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.bg-zagreb-all-around-tour {
  background: url("img/zagreb-tours/zagreb-all-around-tour/zagreb-all-around-tour-800.jpg");
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media (min-width: 768px) {
  .bg-zagrab-walk-talk {
    background: url("img/zagreb-tours/zagreb-walk-talk-tour/zagreb-walk-talk-tour-1024.jpg");
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .bg-zagreb-leisure-tour {
    background: url("img/zagreb-tours/zagreb-leisure-tour/zagreb-leisure-tour-1024.jpg");
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .bg-segway-basic-ride {
    background: url("img/zagreb-tours/segway-basic-ride/segway-basic-ride-1024.jpg");
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .bg-zagreb-all-around-tour {
    background: url("img/zagreb-tours/zagreb-all-around-tour/zagreb-all-around-tour-1024.jpg");
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
}

@media (min-width: 1200px) {
  .bg-zagrab-walk-talk {
    background: url("img/zagreb-tours/zagreb-walk-talk-tour/zagreb-walk-talk-tour-1300.jpg");
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .bg-zagreb-leisure-tour {
    background: url("img/zagreb-tours/zagreb-leisure-tour/zagreb-leisure-tour-1300.jpg");
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .bg-segway-basic-ride {
    background: url("img/zagreb-tours/segway-basic-ride/segway-basic-ride-1300.jpg");
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .bg-zagreb-all-around-tour {
    background: url("img/zagreb-tours/zagreb-all-around-tour/zagreb-all-around-tour-1300.jpg");
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
}

@media (min-width: 2000px) {
  .bg-zagrab-walk-talk {
    background: url("img/zagreb-tours/zagreb-walk-talk-tour/zagreb-walk-talk-tour-2000.jpg");
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .bg-zagreb-leisure-tour {
    background: url("img/zagreb-tours/zagreb-leisure-tour/zagreb-leisure-tour-2000.jpg");
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .bg-segway-basic-ride {
    background: url("img/zagreb-tours/segway-basic-ride/segway-basic-ride-2000.jpg");
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .bg-zagreb-all-around-tour {
    background: url("img/zagreb-tours/zagreb-all-around-tour/zagreb-all-around-tour-2000.jpg");
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
}

.bg-zagreb-all-around-tour::before,
.bg-segway-basic-ride::before,
.bg-zagreb-leisure-tour::before,
.bg-zagrab-walk-talk::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.swiper-tours-content {
  text-align: left;
  position: absolute;
  bottom: 0rem;
  padding: 2rem;
  padding-bottom: 4rem;
  color: #fff;
}

.swiper-tours-content h3 {
  font-weight: 800;
  font-size: 2em;
  line-height: 1;
}

.swiper-tours-content p {
  margin-bottom: 2rem;
}
.swiper-tours-after .button,
.swiper-tours .button {
  width: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

/*Page price list*/

.contact h1,
.price-list h1 {
  font-size: 2.5em;
  font-weight: 400;
  text-transform: uppercase;
}

.contact .subhead,
.price-list .subhead {
  font-weight: 800;
  font-size: 1.5em;
  text-transform: uppercase;
}

/*Page after ride*/

.swiper-after-ride-info .swiper-slide,
.swiper-after-ride .swiper-slide {
  height: 17.1875rem;
  position: relative;
  text-align: center;
  border-radius: 0.3125em;
  overflow: hidden;
}

.swiper-after-ride-info .swiper-slide a,
.swiper-after-ride .swiper-slide a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.vertical-text-after-ride-info,
.vertical-text-after-ride {
  font-weight: 800;
  font-size: 2.5em;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  .vertical-text-after-ride {
    text-align: center;
    margin-left: 0;
    writing-mode: vertical-rl;
    transform: scale(-1);
    float: left;
    font-size: 3em;
    height: 17.1875rem;
  }
  .vertical-text-after-ride-info {
    height: 17.1875rem;
    text-align: center;
    margin-right: 0;
    writing-mode: vertical-rl;
    transform: scale(-1);
    float: right;
    font-size: 3em;
  }
}

.swiper-tours-content-wrapper {
  display: flex;
  align-items: center;
  height: 100%;
  text-align: left;
  padding: 2rem;
  color: #fff;
  background: linear-gradient(
    0deg,
    rgba(30, 41, 61, 0.49) 25%,
    rgba(34, 57, 82, 0.42) 75%
  );
  border-radius: 0.3125em;
}

.swiper-tours-content-wrapper h3 {
  font-size: 2em;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 1;
}

.swiper-tours-content-wrapper p {
  margin-bottom: 2rem;
}

.swiper-tours-content-wrapper .button {
  width: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.bg-klovicevi-dvori {
  background: url("img/after-ride/klovicevi-dvori.jpg");
}

.bg-memorial-center {
  background: url("img/after-ride/memorial-center.jpg");
}

.bg-mimara {
  background: url("img/after-ride/mimara.jpg");
}

.bg-moderna-galerija {
  background: url("img/after-ride/moderna-galerija.jpg");
}

.bg-muzej-grada-zagreba {
  background: url("img/after-ride/muzej-grada-zagreba.jpg");
}

.bg-lido {
  background: url("img/after-ride/lido.jpg");
}

.bg-stari-fijaker {
  background: url("img/after-ride/stari-fijaker.jpg");
}

.bg-okrugljak {
  background: url("img/after-ride/okrugljak.jpg");
}

.bg-agava {
  background: url("img/after-ride/agava.jpg");
}

.bg-lari-and-penati {
  background: url("img/after-ride/lari-and-penati.jpg");
}

.bg-le-bistro {
  background: url("img/after-ride/le-bistro.jpg");
}

.bg-dubravkin-put {
  background: url("img/after-ride/dubravkin-put.jpg");
}

.bg-baltazar {
  background: url("img/after-ride/baltazar.jpg");
}

.bg-htz {
  background: url("img/after-ride/htz-400.jpg");
}

.bg-hak {
  background: url("img/after-ride/hak-400.jpg");
}

.bg-tzgz {
  background: url("img/after-ride/tzgz-400.jpg");
}

.bg {
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.5s;
  border-radius: 0.3125em;
}

.bg-segway-basic-ride::before,
.bg-zagreb-leisure-tour::before,
.bg-zagrab-walk-talk::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3125em;
}

.swiper-after-ride-info .swiper-slide:hover .bg {
  transform: scale(1.03);
}

.swiper-after-ride-info .swiper-slide:hover .button {
  background: #b8b81e;
}

/* Contact page */

form {
  width: 100%;
  background: #f5f5f5;
  padding: 2rem;
}

label {
  text-transform: uppercase;
  font-size: 0.75em;
  font-weight: 600;
}

textarea,
input {
  width: 100%;
  padding: 0.5rem;
  margin-bottom: 2rem;
  border-radius: 0.3125em;
  border: 1px solid #f0f0f0;
  font-size: 16px;
}

.check {
  display: none;
}

/* Terms and conditions page */

.terms h1 {
  text-transform: uppercase;
  font-size: 2.25em;
  margin-bottom: 2rem;
}

.terms h2 {
  text-transform: uppercase;
  font-size: 1.75em;
  margin-bottom: 0.5rem;
  font-weight: 600;
  margin-top: 2rem;
}

.terms a {
  color: #d6d623;
}

.terms a:hover {
  color: #b8b81e;
}

/* Privacy data page */

.privacy h1 {
  text-transform: uppercase;
  font-size: 2.25em;
  margin-bottom: 2rem;
}

.privacy p {
  margin-bottom: 3rem;
}

.privacy strong {
  font-size: 1.125em;
}

strong {
  font-weight: 600;
  font-style: normal;
}

/* Photo gallery page */
.sl-overlay {
  background: rgba(0, 0, 0, 0.9);
}

.sl-next,
.sl-prev {
  background: rgba(35, 35, 35, 1);
  color: #fff !important;
  border-radius: 50%;
  width: 3.75em;
  height: 3.75em;
  line-height: 60px;
  font-size: 2.1875em;
  transition: 0.4s;
}

.sl-wrapper .sl-close {
  color: #fff;
}

.logo-contact {
  width: 15rem;
  padding: 2rem;
  padding-left: 0;
}

.form-message {
  margin-bottom: 0;
  font-size: 1em;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    visibility 0s linear 0.25s, color 0.25s ease;
  will-change: opacity, visibility;
}
.form-message.show {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s,
    visibility 0s linear, color 0.25s ease;
  will-change: opacity, visibility, color;
}
.form-message.ok {
  color: green;
}
.form-message.error {
  color: red;
}

.contact-form .form-message.ok {
  bottom: 1rem;
  padding-left: 2rem;
}

.contact-form .form-message.error {
  bottom: 1rem;
  padding-left: 1rem;
}

@media (min-width: 992px) {
  .contact-form .form-message.ok {
    bottom: 3rem;
  }
  .contact-form .form-message.error {
    color: red;
    bottom: 3rem;
  }
}

.form-submit .button {
  width: 100%;
  margin-bottom: 0.5rem;
}

.form-message {
  position: relative;
}

form.was-validated .form-element input:invalid,
form.was-validated .form-element select:invalid,
form.was-validated .form-element textarea:invalid {
  border-color: #ff0000;
}

.form-element.honey,
.form-element.real-element {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  opacity: 0;
  z-index: -1;
}

.form-acceptance > p {
  color: #9d9d9d;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.2;
}

.weather-wrapper-desktop {
  margin: auto;
  display: none;
  position: relative;
}

@media (min-width: 576px) and (max-width: 1200px) {
  .weather-wrapper-desktop {
    margin-top: 4rem;
  }
}

#condition {
  font-size: 5.5em;
  text-align: center;
}

#weather {
  font-weight: 600;
}

#city {
  margin-right: 1rem;
  font-size: 1.5em;
}

.dhmz-logo {
  position: absolute;
  font-size: 0.6em;
  left: 0;
  bottom: -13px;
}

.weather-wrapper-mobile {
  position: relative;
  margin: auto;
  width: 10rem;
}

@media (min-width: 576px) {
  .weather-wrapper-mobile {
    display: none;
  }

  .weather-wrapper-desktop {
    display: block;
  }
}

.submit-contact {
  width: 10rem;
}

.kartice li {
  width: 4rem;
  display: inline-block;
  list-style: none;
  padding-left: 1rem;
}

.kartice .kartice-text {
  width: 100%;
  display: inline-block;
}

.kartice {
  position: absolute;
  top: 0;
  left: 3rem;
}

.kartice-wrapper {
  position: relative;
  margin-top: 2rem;
}

@media (min-width: 992px) {
  .kartice-wrapper {
    margin-top: 0;
  }
}

/* Reservation Page */

.reservation-title {
  text-align: center;
  margin-bottom: 2rem;
}

.reservation-title h1 {
  font-size: 2.5em;
  font-weight: 400;
  text-transform: uppercase;
}

.resrvation-info {
  list-style: none;
  margin: 0;
  padding: 2rem;
}

.resrvation-info li {
  display: inline-block;
  font-size: 0.75em;
  width: 100%;
}

.resrvation-info li span {
  opacity: 0.6;
  font-weight: 800;
}

.resrvation-info li p {
  font-weight: 600;
  font-size: 1.35em;
  margin: auto;
  opacity: 1;
}

@media (min-width: 500px) {
  .resrvation-info li {
    width: 40%;
    padding: 0;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}

@media (min-width: 900px) {
  .resrvation-info li {
    width: auto;
    margin-right: 1rem;
    padding-right: 1rem;
    margin-bottom: 0.5rem;
    border-right: 1px dashed #004923;
  }
}

.reservation-order-details h2 {
  font-weight: 800;
  font-size: 1.625em;
  text-transform: uppercase;
  margin-top: 3rem;
}

.reservation table {
  width: 100%;
  background: #fff;
  border: 2px solid #ddd;
}

.reservation table tbody th {
  width: 70%;
  font-weight: 400;
  padding: 1rem;
  border-bottom: 1px solid #ddd;
}

.reservation table thead th {
  font-weight: 800;
  padding: 1rem;
  border-bottom: 1px solid #ddd;
  text-transform: uppercase;
  color: rgb(153, 153, 153);
  font-size: 0.8125em;
}

.reservation-details {
  padding: 1rem;
  border-radius: 5px;
}

.reservation-details p {
  margin: 0.2rem;
  font-weight: 600;
}

.reservation-details ul {
  list-style: none;
  padding: 0rem;
  padding-bottom: 0;
  margin: 0;
}

.reservation-details-one ul {
  padding: 0;
  margin-bottom: 0;
}

.reservation-details-one ul li:first-child {
  margin-left: 0rem;
}

.reservation-details-one ul li {
  list-style: none;
}

@media (min-width: 1250px) {
  .reservation-details-one ul li {
    display: inline-block;
    margin-left: 1.5rem;
  }
}

.reservation-details ul li {
  margin-bottom: 0.5rem;
}

/* After Ride Page */

.after-ride article {
  padding-top: 3rem;
  padding-bottom: 3rem;
  position: relative;
  cursor: pointer;
}

@media (min-width: 480px) {
  .after-ride article {
    padding: 3rem;
  }
}

.after-ride article::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #f5f5f5;
  z-index: 0;
  transform: scaleX(0);
  transition: all 0.5s;
}

.after-ride article h2 {
  font-size: 2.5rem;
  font-weight: 800;
}

.article-link:hover {
  color: #000;
}

.after-ride article .article-link-button {
  text-transform: uppercase;
  font-weight: 600;
  color: #d6d623;
  position: relative;
  display: inline;
  top: 1rem;
}

.after-ride article .article-link-button::before {
  content: "";
  position: absolute;
  height: 2px;
  background: #000;
  width: 0%;
  left: 0;
  bottom: -3px;
  transition: all 0.5s;
}

.after-ride article:hover:before {
  transform: scaleX(1);
}
.after-ride article:hover .article-link-button::before {
  width: 100%;
  color: #b8b81e;
}

.info-h2 {
  font-size: 2.5rem;
  font-weight: 800;
}

/*Post Page*/

.latest-posts h3 {
  font-size: 1.75em;
  font-weight: 800;
}

.latest-posts {
  padding-left: 3rem;
  border-left: 3px solid #d6d623;
  margin-top: 2rem;
}

@media (min-width: 768px) {
  .latest-posts {
    margin-top: 6rem;
  }
}

.latest-posts-img {
  width: 100%;
  margin: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.latest-posts ul {
  padding: 0;
  list-style: none;
}

.latest-posts ul li {
  font-weight: 600;
}

.latest-posts ul li::before {
  content: "\2022";
  font-weight: bold;
  display: inline-block;
  margin-left: -1em;
  font-size: 1.2em !important;
  padding-right: 0.8rem;
  color: #d6d623;
  font-weight: 800;
}

.post-link {
  font-weight: 600;
}

.datepicker-relativ {
  position: relative;
}

.iti__country-list {
  width: 100%;
}
.iti__flag-container {
  width: 100%;
}
.iti__selected-flag {
  width: 3.8375em;
  border-right: 2px solid #f5f5f5;
}

.section-one {
  background: #cddc2d;
  color: #004923;
}

.section-two {
  box-shadow: 0 5px 10px 0 rgba(77, 126, 179, 0.15);
  padding: 1rem;
  border-top: 4px solid #cddc2d;
}

.reservation-order-details {
  padding-left: 1rem;
}

#address-country2,
#address-country {
  display: none;
}

.main-slide-buttons {
  width: 100%;
}

.main-slide-buttons .button {
  height: 2.7rem;
  padding-left: 1em;
  padding-right: 1em;
}

.main-slide-buttons div {
  height: 3.5rem;
}

@media (min-width: 1025px) {
  .main-slide-buttons div {
    display: inline;
  }

  .main-slide-buttons .button {
    font-size: 0.735em;
  }
}

@media (min-width: 1300px) {
  .main-slide-buttons .button {
    font-size: 0.8em;
  }
}

.information {
  padding: 2rem;
  margin-top: -5rem;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0.3125em;
  box-shadow: 0 10px 15px 0 rgba(77, 127, 178, 0.26);
  position: relative;
  z-index: 3;
}

.information p {
  font-size: 1.125em;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 0;
}

.check-col {
  margin-bottom: 1rem;
}

.recaptcha {
  margin-top: 1rem;
}

@media (min-width: 992px) {
  .recaptcha {
    position: absolute;
    bottom: -6.5rem;
    padding-right: 1rem;
  }
}
.grecaptcha-badge {
  visibility: hidden;
}

.margBottom2 {
  margin-bottom: 2rem;
}

.information-span {
  font-size: 0.875em;
}

.margBottomBlock1 {
  margin-bottom: 3rem;
}

@media (min-width: 1025px) {
  .margBottomBlock1 {
    margin-bottom: 0rem;
  }
}

.object {
  margin-bottom: 3rem;
}

.kayak-logo {
  width: 9.375rem;
  margin: auto;
}

/*FRANJO ADDED*/

.fd-ai {
  flex-direction: column !important;
  align-items: center !important;
}

.info-mobile {
  display: flex;
  justify-content: space-evenly;
  text-align: center;
  background-color: #fff;
  align-items: center;
  border-bottom: 1px solid rgba(34, 34, 34, 0.15);
  padding: 0.4rem 0;
  margin-top: 70px;
}

.info-mobile p {
  margin-bottom: 0;
}

.info-mobile .font600 {
  font-weight: 400 !important;
}

@media (min-width: 1200px) {
  .info-mobile {
    display: none;
  }
}

@media screen and (orientation: landscape) {
  .info-mobile {
    margin-top: 0;
  }
}

/* Franjo added for EUR */
.big-link-text,
.normal-price,
.discount-price,
.toru-info-number {
  display: inline-flex;
  align-items: center;
}
.eur {
  font-size: 12px;
  margin-left: 0.5rem;
}

/* Surcharge */
.surcharge {
  color: #858585;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
}

.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 1.25rem;
  background: #d6d623;
  border-radius: 1.25rem;
  z-index: 1002;
  width: 80%;
}
@media (min-width: 576px) {
  .popup {
    width: auto;
  }
}
.no-scroll {
  overflow: hidden;
}

.popup p {
  color: #000;
  font-family: Raleway;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  margin: 1.075rem 1rem;
}

.popup-close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  cursor: pointer;
  width: 24px;
  height: 24px;
}

.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7); /* Adjust the alpha value for transparency */
  z-index: 1001;
}