@charset "UTF-8";

:root {
   --appMaxWidth: 1424px;
   --appGrid_Base: repeat(4, 1fr);
   --appGrid_Lite: repeat(8, 1fr);
   --appGrid_Full: repeat(12, 1fr);
   --gapsCol_Mini: 12px;
   --gapsCol_Base: 20px;
   --gapsCol_Plus: 40px;
   --gapsCol_Mega: 80px;
   --gapsRow_Mini: 20px;
   --gapsRow_Base: 20px;
   --gapsRow_Plus: 40px;
   --gapsRow_Mega: 60px;
   --fontFamily_Main: "Montserrat", sans-serif;
   --fontFamily_Extra: "Libre Baskerville", sans-serif;
   --fontFamily_Focus: sans-serif;
   --fontFamily_Code: monospace;
   --lineHeight_Main: 1.625;
   --lineHeight_H1: 1.25;
   --lineHeight_Hx: 1.4;
   --textMargin_Base: 1.051rem;
   --textMargin_Mini: .65rem;
   --textMargin_Plus: 2.102rem;
   --fontSize_Main: clamp(15px, 1.97vw, 16px);
   --fontSize_Hint: 13px;
   --fontSize_Menu: 15px;
   --fontSize_Desc: 17px;
   --fontSize_Spec: clamp(16px, 2.1vw, 18px);
   --fontSize_H4: clamp(15px, 1.97vw, 16px);
   --fontSize_H3: clamp(15px, 1.97vw, 16px);
   --fontSize_H2: clamp(18px, 2.37vw, 24px);
   --fontSize_H1: clamp(26px, 3.42vw, 60px);
   --fontWeight_Main: 400;
   --fontWeight_MainBold: 700;
   --fontWeight_MainSpec: 0;
   --fontWeight_Extra: 400;
   --fontWeight_ExtraBold: 700;
   --fontWeight_Focus: 0;
   --fontWeight_FocusBold: 0;
   --fontWeight_Code: 400;
   --fontWeight_CodeBold: 700;
   --letterSpacing_Main: 0;
   --letterSpacing_Head: 0;
   --colorBlack: #000000;
   --colorWhite: #ffffff;
   --colorSelection: rgba(188, 150, 119, .8);
   --colorOnlay: rgba(0, 0, 0, .45);
   --colorText: #333435;
   --colorTitle: #121213;
   --colorSpec: #333435;
   --colorGray_10: #f1f2f4;
   --colorGray_20: #b6b7b9;
   --colorGray_30: #757679;
   --colorAccent: #bc9677;
   --colorTelegram: #24a1de;
   --colorWhatsApp: #25d366;
   --colorInstagram: #25d366;
   --buttonSize_Base: 40px;
   --buttonSize_Mini: 33px;
   --buttonSize_Plus: 53px;
   --inputSize_Base: 40px;
   --inputSize_Mini: 32px;
   --inputSize_Plus: 52px;
   --checkSize_Base: 16px;
   --checkSize_Plus: 20px;
   --borderRadius_Base: 4px;
   --borderRadius_Mini: 0;
   --borderRadius_Plus: 10px;
   --transition_Base: all .3s;
   --transition_Text: all .15s
}

*,
*:before,
*:after {
   box-sizing: border-box
}

html {
   line-height: var(--lineHeight_Main);
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: transparent
}

body {
   margin: 0;
   font-family: var(--fontFamily_Main);
   font-size: var(--fontSize_Main);
   font-weight: var(--fontWeight_Main);
   color: var(--colorText);
   text-rendering: optimizeSpeed;
   letter-spacing: var(--letterSpacing_Main);
   background-color: var(--colorWhite)
}

*:focus:not(:focus-visible) {
   outline-width: 0
}

::selection {
   color: var(--colorWhite);
   text-shadow: none;
   background-color: var(--colorSelection)
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: var(--fontFamily_Main);
   margin: 0;
   text-rendering: optimizeLegibility
}

p {
   margin: 0
}

ul,
ol {
   margin: 0;
   padding: 0;
   list-style: none
}

hr {
   margin: 0
}

a {
   color: inherit;
   text-decoration: none;
   text-decoration-skip: edges;
   cursor: default
}

b,
strong {
   font-weight: var(--fontWeight_MainBold)
}

i,
em {
   font-style: normal
}

sup,
sub {
   position: relative;
   vertical-align: baseline;
   line-height: 0;
   font-size: 75%
}

sup {
   top: -.5em
}

sub {
   bottom: -.25em
}

small {
   font-size: 1em
}

mark {
   background-color: #0000
}

abbr[title] {
   text-decoration: underline;
   text-decoration-style: dotted
}

pre,
code,
kbd,
samp {
   font-family: var(--fontFamily_Code);
   font-size: 1em
}

img {
   max-width: 100%;
   height: auto;
   object-fit: cover
}

iframe {
   border: 0
}

video {
   outline: 0
}

input,
textarea {
   letter-spacing: inherit;
   border-width: 0;
   outline: 0
}

input::placeholder,
textarea::placeholder {
   opacity: 1
}

button {
   padding: 0;
   background-color: #0000;
   border: 0
}

button,
input[type=button],
input[type=submit] {
   letter-spacing: inherit
}

button,
input,
optgroup,
select,
textarea {
   margin: 0;
   line-height: var(--lineHeight_Main);
   font-family: inherit;
   font-size: 1em
}

button,
[type=button],
[type=reset],
[type=submit] {
   padding: 0
}

[type=button],
select {
   border: 0
}

fieldset,
legend {
   padding: 0
}

progress {
   vertical-align: baseline
}

textarea {
   resize: vertical
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
   height: auto
}

[type=search] {
   outline-offset: -2px
}

::-webkit-file-upload-button {
   font: inherit
}

summary {
   display: list-item
}

@media print {

   *,
   *:before,
   *:after {
      text-shadow: none !important;
      background: #0000 !important;
      box-shadow: none !important
   }

   a,
   a:visited {
      text-decoration: underline
   }

   a[href]:after {
      content: " (" attr(href) ")"
   }

   a[href^="#"]:after {
      content: ""
   }

   abbr[title]:after {
      content: " (" attr(title) ")"
   }

   pre {
      white-space: pre-wrap !important
   }

   blockquote,
   pre {
      border: 1px solid #999999;
      page-break-inside: avoid
   }

   thead {
      display: table-header-group
   }

   img,
   tr {
      page-break-inside: avoid
   }

   h2,
   h3,
   p {
      orphans: 3;
      widows: 3
   }

   h2,
   h3 {
      page-break-after: avoid
   }

   table {
      border-collapse: collapse !important
   }

   table th,
   table td {
      background-color: #fff !important
   }
}

[data-reader] {
   overflow: hidden !important;
   position: absolute;
   width: 1px !important;
   height: 1px !important;
   margin: -1px !important;
   padding: 0 !important;
   white-space: nowrap !important;
   font-size: 0 !important;
   border: 0 !important;
   clip: rect(0, 0, 0, 0) !important
}

.block-link {
   font-size: 0
}

.block-link:after {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 200;
   background-color: transparent;
   pointer-events: auto
}

.underline,
.header-internal-page .menu .link-page li:not(.book-now) a,
.header-internal-page .menu .book-now a,
.footer .footer-wrapper .menu .list .menu-list a,
.footer .footer-wrapper .copyright a,
.lake-maggiore .carts-wrap .cart .description h2 a,
a.email,
.cart-propertie .title h3,
.wysiwyg a {
   text-decoration: underline;
   text-decoration-style: dotted;
   text-decoration-thickness: .077em;
   text-underline-offset: .144em;
   text-decoration-color: transparent
}

.is-hide {
   visibility: hidden !important;
   width: 0 !important;
   height: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   font-size: 0 !important
}

.is-lock {
   overflow: hidden !important
}

body.is-lock {
   position: fixed;
   width: 100%
}

::-webkit-scrollbar {
   -webkit-appearance: none;
   width: 7px;
   height: 7px
}

::-webkit-scrollbar-track {
   background: var(--colorGray_10)
}

::-webkit-scrollbar-thumb {
   background-color: var(--colorGray_20);
   border-radius: 10px;
   box-shadow: 0 0 1px #ffffff80
}

*::-webkit-media-controls {
   display: none !important;
   -webkit-appearance: none
}

#iframe_map body {
   display: none
}

.bold {
   font-weight: 700
}

h1,
h2,
h3,
h4,
h5 {
   font-family: var(--fontFamily_Extra)
}

h1 {
   font-size: 28px
}

h1.main-title {
   font-size: 60px;
   color: var(--colorAccent)
}

h2 {
   font-size: 24px
}

h3 {
   font-size: 20px
}

h4 {
   font-size: 18px
}

.subtitle {
   font-size: 18px;
   font-weight: 500
}

.large-text {
   font-size: 16px
}

.btn {
   padding: 13px 26px;
   border-radius: 100px
}

.btn.fill {
   background-color: var(--colorAccent)
}

.btn.fill.black-grey-color {
   background-color: var(--colorText)
}

.btn.outline {
   border: solid 1px #fff
}

.main-wrapper {
   display: flex;
   flex-direction: column;
   margin: auto
}

.mobile-menu .burger {
   display: flex;
   width: 38px;
   height: 18px;
   background-repeat: no-repeat;
   background-position: center
}

.mobile-menu .close {
   display: flex;
   width: 38px;
   height: 38px;
   background-image: url(./close-ZK1RuvvW.svg)
}

.header {
   position: sticky;
   width: 100%;
   margin-top: -160px;
   height: 160px;
   top: 0;
   padding: 24px 40px 0 48px;
   display: flex;
   align-items: baseline;
   justify-content: space-between;
   white-space: nowrap;
   gap: 32px;
   background: linear-gradient(180deg, #000, #0000);
   z-index: 10
}

.header>.logo {
   position: absolute;
   left: 44%;
   transition: .5s
}

.header>.logo img {
   width: 185px;
   height: 115px;
   z-index: 10;
   position: relative
}

.header .menu {
   display: flex;
   width: 100%;
   justify-content: space-between
}

.header .menu ul {
   display: flex;
   align-items: center;
   list-style: none
}

.header .menu .link-page {
   gap: 26px
}

.header .menu .book-now {
   margin-right: 56px
}

.header .menu .book-now a {
   color: var(--colorAccent)
}

.header .menu .for-owners {
   margin-right: 20px
}

.header a {
   text-decoration: none;
   color: #fff;
   font-size: 16px;
   font-weight: 700;
   line-height: 24px
}

.header .mobile-menu {
   display: none;
   cursor: pointer
}

.header .mobile-menu .burger {
   background-image: url(utility/vendors/media/icons/menu.svg)
}

.header .translation {
   display: flex;
   justify-content: space-between
}

.header .translation a {
   color: var(--colorGray_20)
}

.header .translation a:first-child {
   padding-right: 5px
}

.header .translation a:last-child {
   border-left: solid 2px var(--colorGray_20);
   padding-left: 5px
}

.header .translation .current-lang {
   color: var(--colorAccent)
}

.first-section {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
   height: 100vh;
   min-height: 550px;
   background: url(./hero-video-Csb8du4e.webp) no-repeat center;
   background-color: #27160970;
   background-size: cover;
   position: relative;
   overflow: hidden
}

.first-section .in-absolute {
   position: absolute;
   width: 100%;
   height: 100%
}

.first-section .in-absolute .in {
   width: 100%;
   height: 100%;
   position: absolute;
   background-color: #27160970
}

.first-section .in-absolute .main-video {
   height: 100%;
   width: 100%;
   object-fit: cover;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   pointer-events: none
}

.first-section .welcome {
   display: flex;
   flex-grow: 1
}

.first-section .position-welcome {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   align-items: center;
   justify-content: center;
   color: #fff;
   position: relative;
   bottom: 30px;
   gap: 10px
}

.first-section .position-welcome h1.main-welcome {
   font-size: 48px;
   text-align: center
}

.first-section .kross-container-custom {
   max-width: 1300px;
   width: calc(100% - 40px);
   border-radius: 10px;
   margin-bottom: 20px
}

.first-section .kross-container-custom .kross-transparency {
   border-radius: 10px
}

.first-section .kross-container-custom .form-kross-booking {
   border: none;
   border-radius: 8px
}

.first-section .kross-container-custom .kb-form-group {
   border: none
}

.first-section .kross-container-custom .kb-date .kb-d,
.first-section .kross-container-custom .kb-qt {
   color: var(--colorAccent)
}

.first-section .kross-container-custom .kb-btn {
   border-radius: 0 8px 8px 0;
   background-color: var(--colorAccent)
}

.main-wrapper .locations {
   display: flex;
   max-width: 1412px;
   width: 100%;
   margin: 55px auto;
   padding-bottom: 10px;
   gap: 30px;
   justify-content: space-between;
   overflow: auto hidden
}

.main-wrapper .locations .cart-location {
   flex-shrink: 1;
   position: relative
}

.main-wrapper .locations .cart-location a {
   text-decoration: none;
   color: #353433
}

.main-wrapper .locations .cart-location img {
   width: 100%;
   border-radius: 10px
}

.main-wrapper .locations .cart-location .white-back-wrapper {
   position: absolute;
   bottom: 0;
   display: flex;
   width: 100%
}

.main-wrapper .locations .cart-location .white-back-wrapper .white-back {
   width: 100%;
   height: 56px;
   background-color: #fff;
   margin: 0 30px;
   display: flex;
   justify-content: center;
   align-items: center
}

.main-wrapper .locations .cart-location .white-back-wrapper .white-back:after {
   content: "";
   display: block;
   position: absolute;
   bottom: 0;
   width: 80px;
   height: 2px;
   background-color: var(--colorAccent)
}

.main-wrapper .locations::-webkit-scrollbar {
   height: 8px
}

.main-wrapper .locations::-webkit-scrollbar-track {
   background: var(--colorGray_10)
}

.main-wrapper .locations::-webkit-scrollbar-thumb {
   background-color: var(--colorGray_20);
   border-radius: 10px
}

.main-wrapper .our-properties {
   max-width: 1412px;
   width: 100%;
   margin: 40px auto 80px;
   display: flex;
   flex-direction: column
}

.main-wrapper .our-properties h1 {
   text-align: center
}

.main-wrapper .our-properties .carts-propertie {
   margin: 30px 0 0;
   display: flex;
   flex-wrap: wrap;
   gap: 38px 35px;
   justify-content: center
}

.main-wrapper .our-properties .carts-propertie .cart-propertie {
   max-width: 100%;
   width: 446px;
   max-height: 500px;
   display: flex;
   flex-direction: column;
   padding: 21px;
   background-color: var(--colorGray_10);
   border-radius: 10px
}

.main-wrapper .our-properties .carts-propertie .cart-propertie img {
   width: 100%
}

.main-wrapper .our-properties .carts-propertie .cart-propertie .previe-icons {
   display: flex;
   flex-direction: row;
   align-items: center;
   height: 80px;
   gap: 10px;
   border-bottom: solid 1px var(--colorGray_20)
}

.main-wrapper .our-properties .carts-propertie .cart-propertie .previe-icons .icon {
   width: 70px;
   height: 47px;
   margin: 0 15px;
   text-align: end;
   align-content: center;
   position: relative
}

.main-wrapper .our-properties .carts-propertie .cart-propertie .previe-icons .icon:before {
   content: "";
   display: block;
   position: absolute;
   top: 4px;
   width: 40px;
   height: 40px;
   background-size: contain
}

.main-wrapper .our-properties .carts-propertie .cart-propertie .previe-icons .group:before {
   background-image: url(./group-pTRLAdjU.svg)
}

.main-wrapper .our-properties .carts-propertie .cart-propertie .previe-icons .bed:before {
   background-image: url(./bed-vYueYnZc.svg)
}

.main-wrapper .our-properties .carts-propertie .cart-propertie .previe-icons .apartment:before {
   width: 32px;
   height: 32px;
   top: 6px;
   background-image: url(./apartment-BWBl6nis.svg)
}

.main-wrapper .our-properties .carts-propertie .title {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   margin-top: 20px;
   justify-content: space-around
}

.main-wrapper .our-properties .carts-propertie .title p {
   font-size: 16px;
   color: var(--colorGray_30)
}

.main-wrapper .our-properties .carts-propertie .title a {
   line-height: 28px;
   font-weight: 700;
   text-decoration: none;
   color: #000;
   font-family: var(--fontFamily_Extra);
   font-size: 20px
}

.main-wrapper .our-properties .see-all {
   height: 60px;
   width: 100%;
   border: solid 1px var(--colorAccent);
   border-radius: 30px;
   color: var(--colorAccent);
   background: none;
   display: flex;
   text-decoration: none;
   align-items: center;
   justify-content: center
}

.main-wrapper .video-section {
   display: flex;
   align-items: center;
   margin: 0 auto;
   width: 100%;
   max-width: 1550px;
   min-width: 0
}

.main-wrapper .video-section .video-wrapper {
   width: 100%;
   display: flex;
   align-items: center;
   margin: 0 30px;
   min-width: 0
}

.main-wrapper .video-section .arrow-left,
.main-wrapper .video-section .arrow-right {
   height: 40px;
   min-width: 40px;
   z-index: 10
}

.main-wrapper .video-section .arrow-left {
   background: url(./ctrl-prev-Dv9xiApX.svg)
}

.main-wrapper .video-section .arrow-right {
   background: url(./ctrl-next-BEYni59a.svg)
}

.main-wrapper .video-section .videos {
   width: 100%;
   min-width: 0;
   max-width: 1412px;
   flex-wrap: nowrap
}

.main-wrapper .video-section .videos .video-block {
   display: flex;
   height: initial;
   position: relative
}

.main-wrapper .video-section .videos .video-block .video {
   border-radius: 10px;
   width: 100%;
   object-fit: cover
}

.main-wrapper .video-section .videos .video-block .play-button {
   position: absolute;
   pointer-events: none;
   top: calc(50% - 52px);
   right: calc(50% - 52px);
   width: 105px;
   height: 105px;
   background: url(./ctrl-play-xhVL260i.svg)
}

.main-wrapper .why-us {
   display: flex;
   flex-direction: column;
   gap: 65px;
   position: relative;
   margin: 80px auto;
   max-width: 1412px
}

.main-wrapper .why-us h1 {
   color: var(--colorText);
   line-height: 42px
}

.main-wrapper .why-us h3 {
   padding: 10px 0;
   color: var(--colorText);
   -webkit-hyphens: auto;
   hyphens: auto
}

.main-wrapper .why-us .carts-why-us {
   display: flex
}

.main-wrapper .why-us .carts-why-us .cart-why-us {
   flex: 1;
   padding: 0 15px 0 33px;
   border-right: solid 1px var(--colorGray_10)
}

.main-wrapper .why-us .carts-why-us .cart-why-us img {
   width: 80px;
   height: 80px;
   object-fit: none;
   object-position: left
}

.main-wrapper .why-us .carts-why-us .cart-why-us span {
   line-height: 28px;
   font-size: 16px;
   color: var(--colorGray_30)
}

.main-wrapper .why-us .carts-why-us .cart-why-us:first-child {
   padding: 0 15px 0 0
}

.main-wrapper .why-us .carts-why-us .cart-why-us:last-child {
   padding: 0 0 0 33px;
   border-right: none
}

.our-partners {
   display: flex;
   flex-direction: column;
   gap: 24px;
   margin: 0 auto 90px;
   max-width: 1412px;
   width: calc(100% - 40px)
}

.our-partners h1 {
   color: var(--colorText)
}

.our-partners .partners {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   gap: 30px 23px;
   justify-content: space-between
}

.our-partners .partners .cart-partners {
   max-height: 147px;
   border: solid 1px var(--colorGray_10);
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 5px
}

.our-partners .partners .cart-partners img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain
}

