@import url("https://use.typekit.net/pud6omg.css");
@import url("https://use.typekit.net/xtd4dga.css");
@import url("https://use.typekit.net/ucn1kvm.css");

:root {
    /* Fonts */
    --font-primary: aktiv-grotesk, sans-serif;
    --font-secondary: priori-sans, sans-serif;
    --font-tertiary: basic-sans, sans-serif;
}
.section-intro__link {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    transition: all 0.6s ease;
    position: relative;
    overflow: hidden;
    height: 50vh;
}

.section-intro__image {
    height: 100vh;
    width: 100vw;
    object-fit: cover;
    transition: all 15s ease;
}

.section-intro__text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    padding: 0 .5em;
    white-space: nowrap;
    z-index: 2;
}

.intro .section-intro__text {
    white-space:normal;
    width: 100%;
}

.intro .section-intro__text span{
    white-space:normal;
    width: 100%;
}

.intro .overlay_dark {
    background-color: rgba(0, 0, 0, 0.4);
}

@media screen and (min-width: 991px) {
    .section-intro__link {
        max-width: 50%;
        height: auto;
    }
    .section-intro__link.active {
        max-width: 55%;
    }
    .section-intro__link.reduce {
        max-width: 45%;
    }
    .section-intro__link.active .section-intro__image {
        transform: scale(1.1, 1.1);
    }
}

.header__wrapper-overlay-menu {
    justify-content: center;
}

@media screen and (min-width: 991px) {

}

.logo__img-primary, .logo__img-secondary {
    width: auto;
    height: 25px;
}

.logo__img-primary {
    fill: #000;
}

.logo__img-secondary {
    fill: #fff;
}

[data-arts-theme-text="light"] .arrow:hover .circle {
    stroke: #fff;
    fill: #fff;
}

.preloader img {
    width: auto;
    height: 240px;
}
.preloader__header-logo {
    width: auto;
    height: 30px;
    margin-top: 5em;
}
.drop-cap {
    color: #fff;
}

.circle-button__label.small-caps {
    color: #fff;
}

.logo__img-secondary {
    top: 8px;
}
.xonar .logo__img-secondary {
    top: 0;
}

[data-arts-theme-text="light"] h1, [data-arts-theme-text="light"] .h1 {
    color: #fff;
}

.preloader__content.preloader-xonar {
    width: auto;
    height: auto;
    max-height: 100%;
}
.preloader img.preloader-xonar-img {
    width: 90vw;
    height: auto;
    object-fit: contain;
}

.xonar-curtain {
    fill: #025aab !important;
}

.header.xonar.opened[data-arts-header-overlay-theme="dark"] a {
    color: #fff;
}
  
.header.xonar.opened[data-arts-header-overlay-theme="dark"] a:hover {
color: #f6965b;
}
.header.xonar.opened[data-arts-header-overlay-theme="dark"] .header__burger-line {
    background-color: #fff;
}
.header.xonar.opened[data-arts-header-overlay-theme="dark"] .header__burger:hover .header__burger-line {
    background-color: #f6965b;
}

.bg-blue {
    background-color: #025aab;
}
.bg-blue-30 {
    background-color: rgb(2 90 171 / 10%);
}
.bg-orange {
    background-color: #f6965b;
}

.bg-blue-30 .section__headline {
    background-color: #025aab;
}

.bg-blue-30 p, .bg-blue-30 h2,.bg-blue-30 .h3, .bg-blue-30 .small-caps {
    color: #025aab;
}

.xonar-font h1, .xonar-font h2, .xonar-font h3, .xonar-font h4, .xonar-font h5, .xonar-font h6, .xonar-font .h1, .xonar-font .h2, .xonar-font .h3, .xonar-font .h4, .xonar-font .h5, .xonar-font .h6, .xonar-font .xl,
.xonar-font .comment-body .fn, .xonar-font .counter__number, .xonar-font .figure-project__letter, .xonar-font .logo__text-title, .xonar-font .pagination, .xonar-font .section-services__letter, .xonar-font .slider__counter, .xonar-font .slider__counter_mini, .xonar-font .slider__total_mini,
.xonar-font .has-drop-cap:not(:focus):not(.has-drop-cap_split):first-letter, .xonar-font .drop-cap, .xonar-font .block-counter__counter, .xonar-font .widget_rss .rsswidget, .xonar-font .widget_recent_comments ul li a, .xonar-font .widget_recent_entries ul li a {
    font-family: var(--font-tertiary);
}