.footer {
   width: 100%;
   background-color: var(--colorGray_10);
   color: var(--colorText)
}

.footer .footer-wrapper {
   display: grid;
   grid-auto-flow: row;
   grid-template-columns: 1fr 2fr 1fr 2fr 1fr;
   grid-template-rows: 1fr 1fr;
   grid-template-areas: "logo address menu contacts social" "logo address menu contacts copyright";
   max-width: 1412px;
   width: calc(100% - 40px);
   height: 100%;
   margin: 0 auto
}

.footer .footer-wrapper .logo {
   grid-area: logo;
   display: flex;
   align-items: center;
   justify-content: center
}

.footer .footer-wrapper .logo img {
   position: relative;
   top: -5px
}

.footer .footer-wrapper .address {
   grid-area: address;
   display: flex;
   align-items: center;
   justify-content: center
}

.footer .footer-wrapper .address .address-block {
   display: flex;
   flex-direction: column;
   font-family: var(--fontFamily_Main)
}

.footer .footer-wrapper .address .address-block span {
   font-size: 14px;
   line-height: 24px
}

.footer .footer-wrapper .address .address-block .title {
   font-family: var(--fontFamily_Extra);
   font-weight: 700;
   font-size: 18px;
   line-height: 28px
}

.footer .footer-wrapper .menu {
   grid-area: menu;
   display: flex
}

.footer .footer-wrapper .menu .list {
   display: flex;
   flex-direction: row;
   gap: 68px
}

.footer .footer-wrapper .menu .list .menu-list {
   list-style: none;
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 8px
}

.footer .footer-wrapper .menu .list .menu-list li {
   white-space: nowrap
}

.footer .footer-wrapper .menu .list .menu-list a {
   text-decoration: none;
   color: var(--colorText);
   font-weight: 700;
   font-size: 16px;
   line-height: 24px
}

.footer .footer-wrapper .menu .list .menu-list .book-now {
   color: var(--colorAccent);
   margin-right: 56px
}

.footer .footer-wrapper .contacts {
   grid-area: contacts;
   display: flex;
   justify-content: center
}

.footer .footer-wrapper .contacts .contacts-wrap {
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 7px
}

.footer .footer-wrapper .contacts .contacts-wrap .tel {
   font-size: 22px;
   line-height: 36px;
   font-weight: 700;
   font-family: var(--fontFamily_Main);
   white-space: nowrap;
   position: relative;
   padding-left: 30px
}

.footer .footer-wrapper .contacts .contacts-wrap .tel:before {
   content: "";
   position: absolute;
   top: 6px;
   left: 3px;
   height: 24px;
   width: 24px;
   background-image: url(./phone-fjTSi_da.svg)
}

.footer .footer-wrapper .contacts .contacts-wrap .email {
   text-decoration: none;
   color: var(--colorText);
   font-size: 16px;
   line-height: 26px;
   position: relative;
   padding-left: 30px
}

.footer .footer-wrapper .contacts .contacts-wrap .email:before {
   content: "";
   position: absolute;
   top: 3px;
   left: 3px;
   height: 20px;
   width: 20px;
   background-image: url(./email-BJGzTBU3.svg);
   background-size: contain
}

.footer .footer-wrapper .social {
   grid-area: social;
   display: flex;
   align-items: end;
   gap: 10px;
   margin-bottom: 3px
}

.footer .footer-wrapper .social img {
   width: 32px;
   height: 32px
}

.footer .footer-wrapper .copyright {
   grid-area: copyright;
   white-space: nowrap;
   color: var(--colorGray_30)
}

.footer .footer-wrapper .copyright a {
   text-decoration: none;
   color: #757575
}

.internal-page-wrapper {
   display: flex;
   max-width: 1453px;
   flex-direction: column;
   margin: auto;
   padding: 0 20px
}

.header-wrapper {
   position: sticky;
   width: 100%;
   height: 107px;
   top: 0;
   z-index: 20;
   background: #fff
}

.header-internal-page {
   display: grid;
   grid-auto-flow: column;
   grid-template-columns: auto 1fr auto auto;
   grid-template-areas: "logo menu mobile-menu lang";
   max-width: 1424px;
   height: 100%;
   align-items: center;
   border-bottom: 1px solid var(--colorGray_20)
}

.header-internal-page .logo {
   grid-area: logo
}

.header-internal-page .logo img {
   width: 116px;
   height: 72px
}

.header-internal-page .menu {
   grid-area: menu;
   display: flex;
   justify-content: end;
   gap: 30px;
   margin-right: 23px
}

.header-internal-page .menu ul {
   display: flex;
   align-items: center;
   list-style: none
}

.header-internal-page .menu .link-page {
   gap: 26px
}

.header-internal-page .menu .link-page li:not(.book-now) a {
   color: var(--colorText)
}

.header-internal-page .menu .unique-buttons {
   gap: 20px
}

.header-internal-page .menu .book-now a {
   color: var(--colorAccent)
}

.header-internal-page a {
   text-decoration: none;
   color: #fff;
   font-size: 16px;
   font-weight: 700;
   line-height: 24px
}

.header-internal-page .mobile-menu {
   grid-area: mobile-menu;
   display: none;
   cursor: pointer
}

.header-internal-page .mobile-menu .burger {
   background-image: url(./menu-dark-BYeygVgd.svg)
}

.header-internal-page .translation {
   grid-area: lang;
   display: flex;
   justify-content: space-between
}

.header-internal-page .translation a {
   color: var(--colorText)
}

.header-internal-page .translation a:first-child {
   padding-right: 5px
}

.header-internal-page .translation a:last-child {
   border-left: solid 2px var(--colorText);
   padding-left: 5px
}

.header-internal-page .translation .current-lang {
   color: var(--colorAccent)
}

.about-us-wrap {
   display: flex;
   margin: 80px 0 0;
   justify-content: space-between;
   gap: 120px
}

.about-us-wrap p {
   color: var(--colorText);
   font-size: 16px;
   line-height: 28px;
   margin: 38px 0 46px
}

.about-us-wrap .composit-img {
   display: flex;
   align-items: baseline;
   flex-direction: column;
   position: relative
}

.about-us-wrap .composit-img .achievements {
   position: absolute;
   max-width: 510px;
   width: 100%;
   height: 113px;
   border-radius: 10px;
   display: flex;
   justify-content: space-between;
   padding: 22px;
   z-index: 10;
   background-color: #fff
}

.about-us-wrap .composit-img .achievements .achieve {
   display: flex;
   flex-direction: column
}

.about-us-wrap .composit-img .achievements .achieve .num {
   font-size: 48px;
   line-height: 42px;
   color: var(--colorAccent);
   font-family: var(--fontFamily_Extra)
}

.about-us-wrap .composit-img .achievements .achieve .achieve-name {
   font-size: 16px;
   color: var(--colorText)
}

.about-us-wrap .composit-img img {
   max-width: 755px;
   width: 100%;
   align-self: end;
   object-fit: contain;
   margin-top: 56px
}

.about-us-wrap .video-block {
   position: relative
}

.about-us-wrap .video-block .video {
   max-width: 448px;
   max-height: 798px;
   border-radius: 10px
}

.about-us-wrap .video-block .play-button {
   position: absolute;
   pointer-events: none;
   top: calc(50% - 52px);
   right: calc(50% - 52px);
   width: 105px;
   height: 105px;
   background: url(./ctrl-play-xhVL260i.svg)
}

.our-team {
   display: flex;
   margin: 205px 0 115px;
   gap: 83px
}

.our-team .user-carts {
   display: flex;
   flex-direction: column;
   gap: 63px
}

.our-team .user-carts .line-carts-1 {
   display: flex;
   gap: 70px
}

.our-team .user-carts .line-carts-1 .user-cart {
   align-items: end;
   flex-shrink: 1
}

.our-team .user-carts .line-carts-2 {
   display: flex;
   gap: 61px
}

.our-team .user-carts .line-carts-2 .user-cart {
   flex-direction: column
}

.our-team .user-carts .user-cart {
   display: flex;
   gap: 27px
}

.our-team .user-carts .user-cart img {
   width: 100%
}

.our-team .user-carts .user-cart .name {
   display: flex;
   flex-direction: column;
   flex-shrink: 0
}

.our-team .user-carts .user-cart .name h1 {
   line-height: 42px
}

.our-team .user-carts .user-cart .name .position {
   display: flex;
   flex-direction: column
}

.our-team .user-carts .user-cart .name span {
   color: var(--colorGray_30);
   font-size: 16px;
   line-height: 28px;
   white-space: nowrap
}

.lake-maggiore {
   padding: 82px 0 90px
}

.lake-maggiore .main-title {
   text-align: center;
   margin-bottom: 54px
}

.lake-maggiore .carts-wrap {
   display: flex;
   justify-content: center;
   gap: 31px 40px;
   flex-wrap: wrap;
   margin-bottom: 42px
}

.lake-maggiore .carts-wrap .cart {
   display: flex;
   flex-direction: column;
   max-width: 440px;
   width: 100%;
   max-height: 680px;
   padding: 25px 30px;
   border-radius: 10px;
   background-color: var(--colorGray_10)
}

.lake-maggiore .carts-wrap .cart .composit-img {
   max-width: 380px;
   width: 100%;
   max-height: 290px;
   position: relative;
   overflow: clip
}

.lake-maggiore .carts-wrap .cart .composit-img img {
   object-fit: contain;
   height: 290px
}

.lake-maggiore .carts-wrap .cart .composit-img .substrate {
   padding: 10px 30px;
   border-radius: 30px;
   color: #fff
}

.lake-maggiore .carts-wrap .cart .composit-img .substrate:has(.type) {
   position: absolute;
   top: 20px;
   right: 12px;
   background-color: #353433c2
}

.lake-maggiore .carts-wrap .cart .composit-img .substrate:has(.type) .type {
   font-family: var(--fontFamily_Extra);
   position: relative;
   top: 2px
}

.lake-maggiore .carts-wrap .cart .composit-img .substrate:has(.price) {
   position: absolute;
   right: 17px;
   bottom: 24px;
   background-color: #bc9677
}

.lake-maggiore .carts-wrap .cart .composit-img .substrate:has(.price) .price {
   font-size: 18px;
   line-height: 26px
}

.lake-maggiore .carts-wrap .cart .properties {
   display: flex;
   justify-content: space-between;
   padding: 20px 20px 10px;
   border-bottom: 1px solid var(--colorGray_20)
}

.lake-maggiore .carts-wrap .cart .properties .time-trip,
.lake-maggiore .carts-wrap .cart .properties .type-trip,
.lake-maggiore .carts-wrap .cart .properties .duration-trip {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 8px
}

.lake-maggiore .carts-wrap .cart .properties .time-trip .time,
.lake-maggiore .carts-wrap .cart .properties .type-trip .time,
.lake-maggiore .carts-wrap .cart .properties .duration-trip .time {
   color: var(--colorText)
}

.lake-maggiore .carts-wrap .cart .properties .time-trip .from,
.lake-maggiore .carts-wrap .cart .properties .type-trip .from,
.lake-maggiore .carts-wrap .cart .properties .duration-trip .from {
   color: var(--colorGray_30)
}

.lake-maggiore .carts-wrap .cart .properties .time-trip .desc,
.lake-maggiore .carts-wrap .cart .properties .type-trip .desc,
.lake-maggiore .carts-wrap .cart .properties .duration-trip .desc {
   display: flex;
   flex-direction: column;
   align-items: center
}

.lake-maggiore .carts-wrap .cart .properties .time-trip .duration,
.lake-maggiore .carts-wrap .cart .properties .type-trip .duration,
.lake-maggiore .carts-wrap .cart .properties .duration-trip .duration {
   width: 68px;
   text-align: center
}

.lake-maggiore .carts-wrap .cart .properties .time-trip .time-icon {
   width: 40px;
   height: 40px;
   background: url(./clock-CCc1j9Ss.svg)
}

.lake-maggiore .carts-wrap .cart .properties .type-trip .walk-icon {
   width: 40px;
   height: 40px;
   background: url(/src/assets/style/walking.svg)
}

.lake-maggiore .carts-wrap .cart .properties .type-trip .sailboat-icon {
   width: 40px;
   height: 40px;
   background: url(/src/assets/style/sailboat.svg)
}

.lake-maggiore .carts-wrap .cart .properties .type-trip .hatchback-icon {
   width: 40px;
   height: 40px;
   background: url(/src/assets/style/hatchback.svg)
}

.lake-maggiore .carts-wrap .cart .properties .type-trip .train-icon {
   width: 40px;
   height: 40px;
   background: url(./train-BxYCEO9A.svg)
}

.lake-maggiore .carts-wrap .cart .properties .duration-trip .duration-icon {
   width: 40px;
   height: 40px;
   background: url(./half-day-Ccy4m7Tp.svg)
}

.lake-maggiore .carts-wrap .cart .description h3 {
   line-height: 28px;
   font-weight: 700;
   padding: 16px 0 6px
}

.lake-maggiore .carts-wrap .cart .description h3 a {
   line-height: 28px;
   font-weight: 700;
   text-decoration: none;
   color: #000;
   font-family: var(--fontFamily_Extra);
   font-size: 20px
}

.lake-maggiore .carts-wrap .cart .description .hashtags {
   color: var(--colorAccent);
   font-size: 16px;
   line-height: 28px
}

.lake-maggiore .carts-wrap .cart .description p {
   color: var(--colorGray_30);
   font-size: 16px;
   line-height: 28px
}

.lake-maggiore .pagination {
   display: flex;
   justify-content: center;
   gap: 5px
}

.lake-maggiore .pagination .circle {
   width: 32px;
   height: 32px;
   border: solid 1px var(--colorGray_10);
   border-radius: 100%;
   background-repeat: no-repeat;
   background-position: center;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer
}

.lake-maggiore .pagination .circle.current {
   color: #fff;
   background-color: var(--colorAccent)
}

.lake-maggiore .pagination .dots {
   width: 32px;
   height: 32px;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer
}

.lake-maggiore .pagination .first {
   background-image: url(utility/vendors/media/icons/pagination/First-wc.svg)
}

.lake-maggiore .pagination .prev {
   background-image: url(utility/vendors/media/icons/pagination/Prev-wc.svg)
}

.lake-maggiore .pagination .next {
   background-image: url(utility/vendors/media/icons/pagination/Next-wc.svg)
}

.lake-maggiore .pagination .last {
   background-image: url(utility/vendors/media/icons/pagination/Last-wc.svg)
}

.detail-main-img {
   display: flex;
   max-width: 1728px;
   max-height: 500px;
   margin: 0 auto 45px
}

.detail-main-img img {
   object-fit: cover;
   width: 100%
}

.detail-info {
   display: flex;
   gap: 30px;
   margin-bottom: 50px
}

.detail-info .preview-info {
   display: flex;
   justify-content: space-between;
   gap: 10px
}

.detail-info .preview-info .anchors {
   display: flex;
   gap: 27px;
   padding: 33px 0 36px;
   border-bottom: 1px solid var(--colorGray_20)
}

.detail-info .preview-info .anchors .substrate {
   padding: 10px 30px;
   border-radius: 30px;
   color: #fff
}

.detail-info .preview-info .anchors .substrate:has(.type) {
   background-color: #353433c2
}

.detail-info .preview-info .anchors .substrate:has(.type) .type {
   font-family: var(--fontFamily_Extra);
   position: relative;
   top: 2px
}

.detail-info .preview-info .anchors .substrate:has(.price) {
   background-color: #bc9677
}

.detail-info .preview-info .anchors .substrate:has(.price) .price {
   font-size: 18px;
   line-height: 26px
}

.detail-info .preview-info .properties {
   display: flex;
   gap: 3vw;
   padding: 37px 0 0
}

.detail-info .preview-info .properties .time-trip,
.detail-info .preview-info .properties .type-trip,
.detail-info .preview-info .properties .duration-trip {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 16px
}

.detail-info .preview-info .properties .time-trip .time,
.detail-info .preview-info .properties .type-trip .time,
.detail-info .preview-info .properties .duration-trip .time {
   font-size: 18px;
   color: var(--colorText)
}

.detail-info .preview-info .properties .time-trip .from,
.detail-info .preview-info .properties .type-trip .from,
.detail-info .preview-info .properties .duration-trip .from {
   font-size: 18px;
   color: var(--colorGray_30)
}

.detail-info .preview-info .properties .time-trip .type,
.detail-info .preview-info .properties .type-trip .type,
.detail-info .preview-info .properties .duration-trip .type {
   font-size: 18px;
   color: var(--colorText)
}

.detail-info .preview-info .properties .time-trip .desc,
.detail-info .preview-info .properties .type-trip .desc,
.detail-info .preview-info .properties .duration-trip .desc {
   display: flex;
   flex-direction: column
}

.detail-info .preview-info .properties .time-trip .duration,
.detail-info .preview-info .properties .type-trip .duration,
.detail-info .preview-info .properties .duration-trip .duration {
   font-size: 18px;
   color: var(--colorText);
   width: 90px
}

.detail-info .preview-info .properties .time-trip .time-icon {
   width: 49px;
   height: 49px;
   background: url(./clock-CCc1j9Ss.svg) no-repeat;
   background-size: cover;
   flex-shrink: 0
}

.detail-info .preview-info .properties .type-trip .walk-icon {
   width: 40px;
   height: 40px;
   background: url(/src/assets/style/walking.svg)
}

.detail-info .preview-info .properties .type-trip .sailboat-icon {
   width: 40px;
   height: 40px;
   background: url(/src/assets/style/sailboat.svg)
}

.detail-info .preview-info .properties .type-trip .hatchback-icon {
   width: 40px;
   height: 40px;
   background: url(/src/assets/style/hatchback.svg)
}

.detail-info .preview-info .properties .type-trip .train-icon {
   width: 40px;
   height: 40px;
   background: url(./train-BxYCEO9A.svg)
}

.detail-info .preview-info .properties .duration-trip .duration-icon {
   width: 49px;
   height: 49px;
   background: url(./half-day-Ccy4m7Tp.svg) no-repeat;
   background-size: cover;
   flex-shrink: 0
}

.detail-info .preview-info .map {
   display: flex;
   max-width: 690px;
   max-height: 328px
}

.detail-info .preview-info .map img {
   object-fit: cover;
   width: 100%
}

.detail-info .description h3 {
   font-family: var(--fontFamily_Main);
   font-size: 16px;
   line-height: 24px;
   font-weight: 700;
   padding: 16px 0 6px
}

.detail-info .description .hashtags {
   color: var(--colorAccent);
   font-size: 18px;
   line-height: 40px
}

.detail-info .description p {
   color: var(--colorText);
   font-size: 16px;
   line-height: 28px
}

.detail-info .description .desc-block {
   margin: 10px 15px;
   height: auto
}

.detail-info .description .desc-block-list {
   margin: 10px 0;
   font-weight: 700
}

.answerMail {
   font-family: var(--fontFamily_Extra);
   font-weight: 700;
   font-size: 20px;
   line-height: 28px;
   text-align: center
}

.contact-us {
   display: flex;
   max-width: 1424px;
   flex-direction: column;
   margin: 70px auto 0;
   gap: 45px
}

.contact-us .main-title {
   text-align: center
}

.contact-us .contact-block {
   display: flex;
   justify-content: space-between;
   gap: 92px;
   margin-bottom: 80px
}

.contact-us .contact-block .contact {
   margin-left: 10px
}

.contact-us .contact-block .contact .contacts-wrap {
   display: flex;
   flex-direction: column;
   margin: 10px 0;
   gap: 14px
}

.contact-us .contact-block .contact .contacts-wrap .tel {
   font-size: 18px;
   line-height: 26px;
   font-weight: 500;
   font-family: var(--fontFamily_Main);
   white-space: nowrap;
   position: relative;
   padding-left: 42px
}

.contact-us .contact-block .contact .contacts-wrap .tel:before {
   content: "";
   position: absolute;
   left: 0;
   top: 1px;
   height: 24px;
   width: 24px;
   background-image: url(./phone-fjTSi_da.svg)
}

.contact-us .contact-block .contact .contacts-wrap .email {
   text-decoration: none;
   color: var(--colorText);
   font-size: 16px;
   line-height: 26px;
   position: relative;
   padding-left: 40px
}

.contact-us .contact-block .contact .contacts-wrap .email:before {
   content: "";
   position: absolute;
   top: 3px;
   left: 3px;
   height: 20px;
   width: 20px;
   background-image: url(./email-BJGzTBU3.svg);
   background-size: contain
}

.contact-us .contact-block .contact .social-block {
   display: flex;
   gap: 10px;
   margin: 0 0 37px 40px
}

.contact-us .contact-block .contact .social-block img {
   width: 32px;
   height: 32px
}

.contact-us .contact-block .contact .address {
   display: flex;
   flex-direction: column
}

.contact-us .contact-block .contact .address span {
   line-height: 24px
}

.contact-us .contact-block .contact .address .title {
   font-family: var(--fontFamily_Extra);
   font-weight: 700;
   font-size: 18px;
   line-height: 28px
}

.contact-us .contact-block .map {
   display: flex;
   flex-direction: column;
   flex-grow: 1
}

.contact-us .contact-block .map .googleMap {
   flex-grow: 1;
   max-width: 1080px;
   height: 367px;
   border-radius: 10px
}

.contact-us .contact-block .map .form {
   position: relative;
   top: -36px;
   left: 40px;
   display: flex;
   flex-direction: column;
   gap: 27px;
   max-width: calc(100% - 90px);
   padding: 28px 33px;
   border-radius: 10px;
   background-color: #fff
}

.contact-us .contact-block .map .form .all-fields {
   display: flex;
   gap: 15px
}

.contact-us .contact-block .map .form .all-fields .fields {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   gap: 17px
}

.contact-us .contact-block .map .form .all-fields .fields input {
   height: 50px;
   font-size: 16px;
   background-color: var(--colorGray_10);
   padding: 12px 17px
}

.contact-us .contact-block .map .form .all-fields .comment {
   flex-basis: 611px;
   font-size: 16px;
   background-color: var(--colorGray_10);
   padding: 12px 17px
}

.contact-us .contact-block .map .form .send {
   display: flex;
   align-items: center;
   gap: 25px
}

.contact-us .contact-block .map .form .send .button {
   line-height: 24px;
   padding: 13px 26px;
   border-radius: 100px;
   font-size: 16px;
   color: #fff;
   background-color: var(--colorAccent);
   cursor: pointer
}

.contact-us .contact-block .map .form .send .button span {
   font-size: 16px
}

.contact-us .contact-block .map .form .send .condition a {
   color: #000
}

.main-content-wrapper {
   display: flex;
   flex-direction: row
}

.form-col {
   margin-left: 36px;
   margin-top: -170px;
   border-radius: 10px;
   min-width: 450px;
   background: #fff;
   padding: 12px
}

.form-col-wrapper {
   padding: 29px 36px 36px 40px;
   border-radius: 10px;
   border: 1px solid var(--colorGray_20);
   position: relative;
   margin-bottom: 250px
}

.content-title {
   font-family: var(--fontFamily_Extra);
   font-weight: 700;
   font-size: 28px;
   line-height: 36px;
   color: var(--colorAccent);
   margin-bottom: 14px
}

.content-subtitle {
   font-weight: 700;
   font-size: 16px;
   line-height: 24px;
   margin-bottom: 27px
}

.content-text {
   font-size: 16px;
   line-height: 27px;
   margin-bottom: 42px
}

.content-image img {
   width: 100%
}

.content-image a.btn {
   position: absolute;
   left: 33px;
   bottom: 30px;
   text-decoration: none;
   background: var(--colorText);
   color: #fff
}

.content-image {
   position: relative
}

.form-title {
   font-family: var(--fontFamily_Extra);
   font-weight: 700;
   font-size: 18px;
   line-height: 28px;
   margin-bottom: 11px
}

.form-ratio-wrap {
   display: flex;
   flex-wrap: wrap;
   gap: 24px;
   margin-bottom: 21px
}

.form-ratio-item input {
   display: none
}

.form-ratio-item>label {
   display: flex;
   align-items: center;
   height: 27px
}

.form-ratio-item>label:before {
   content: "";
   display: block;
   width: 16px;
   height: 16px;
   background: url(./check-CJZ45vs2.svg);
   margin-right: 6px;
   background-position: center
}

.form-ratio-item>input:checked+label:before {
   background: url(./check-on-BOq6isnj.svg);
   background-position: center
}

.form-number-wrap {
   display: flex;
   align-items: center;
   height: 50px;
   width: 150px;
   justify-content: space-between;
   background: var(--colorGray_10);
   margin-bottom: 10px
}

.form-number-wrap input {
   display: none
}

.form-number-button {
   width: 38px;
   height: 100%;
   background: var(--colorGray_10);
   cursor: pointer;
   vertical-align: middle;
   line-height: 50px;
   text-align: center
}

.form-text-wrap {
   margin-bottom: 10px
}

.form-text-wrap input {
   background: var(--colorGray_10);
   padding: 12px 16px;
   font-size: 16px;
   line-height: 27px;
   width: 100%
}

.form-file-wrap {
   margin-top: 14px;
   margin-bottom: 19px
}

.form-file-wrap label {
   display: flex;
   gap: 8px;
   align-items: center;
   text-decoration: underline;
   line-height: 27px
}

.form-file-wrap label:before {
   content: "";
   display: block;
   background: url(./upload-DnUGrRrY.svg);
   width: 16px;
   height: 16px;
   background-position: center;
   background-size: 100%
}

.form-file-wrap input {
   display: none
}

.form-textarea-wrap textarea {
   padding: 12px 19px;
   background: var(--colorGray_10);
   width: 100%;
   resize: none;
   font-size: 16px;
   line-height: 27px;
   height: 120px
}

.form-textarea-wrap {
   margin-bottom: 14px
}

.form-send {
   width: 140px;
   height: 50px;
   background: var(--colorAccent);
   color: #fff;
   font-weight: 700;
   cursor: pointer
}

.form-note-wrap {
   background: var(--colorAccent);
   position: absolute;
   right: 0;
   margin-top: 83px;
   width: 770px;
   height: 200px;
   padding: 35px;
   color: #fff;
   z-index: 10;
   border-radius: 10px;
   max-width: calc(100vw - 52px)
}

.form-note-wrap--mobile {
   display: none
}

.form-note-title {
   font-family: var(--fontFamily_Extra);
   font-size: 28px;
   line-height: 36px;
   margin-bottom: 17px
}

.form-note-text {
   font-size: 16px;
   line-height: 27px
}

.form-note-link a.btn {
   text-decoration: none;
   background: var(--colorText);
   color: #fff;
   display: inline-block;
   margin-top: 16px
}

.advantages-wrap {
   margin-top: 60px
}

.advantages-list {
   display: flex;
   gap: 33px
}

.advantages-item {
   padding-left: 6px;
   width: calc(33.3333333333% - 21.3333333333px);
   margin-bottom: 16px
}

.advantages-item:nth-child(3n-2),
.advantages-item:nth-child(3n-1) {
   border-right: 1px solid var(--colorGray_10);
   padding-right: 33px
}

.advantages-icon {
   width: 50px;
   height: 50px;
   margin-bottom: 17px
}

.advantages-icon img {
   width: 100%;
   height: 100%;
   object-fit: contain
}

.advantages-title {
   font-size: 20px;
   line-height: 28px;
   margin-bottom: 12px
}

.advantages-text {
   font-size: 16px;
   line-height: 28px
}

.info-wrap {
   width: 100%;
   margin: 100px 0 86px;
   display: grid;
   gap: 30px;
   grid-auto-flow: row;
   grid-template-columns: 1fr 2fr;
   grid-template-rows: auto 1fr;
   grid-template-areas: "info-main info-list" "info-note-grid info-list"
}

.info-main {
   grid-area: info-main
}

.info-title {
   font-family: var(--fontFamily_Extra);
   font-size: 28px;
   line-height: 36px;
   font-weight: 700;
   margin-bottom: 7px;
   color: var(--colorAccent)
}

.info-text {
   font-size: 16px;
   line-height: 27px
}

.info-note-grid {
   grid-area: info-note-grid
}

.info-note {
   padding: 43px 37px 34px 35px;
   background: var(--colorAccent);
   border-radius: 10px
}

.info-note-title {
   font-family: var(--fontFamily_Extra);
   font-size: 28px;
   line-height: 36px;
   font-weight: 700;
   margin-bottom: 14px;
   color: #fff
}

.info-note-text {
   font-size: 16px;
   line-height: 27px;
   margin-bottom: 24px;
   color: #fff
}

.info-note-btn .btn {
   display: block;
   height: 50px;
   width: 177px;
   border: 1px solid var(--colorText);
   text-align: center;
   font-weight: 700;
   text-decoration: none;
   color: var(--colorText);
   font-size: 16px
}

.info-list {
   grid-area: info-list;
   gap: 30px;
   column-count: 2
}

.info-item {
   padding: 33px 32px 37px 35px;
   background: var(--colorGray_10);
   border-radius: 10px;
   width: 100%;
   break-inside: avoid-column;
   margin-bottom: 20px
}

.info-title-wrap {
   display: flex;
   justify-content: space-between;
   margin-bottom: 25px
}

.info-title-text {
   font-family: var(--fontFamily_Extra);
   font-size: 24px;
   line-height: 36px;
   margin-bottom: 22px
}

.info-title-separator {
   height: 1px;
   background: var(--colorGray_20)
}

.info-icon {
   width: 64px;
   height: 64px;
   margin-left: 27px
}

.info-icon img {
   width: 100%;
   height: 100%;
   object-fit: contain
}

.info-title-container {
   flex-grow: 1
}

.info-content-item {
   display: flex;
   gap: 6px;
   margin-bottom: 16px
}

.info-content-item:last-child {
   margin-bottom: unset
}

.info-content-text {
   font-size: 16px;
   line-height: 27px
}

@media screen and (max-width: 1600px) {
   .main-wrapper .video-section {
      width: calc(100% - 140px)
   }

   .main-wrapper .why-us {
      width: calc(100% - 40px)
   }
}

@media screen and (max-width: 1500px) {
   .header .logo {
      left: 40%
   }

   .main-wrapper .locations {
      gap: 20px
   }
}

@media screen and (max-width: 1440px) {
   .main-wrapper .locations {
      margin: 55px 20px;
      width: calc(100% - 40px)
   }

   .main-wrapper .our-properties {
      padding: 0 20px
   }

   .main-wrapper .our-properties .see-all {
      width: 927px
   }
}

@media screen and (max-width: 1360px) {
   .header {
      flex-direction: row-reverse;
      align-items: flex-start
   }

   .header .logo {
      left: calc(50% - 90px)
   }

   .header .menu.menu-show {
      display: flex;
      z-index: 21
   }

   .header .menu {
      display: none;
      position: absolute;
      top: 75px;
      right: 0;
      width: 288px;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
      background-color: #ffffffe6;
      flex-direction: column;
      gap: 26px;
      z-index: 20
   }

   .header .menu ul {
      flex-direction: column;
      align-items: flex-start
   }

   .header .menu .link-page {
      padding: 32px 36px 0
   }

   .header .menu .unique-buttons {
      padding: 0 22px 36px;
      gap: 22px
   }

   .header .menu .book-now {
      margin-left: 13px
   }

   .header .menu a {
      color: var(--colorText)
   }

   .header .menu .btn {
      width: 100%;
      text-align: center
   }

   .header .menu .btn a {
      color: #fff
   }

   .header .menu .outline {
      background-color: var(--colorText)
   }

   .header .mobile-menu {
      display: block
   }

   .header .translation a {
      font-weight: 400
   }

   .header .translation a:last-child {
      border-left: solid 1px var(--colorGray_20)
   }

   .footer .footer-wrapper {
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr 1fr;
      grid-template-areas: "logo menu address contacts" "logo menu social copyright"
   }

   .footer .footer-wrapper .menu {
      justify-content: center
   }

   .footer .footer-wrapper .menu .list {
      flex-direction: column;
      justify-content: center;
      gap: 8px
   }

   .footer .footer-wrapper .address {
      position: relative;
      top: 33%
   }

   .footer .footer-wrapper .contacts {
      position: relative;
      top: 23%
   }

   .footer .footer-wrapper .social {
      align-items: center;
      justify-content: center
   }

   .footer .footer-wrapper .social .social-block {
      display: flex;
      padding-right: 57px;
      gap: 10px
   }

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

   .header-internal-page {
      grid-template-areas: "lang logo menu mobile-menu"
   }

   .header-internal-page .menu {
      display: none
   }

   .header-internal-page .logo {
      display: flex;
      justify-content: center
   }

   .header-internal-page .mobile-menu {
      display: block
   }

   .header-internal-page .menu.menu-show {
      display: flex;
      z-index: 21
   }

   .header-internal-page .menu {
      display: none;
      position: absolute;
      top: 75px;
      right: 0;
      width: 288px;
      margin: inherit;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
      background-color: #ffffffe6;
      flex-direction: column;
      gap: 26px;
      z-index: 20
   }

   .header-internal-page .menu ul {
      flex-direction: column;
      align-items: flex-start
   }

   .header-internal-page .menu .link-page {
      padding: 32px 36px 0
   }

   .header-internal-page .menu .unique-buttons {
      padding: 0 22px 36px;
      gap: 22px
   }

   .header-internal-page .menu .book-now {
      margin-left: 13px
   }

   .header-internal-page .menu a {
      color: var(--colorText)
   }

   .header-internal-page .menu .btn {
      width: 100%;
      text-align: center
   }

   .header-internal-page .menu .btn a {
      color: #fff
   }

   .header-internal-page .menu .outline {
      background-color: var(--colorText)
   }

   .about-us-wrap {
      gap: 20px
   }

   .about-us-wrap .video-block {
      margin: auto
   }

   .about-us-wrap .video-block .video {
      max-height: 500px
   }

   .our-team {
      flex-direction: column;
      margin: 46px 0 40px;
      gap: 6px
   }
}

@media screen and (max-width: 1024px) {
   .first-section .kross-container-custom .kb-btn {
      border-radius: 0 0 8px 8px
   }

   .main-wrapper .video-section {
      width: calc(100% - 40px)
   }

   .our-team .our-team-wrapper {
      width: fit-content;
      margin: auto
   }

   .our-team .our-team-wrapper .user-carts {
      gap: 24px;
      align-items: center
   }

   .our-team .our-team-wrapper .user-carts .line-carts-1,
   .our-team .our-team-wrapper .user-carts .line-carts-2 {
      gap: 24px;
      flex-direction: column
   }

   .our-team .our-team-wrapper .user-carts .line-carts-2 .user-cart {
      flex-direction: column
   }

   .our-team .our-team-wrapper .user-carts .user-cart {
      gap: 24px;
      position: relative
   }

   .our-team .our-team-wrapper .user-carts .user-cart .name {
      position: absolute;
      right: 0;
      bottom: 0;
      background-color: #fff;
      padding: 10px 18px 0
   }

   .our-team .our-team-wrapper .user-carts .user-cart .name h1 {
      font-size: 20px;
      line-height: 28px;
      font-weight: 700
   }

   .our-team .our-team-wrapper .user-carts .user-cart .name .position {
      flex-direction: row
   }

   .our-team .our-team-wrapper .user-carts .user-cart .name span {
      font-size: 12px;
      line-height: 18px
   }

   .detail-info .preview-info {
      flex-direction: column;
      gap: 26px;
      align-items: center
   }

   .detail-info .preview-info .anchors {
      border-bottom: none
   }

   .detail-info .preview-info .properties {
      padding: 0
   }

   .info-wrap {
      margin: 50px 0 40px;
      grid-template-columns: 1fr;
      grid-template-rows: auto auto auto;
      grid-template-areas: "info-main" "info-list" "info-note-grid"
   }

   .info-list {
      display: flex;
      column-count: initial;
      width: 100%;
      overflow: auto;
      padding-right: 20px
   }

   .info-item {
      padding: 18px;
      min-width: 260px;
      margin-bottom: 10px
   }

   .info-icon {
      min-width: 40px;
      height: 40px;
      margin-left: 0
   }

   .info-note {
      max-width: 450px;
      margin: auto
   }

   .info-title-separator {
      background: none
   }

   .info-title-wrap {
      border-bottom: solid 1px var(--colorGray_20);
      display: flex;
      justify-content: space-between;
      margin-bottom: 25px
   }

   .info-title-container {
      flex-grow: initial
   }

   .internal-page-wrapper:has(.info-wrap) {
      width: calc(100% - 20px);
      margin: 0 0 0 20px;
      padding: 0
   }
}

@media screen and (max-width: 966px) {
   .main-wrapper .our-properties .see-all {
      width: 446px
   }
}

@media screen and (max-width: 925px) {

   .main-wrapper .our-properties .cart-propertie:nth-child(5),
   .main-wrapper .our-properties .cart-propertie:nth-child(6) {
      display: none
   }

   .about-us-wrap .video-block .video {
      max-height: 385px
   }
}