.xonar-font .logo__img-primary, .xonar-font .logo__img-secondary {
    width: auto;
    height: 19px;
}
@media screen and (min-width:768px) {
    .xonar-font .logo__img-primary, .xonar-font .logo__img-secondary { height: 25px; }    
}

.is--hidden {
    opacity: 0 !important;
    visibility: hidden !important;
}

.section-masthead__wrapper-scroll-down {
    bottom: 40px;
    display: flex;
    justify-content: center;
}

.curtain-svg.two {
    fill: var(--color-dark-1) !important;
}
.header__col-menu { 
    display: none;
}
.nav {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    font-family: var(--font-secondary);
    text-transform: uppercase;
    font-size: calc(var(--paragraph-min-font-size) * 1.25px + (var(--paragraph-max-font-size) - var(--paragraph-min-font-size)) * ((100vw - 320px) / 2240));
    line-height: var(--paragraph-line-height);
    
}
.nav li + li {
    margin-left: 2em;
}

.nav.blue-link a, .social.blue-link a { color: #025aab; }

.bg-blue .nav.blue-link a, .bg-blue .social.blue-link a { color: #fff; }


@media screen and (min-width:992px) {
    .header__col-menu { 
        display: block;
    }
}

[data-arts-theme-text="light"] .nav a, [data-arts-theme-text="light"] .social a {
    color: var(--color-light-3);
}

.comming-soon {
    pointer-events: none;
    filter: grayscale(1);
}

.xonar.bg-dark-2 {
    --color-dark-2: #025aab;
    background-color: var(--color-dark-2) !important;
}

.xonar-font a {
    --color-gray-1: #025aab;
    color: var(--color-gray-1);
}

[data-arts-theme-text="light"] a {
    --color-gray-1: #888888;
}

.xonar-font a:hover {
    opacity: 0.87;
}

/* ≠≠≠≠≠≠≠≠≠≠≠≠
calendar
≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠ */

.custom-calendar-wrap { margin: 0; position: relative; overflow: hidden; }

.custom-inner { background: #fff; }

.custom-inner:before, .custom-inner:after { content: ''; width: 99%; height: 50%; position: absolute; background: #f6f6f6; bottom: -4px; left: 0.5%; z-index: -1; }

.custom-header { background: #fff; height: 70px; position: relative; }

.clearfix { overflow: hidden; }

.clearfix:before, .clearfix:after{ content: " "; display: table; }

.custom-header nav span { position: absolute; top: 17px; width: 30px; height: 30px; color: transparent; cursor: pointer; margin: 0 1px; font-size: 20px; line-height: 30px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.custom-header nav span:first-child { left: 0; }

.custom-header nav span:last-child { right: 0; }

.custom-header nav span:before { color: #686a6e; position: absolute; left:0; text-align: center; width: 100%; }

.custom-header nav span.custom-prev:before { content: '\003C'; font-size: 14px; border: 1px solid #ccd7e2; }

.custom-header nav span.custom-next:before { content: '\003E'; font-size: 14px; border: 1px solid #ccd7e2; }

.custom-header h2, .custom-header h3 { text-align: center; text-transform: uppercase; }

.custom-header h2 { color: #4376a8; font-weight: 700; font-size: 12px; margin-top: 10px; }

.fc-calendar-container { position: relative; height: 400px; width: 400px; }

.fc-calendar-container { width: auto; padding: 0; background: none; }

.fc-calendar { width: 100%; height: 100%; }

.fc-calendar .fc-head { height: 48px; line-height: 48px; background: #ccc; color: #fff; }

.fc-calendar .fc-head { background: #f7fafb; color: #272525; font-weight: bold; text-transform: uppercase; font-size: 12px; border-top: 1px solid #ccd7e2; border-bottom: 1px solid #ccd7e2; }

.fc-calendar .fc-body { position: relative; width: 100%; height: 100%; }

.fc-calendar .fc-row { width: 100%; }

.fc-five-rows .fc-row { height: 12%; }

.fc-calendar .fc-row > div, .fc-calendar .fc-head > div { float: left; height: 100%; width: 14.28%; width: -moz-calc(100% / 7); width: -webkit-calc(100% / 7); width: calc(100% / 7); position: relative; }

.fc-calendar .fc-row > div { padding: 4px; overflow: hidden; position: relative; }

.fc-calendar .fc-row > div { background: #fff; cursor: pointer; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #ccd7e2; }

.fc-calendar .fc-row > div.fc-content { }

.fc-calendar .fc-row > div.all-day { background-color: #ccd7e2 !important; }

.fc-calendar .fc-row > div.first-day { background-color:#ccd7e2 !important; }

.fc-calendar .fc-row > div.last-day { background-color: #fff !important; }

.fc-calendar .fc-row > div.fc-today { background: #fff4c3 !important;}

.fc-calendar .fc-row > div:empty { background: transparent; }

.fc-calendar .fc-row > div.fc-content > span.fc-date { color: #686a6e !important; }

.fc-calendar .fc-row > div > span.fc-date { position: absolute; width: 30px; height: 20px; font-size: 20px; line-height: 20px; font-weight: 700; color: #ddd; bottom: 5px; right: 5px; text-align: right; }

.fc-calendar .fc-row > div > span.fc-date { color: #686a6e; font-weight: 400; top: 50%; left: 50%; text-align: center; margin: -10px 0 0 -15px; font-weight: 400; pointer-events: none; font-size: 12px; }

.fc-calendar .fc-row > div > span.fc-weekday { padding-left: 5px; display: none; }

.calendar-links { position: absolute; width: 100%; top: 450px; z-index: 999; }

.calendar-links .booked, .calendar-links .available { font-size: 12px; line-height: 18px; text-transform: uppercase; font-weight: 300; letter-spacing: 1px; color: #848484; position: relative; display: block; }

.calendar-links .booked:before, .calendar-links .available:before {
    content: ''; display: inline-block; top: 0; margin-right: 5px; width: 18px; height: 18px; border-radius: 18px; background-color: #97acc9; border: 1px solid #e2e8ef; }

.calendar-links .available:before { background-color: #fff; }

.custom-calendar-wrap {
    --blue-primary-10: rgb(238 236 231 / 10%);
    --blue-primary-30: rgb(238 236 231 / 30%);
    --blue-primary-67: rgb(238 236 231 / 67%);
    --blue-primary: #eeece7;
    --blue-primary-text: #c5beaa;
}

.custom-header nav span.custom-prev:before, .custom-header nav span.custom-next:before, .fc-calendar .fc-row > div, .fc-calendar .fc-head, .calendar-links .booked:before {
    border-color: var(--blue-primary) !important;
}

.fc-calendar .fc-row > div.all-day, .fc-calendar .fc-row > div.first-day, .calendar-links .booked:before {
    background-color: var(--blue-primary-67) !important;
}

.fc-calendar .fc-head {
    background-color: var(--blue-primary-30);
}

/* ≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠
TABLE 
≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠ */

:root {
    --bs-emphasis-color-rgb: 238, 236, 231;
    --bs-body-bg: transparent;
    --bs-border-color: rgb(238 236 231 / 100%);
    --bs-bg-color-5: rgb(238 236 231 / 30%);
    --bs-emphasis-color: #686a6e;
    --bs-border-width: 1px;
}

table {
    
    caption-side: bottom;
    border-collapse: collapse;
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}

tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

.table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-emphasis-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.67);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color);
    font-size: 12px;
}

.table > :not(caption) > * > * {
    padding: .75rem .5rem;
    line-height: 1.675em;
    color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
    background-color: var(--bs-table-bg);
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}

.table > :not(caption) > * > th {
    border-top-width: var(--bs-border-width);
    background-color: var(--bs-bg-color-5);
    color: #272525;
}

.table > thead {
    vertical-align: bottom;
}

.table > tbody {
    vertical-align: inherit;
}

.table-striped > tbody > tr:nth-of-type(odd)> * {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg);
}

/* style your element as you wish  */
.circleButtonHome {
	display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 40px;
    right: 40px;
	background-color: rgb(255, 255, 255);
    color: #333333;
	border-radius: 100%;
	height: 112px;
	width: 112px;
    z-index: 98;
    font-family: var(--font-secondary);
    font-size: 18px;
    text-transform: uppercase;
    padding-top: 3px;

	box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}

	70% {
		box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

/* style your element as you wish  */
.circleButton {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 40px;
    right: 40px;
	background-color: rgb(241, 233, 219);
    color: #333333;
	border-radius: 100%;
	height: 112px;
	width: 112px;
    z-index: 98;
    font-family: var(--font-secondary);
    font-size: 18px;
    text-transform: uppercase;
    padding-top: 3px;

	box-shadow: 0 0 0 0 rgba(241, 233, 219, 1);
	transform: scale(1);
	animation: pulse-2 2s infinite;
}

@keyframes pulse-2 {
	0% {
		box-shadow: 0 0 0 0 rgba(241, 233, 219, 0.7);
	}

	70% {
		box-shadow: 0 0 0 20px rgba(241, 233, 219, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(241, 233, 219, 0);
	}
}