@media screen and (max-width: 768px) {
   .main-wrapper .locations .cart-location .white-back-wrapper .white-back {
      height: 28px;
      margin: inherit
   }

   .main-wrapper .locations .cart-location .white-back-wrapper .white-back h2 {
      font-size: 14px
   }

   .main-wrapper .why-us h1 {
      font-size: 24px;
      line-height: 36px
   }

   .main-wrapper .why-us .carts-why-us .cart-why-us {
      padding: 0 5px
   }

   .main-wrapper .why-us .carts-why-us .cart-why-us:first-child {
      padding: 0 5px 0 0
   }

   .main-wrapper .why-us .carts-why-us .cart-why-us:last-child {
      padding: 0 0 0 5px
   }

   .our-partners h1 {
      font-size: 24px;
      line-height: 36px
   }

   .footer {
      padding: 25px 0 10px
   }

   .footer .footer-wrapper {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
      grid-template-areas: "logo logo" "menu address" "menu social" "contacts contacts" "copyright copyright"
   }

   .footer .footer-wrapper .logo {
      margin-bottom: 27px
   }

   .footer .footer-wrapper .logo img {
      width: 126px;
      top: 0
   }

   .footer .footer-wrapper .menu .list .menu-list a {
      font-size: 14px;
      line-height: 20px
   }

   .footer .footer-wrapper .address {
      position: inherit
   }

   .footer .footer-wrapper .contacts {
      position: inherit;
      margin-top: 16px
   }

   .footer .footer-wrapper .social {
      align-items: inherit
   }

   .footer .footer-wrapper .social .social-block {
      padding-top: 10px
   }

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

   .about-us-wrap .video-block {
      display: none
   }

   .lake-maggiore {
      padding: 33px 0 40px
   }

   .lake-maggiore .main-title {
      text-align: center;
      margin-bottom: 54px;
      font-size: 28px;
      line-height: 36px
   }

   .contact-us {
      margin: 30px auto 0;
      gap: 30px
   }

   .contact-us .main-title {
      font-size: 26px;
      line-height: 36px
   }

   .contact-us .contact-block {
      flex-direction: column;
      align-items: center;
      gap: 50px
   }

   .contact-us .contact-block .map .img {
      height: 365px
   }

   .contact-us .contact-block .map .img {
      height: 365px;
      max-width: 100%
   }

   .contact-us .contact-block .map .img iframe {
      max-width: 100%
   }

   .contact-us .contact-block .map .img img {
      object-fit: cover;
      height: 100%
   }

   .contact-us .contact-block .map .form .all-fields {
      flex-direction: column
   }

   .contact-us .contact-block .map .form .all-fields .comment {
      flex-basis: 128px
   }

   .contact-us .contact-block .map .form .send {
      flex-direction: column-reverse;
      align-items: baseline
   }

   .main-content-wrapper {
      flex-direction: column-reverse
   }

   .main-content-wrapper .content-col .content-image a.btn {
      display: none
   }

   .main-content-wrapper .form-col {
      margin-left: unset;
      padding: unset;
      min-width: unset;
      margin-top: -80px
   }

   .main-content-wrapper .form-col .form-col-wrapper {
      border: unset;
      padding: 24px 17px 0;
      margin-bottom: 44px
   }

   .main-content-wrapper .form-note-wrap {
      display: none
   }

   .main-content-wrapper .form-note-wrap--mobile {
      display: block;
      position: initial;
      height: unset;
      width: 100%;
      max-width: unset;
      margin-left: 19px;
      border-radius: 10px 0 0 10px;
      margin-top: -28px
   }

   .advantages-wrap .advantages-list {
      flex-wrap: wrap
   }

   .advantages-wrap .advantages-list .advantages-item {
      width: 100%;
      border-right: unset;
      padding-right: unset;
      display: flex;
      gap: 14px;
      margin-bottom: 8px
   }

   .advantages-wrap .advantages-list .advantages-item .advantages-title {
      margin-bottom: 6px
   }

   .advantages-wrap .advantages-list .advantages-item .advantages-icon {
      min-width: 50px
   }
}

@media screen and (max-width: 425px) {
   .header {
      margin-top: -125px;
      height: 125px;
      padding: 20px 14px 0
   }

   .header .logo {
      left: calc(50% - 44px)
   }

   .header .logo img {
      width: 87px;
      height: 55px
   }

   .first-section {
      height: 350px;
      min-height: initial;
      margin-bottom: 125px;
      overflow: initial
   }

   .first-section .position-welcome {
      justify-content: end;
      bottom: 35px;
      gap: 0
   }

   .first-section .position-welcome h1.main-welcome {
      font-size: 24px;
      line-height: 36px
   }

   .first-section .position-welcome .subtitle {
      font-size: 14px;
      font-weight: 700
   }

   .first-section .welcome {
      position: relative;
      top: 130px
   }

   .first-section .kross-container-custom {
      position: relative;
      top: 145px;
      background-clip: padding-box
   }

   .main-wrapper .locations {
      margin: 40px 0 0 20px;
      width: calc(100% - 20px);
      -ms-overflow-style: none;
      scrollbar-width: none
   }

   .main-wrapper .locations .cart-location {
      width: 230px;
      height: 180px;
      flex-shrink: 0
   }

   .main-wrapper .locations .cart-location img {
      object-fit: cover;
      object-position: center;
      width: 100%;
      height: 100%
   }

   .main-wrapper .locations .cart-location .white-back-wrapper .white-back {
      width: 190px;
      height: 50px;
      margin: 0 20px
   }

   .main-wrapper .locations .cart-location .white-back-wrapper .white-back h2 {
      font-size: 20px
   }

   .main-wrapper .locations .cart-location:last-child {
      margin-right: 20px
   }

   .main-wrapper .locations::-webkit-scrollbar {
      display: none
   }

   .main-wrapper .our-properties .carts-propertie {
      gap: 16px
   }

   .main-wrapper .our-properties .carts-propertie .cart-propertie {
      width: 100%;
      min-height: 340px;
      padding: 13px 16px
   }

   .main-wrapper .our-properties .carts-propertie .cart-propertie .previe-icons {
      height: 60px;
      gap: 24px
   }

   .main-wrapper .our-properties .carts-propertie .cart-propertie .previe-icons .icon {
      margin: inherit;
      width: 60px
   }

   .main-wrapper .our-properties .carts-propertie .title {
      margin-top: 11px;
      justify-content: space-around
   }

   .main-wrapper .our-properties .carts-propertie .see-all,
   .main-wrapper .video-section {
      width: 100%
   }

   .main-wrapper .video-section .arrow-left,
   .main-wrapper .video-section .arrow-right {
      height: 32px;
      min-width: 27px
   }

   .main-wrapper .video-section .arrow-left {
      background: url(utility/vendors/media/icons/arrow-left-square.svg);
      background-repeat: no-repeat;
      position: absolute;
      left: 0
   }

   .main-wrapper .video-section .arrow-right {
      background: url(utility/vendors/media/icons/arrow-right-square.svg);
      background-repeat: no-repeat;
      position: absolute;
      right: 0
   }

   .main-wrapper .video-section .video-wrapper {
      margin: initial
   }

   .main-wrapper .video-section .videos {
      gap: 0px
   }

   .main-wrapper .video-section .videos .video-block {
      width: 100%;
      height: 400px
   }

   .main-wrapper .video-section .videos .video-block .video {
      width: 100vw;
      object-fit: cover;
      border-radius: initial
   }

   .main-wrapper .why-us {
      gap: 18px;
      margin: 40px 20px;
      width: inherit
   }

   .main-wrapper .why-us .carts-why-us {
      flex-direction: column
   }

   .main-wrapper .why-us .carts-why-us .cart-why-us {
      padding: 0;
      display: flex;
      flex-direction: row;
      gap: 15px;
      border-right: none
   }

   .main-wrapper .why-us .carts-why-us .cart-why-us img {
      width: 40px;
      height: 40px;
      object-position: top;
      object-fit: contain
   }

   .main-wrapper .why-us .carts-why-us .cart-why-us img.icon-rate {
      position: relative;
      left: -5px;
      width: 50px;
      height: 50px
   }

   .main-wrapper .why-us .carts-why-us .cart-why-us span {
      line-height: 24px;
      font-size: 14px
   }

   .main-wrapper .why-us .carts-why-us .cart-why-us:has(.icon-rate) {
      gap: 5px
   }

   .main-wrapper .why-us .carts-why-us .cart-why-us:first-child {
      padding: 0
   }

   .main-wrapper .why-us .carts-why-us .cart-why-us:last-child {
      padding: 0
   }

   .our-partners {
      gap: 15px;
      margin: 0 auto 68px
   }

   .our-partners .partners {
      grid-template-columns: 1fr 1fr;
      gap: 20px 11px
   }

   .our-partners .partners .cart-partners {
      max-height: 60px
   }

   .header-internal-page .logo {
      position: relative;
      left: -10px
   }

   .header-internal-page .logo img {
      width: 80px;
      height: 50px
   }

   .about-us-wrap {
      margin: 33px 0 0
   }

   .about-us-wrap h1 {
      font-size: 28px;
      line-height: 36px;
      text-align: center
   }

   .about-us-wrap p {
      font-size: 14px;
      line-height: 24px;
      margin: 20px 0;
      text-align: center
   }

   .about-us-wrap .composit-img .achievements {
      max-width: 232px;
      height: 155px;
      flex-direction: column;
      padding: 16px 22px 0;
      top: 136px;
      right: -6px
   }

   .about-us-wrap .composit-img .achievements .achieve {
      flex-direction: row;
      align-items: center;
      gap: 16px
   }

   .about-us-wrap .composit-img .achievements .achieve .num {
      font-size: 32px;
      line-height: 42px
   }

   .about-us-wrap .composit-img .achievements .achieve .achieve-name {
      font-size: 14px;
      color: var(--colorText)
   }

   .about-us-wrap .composit-img img {
      height: 190px;
      align-self: end;
      object-fit: none;
      object-position: 50% 75%;
      margin-top: 0
   }

   .our-team {
      margin-top: 150px
   }

   .lake-maggiore .main-title {
      margin-bottom: 18px
   }

   .lake-maggiore .carts-wrap {
      gap: 24px 40px
   }

   .lake-maggiore .carts-wrap .cart {
      padding: 15px 18px
   }

   .lake-maggiore .carts-wrap .cart .composit-img .substrate {
      padding: 2px 11px
   }

   .lake-maggiore .carts-wrap .cart .properties {
      padding: 10px 8px 8px
   }

   .detail-main-img {
      height: 255px;
      margin: 0 auto 20px
   }

   .detail-main-img img {
      object-fit: cover
   }

   .detail-info {
      gap: 26px
   }

   .detail-info .preview-info {
      align-items: baseline;
      position: relative
   }

   .detail-info .preview-info .main-title {
      font-size: 28px;
      line-height: 36px;
      font-weight: 700
   }

   .detail-info .preview-info .anchors {
      padding: 14px 0 35px;
      border-bottom: none
   }

   .detail-info .preview-info .anchors .substrate:has(.type) {
      position: absolute;
      top: -125px
   }

   .detail-info .preview-info .properties {
      gap: 20px;
      padding: 0;
      flex-direction: column
   }

   .detail-info .preview-info .map {
      display: flex;
      max-width: 690px;
      max-height: 328px
   }

   .detail-info .preview-info .map img {
      object-fit: cover;
      width: 100%
   }

   .detail-info .description h3 {
      padding: 0 0 6px
   }

   .detail-info .description p {
      line-height: 26px;
      height: 280px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 11;
      -webkit-box-orient: vertical
   }

   .contact-us .contact-block {
      align-items: inherit
   }

   .contact-us .contact-block .contact {
      margin: 0 25px
   }

   .contact-us .contact-block .contact .social-block {
      display: flex;
      gap: 10px;
      margin: 0 0 27px 35px
   }

   .contact-us .contact-block .map .form {
      position: relative;
      left: 20px;
      gap: 0;
      max-width: calc(100% - 40px);
      padding: 25px 20px
   }

   .main-content-wrapper .form-col {
      margin-top: -60px
   }

   .main-content-wrapper .form-col .form-note-title {
      font-size: 24px
   }

   .main-content-wrapper .form-col .form-col-wrapper .form-ratio-wrap {
      gap: 6px
   }

   .main-content-wrapper .form-col .form-col-wrapper .form-ratio-wrap .form-ratio-item {
      width: 100%
   }
}

@media screen and (max-width: 375px) {
   .footer .footer-wrapper .menu {
      justify-content: inherit;
      padding-left: 5px
   }

   .footer .footer-wrapper .address {
      justify-content: end
   }

   .footer .footer-wrapper .social .social-block {
      padding-right: 18px
   }

   .lake-maggiore .pagination .circle {
      width: 26px;
      height: 26px
   }
}

@media screen and (max-width: 320px) {
   .footer .footer-wrapper .social .social-block {
      padding-right: 40px
   }
}

@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);
   font-weight: 400;
   font-style: normal
}

:root {
   --swiper-theme-color: #007aff
}

:host {
   position: relative;
   display: block;
   margin-left: auto;
   margin-right: auto;
   z-index: 1
}

.swiper {
   margin-left: auto;
   margin-right: auto;
   position: relative;
   overflow: hidden;
   list-style: none;
   padding: 0;
   z-index: 1;
   display: block
}

.swiper-vertical>.swiper-wrapper {
   flex-direction: column
}

.swiper-wrapper {
   position: relative;
   width: 100%;
   height: 100%;
   z-index: 1;
   display: flex;
   transition-property: transform;
   transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
   box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
   transform: translateZ(0)
}

.swiper-horizontal {
   touch-action: pan-y
}

.swiper-vertical {
   touch-action: pan-x
}

.swiper-slide {
   flex-shrink: 0;
   width: 100%;
   height: 100%;
   position: relative;
   transition-property: transform;
   display: block
}

.swiper-slide-invisible-blank {
   visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
   height: auto
}

.swiper-autoheight .swiper-wrapper {
   align-items: flex-start;
   transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
   transform: translateZ(0);
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
   perspective: 1200px
}

.swiper-3d .swiper-wrapper {
   transform-style: preserve-3d
}

.swiper-3d {
   perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
   transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
   overflow: auto;
   scrollbar-width: none;
   -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
   display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
   scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
   scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
   scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
   scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
   scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
   content: "";
   flex-shrink: 0;
   order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
   scroll-snap-align: center center;
   scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
   margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
   height: 100%;
   min-height: 1px;
   width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
   margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
   width: 100%;
   min-width: 1px;
   height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
   z-index: 10
}

.swiper-3d .swiper-slide-shadow {
   background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
   background-image: linear-gradient(to left, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
   background-image: linear-gradient(to right, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
   background-image: linear-gradient(to top, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
   background-image: linear-gradient(to bottom, #00000080, #0000)
}

.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%;
   box-sizing: border-box;
   border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
   border-radius: 50%;
   border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
   animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
   --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
   --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
   0% {
      transform: rotate(0)
   }

   to {
      transform: rotate(360deg)
   }
}

.select2-container {
   box-sizing: border-box;
   display: inline-block;
   margin: 0;
   position: relative;
   vertical-align: middle
}

.select2-container .select2-selection--single {
   box-sizing: border-box;
   cursor: pointer;
   display: block;
   height: 28px;
   user-select: none;
   -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
   display: block;
   padding-left: 8px;
   padding-right: 20px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
   position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
   padding-right: 8px;
   padding-left: 20px
}

.select2-container .select2-selection--multiple {
   box-sizing: border-box;
   cursor: pointer;
   display: block;
   min-height: 32px;
   user-select: none;
   -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
   display: inline-block;
   overflow: hidden;
   padding-left: 8px;
   text-overflow: ellipsis;
   white-space: nowrap
}

.select2-container .select2-search--inline {
   float: left
}

.select2-container .select2-search--inline .select2-search__field {
   box-sizing: border-box;
   border: none;
   font-size: 100%;
   margin-top: 5px;
   padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
   -webkit-appearance: none
}

.select2-dropdown {
   background-color: #fff;
   border: 1px solid #aaa;
   border-radius: 0;
   box-sizing: border-box;
   display: block;
   position: absolute;
   left: -100000px;
   width: 100%;
   z-index: 1051
}

.select2-results {
   display: block
}

.select2-results__options {
   list-style: none;
   margin: 0;
   padding: 0
}

.select2-results__option {
   padding: 6px;
   user-select: none;
   -webkit-user-select: none
}

.select2-results__option[aria-selected] {
   cursor: pointer
}

.select2-container--open .select2-dropdown {
   left: 0
}

.select2-container--open .select2-dropdown--above {
   border-bottom: none;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
   border-top: none;
   border-top-left-radius: 0;
   border-top-right-radius: 0
}

.select2-search--dropdown {
   display: block;
   padding: 4px
}

.select2-search--dropdown .select2-search__field {
   padding: 4px;
   width: 100%;
   box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
   -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
   display: none
}

.select2-close-mask {
   border: 0;
   margin: 0;
   padding: 0;
   display: block;
   position: fixed;
   left: 0;
   top: 0;
   min-height: 100%;
   min-width: 100%;
   height: auto;
   width: auto;
   opacity: 0;
   z-index: 99;
   background-color: #fff;
   filter: alpha(opacity=0)
}

.select2-hidden-accessible {
   border: 0 !important;
   clip: rect(0 0 0 0) !important;
   -webkit-clip-path: inset(50%) !important;
   clip-path: inset(50%) !important;
   height: 1px !important;
   overflow: hidden !important;
   padding: 0 !important;
   position: absolute !important;
   width: 1px !important;
   white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
   background-color: #fff;
   border: 1px solid #aaa;
   border-radius: 0
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
   color: #444;
   line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
   cursor: pointer;
   float: right;
   font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
   color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
   height: 26px;
   position: absolute;
   top: 1px;
   right: 1px;
   width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
   border-color: #888 transparent transparent transparent;
   border-style: solid;
   border-width: 5px 4px 0 4px;
   height: 0;
   left: 50%;
   margin-left: -4px;
   margin-top: -2px;
   position: absolute;
   top: 50%;
   width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
   float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
   left: 1px;
   right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
   background-color: #eee;
   cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
   display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
   border-color: transparent transparent #888 transparent;
   border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
   background-color: #fff;
   border: 1px solid #aaa;
   border-radius: 0;
   cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
   box-sizing: border-box;
   list-style: none;
   margin: 0;
   padding: 0 5px;
   width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
   list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
   cursor: pointer;
   float: right;
   font-weight: 700;
   margin-top: 5px;
   margin-right: 10px;
   padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
   background-color: #e4e4e4;
   border: 1px solid #aaa;
   border-radius: 0;
   cursor: default;
   float: left;
   margin-right: 5px;
   margin-top: 5px;
   padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
   color: #999;
   cursor: pointer;
   display: inline-block;
   font-weight: 700;
   margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
   color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
   float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
   margin-left: 5px;
   margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
   margin-left: 2px;
   margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
   border: solid black 1px;
   outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
   background-color: #eee;
   cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
   display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
   border-top-left-radius: 0;
   border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
   border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
   background: transparent;
   border: none;
   outline: 0;
   box-shadow: none;
   -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
   max-height: 200px;
   overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
   padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
   color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
   background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
   padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
   padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
   margin-left: -1em;
   padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
   margin-left: -2em;
   padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
   margin-left: -3em;
   padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
   margin-left: -4em;
   padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
   margin-left: -5em;
   padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
   background-color: #5897fb;
   color: #fff
}

.select2-container--default .select2-results__group {
   cursor: default;
   display: block;
   padding: 6px
}

.select2-container--classic .select2-selection--single {
   background-color: #f7f7f7;
   border: 1px solid #aaa;
   border-radius: 0;
   outline: 0;
   background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
   background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
   background-image: linear-gradient(to bottom, #fff 50%, #eee);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
   border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
   color: #444;
   line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
   cursor: pointer;
   float: right;
   font-weight: 700;
   margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
   color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
   background-color: #ddd;
   border: none;
   border-left: 1px solid #aaa;
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
   height: 26px;
   position: absolute;
   top: 1px;
   right: 1px;
   width: 20px;
   background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
   background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
   background-image: linear-gradient(to bottom, #eee 50%, #ccc);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
   border-color: #888 transparent transparent transparent;
   border-style: solid;
   border-width: 5px 4px 0 4px;
   height: 0;
   left: 50%;
   margin-left: -4px;
   margin-top: -2px;
   position: absolute;
   top: 50%;
   width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
   float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
   border: none;
   border-right: 1px solid #aaa;
   border-radius: 4px 0 0 4px;
   left: 1px;
   right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
   border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
   background: transparent;
   border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
   border-color: transparent transparent #888 transparent;
   border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
   border-top: none;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
   background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
   background-image: linear-gradient(to bottom, #fff, #eee 50%);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
   border-bottom: none;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
   background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
   background-image: linear-gradient(to bottom, #eee 50%, #fff);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
   background-color: #fff;
   border: 1px solid #aaa;
   border-radius: 0;
   cursor: text;
   outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
   border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
   list-style: none;
   margin: 0;
   padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
   display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
   background-color: #e4e4e4;
   border: 1px solid #aaa;
   border-radius: 0;
   cursor: default;
   float: left;
   margin-right: 5px;
   margin-top: 5px;
   padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
   color: #888;
   cursor: pointer;
   display: inline-block;
   font-weight: 700;
   margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
   color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
   float: right;
   margin-left: 5px;
   margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
   margin-left: 2px;
   margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
   border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
   border-top: none;
   border-top-left-radius: 0;
   border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
   border-bottom: none;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
   border: 1px solid #aaa;
   outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
   outline: 0;
   box-shadow: none
}

.select2-container--classic .select2-dropdown {
   background-color: #fff;
   border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
   border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
   border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
   max-height: 200px;
   overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
   padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
   color: gray
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
   background-color: #3875d7;
   color: #fff
}

.select2-container--classic .select2-results__group {
   cursor: default;
   display: block;
   padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
   border-color: #5897fb
}

.select2-container--default .select2-selection--single .select2-selection__clear {
   line-height: 25px
}

.select2-container--default .select2-selection--single {
   border: 0
}

:root {
   --kross_widget_primary: #c93027
}

html {
   height: 100%
}

body.kb-widget-open {
   height: 100vh;
   overflow-y: hidden
}

.kross-container div,
.kross-container table,
.kross-container table thead,
.kross-container table tfoot,
.kross-container table tbody,
.kross-container span,
.KB-daterangepicker div,
.KB-daterangepicker table,
.KB-daterangepicker table thead,
.KB-daterangepicker table tfoot,
.KB-daterangepicker table tbody,
.KB-daterangepicker span {
   line-height: 1em;
   background: none
}

.kb-clear {
   clear: both
}

.cnt-controls {
   float: right;
   display: flex;
   margin-top: 7px
}

.cnt-controls .kb-btn-p {
   background: #ededed;
   border: 1px solid #ededed;
   color: #004fa6 !important;
   height: 38px;
   width: 38px;
   margin: 2px;
   text-align: center;
   line-height: 33px;
   font-size: 22px;
   transition: all 0s;
   border-radius: 50px;
   transition: all .5s ease;
   text-decoration: none
}

.kb-btn-p:hover {
   text-decoration: none
}

.cnt-controls .kb-btn-p:hover {
   border: solid 1px #004fa6;
   background-color: #004fa6;
   color: #fff !important
}

.kross-container .kb-form-group {
   transition: all .5s ease
}

.kross-container .kb-form-group {
   border: 1px solid #fff
}

.cnt-input {
   float: left
}

.jumbotron:before {
   display: none !important
}

@media (max-width: 768px) {
   .la-chevron-circle-down {
      display: none !important
   }

   .letters {
      font-size: 30px;
      line-height: 30px
   }
}

.KB-daterangepicker,
.kross-container {
   all: initial;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   font-family: inherit
}

.kross-container a,
.kross-container a:hover {
   text-decoration: none !important
}

#kb-widget-container svg {
   margin-top: -3px
}

.kross-transparency {
   background: #fff7 !important;
   padding: 5px
}

.kross-container .form-kross-booking {
   font-size: 14px;
   position: relative;
   background-color: #fff
}

#kb-widget-container {
   position: static;
   font-size: 14px;
   background-color: #fff;
   z-index: 10000
}

body>#kb-widget-container>div {
   position: static
}

@media (min-width: 1024px) {
   .kross-container .form-kross-booking {
      display: flex
   }

   .kross-container .kb-btn {
      max-width: 250px
   }
}

@media (max-width: 375px) {
   .kross-container {
      font-size: 11px
   }
}

.kross-container .kb-label {
   padding: 5px 5px 5px 0;
   font-size: .8em;
   text-transform: uppercase;
   color: #666;
   line-height: 1;
   display: block;
   margin: 0;
   letter-spacing: .5px
}

.kross-container .kb-form-group {
   padding: 5px
}

.kross-container input,
.kross-container select {
   padding: 5px;
   border: 0
}

.kross-container .kb-group select {
   height: 30px;
   font-weight: 400 !important
}

.kross-container .kb-btn,
#kb-widget-container .kb-btn {
   background-color: var(--kross_widget_primary);
   color: #fff;
   font-weight: 400;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   border: 1px solid transparent;
   line-height: 1.5;
   border-radius: 0;
   cursor: pointer;
   height: 100%;
   padding: 10px 20px
}

.kross-container .kb-btn-submit {
   position: relative
}

@media only screen and (max-width: 1023px) {

   .kross-container .kb-btn-submit,
   #kb-widget-container .kb-btn-submit {
      height: 40px;
      line-height: 20px;
      font-size: 1.4em;
      width: 100%;
      padding: 0
   }
}

@media only screen and (max-width: 450px) {

   .kross-container .kb-btn-submit,
   #kb-widget-container .kb-btn-submit {
      font-size: 1.2em
   }
}

#kb_guests_det {
   display: flex;
   justify-content: space-around;
   flex-wrap: nowrap
}

.kross-container .kb-date>div,
.kross-container .kb-adults>div {
   width: 100%
}

.kross-container .kb-date>div:hover {
   background-color: #fefefe
}

.kross-container .kb-date .kb-d,
.kross-container .kb-qt {
   font-size: 2em;
   line-height: 30px;
   font-weight: 400;
   float: left;
   margin-right: 10px
}

.kross-container .kb-date .kb-dex {
   float: left
}

.kross-container .kb-date .kb-mmmm {
   text-transform: capitalize
}

.kross-container .kb-date .kb-ddd {
   color: #aaa
}

.kross-container select#kross_group,
.kross-container select#kross_property {
   text-align: left;
   text-align-last: left;
   font-weight: 700;
   color: var(--kross_widget_primary);
   width: 100%;
   padding-left: 0;
   padding-right: 0
}

.KB-daterangepicker #kb-calInfo,
.KB-daterangepicker .kb-legend,
.KB-daterangepicker .kb-reset {
   font-size: .8em;
   font-weight: 700
}

.KB-daterangepicker #kb-calInfo {
   clear: both;
   padding: 0 0 10px 20px
}

.KB-daterangepicker .kb-legend {
   display: inline
}

.KB-daterangepicker .kb-legend .kb-sq {
   width: 10px;
   height: 10px;
   margin-left: 20px
}

.KB-daterangepicker .kb-legend .kb-l1 .kb-sq {
   background-color: #fdc6c6;
   padding-left: 14px
}

.KB-daterangepicker .kb-legend .kb-l2 .kb-sq {
   background-color: #f8f8f8;
   padding-left: 14px
}

.KB-daterangepicker .kb-legend div {
   display: inline;
   margin-right: 5px
}

.KB-daterangepicker .kb-res {
   display: inline
}

.KB-daterangepicker .kb-res span.kb-reset {
   color: #333;
   font-weight: 700;
   cursor: pointer;
   margin-left: 20px
}

.KB-daterangepicker {
   position: absolute;
   color: inherit;
   background-color: #fff;
   border: 1px solid #ddd;
   width: 278px;
   max-width: none;
   margin-top: 7px;
   top: 100px;
   left: 20px;
   z-index: 3001;
   display: none;
   font-size: 15px;
   line-height: 1em;
   border: 0;
   border-radius: 4px;
   -webkit-box-shadow: 0 6px 12px rgb(0, 0, 0);
   box-shadow: 0 6px 12px #000;
   padding: 10px;
   height: 420px
}

@media (min-width: 769px) {
   .KB-daterangepicker {
      -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
      box-shadow: 0 6px 12px #0000002d
   }
}

.KB-daterangepicker .input-mini {
   display: none
}

.kb-select-dates {
   width: 100%
}

.kb-select-dates,
.kb-d1,
.kb-d2 {
   padding: 5px 10px
}

.KB-daterangepicker.drop-up {
   margin-top: -7px
}

.KB-daterangepicker.single .KB-daterangepicker .ranges,
.KB-daterangepicker.single .drp-calendar {
   float: none
}

.KB-daterangepicker.single .drp-selected {
   display: none
}

.KB-daterangepicker.show-calendar .drp-calendar,
.KB-daterangepicker.show-calendar .drp-buttons {
   display: block
}

.KB-daterangepicker.auto-apply .drp-buttons {
   display: none
}

.KB-daterangepicker .drp-calendar {
   display: none;
   max-width: 341px
}

.KB-daterangepicker .drp-calendar.left {
   padding: 8px 0 8px 8px
}

.KB-daterangepicker .drp-calendar.right {
   padding: 8px
}

.KB-daterangepicker .drp-calendar.single .calendar-table {
   border: none
}

.KB-daterangepicker .calendar-table .kb-next span,
.KB-daterangepicker .calendar-table .kb-prev span {
   color: #fff;
   border: solid #000;
   border-width: 0 2px 2px 0;
   border-radius: 0;
   display: inline-block;
   padding: 3px
}

.KB-daterangepicker .kb-next,
.KB-daterangepicker .kb-next:hover,
.KB-daterangepicker .kb-prev,
.KB-daterangepicker .kb-prev:hover {
   border: 0
}

.KB-daterangepicker .calendar-table .kb-next span {
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg)
}

.KB-daterangepicker .calendar-table .kb-prev span {
   transform: rotate(135deg);
   -webkit-transform: rotate(135deg)
}

.KB-daterangepicker .calendar-table .offmonth {
   background: 0 0 !important;
   border: none !important;
   visibility: hidden
}

.KB-daterangepicker .calendar-table td,
.KB-daterangepicker .calendar-table th {
   text-align: center;
   vertical-align: middle;
   min-width: 35px;
   width: 35px;
   height: 35px;
   line-height: 35px;
   font-size: 12px;
   white-space: nowrap;
   cursor: pointer;
   font-weight: 400;
   text-transform: uppercase;
   padding: 0;
   margin: 0;
   border: 0
}

@media (min-width: 769px) {

   .KB-daterangepicker .calendar-table td,
   .KB-daterangepicker .calendar-table th {
      min-width: 40px;
      width: 40px;
      height: 40px;
      line-height: 36px
   }

   .btn-canc {
      display: none
   }
}

.KB-daterangepicker .calendar-table {
   border: 1px solid #fff;
   background-color: #fff
}

.KB-daterangepicker .available {
   border: 1px solid #ccc
}

.KB-daterangepicker .calendar-table table {
   width: 100%;
   margin: 0;
   border-collapse: separate;
   border-spacing: 3px
}

.KB-daterangepicker table th {
   text-transform: capitalize
}

.KB-daterangepicker td.available:hover,
.KB-daterangepicker th.available:hover {
   background-color: #eee;
   border-color: transparent;
   color: inherit
}

.KB-daterangepicker td.week,
.KB-daterangepicker th.week {
   font-size: 80%;
   color: #ccc
}

.KB-daterangepicker td.off,
.KB-daterangepicker td.off.end-date,
.KB-daterangepicker td.off.in-range,
.KB-daterangepicker td.off.start-date {
   background-color: #fff;
   border-color: transparent;
   color: #999
}

.KB-daterangepicker .start-date {
   background-image: url(https://book.krossbooking.com/v6/images/black.png) !important;
   background-position: center right !important
}

.KB-daterangepicker .end-date {
   background-image: url(https://book.krossbooking.com/v6/images/black2.png) !important;
   background-position: center left !important
}

.KB-daterangepicker .start-date.end-date {
   background-image: none !important
}

.KB-daterangepicker td.in-range {
   background-color: var(--kross_widget_primary);
   border-color: transparent;
   color: #fff;
   border-radius: 0
}

.KB-daterangepicker td.active,
.KB-daterangepicker td.active:hover {
   background-color: var(--kross_widget_primary);
   border-color: transparent;
   color: #fff
}

.KB-daterangepicker th.month {
   width: auto;
   color: var(--kross_widget_primary);
   font-weight: 700;
   text-transform: uppercase
}

.KB-daterangepicker option.disabled {
   color: #999;
   cursor: not-allowed;
   text-decoration: line-through
}

.KB-daterangepicker select.monthselect,
.KB-daterangepicker select.yearselect {
   font-size: 12px;
   padding: 1px;
   height: auto;
   margin: 0;
   cursor: kross
}

.KB-daterangepicker select.monthselect {
   margin-right: 2%;
   width: 56%
}

.KB-daterangepicker select.yearselect {
   width: 40%
}

.KB-daterangepicker select.ampmselect,
.KB-daterangepicker select.hourselect,
.KB-daterangepicker select.minuteselect,
.KB-daterangepicker select.secondselect {
   width: 50px;
   margin: 0 auto;
   background: #eee;
   border: 1px solid #eee;
   padding: 2px;
   outline: 0;
   font-size: 12px
}

.KB-daterangepicker .calendar-time {
   text-align: center;
   margin: 4px auto 0;
   line-height: 30px;
   position: relative
}

.KB-daterangepicker .calendar-time select.disabled {
   color: #ccc;
   cursor: not-allowed
}

.KB-daterangepicker .drp-buttons {
   clear: both;
   text-align: right;
   padding: 8px;
   border-top: 1px solid #ddd;
   display: none;
   line-height: 12px;
   vertical-align: middle
}

.KB-daterangepicker .drp-selected {
   display: inline-block;
   font-size: 12px;
   padding-right: 8px
}

.KB-daterangepicker .drp-buttons .btn {
   margin-left: 8px;
   font-size: 12px;
   font-weight: 700;
   padding: 4px 8px
}

.KB-daterangepicker.show-ranges .drp-calendar.left {
   border-left: 1px solid #ddd
}

.KB-daterangepicker .ranges {
   float: none;
   text-align: left;
   margin: 0
}

.KB-daterangepicker.show-calendar .ranges {
   margin-top: 8px
}

.KB-daterangepicker .ranges ul {
   list-style: none;
   margin: 0 auto;
   padding: 0;
   width: 100%
}

.KB-daterangepicker .ranges li {
   font-size: 12px;
   padding: 8px 12px;
   cursor: pointer
}

.KB-daterangepicker .ranges li:hover {
   background-color: #eee
}

.KB-daterangepicker .ranges li.active {
   background-color: #08c;
   color: #fff
}

@media (min-width: 450px) {

   .kb-d1 .clearfix,
   .kb-d2 .clearfix {
      display: none
   }
}

@media (min-width: 1024px) {
   #kb_guests_det {
      display: flex;
      flex-wrap: wrap;
      justify-content: left
   }

   #kb_guests_det div {
      white-space: nowrap
   }

   .kross-transparency {
      width: 100%
   }
}

@media (min-width: 564px) {
   .KB-daterangepicker {
      width: auto
   }

   .KB-daterangepicker .ranges ul {
      width: 140px
   }

   .KB-daterangepicker.single .ranges ul {
      width: 100%
   }

   .KB-daterangepicker.single .drp-calendar.left {
      clear: none
   }

   .KB-daterangepicker.single.ltr .drp-calendar,
   .KB-daterangepicker.single.ltr .ranges {
      float: left
   }

   .KB-daterangepicker.single.rtl .drp-calendar,
   .KB-daterangepicker.single.rtl .ranges {
      float: right
   }

   .KB-daterangepicker.ltr {
      direction: ltr;
      text-align: left
   }

   .KB-daterangepicker.ltr .drp-calendar.left {
      clear: left;
      margin-right: 0
   }

   .KB-daterangepicker.ltr .drp-calendar.left .calendar-table {
      border-right: none;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
   }

   .KB-daterangepicker.ltr .drp-calendar.right {
      margin-left: 0
   }

   .KB-daterangepicker.ltr .drp-calendar.right .calendar-table {
      border-left: none;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
   }

   .KB-daterangepicker.ltr .drp-calendar.left .calendar-table {
      padding-right: 8px
   }

   .KB-daterangepicker.ltr .drp-calendar,
   .KB-daterangepicker.ltr .ranges {
      float: left
   }

   .KB-daterangepicker.rtl {
      direction: rtl;
      text-align: right
   }

   .KB-daterangepicker.rtl .drp-calendar.left {
      clear: right;
      margin-left: 0
   }

   .KB-daterangepicker.rtl .drp-calendar.left .calendar-table {
      border-left: none;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
   }

   .KB-daterangepicker.rtl .drp-calendar.right {
      margin-right: 0
   }

   .KB-daterangepicker.rtl .drp-calendar.right .calendar-table {
      border-right: none;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
   }

   .KB-daterangepicker.rtl .drp-calendar.left .calendar-table {
      padding-left: 12px
   }

   .KB-daterangepicker.rtl .drp-calendar,
   .KB-daterangepicker.rtl .ranges {
      text-align: right;
      float: right
   }
}

.kross-container .kb-btn {
   background-color: var(--kross_widget_primary)
}

.kross-container .kb-date .kb-d,
.kross-container .kb-qt,
.kross-container select#kross_group,
.kross-container select#kross_property {
   color: var(--kross_widget_primary)
}

.KB-daterangepicker table tbody tr:nth-child(2n) {
   background: none
}

.KB-daterangepicker th.month {
   color: var(--kross_widget_primary)
}

.KB-daterangepicker td.off {
   background-color: #727272;
   color: #727272
}

.KB-daterangepicker td.in-range,
.KB-daterangepicker td.active,
.KB-daterangepicker td.active:hover {
   background-color: var(--kross_widget_primary)
}

.KB-daterangepicker td.avarr {
   background-color: #999
}

.KB-daterangepicker td.disabled {
   color: #727272;
   cursor: not-allowed;
   text-decoration: line-through;
   background-color: #f8f8f8
}

.kb-btn-done {
   width: 100%;
   background-color: var(--kross_widget_primary);
   height: 30px;
   display: block;
   line-height: 30px;
   text-align: center;
   color: #fff;
   text-decoration: none;
   font-size: 1.2em;
   display: none;
   margin-top: 15px
}

.kross-container .btn-canc {
   position: absolute;
   top: 0;
   right: 0;
   padding: 16px;
   color: #000;
   font-weight: 700;
   font-size: 15px
}

.kross-container .kb-date {
   display: flex;
   cursor: pointer
}

.kross-container .kb-adults {
   display: flex;
   position: relative;
   cursor: pointer;
   border: 0
}

@media (min-width: 1024px) {
   .kross-container .kb-date {
      min-width: 380px
   }
}

.kross-container .kb-date {
   flex: 1 1 150%
}

.kross-container .kb-adults {
   flex: 1 1 100%
}

.kross-container .kb-group {
   flex: 1 1 200%
}

.kross-container.fixed-bottom {
   display: flex;
   position: fixed;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1000;
   flex-direction: column
}

.kross-container.fixed-bottom .kb-widget-relative {
   position: relative
}

.kross-container.fixed-bottom .kb-widget-relative #kb-widget-container>div {
   position: fixed;
   top: 0
}

.kross-container.fixed-bottom .kb-widget-relative #kb-widget-container>div>div {
   background-color: #fff
}

.KB-daterangepicker .drp-calendar-container {
   display: flex;
   justify-content: center
}

@media (max-width: 768px) {
   .kb-btn-done {
      display: block
   }

   .KB-daterangepicker {
      position: fixed;
      margin-top: 10px;
      bottom: 0;
      width: 100%;
      left: auto;
      height: 420px;
      z-index: 9999;
      padding: 20px;
      box-sizing: border-box;
      top: auto !important;
      bottom: 0 !important;
      left: 0 !important;
      right: 0 !important
   }

   .KB-daterangepicker:after,
   .KB-daterangepicker:before {
      display: none
   }

   .KB-daterangepicker {
      border-radius: 0;
      border-top-width: 0
   }
}

.select2-container--kross .select2-selection--single {
   border: 1px solid #aaa;
   border-radius: 4px
}

.select2-container--kross .select2-selection--single .select2-selection__rendered {
   color: #444;
   line-height: 28px
}

.select2-container--kross .select2-selection--single .select2-selection__clear {
   cursor: pointer;
   float: right;
   font-weight: 700
}

.select2-container--kross .select2-selection--single .select2-selection__placeholder {
   color: #999
}

.select2-container--kross .select2-selection--single .select2-selection__arrow {
   height: 26px;
   position: absolute;
   top: 1px;
   right: 1px;
   width: 20px
}

.select2-container--kross .select2-selection--single .select2-selection__arrow b {
   border-color: #888 transparent transparent transparent;
   border-style: solid;
   border-width: 5px 4px 0 4px;
   height: 0;
   left: 50%;
   margin-left: -4px;
   margin-top: -2px;
   position: absolute;
   top: 50%;
   width: 0
}

.select2-container--kross[dir=rtl] .select2-selection--single .select2-selection__clear {
   float: left
}

.select2-container--kross[dir=rtl] .select2-selection--single .select2-selection__arrow {
   left: 1px;
   right: auto
}

.select2-container--kross.select2-container--disabled .select2-selection--single {
   background-color: #eee;
   cursor: kross
}

.select2-container--kross.select2-container--disabled .select2-selection--single .select2-selection__clear {
   display: none
}

.select2-container--kross.select2-container--open .select2-selection--single .select2-selection__arrow b {
   border-color: transparent transparent #888 transparent;
   border-width: 0 4px 5px 4px
}

.select2-container--kross .select2-selection--multiple {
   background-color: #fff;
   border: 1px solid #aaa;
   border-radius: 4px;
   cursor: text
}

.select2-container--kross .select2-selection--multiple .select2-selection__rendered {
   box-sizing: border-box;
   list-style: none;
   margin: 0;
   padding: 0 5px;
   width: 100%
}

.select2-container--kross .select2-selection--multiple .select2-selection__rendered li {
   list-style: none
}

.select2-container--kross .select2-selection--multiple .select2-selection__clear {
   cursor: pointer;
   float: right;
   font-weight: 700;
   margin-top: 5px;
   margin-right: 10px;
   padding: 1px
}

.select2-container--kross .select2-selection--multiple .select2-selection__choice {
   background-color: #e4e4e4;
   border: 1px solid #aaa;
   border-radius: 4px;
   cursor: kross;
   float: left;
   margin-right: 5px;
   margin-top: 5px;
   padding: 0 5px
}

.select2-container--kross .select2-selection--multiple .select2-selection__choice__remove {
   color: #999;
   cursor: pointer;
   display: inline-block;
   font-weight: 700;
   margin-right: 2px
}

.select2-container--kross .select2-selection--multiple .select2-selection__choice__remove:hover {
   color: #333
}

.select2-container--kross[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--kross[dir=rtl] .select2-selection--multiple .select2-search--inline {
   float: right
}

.select2-container--kross[dir=rtl] .select2-selection--multiple .select2-selection__choice {
   margin-left: 5px;
   margin-right: auto
}

.select2-container--kross[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
   margin-left: 2px;
   margin-right: auto
}

.select2-container--kross.select2-container--focus .select2-selection--multiple {
   border: solid black 1px;
   outline: 0
}

.select2-container--kross.select2-container--disabled .select2-selection--multiple {
   background-color: #eee;
   cursor: kross
}

.select2-container--kross.select2-container--disabled .select2-selection__choice__remove {
   display: none
}

.select2-container--kross.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--kross.select2-container--open.select2-container--below .select2-selection--multiple {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0
}

.select2-container--kross .select2-search--dropdown .select2-search__field {
   border: 1px solid #aaa
}

.select2-container--kross .select2-search--inline .select2-search__field {
   background: transparent;
   border: none;
   outline: 0;
   box-shadow: none;
   -webkit-appearance: textfield
}

.select2-container--kross .select2-results>.select2-results__options {
   max-height: 200px;
   overflow-y: auto
}

.select2-container--kross.select2-container--open .select2-dropdown.select2-dropdown {
   border: white;
   border-radius: 4px;
   box-shadow: 0 6px 12px #000
}

@media (min-width: 769px) {
   .select2-container--kross.select2-container--open .select2-dropdown.select2-dropdown {
      box-shadow: 0 6px 12px #0000002d
   }
}

.select2-container--kross.select2-container--open .select2-dropdown.select2-dropdown--above {
   margin-top: -22px !important
}

.socialIcon {
   margin: 10px 5px;
   display: flex;
   align-items: center
}

.socialIcon img {
   margin-right: 5px
}

.select2-container--kross .select2-results__option[role=group] {
   padding: 0
}

.select2-container--kross .select2-results__option[aria-disabled=true] {
   color: #999
}

.select2-container--kross .select2-results__option[aria-selected=true] {
   background-color: #ddd
}

.select2-container--kross .select2-results__option .select2-results__option {
   padding-left: 1em
}

.select2-container--kross .select2-results__option .select2-results__option .select2-results__group {
   padding-left: 0
}

.select2-container--kross .select2-results__option .select2-results__option .select2-results__option {
   margin-left: -1em;
   padding-left: 2em
}

.select2-container--kross .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
   margin-left: -2em;
   padding-left: 3em
}

.select2-container--kross .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
   margin-left: -3em;
   padding-left: 4em
}

.select2-container--kross .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
   margin-left: -4em;
   padding-left: 5em
}

.select2-container--kross .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
   margin-left: -5em;
   padding-left: 6em
}

.select2-container--kross .select2-results__option--highlighted[aria-selected] {
   background-color: #5897fb;
   color: #fff
}

.select2-container--kross .select2-results__group {
   cursor: kross;
   display: block;
   padding: 6px
}

.select2-container--kross.select2-container--open {
   width: 1px !important
}

.select2.select2-container--kross {
   width: 100% !important
}

.select2-container--kross .select2-selection--single {
   border: 0;
   padding-top: 1px
}

.select2-container--kross .select2-selection--single .select2-selection__clear {
   height: 26px;
   top: 1px;
   right: 2px;
   width: 20px;
   text-align: center;
   line-height: 25px
}

.select2-container--kross .select2-selection--single .select2-selection__rendered {
   padding-left: 0 !important;
   color: var(--kross_widget_primary)
}

.select2-container--kross span:focus,
.select2-container--kross span:active,
.select2-container--kross input:focus,
.select2-container--kross input:active {
   outline: none
}

.select2-container--kross.select2-container--open .select2-dropdown,
.kb-sharebuttonPopup:not(.drop-up) {
   transition-timing-function: ease-in
}

.select2-container--kross.select2-container--open .select2-dropdown,
.kb-sharebuttonPopup:not(.drop-up) {
   -webkit-box-shadow: 0 -6px 12px rgb(0, 0, 0);
   box-shadow: 0 -6px 12px #000;
   border-radius: 4px
}

@media (min-width: 769px) {

   .select2-container--kross.select2-container--open .select2-dropdown,
   .kb-sharebuttonPopup:not(.drop-up) {
      -webkit-box-shadow: 0 -6px 12px rgba(0, 0, 0, .175);
      box-shadow: 0 -6px 12px #0000002d
   }
}

.select2-container--kross.select2-container--open .select2-dropdown {
   z-index: 3002;
   padding: 10px;
   margin-top: 3px;
   font-size: 15px
}

.select2-container--kross.select2-container--open .select2-results__option--highlighted[aria-selected] {
   background-color: var(--kross_widget_primary)
}

.select2-container--kross.select2-container--open .select2-search {
   padding: 0 0 6px
}

.select2-container--kross.select2-container--open .select2-search .select2-search__field {
   padding: 6px 4px 2px 6px;
   border: 0;
   border-bottom: 1px solid #666
}

.select2-container--kross.select2-container--open .select2-dropdown {
   min-width: 200px
}

.kb-select,
.kb-sharebuttonPopup {
   opacity: 0;
   display: none
}

.kb-select hr {
   margin: 15px 0 10px
}

.kb-select-el {
   width: 100%;
   display: inline-flex
}

.kb-select,
.kb-sharebuttonPopup {
   position: absolute;
   background: #fff;
   top: 95%;
   left: 0;
   z-index: 3002;
   float: left;
   border-radius: 4px;
   -webkit-box-shadow: 0 6px 12px rgb(0, 0, 0);
   box-shadow: 0 6px 12px #000;
   transition-timing-function: ease-in;
   border: 0;
   padding: 10px;
   width: 250px;
   margin-top: 3px;
   font-size: 15px
}

@media (min-width: 769px) {

   .kb-select,
   .kb-sharebuttonPopup {
      -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
      box-shadow: 0 6px 12px #0000002d
   }
}

.kross-container .kb-btn-p,
#kb-widget-container .kb-btn-p {
   width: 23px;
   min-width: 23px;
   height: 23px;
   line-height: 21px;
   display: block;
   margin: 0 5px;
   padding: 0;
   float: left;
   font-weight: 700;
   font-size: 1.1em
}

.kb-select .room-title {
   margin-bottom: 10px;
   margin-top: -17px;
   background-color: #fff;
   float: left;
   padding-right: 10px;
   font-style: italic;
   font-size: .8em;
   font-weight: 700
}

.kb-select .kb-select:not(.multiple-rooms) .room-title {
   display: none
}

.kb-select .kb-select-el {
   margin-bottom: 10px
}

.kb-select .kb-select-el .kb-lbl {
   float: left;
   line-height: 24px;
   width: 100%;
   font-size: .8em
}

.kb-select .kb-select-el .kb-qt-m {
   float: left;
   line-height: 24px
}

.kb-select .km-plus {
   left: 89px
}

@media (max-width: 768px) {

   .kb-select,
   .kb-sharebuttonPopup {
      top: auto !important;
      bottom: 0 !important;
      left: 0 !important;
      right: 0 !important;
      position: fixed;
      width: 100%;
      height: 280px;
      margin-top: -400px;
      border: 0;
      border-radius: 0;
      padding: 40px 20px 20px;
      z-index: 9999
   }

   .kb-select.multiple-rooms {
      overflow-y: auto;
      height: 450px
   }

   .kb-select-el {
      width: 100%
   }

   .kb-select:after,
   .kb-select:before {
      display: none
   }
}

.kb-select .kb-child-ages {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap
}

.kb-select .kb-child-age div {
   padding: 5px 0
}

.kb-select .kb-child-age {
   padding: 10px 0 0
}

.kb-select .kb-child-age label {
   font-size: .9em;
   color: #aaa;
   font-weight: 400
}

.kb-select .kb-child-age span {
   width: 50%;
   display: inline-block;
   text-align: left
}

.kb-select .kb-child-age select {
   border: 1px solid var(--kross_widget_primary);
   margin: 5px 0 0;
   width: 49%;
   display: inline-block
}

h5.contactUs {
   font-weight: 700;
   margin: 10px
}

.fold-container-button {
   display: none;
   text-align: right;
   padding: 10px 5px
}

.fold-container-button button img.svgIcons {
   height: 20px;
   width: 20px;
   transition: all .2s ease-in-out;
   filter: invert(1)
}

.fold-container-button button {
   color: #fff !important;
   background: var(--kross_widget_primary) !important;
   padding: 5px 10px;
   font-size: 20px;
   border-radius: 5px;
   font-weight: 700;
   border: none
}

.kb-shareButton svg {
   filter: invert(1);
   width: 25px;
   height: 25px
}

@media (max-width: 1023px) {
   .kb-shareButton svg {
      width: 21px;
      height: 21px
   }
}

.kb-sharebuttonContainer {
   display: flex;
   align-items: center
}

.form-kross-booking>.kb-sharebuttonContainer a.kb-shareButton {
   border-radius: 50%;
   padding: 12px;
   margin: 0 10px;
   transition: all .1s ease-out;
   width: 50px !important;
   height: 50px !important;
   display: block
}

.form-kross-booking .kb-availabilityButtonContainer {
   display: flex;
   align-items: center
}

.form-kross-booking .kb-availabilityButtonContainer .kb-sharebuttonContainer,
#kb-widget-container .kb-sharebuttonContainer {
   display: none;
   padding: 0;
   margin-right: 3px
}

.form-kross-booking .kb-availabilityButtonContainer .kb-sharebuttonContainer a.kb-shareButton,
#kb-widget-container .kb-sharebuttonContainer a.kb-shareButton {
   border-radius: none;
   transition: all .1s ease-out;
   padding: 0 8px;
   display: flex;
   align-items: center;
   height: 40px;
   line-height: 40px;
   font-size: 1.4em
}

@media (max-width: 1023px) {

   .form-kross-booking .kb-availabilityButtonContainer .kb-sharebuttonContainer,
   #kb-widget-container .kb-sharebuttonContainer {
      display: block !important
   }

   .form-kross-booking>.kb-sharebuttonContainer {
      display: none !important
   }
}

.select2-container--kross.select2-container--open .select2-dropdown--below {
   border-top: 2px solid var(--kross_widget_primary) !important
}

.select2-container--kross.select2-container--open .select2-dropdown--above {
   border-bottom: 2px solid var(--kross_widget_primary) !important
}

@media (min-width: 769px) {

   .KB-daterangepicker:after,
   .KB-daterangepicker:before,
   .kb-sharebuttonPopup:after,
   .kb-sharebuttonPopup:before,
   .select2-container--kross.select2-container--open .select2-dropdown--below:after,
   .select2-container--kross.select2-container--open .select2-dropdown--below:before,
   .select2-container--kross.select2-container--open .select2-dropdown--above:after,
   .select2-container--kross.select2-container--open .select2-dropdown--above:before,
   .kb-select:after,
   .kb-select:before {
      position: absolute;
      display: inline-block;
      content: ""
   }

   .KB-daterangepicker.opensright:before,
   .select2-container--kross.select2-container--open .select2-dropdown--below:before,
   .select2-container--kross.select2-container--open .select2-dropdown--above:before,
   .kb-select:before {
      left: 9px
   }

   .KB-daterangepicker.opensright:after,
   .select2-container--kross.select2-container--open .select2-dropdown--below:after,
   .select2-container--kross.select2-container--open .select2-dropdown--above:after,
   .kb-select:after {
      left: 10px
   }

   .kb-sharebuttonPopup:before {
      left: 23px
   }

   .kb-sharebuttonPopup:after {
      left: 24px
   }

   .KB-daterangepicker:not(.drop-up),
   .kb-sharebuttonPopup:not(.drop-up),
   .select2-container--kross.select2-container--open .select2-dropdown--below,
   .kb-select:not(.drop-up) {
      border-top: 2px solid var(--kross_widget_primary)
   }

   .KB-daterangepicker:not(.drop-up):before,
   .kb-sharebuttonPopup:not(.drop-up):before,
   .select2-container--kross.select2-container--open .select2-dropdown--below:before,
   .kb-select:not(.drop-up):before {
      top: -8px;
      border-right: 7px solid transparent;
      border-left: 7px solid transparent;
      border-bottom: 7px solid var(--kross_widget_primary)
   }

   .KB-daterangepicker:not(.drop-up):after,
   .kb-sharebuttonPopup:not(.drop-up):after,
   .select2-container--kross.select2-container--open .select2-dropdown--below:after,
   .kb-select:not(.drop-up):after {
      top: -6px;
      border-right: 6px solid transparent;
      border-left: 6px solid transparent;
      border-bottom: 6px solid #fff
   }

   .KB-daterangepicker.drop-up,
   .kb-sharebuttonPopup.drop-up,
   .select2-container--kross.select2-container--open .select2-dropdown--above,
   .kb-select.drop-up {
      border-bottom: 2px solid var(--kross_widget_primary)
   }

   .KB-daterangepicker.drop-up:before,
   .kb-sharebuttonPopup.drop-up:before,
   .select2-container--kross.select2-container--open .select2-dropdown--above:before,
   .kb-select.drop-up:before {
      bottom: -8px;
      border-right: 7px solid transparent;
      border-left: 7px solid transparent;
      border-top: 7px solid var(--kross_widget_primary)
   }

   .KB-daterangepicker.drop-up:after,
   .kb-sharebuttonPopup.drop-up:after,
   .select2-container--kross.select2-container--open .select2-dropdown--above:after,
   .kb-select.drop-up:after {
      bottom: -6px;
      border-right: 6px solid transparent;
      border-left: 6px solid transparent;
      border-top: 6px solid #fff
   }
}

@media (min-width: 450px) and (max-width: 767px) {
   .kb-select .kb-child-age select {
      width: 24%
   }
}

.kross-svg svg path {
   fill: var(--kross_widget_primary)
}

.select2-results__option--highlighted .kross-svg svg path {
   fill: #fff
}

.kb-btn-submit-svg {
   display: none;
   position: absolute;
   top: calc(50% - 18px);
   left: calc(50% - 18px)
}

@-webkit-keyframes kb-rotating {
   0% {
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0)
   }

   to {
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg)
   }
}

@keyframes kb-rotating {
   0% {
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0)
   }

   to {
      -ms-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg)
   }
}

.kb-rotating {
   -webkit-animation: kb-rotating 1s linear infinite;
   -moz-animation: kb-rotating 1s linear infinite;
   -ms-animation: kb-rotating 1s linear infinite;
   -o-animation: kb-rotating 1s linear infinite;
   animation: kb-rotating 1s linear infinite
}

#kb-widget-container .kb-mobile-full-close {
   display: none;
   margin-bottom: 10px
}

#kb-widget-container .kb-mobile-full-availability {
   display: none;
   background-color: #fff;
   z-index: 10010;
   -webkit-overflow-scrolling: touch
}

#kb-widget-container .mobile_full_txt_container {
   display: none
}

@media (max-width: 768px) {
   #kb-widget-container.kb-mobile-full {
      position: absolute;
      top: 0;
      left: 0;
      padding: 10px 10px 90px;
      height: 100vh;
      width: 100%;
      display: none;
      flex-direction: column;
      overflow-y: scroll;
      overscroll-behavior: none;
      -webkit-overflow-scrolling: touch;
      scroll-snap-type: y mandatory
   }

   #kb-widget-container.kb-mobile-full.kb-pop-overlay {
      background-color: #fff;
      display: flex
   }

   #kb-widget-container.kb-mobile-full .kb-mobile-full-close {
      display: block
   }

   #kb-widget-container.kb-mobile-full .kb-mobile-full-close .kb-btn-p {
      float: right
   }

   #kb-widget-container.kb-mobile-full .mobile_full_txt_container {
      display: block
   }

   #kb-widget-container.kb-mobile-full #kb-widget-picker-container {
      padding: 15px
   }

   #kb-widget-container.kb-mobile-full #kb-widget-picker-container .mobile_full_txt_container .mobile_full_txt {
      margin-left: 5px
   }

   #kb-widget-container.kb-mobile-full .KB-daterangepicker .ranges {
      display: none
   }

   #kb-widget-container.kb-mobile-full .KB-daterangepicker .drp-calendar {
      padding-top: 0 !important
   }

   #kb-widget-container.kb-mobile-full .KB-daterangepicker .kb-res {
      display: none !important
   }

   #kb-widget-container.kb-mobile-full .KB-daterangepicker.daterangepicker {
      top: 0 !important;
      margin-top: 15px !important;
      padding: 0 !important;
      height: auto;
      position: static;
      box-shadow: none;
      -webkit-box-shadow: none
   }

   #kb-widget-container.kb-mobile-full .kb-select {
      position: static;
      padding: 15px;
      box-shadow: none;
      -webkit-box-shadow: none;
      height: auto
   }

   #kb-widget-container.kb-mobile-full .kb-select .mobile_full_txt_container {
      margin-bottom: 10px
   }

   #kb-widget-container.kb-mobile-full .kb-select .mobile_full_txt_container .mobile_full_txt {
      margin-left: 5px
   }

   #kb-widget-container.kb-mobile-full .kb-select .kb-btn-done {
      display: none
   }

   #kb-widget-container.kb-mobile-full .kb-mobile-full-availability {
      border-top: 1px solid var(--kross_widget_primary);
      display: flex;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 10px
   }
}

.xnode {
   display: grid;
   grid-template-rows: auto 1fr auto;
   align-content: space-between;
   min-height: 100vh
}

.xnode__leads {
   display: grid;
   grid-template-columns: [wide-start] 1fr [main-start] minmax(0, var(--appMaxWidth)) [main-end] 1fr [wide-end]
}

@media (min-width: 1340px) {
   .anim-hero .xnode__leads {
      overflow: hidden
   }
}

.xnode__leads.mod-inner {
   padding-top: 107px
}

.xnode__main {
   display: grid;
   grid-template-columns: [wide-start] 1fr [main-start] minmax(0, var(--appMaxWidth)) [main-end] 1fr [wide-end];
   grid-template-rows: auto 1fr;
   gap: clamp(36px, 4.74vw, 64px);
   padding: clamp(48px, 6.18vw, 80px) 0
}

.xnode__main.mod-spec {
   padding: 0
}

.xnode__extra {
   position: relative;
   z-index: 100;
   display: grid;
   grid-template-columns: [wide-start] 1fr [main-start] minmax(0, var(--appMaxWidth)) [main-end] 1fr [wide-end]
}

@font-face {
   src: url(./montserrat-DnGllnpn.woff2) format("woff2");
   font-display: swap;
   font-family: Montserrat;
   font-weight: 400;
   font-style: normal
}

@font-face {
   src: url(./montserrat_bold-CMQ3KNld.woff2) format("woff2");
   font-display: swap;
   font-family: Montserrat;
   font-weight: 700;
   font-style: normal
}

@font-face {
   src: url(./libre-baskerville-Brni_wU9.woff2) format("woff2");
   font-display: swap;
   font-family: Libre Baskerville;
   font-weight: 400;
   font-style: normal
}

@font-face {
   src: url(./libre-baskerville_bold-D3_UeNxh.woff2) format("woff2");
   font-display: swap;
   font-family: Libre Baskerville;
   font-weight: 700;
   font-style: normal
}

[class*=module-] {
   grid-column: main
}

.module-base {
   display: flex;
   flex-direction: column
}

.module-wide {
   grid-column: wide
}

.module-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   column-gap: var(--gapsCol_Base)
}

@media (min-width: 760px) {
   .module-grid {
      grid-template-columns: repeat(8, 1fr)
   }
}

@media (min-width: 1340px) {
   .module-grid {
      grid-template-columns: repeat(12, 1fr)
   }
}

.section {
   display: grid;
   grid-column: wide;
   grid-template-columns: [wide-start] 1fr [main-start] minmax(0, var(--appMaxWidth)) [main-end] 1fr [wide-end];
   padding: 0 clamp(16px, 4.175vw, 32px)
}

.section-grid {
   position: static;
   z-index: 100;
   display: grid;
   grid-column: wide;
   grid-template-columns: [wide-start] 1fr [main-start] minmax(0, var(--appMaxWidth)) [main-end] 1fr [wide-end];
   background-size: cover;
   background-repeat: no-repeat;
   padding: 0 clamp(16px, 4.175vw, 32px)
}

.section-fluid {
   position: static;
   z-index: 100;
   display: grid;
   grid-column: wide;
   grid-template-columns: [wide-start] 1fr [main-start] minmax(0, var(--appMaxWidth)) [main-end] 1fr [wide-end]
}

.wysiwyg>*:first-child {
   margin-top: 0
}

.wysiwyg section *:first-child {
   margin-top: 0
}

.wysiwyg section {
   margin-top: var(--textMargin_Mega)
}

.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4 {
   font-family: var(--fontFamily_Main);
   line-height: var(--lineHeight_Hx);
   font-weight: var(--fontWeight_MainBold);
   color: var(--colorTitle)
}

.wysiwyg h2 {
   margin-top: var(--textMargin_Plus);
   font-size: var(--fontSize_H2)
}

.wysiwyg h2+h3 {
   margin-top: var(--textMargin_Base)
}

.wysiwyg h2+ul,
.wysiwyg h2+ol {
   margin-top: var(--textMargin_Base)
}

.wysiwyg h3 {
   margin-top: var(--textMargin_Base);
   font-size: var(--fontSize_H3)
}

.wysiwyg h3+h4 {
   margin-top: var(--textMargin_Mini)
}

.wysiwyg h3+ul,
.wysiwyg h3+ol {
   margin-top: var(--textMargin_Mini)
}

.wysiwyg p {
   margin-top: var(--textMargin_Base)
}

.wysiwyg p+.wysiwyg p {
   margin-top: var(--textMargin_Plus)
}

.wysiwyg p+ul,
.wysiwyg p+ol {
   margin-top: var(--textMargin_Base)
}

.wysiwyg p>img {
   margin-top: var(--textMargin_Base)
}

.wysiwyg p>iframe {
   width: 100%;
   margin-top: var(--textMargin_Base);
   margin-bottom: var(--textMargin_Mini)
}

.wysiwyg i,
.wysiwyg em {
   font-style: italic
}

.wysiwyg b,
.wysiwyg strong {
   font-weight: var(--fontWeight_MainBold)
}

.wysiwyg ul,
.wysiwyg ol {
   margin-top: var(--textMargin_Plus)
}

.wysiwyg ul+p,
.wysiwyg ul+ul,
.wysiwyg ul+ol,
.wysiwyg ol+p,
.wysiwyg ol+ul,
.wysiwyg ol+ol {
   margin-top: var(--textMargin_Base)
}

.wysiwyg ul>li,
.wysiwyg ol>li {
   position: relative;
   margin-top: .325rem;
   padding-left: 1.95em
}

.wysiwyg ul>li ul,
.wysiwyg ol>li ul {
   margin-top: var(--textMargin_Mini)
}

.wysiwyg ul li:before,
.wysiwyg ol li:before {
   position: absolute;
   top: -1px;
   font-weight: var(--fontWeight_MainBold);
   color: var(--colorAccent)
}

.wysiwyg ul li:before {
   content: "–";
   left: 4px;
   font-size: 1em
}

.wysiwyg ol {
   counter-reset: myCounter
}

.wysiwyg ol li:before {
   counter-increment: myCounter;
   content: counter(myCounter) ".";
   left: .05em;
   color: var(--colorGray_50)
}

.wysiwyg blockquote {
   margin: 1.4rem 0 1.4rem 2px;
   padding: 1.4rem 20px 1.4rem 24px;
   line-height: var(--lineHeight_Hx);
   font-size: var(--fontSize_H3);
   font-style: italic;
   background: var(--colorGray_03);
   border-left: 3px solid var(--colorAccent_Light);
   border-radius: var(--borderRadius_Mini)
}

.wysiwyg blockquote>*:first-child {
   margin-top: 0
}

.wysiwyg a {
   color: var(--colorAccent);
   transition: var(--transition_Text);
   cursor: pointer
}

@media screen and (hover: hover) {
   .wysiwyg a:hover {
      text-decoration-color: var(--colorAccent)
   }
}

.wysiwyg a:focus,
.wysiwyg a:active {
   text-decoration-color: var(--colorAccent)
}

[class*=icon-] {
   display: inline-flex;
   flex-shrink: 0;
   width: 24px;
   height: 24px;
   background-size: 24px;
   background-repeat: no-repeat;
   background-position: center;
   -webkit-mask-size: contain;
   mask-size: contain
}

.icon-clock {
   background-image: url(./clock-CCc1j9Ss.svg)
}

.icon-car {
   background-image: url(./car-CG7lvI_a.svg)
}

.icon-boat {
   background-image: url(./boat-B-1VeR4V.svg)
}

.icon-walk {
   background-image: url(./walk-D37maitv.svg)
}

.icon-half-day {
   background-image: url(./half-day-Ccy4m7Tp.svg)
}

.icon-facebook {
   -webkit-mask-image: url(./facebook-qcWESg16.svg);
   mask-image: url(./facebook-qcWESg16.svg);
   background: var(--colorAccent)
}

.icon-instagram {
   -webkit-mask-image: url(./instagram-DeB5VFpz.svg);
   mask-image: url(./instagram-DeB5VFpz.svg);
   background: var(--colorAccent)
}

.image {
   background-color: #00000511
}

.page-cover {
   display: flex;
   grid-area: wide;
   height: clamp(240px, 31.5vw, 600px);
   background-color: var(--colorGray_10)
}

.page-cover__image {
   width: 100%
}

.page-lead {
   display: flex;
   flex-direction: column;
   align-items: center;
   margin-bottom: -.65rem
}

.page-lead__title {
   max-width: 896px;
   font-size: var(--fontSize_H1);
   color: var(--colorAccent)
}

.maps-widget {
   overflow: hidden;
   position: relative;
   display: flex;
   height: 300px;
   background: var(--colorGray_10);
   border-radius: var(--borderRadius_Plus)
}

.maps-widget__lite {
   display: flex
}

.maps-widget__lite:before {
   content: "View a full map 🔎";
   position: absolute;
   right: 0;
   bottom: 0;
   z-index: 10;
   padding: 4px 12px 5px;
   font-size: 15px;
   background: var(--colorSelection);
   border-top-left-radius: var(--borderRadius_Base)
}

@media (min-width: 1000px) {
   .maps-widget__lite {
      display: none
   }
}

.maps-widget__lite.is-off {
   display: none
}

.maps-widget__full {
   display: none;
   position: relative;
   z-index: 20;
   width: 100%;
   height: 100%
}

@media (min-width: 1000px) {
   .maps-widget__full {
      display: flex
   }
}

.maps-widget__full.is-on {
   display: flex
}

.place-card {
   display: flex;
   flex-direction: column;
   row-gap: 16px;
   padding: 20px;
   background: var(--colorGray_10);
   border-radius: var(--borderRadius_Plus)
}

@media (min-width: 1340px) {
   .place-card {
      padding: clamp(20px, 2vw, 32px)
   }
}

.place-card__cover {
   order: -2;
   overflow: hidden;
   display: flex;
   max-height: 288px;
   border-radius: var(--borderRadius_Base)
}

.place-card__cover img {
   width: 100%
}

.place-card__main {
   padding-top: 16px;
   border-top: 1px solid var(--colorGray_20)
}

.place-card__title {
   font-size: var(--fontSize_H2);
   text-transform: uppercase
}

.place-card__tags li {
   display: inline-block;
   color: var(--colorAccent)
}

.place-card__tags li:not(:last-child):after {
   content: ", "
}

.place-card__desc {
   margin-top: 12px
}

.place-card__specs {
   order: -1;
   display: flex;
   justify-content: space-around;
   column-gap: 12px;
   padding-top: 4px
}

.place-card__data {
   display: flex;
   flex-direction: column;
   align-items: center;
   row-gap: 8px;
   min-width: 88px;
   line-height: var(--lineHeight_Hx);
   text-align: center
}

.place-card__data i {
   width: 40px;
   height: 40px;
   background-size: 40px
}

.place-card__data span {
   display: flex;
   flex-direction: column
}

.place-card__data small {
   color: var(--colorGray_30)
}

.detail-gallery {
   display: grid;
   grid-auto-rows: 1fr;
   grid-auto-flow: dense;
   gap: clamp(8px, 1.05vw, 12px)
}

@media (min-width: 560px) {
   .detail-gallery {
      grid-template-columns: repeat(4, 1fr)
   }
}

@media (min-width: 560px) {
   .detail-gallery.mod-spec {
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))
   }
}

@media (min-width: 760px) {
   .detail-gallery.mod-spec {
      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr))
   }
}

.detail-gallery__item {
   overflow: hidden;
   display: flex;
   grid-column: span 2;
   grid-row: span 2;
   background: var(--colorGray_10);
   border-radius: var(--borderRadius_Base)
}

.detail-gallery__item.mod-mini {
   grid-column: span 1;
   grid-row: span 1
}

.detail-gallery__item.mod-lite {
   grid-row: span 1
}

.detail-gallery__item.mod-spec {
   grid-column: span 1
}

.detail-gallery__item img {
   width: 100%;
   max-width: none
}

.place-desc__title {
   font-family: var(--fontFamily_Main);
   line-height: var(--lineHeight_Hx);
   font-size: var(--fontSize_H2);
   text-transform: uppercase
}

.place-desc__tags {
   margin-top: 8px
}

.place-desc__tags li {
   display: inline-block;
   color: var(--colorAccent)
}

.place-desc__tags li:not(:last-child):after {
   content: ", "
}

.place-desc__main {
   margin-top: 24px
}

.places-feed {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(328px, 1fr));
   gap: 24px
}

@media (min-width: 1340px) {
   .places-feed {
      grid-template-columns: repeat(3, 1fr)
   }
}

.place-specs {
   display: grid;
   column-gap: clamp(8px, 1.05vw, 12px);
   row-gap: clamp(36px, 4.74vw, 64px)
}

@media (min-width: 760px) {
   .place-specs {
      grid-template-columns: repeat(2, 1fr)
   }
}

.place-specs__main {
   display: flex;
   flex-direction: column;
   row-gap: clamp(24px, 3.16vw, 48px)
}

@media (min-width: 760px) {
   .place-specs__main {
      padding-right: clamp(36px, 4.74vw, 64px)
   }
}

.place-specs__title {
   line-height: var(--lineHeight_H1);
   font-size: var(--fontSize_H1);
   color: var(--colorAccent);
   text-transform: uppercase
}

.place-specs__data {
   display: flex;
   flex-wrap: wrap;
   column-gap: clamp(32px, 4.21vw, 56px);
   row-gap: clamp(20px, 2.63vw, 32px)
}

.place-specs__item {
   display: flex;
   align-items: center;
   width: 100%;
   height: clamp(44px, 5.79vw, 52px);
   column-gap: 20px;
   font-size: var(--fontSize_Spec)
}

@media (min-width: 560px) {
   .place-specs__item {
      width: auto
   }
}

@media (min-width: 760px) {
   .place-specs__item {
      width: 100%
   }
}

@media (min-width: 1000px) {
   .place-specs__item {
      width: auto
   }
}

.place-specs__item i {
   width: clamp(44px, 5.79vw, 52px);
   height: clamp(44px, 5.79vw, 52px);
   background-size: clamp(44px, 5.79vw, 52px)
}

.place-specs__item span {
   display: flex;
   flex-direction: column
}

.place-specs__item small {
   margin-top: -6px;
   color: var(--colorGray_30)
}

.simple-article {
   display: flex;
   flex-direction: column;
   align-items: center
}

.simple-article__main {
   max-width: 896px
}

.navbar {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   z-index: 200;
   grid-column: wide;
   order: -1;
   height: 160px;
   background: linear-gradient(180deg, #000, #0000)
}

.navbar.mod-lite {
   position: fixed;
   height: 107px;
   background: var(--colorWhite);
   box-shadow: 0 0 32px #0001
}

.navbar .header {
   position: static;
   grid-column: wide;
   margin-top: 0;
   padding-right: 0;
   padding-left: 0;
   z-index: 200;
   background: none
}

@media screen and (max-width: 425px) {
   .navbar .header {
      padding-top: 10px
   }
}

.navbar .header .mobile-menu {
   padding-top: 16px
}

.navbar .header .mobile-menu .burger {
   background-image: url(./menu-Ds4ImS0C.svg)
}

.navbar .logo img {
   width: 148px;
   height: auto;
   z-index: 10;
   position: relative
}

@media screen and (max-width: 425px) {
   .navbar .logo img {
      width: 87px
   }
}

.navbar .logo {
   left: 46%
}

@media screen and (max-width: 425px) {
   .navbar .logo {
      left: 40%
   }
}

@media screen and (max-width: 1360px) {
   .navbar .logo {
      left: calc(50% - 74px)
   }
}

.navbar .header-internal-page .logo {
   position: absolute
}

@media screen and (max-width: 425px) {
   .navbar .header-internal-page .logo {
      left: calc(50% - 54px)
   }
}

@media screen and (max-width: 1360px) {
   .navbar .header-internal-page .logo {
      left: calc(50% - 54px)
   }
}

@media screen and (min-width: 1361px) {
   .navbar .header-internal-page .logo {
      position: static
   }
}

.navbar .header-internal-page .logo img {
   width: 116px;
   height: 72px
}

.navbar .header-internal-page .black-grey-color {
   background-color: var(--colorText) !important;
   border: 0 !important
}

.navbar .link-page {
   text-transform: uppercase
}

.navbar .black-grey-color {
   background-color: transparent !important;
   border: 1px solid var(--colorWhite)
}

.navbar .translation a:last-child {
   border: 0
}

.navbar .translation a:last-child:before {
   background-color: var(--colorGray_20)
}

.navbar__block {
   display: grid;
   grid-template-columns: [wide-start] 1fr [main-start] minmax(0, var(--appMaxWidth)) [main-end] 1fr [wide-end];
   padding: 0 clamp(16px, 4.175vw, 32px)
}

.extras {
   padding-top: 25px;
   background-color: var(--colorGray_10)
}

@media (min-width: 760px) {
   .extras {
      padding-top: 0
   }
}

.hystmodal {
   z-index: 1000 !important
}

.hystmodal:before {
   background-color: var(--colorOnlay);
   opacity: 1;
   -webkit-backdrop-filter: blur(4px);
   backdrop-filter: blur(4px)
}

.header-internal-page {
   grid-column: main;
   width: 100%;
   height: 107px;
   margin: auto
}

.header-internal-page .link-page {
   text-transform: uppercase
}

.logo img {
   max-width: none
}

.header-internal-page .menu .link-page li:not(.book-now) a {
   transition: var(--transition_Text)
}

@media screen and (hover: hover) {
   .header-internal-page .menu .link-page li:not(.book-now) a:hover {
      color: var(--colorAccent);
      text-decoration-color: inherit
   }
}

.header-internal-page .menu .link-page li:not(.book-now) a:focus,
.header-internal-page .menu .link-page li:not(.book-now) a:active {
   color: var(--colorAccent);
   text-decoration-color: inherit
}

.header-internal-page .menu .book-now a {
   transition: var(--transition_Text)
}

@media screen and (hover: hover) {
   .header-internal-page .menu .book-now a:hover {
      color: var(--colorAccent);
      text-decoration-color: inherit
   }
}

.header-internal-page .menu .book-now a:focus,
.header-internal-page .menu .book-now a:active {
   color: var(--colorAccent);
   text-decoration-color: inherit
}

.footer .footer-wrapper .menu .list .menu-list a {
   text-transform: uppercase;
   transition: var(--transition_Text)
}

@media screen and (hover: hover) {
   .footer .footer-wrapper .menu .list .menu-list a:hover {
      color: var(--colorAccent);
      text-decoration-color: inherit !important
   }
}

.footer .footer-wrapper .menu .list .menu-list a:focus,
.footer .footer-wrapper .menu .list .menu-list a:active {
   color: var(--colorAccent);
   text-decoration-color: inherit !important
}

.address-block {
   line-height: 24px
}

.footer .footer-wrapper .copyright a {
   font-weight: 700;
   transition: var(--transition_Text)
}

@media screen and (hover: hover) {
   .footer .footer-wrapper .copyright a:hover {
      color: var(--colorAccent);
      text-decoration-color: inherit !important
   }
}

.footer .footer-wrapper .copyright a:focus,
.footer .footer-wrapper .copyright a:active {
   color: var(--colorAccent);
   text-decoration-color: inherit !important
}

.footer .copyright {
   margin-top: 4px
}

.footer .copyright-block p:last-of-type {
   margin-top: 4px
}

.social-block i {
   color: var(--colorAccent);
   width: 32px;
   height: 32px;
   transition: var(--transition_Base)
}

@media screen and (hover: hover) {
   .social-block i:hover {
      background: var(--colorText)
   }
}

.social-block i:focus,
.social-block i:active {
   background: var(--colorText)
}

.detail-info {
   margin-bottom: 0
}

.detail-info .description .desc-block {
   margin-right: 0;
   margin-left: 0
}

.detail-info .description .desc-block:first-of-type {
   margin-top: 0
}

.translation a {
   position: relative;
   display: flex;
   height: 50px;
   align-items: center;
   padding: 0 8px !important
}

.translation a:first-of-type {
   margin-left: -8px
}

.translation a:last-of-type {
   margin-right: -8px
}

.translation a:last-of-type:before {
   content: "";
   position: absolute;
   top: 50%;
   left: -1px;
   display: flex;
   height: 24px;
   width: 2px;
   margin-top: -13px;
   background-color: var(--colorText)
}

.header-internal-page .translation a:last-child {
   border-left: none
}

.contact-us .main-title {
   text-transform: uppercase
}

.header-internal-page {
   border-bottom: none
}

.privacy-desc p {
   height: auto !important
}

.privacy-desc .desc-block-list {
   margin-top: 24px !important;
   font-size: 18px !important
}

.module-base.contact-us .condition {
   margin-top: 16px
}

@media (min-width: 760px) {
   .module-base.contact-us .condition {
      margin-top: 0
   }
}

.module-base.contact-us .condition a {
   text-decoration: underline
}

.lake-maggiore .carts-wrap .cart .composit-img a {
   overflow: hidden;
   display: flex;
   height: 288px;
   background-color: #0000000d;
   border-radius: var(--borderRadius_Base)
}

.lake-maggiore .carts-wrap .cart .composit-img img {
   object-fit: cover;
   object-position: center;
   height: 288px;
   transition: var(--transition_Base)
}

@media screen and (hover: hover) {
   .lake-maggiore .carts-wrap .cart .composit-img img:hover {
      transform: scale(1.015)
   }
}

.lake-maggiore .carts-wrap .cart .composit-img img:focus,
.lake-maggiore .carts-wrap .cart .composit-img img:active {
   transform: scale(1.015)
}

.lake-maggiore .carts-wrap .cart .description {
   order: 1
}

.lake-maggiore .carts-wrap .cart .description h2 {
   padding: 16px 0 6px;
   line-height: 28px;
   font-size: 20px;
   font-weight: 700;
   text-transform: uppercase
}

.lake-maggiore .carts-wrap .cart .description h2 a {
   line-height: 28px;
   font-weight: 700;
   text-decoration: none;
   color: #000;
   font-family: var(--fontFamily_Extra);
   font-size: 20px;
   transition: var(--transition_Text)
}

@media screen and (hover: hover) {
   .lake-maggiore .carts-wrap .cart .description h2 a:hover {
      text-decoration-color: inherit !important
   }
}

.lake-maggiore .carts-wrap .cart .description h2 a:focus,
.lake-maggiore .carts-wrap .cart .description h2 a:active {
   text-decoration-color: inherit !important
}

@media (min-width: 760px) {
   .lake-maggiore .carts-wrap {
      flex-direction: row;
      flex-wrap: wrap
   }
}

.lake-maggiore .carts-wrap .cart {
   max-height: none
}

@media (min-width: 760px) {
   .lake-maggiore .carts-wrap .cart {
      width: calc(50% - 20px)
   }
}

input,
textarea {
   outline: 2px solid transparent
}

@media screen and (hover: hover) {

   input:hover,
   textarea:hover {
      transition: var(--transition_Base);
      outline: 2px solid var(--colorAccent)
   }
}

input:focus,
input:active,
textarea:focus,
textarea:active {
   transition: var(--transition_Base);
   outline: 2px solid var(--colorAccent)
}

.contact-us .contact-block .map .form .send .button {
   outline: 0
}

@media screen and (hover: hover) {
   .contact-us .contact-block .map .form .send .button:hover {
      background: var(--colorText)
   }
}

.contact-us .contact-block .map .form .send .button:focus,
.contact-us .contact-block .map .form .send .button:active {
   background: var(--colorText)
}

.contact-us .contact-block .map .form .send .condition a {
   color: var(--colorAccent);
   transition: var(--transition_Text)
}

@media screen and (hover: hover) {
   .contact-us .contact-block .map .form .send .condition a:hover {
      color: var(--colorText)
   }
}

.contact-us .contact-block .map .form .send .condition a:focus,
.contact-us .contact-block .map .form .send .condition a:active {
   color: var(--colorText)
}

a.email {
   transition: var(--transition_Text)
}

@media screen and (hover: hover) {
   a.email:hover {
      color: var(--colorAccent) !important;
      text-decoration-color: inherit !important
   }
}

a.email:focus,
a.email:active {
   color: var(--colorAccent) !important;
   text-decoration-color: inherit !important
}

.translation a {
   transition: var(--transition_Text)
}

@media screen and (hover: hover) {
   .translation a:hover {
      color: var(--colorAccent)
   }
}

.translation a:focus,
.translation a:active {
   color: var(--colorAccent)
}

.detail-info .preview-info .map,
.detail-info .preview-info .map iframe {
   width: 100%
}

.detail-main-img {
   grid-column: wide !important;
   max-width: none;
   height: 280px !important;
   margin-right: 0 !important;
   margin-left: 0 !important;
   background-color: var(--colorGray_10)
}

@media (min-width: 760px) {
   .detail-main-img {
      height: 500px !important
   }
}

.detail-main-img picture,
.detail-main-img img {
   height: 100%
}

.module-base.internal-page-wrapper {
   padding: 0 !important
}

.module-base.internal-page-wrapper .main-title {
   margin-bottom: 12px
}

.module-base.internal-page-wrapper .main-title,
.module-base.internal-page-wrapper h2 {
   text-transform: uppercase
}

.detail-info .description h2 {
   font-family: var(--fontFamily_Main);
   font-size: 16px;
   line-height: 24px;
   font-weight: 700;
   padding: 0 0 6px
}

.detail-info .preview-info .properties {
   flex-wrap: wrap
}

.detail-info .preview-info .map {
   background-color: var(--colorGray_10)
}

.footer .footer-wrapper .menu .list .menu-list a {
   display: inline-flex;
   margin: -2px -6px;
   padding: 2px 6px
}

.about-us .main-title {
   text-transform: uppercase
}

.our-team-wrapper h2 {
   font-size: 28px;
   text-transform: uppercase;
   margin-bottom: 18px;
   font-weight: 700
}

.our-team-wrapper h3 {
   font-size: 28px
}

.user-cart>div:first-child {
   overflow: hidden;
   display: flex;
   background-color: var(--colorGray_10);
   border-radius: var(--borderRadius_Base)
}

.user-cart .name {
   border-radius: var(--borderRadius_Base) 0 0 0
}

.composit-img img {
   display: flex
}

.xnode__main.main-wrapper {
   margin: 0
}

.detail-info .preview-info .map iframe {
   height: 100%
}

@media screen and (max-width: 560px) {

   .our-team .our-team-wrapper .user-carts .line-carts-1,
   .our-team .our-team-wrapper .user-carts .line-carts-2 {
      flex-direction: column !important
   }
}

@media screen and (min-width: 561px) {

   .our-team .our-team-wrapper .user-carts .line-carts-1,
   .our-team .our-team-wrapper .user-carts .line-carts-2 {
      display: grid;
      grid-template-columns: repeat(2, 1fr)
   }
}

@media screen and (min-width: 1024px) {

   .our-team .our-team-wrapper .user-carts .line-carts-1,
   .our-team .our-team-wrapper .user-carts .line-carts-2 {
      display: flex !important
   }
}

@media (min-width: 561px) and (max-width: 1024px) {
   .our-team .our-team-wrapper {
      margin: 0 !important
   }
}

#iframe_map {
   max-width: 100%
}

@media screen and (max-width: 1000px) {
   .contact-us .contact-block {
      flex-direction: column;
      align-items: center;
      gap: 50px
   }
}

.contact-us .contact-block .map .form .all-fields {
   flex-wrap: wrap
}

.info-content-icon {
   flex-shrink: 0
}

.our-partners h2 {
   text-transform: uppercase;
   font-size: 28px;
   font-weight: 700
}

.info-title-text {
   font-weight: 700
}

.page-lead-cover.mod-lite {
   display: flex
}

@media (min-width: 560px) {
   .page-lead-cover.mod-lite {
      display: none
   }
}

.page-lead-cover.mod-full {
   display: none
}

@media (min-width: 560px) {
   .page-lead-cover.mod-full {
      display: flex
   }
}

.first-section .position-welcome h1.main-welcome {
   font-weight: 400;
   text-transform: uppercase
}

.navbar .logo {
   left: calc(50% - 38px)
}

@media (min-width: 426px) {
   .navbar .logo {
      left: calc(50% - 74px)
   }
}

@media (min-width: 1361px) {
   .navbar .logo {
      left: calc(50% - 132px)
   }
}

@media (min-width: 1541px) {
   .navbar .logo {
      left: calc(50% - 84px)
   }
}

.footer .footer-wrapper {
   width: 100% !important;
   height: 468px
}

@media (min-width: 760px) {
   .footer .footer-wrapper {
      height: 234px
   }
}

@media (min-width: 1340px) {
   .footer .footer-wrapper {
      height: 156px
   }
}

@media screen and (max-width: 768px) {
   .footer .footer-wrapper .copyright {
      align-items: flex-start;
      padding-top: 8px
   }
}

@media screen and (max-width: 1360px) {
   .footer .footer-wrapper .social .social-block {
      padding-right: 66px
   }
}

@media screen and (max-width: 1000px) {
   .contact-us .contact-block {
      align-items: flex-start
   }
}

@media screen and (max-width: 425px) {
   .contact-us .contact-block .contact {
      margin: 0
   }
}

.contact-us {
   margin: 0 !important
}

.xnode__main.main-wrapper {
   margin: 0;
   padding: 0 !important
}

.module-base.internal-page-wrapper h2 {
   font-weight: 400;
   text-transform: none
}

.info-wrap {
   margin-bottom: 0 !important
}

.white-back h2 {
   font-weight: 400
}

.locations {
   margin-bottom: 0 !important
}

.our-properties {
   margin: 20px 0 0 !important
}

.our-properties h2 {
   text-align: center
}

.title h3.bold {
   font-weight: 400 !important
}

.why-us {
   margin: 20px 0 !important
}

.our-partners {
   width: 100% !important
}

.contact-block {
   margin-bottom: 0 !important;
   padding-bottom: 0 !important
}

.google-maps.map .img,
.main-wrapper .video-section .videos .video-block {
   overflow: hidden;
   background-color: #00000511;
   border-radius: var(--borderRadius_Plus)
}

.cart-location {
   overflow: hidden
}

.cart-location img {
   transition: var(--transition_Base)
}

.cart-location a {
   display: flex;
   overflow: hidden;
   background: #00000511;
   border-radius: var(--borderRadius_Plus)
}

@media screen and (hover: hover) {
   .cart-location a:hover img {
      transform: scale(1.05)
   }
}

.cart-location a:focus img,
.cart-location a:active img {
   transform: scale(1.05)
}

.cart-location .white-back {
   border-radius: var(--borderRadius_Base) var(--borderRadius_Base) 0 0
}

.bold.see-all {
   transition: var(--transition_Base)
}

@media screen and (hover: hover) {
   .bold.see-all:hover {
      color: var(--colorWhite);
      background: var(--colorAccent) !important
   }
}

.bold.see-all:focus,
.bold.see-all:active {
   color: var(--colorWhite);
   background: var(--colorAccent) !important
}

.video-block video {
   transition: var(--transition_Base)
}

@media screen and (hover: hover) {
   .video-block video:hover {
      transform: scale(1.05)
   }
}

.video-block video:focus,
.video-block video:active {
   transform: scale(1.05)
}

.cart-propertie img {
   transition: var(--transition_Base)
}

.cart-propertie a {
   display: flex;
   overflow: hidden;
   background: #00000511;
   border-radius: var(--borderRadius_Base)
}

@media screen and (hover: hover) {
   .cart-propertie a:hover img {
      transform: scale(1.05)
   }
}

.cart-propertie a:focus img,
.cart-propertie a:active img {
   transform: scale(1.05)
}

.cart-propertie .title a,
.cart-propertie .title h3 {
   background: transparent !important
}

@media screen and (hover: hover) {
   .cart-propertie .title h3:hover {
      text-decoration-color: inherit !important
   }
}

.cart-propertie .title h3:focus,
.cart-propertie .title h3:active {
   text-decoration-color: inherit !important
}

.contact-us .contact-block .map .form {
   top: -28px
}

.btn.fill.for-owners {
   overflow: hidden;
   padding: 0 !important;
   transition: var(--transition_Base)
}

.btn.fill.for-owners a {
   display: flex;
   padding: 13px 26px
}

@media screen and (hover: hover) {
   .btn.fill.for-owners:hover {
      background: var(--colorText) !important
   }
}

.btn.fill.for-owners:focus,
.btn.fill.for-owners:active {
   background: var(--colorText) !important
}

.btn.fill.black-grey-color {
   overflow: hidden;
   padding: 0 !important;
   transition: var(--transition_Base)
}

.btn.fill.black-grey-color a {
   display: flex;
   padding: 13px 26px
}

@media screen and (hover: hover) {
   .btn.fill.black-grey-color:hover {
      background: var(--colorAccent) !important
   }
}

.btn.fill.black-grey-color:focus,
.btn.fill.black-grey-color:active {
   background: var(--colorAccent) !important
}

.footer .menu-list a {
   text-decoration: underline !important;
   text-decoration-style: dotted !important;
   text-decoration-color: transparent !important;
   text-decoration-thickness: .077em !important;
   text-underline-offset: .144em !important;
   transition: var(--transition_Base)
}

@media screen and (hover: hover) {
   .footer .menu-list a:hover {
      text-decoration-color: inherit !important
   }
}

.footer .menu-list a:focus,
.footer .menu-list a:active {
   text-decoration-color: inherit !important
}

.navbar.mod-hero .menu .link-page a {
   text-decoration: underline !important;
   text-decoration-style: dotted !important;
   text-decoration-color: transparent !important;
   text-decoration-thickness: .077em !important;
   text-underline-offset: .144em !important;
   transition: var(--transition_Base)
}

@media screen and (hover: hover) {
   .navbar.mod-hero .menu .link-page a:hover {
      text-decoration-color: inherit !important
   }
}

.navbar.mod-hero .menu .link-page a:focus,
.navbar.mod-hero .menu .link-page a:active {
   text-decoration-color: inherit !important
}

.navbar.mod-hero .book-now a {
   text-decoration: underline !important;
   text-decoration-style: dotted !important;
   text-decoration-color: transparent !important;
   text-decoration-thickness: .077em !important;
   text-underline-offset: .144em !important;
   transition: var(--transition_Base)
}

@media screen and (hover: hover) {
   .navbar.mod-hero .book-now a:hover {
      text-decoration-color: inherit !important
   }
}

.navbar.mod-hero .book-now a:focus,
.navbar.mod-hero .book-now a:active {
   text-decoration-color: inherit !important
}