.boxslides-container {
position: relative; }
@media all and (max-width: 991px) {
.boxslides {
scroll-behavior: smooth;
align-items: flex-start;
display: flex;
justify-content: stretch;
flex-wrap: nowrap;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
transition: all 0.2s;
user-select: none;
cursor: pointer;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-ms-overflow-style: -ms-autohiding-scrollbar; }
.boxslides::-webkit-scrollbar {
display: none; }
.boxslides.active {
cursor: grabbing;
cursor: -webkit-grabbing; }
.boxslides .child {
align-self: stretch; } }
.boxslides .pager-left, .boxslides .pager-right {
display: none;
position: absolute;
top: 20%;
z-index: 100;
width: 40px;
height: 40px;
border-radius: 50%;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.5);
color: #000; }
@media all and (max-width: 991px) {
.boxslides:hover .pager-left, .boxslides:hover .pager-right {
display: inline-block; } }
.boxslides .pager-left {
left: 3%; }
.boxslides .pager-left img {
position: absolute;
rotate: 90deg;
left: 25%;
top: 37%; }
.boxslides .pager-right {
right: 1%; }
.boxslides .pager-right img {
position: absolute;
rotate: -90deg;
top: 37%;
right: 25%; }.aside-info-boxes {
margin-top: 3.125rem;
align-items: center; }
.aside-info-boxes .aside-box.default h2 {
margin: 0 !important; }
@media all and (min-width: 992px) {
.aside-info-boxes {
margin-top: 0; }
.aside-info-boxes.boxslides {
margin-top: 3.125rem; } }
@media all and (min-width: 992px) and (max-width: 1199px) {
.aside-info-boxes.blog {
margin-top: 3.125rem; } }
@media all and (max-width: 575px) {
.aside-info-boxes.boxslides {
overflow: inherit;
flex-wrap: wrap; } }
@media all and (min-width: 1200px) {
.aside-info-boxes.boxslides {
margin-top: 0; } }
@media all and (min-width: 576px) and (max-width: 991px) {
.aside-info-boxes .aside-box {
flex: 0 0 330px;
width: 330px;
height: 342px; } }
@media all and (max-width: 576px) {
.aside-info-boxes .col-6 {
flex: 0 0 100%;
width: 100%; } }
.aside-info-boxes .info-box {
display: block;
position: relative;
margin-bottom: 1.5625rem;
white-space: normal;
height: 100%;
min-height: 18.75rem;
padding-left: 1.875rem;
padding-right: 1.875rem;
padding-top: 3.125rem;
padding-bottom: 1.875rem;
background-color: #CCE31D; }
@media all and (min-width: 681px) {
.aside-info-boxes .info-box {
margin-bottom: 1.5625rem; } }
.aside-info-boxes .info-box.withImage {
padding: 0;
display: flex;
justify-content: stretch; }
.aside-info-boxes .info-box .bottom {
position: absolute;
bottom: 1.875rem; }
.aside-info-boxes .info-box.grey {
background-color: #C8D2DC; }
.aside-info-boxes .info-box.yellow {
background-color: #FCCC05; }
.aside-info-boxes .info-box.circle {
background-color: transparent;
padding-left: 0; }
@media all and (max-width: 991px) {
.aside-info-boxes .info-box.circle {
margin-bottom: 0;
padding-top: 0; } }
@media all and (max-width: 680px) {
.aside-info-boxes .info-box.circle {
padding-left: 0; } }
@media all and (max-width: 1199px) {
.aside-info-boxes .info-box.circle.blog {
padding: 0; } }
.aside-info-boxes .info-box.contact {
padding-top: 1.25rem;
border: 1px solid #000;
background-color: transparent; }
.aside-info-boxes .info-box.contact h3 {
padding-bottom: 1.25rem; }
.aside-info-boxes .info-box.contact.eat h2 {
margin-bottom: .625rem; }
.aside-info-boxes .info-box span {
display: block; }
.aside-info-boxes .info-box span.link {
padding-top: 6.25rem; }
.aside-info-boxes .info-box .circle-wrap {
background-color: #000;
border-radius: 50%;
width: 283px;
height: 283px;
transform: rotate(-15deg);
margin: auto; }
.aside-info-boxes .info-box .circle-wrap .content {
padding-top: 30%; }
.aside-info-boxes .info-box .circle-wrap span {
display: block;
text-align: center;
color: #fff; }
.aside-info-boxes .info-box .circle-wrap span.link {
padding-top: 2.5rem; }
.aside-info-boxes .info-box .circle-wrap span.link a {
font-family: Roboto;
font-weight: 700;
font-size: .9375rem; }
.global-aside {
margin-bottom: 2.1875rem; }
@media all and (min-width: 992px) {
.global-aside {
margin-bottom: 4.375rem; } }.imgtext-list .list {
padding-top: 1.25rem;
padding-bottom: 0 !important; }
.imgtext-list .list .desc {
margin-top: 2.5rem;
margin-bottom: 2.5rem; }
.imgtext-list .line {
margin-top: 2.5rem;
border-top: 2px solid #000; }
.imgtext-list .box {
margin-bottom: 5.26rem; }
.imgtext-list .box h3 {
margin-top: 1.5625rem;
margin-bottom: 0.3125rem; }
.imgtext-list .inside .pos, .imgtext-list .inside .contact {
display: block; }
.imgtext-list .inside .pos {
margin-bottom: 1.25rem; }.band-slides {
padding-top: 4.375rem;
padding-bottom: 4.375rem; }
.band-slides.default {
background-color: #E3E8ED; }
.band-slides.dark {
background-color: #525A60;
color: #fff; }
.band-slides.fkr {
background-color: #EAEDE7;
color: #000000; }
.band-slides.eatfkr {
padding-bottom: 6.25rem; }
.band-slides.withBottom {
margin-bottom: 3.75rem; }
.band-slides.withBottomLine {
padding-bottom: 0; }
.band-slides h2 {
margin-bottom: 3.3475rem; }
.band-slides .event {
position: relative; }
.band-slides .event h3 {
margin-top: 1.5625rem;
margin-bottom: .625rem; }
.band-slides .event .bubble {
position: absolute;
top: .625rem;
left: .625rem;
z-index: 2;
background-color: #000;
color: #fff;
border-radius: 20px;
font-family: Roboto;
font-size: 1.125rem;
line-height: 1.5625rem;
padding: 0.175rem 1.25rem 0.175rem 1.25rem;
text-decoration: none;
display: inline-block; }
.band-slides .btn-row {
margin-top: 2.125rem; }
.band-slides.dark .btn {
border-color: #fff; }
.band-slides.dark .btn:hover {
border-color: transparent; }
.band-slides .img-icon-wrap {
position: relative;
height: 100%;
display: block; }
.band-slides .img-icon-wrap .absolute {
position: absolute;
z-index: 10; }
.band-slides .img-icon-wrap .name {
top: .375rem;
left: .375rem;
color: #fff; }
.band-slides .img-icon-wrap .duration {
top: .375rem;
right: .375rem;
color: #fff; }
.band-slides .img-icon-wrap .icon {
bottom: .375rem;
right: .375rem; }
.band-slides .boxslides-container {
position: relative; }
.band-slides .boxslides { scroll-behavior: smooth;
align-items: flex-start;
display: flex;
justify-content: stretch;
flex-wrap: nowrap;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
transition: all 0.2s;
user-select: none;
cursor: pointer;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-ms-overflow-style: -ms-autohiding-scrollbar; }
.band-slides .boxslides .pager-left, .band-slides .boxslides .pager-right {
display: none; }
.band-slides .boxslides::-webkit-scrollbar {
display: none; }
.band-slides .boxslides.active {
cursor: grabbing;
cursor: -webkit-grabbing; }
.band-slides .boxslides .child {
align-self: stretch; }
.band-slides .boxslides .pager-left, .band-slides .boxslides .pager-right {
position: absolute;
top: 20%;
transform: translateY(calc(-$top - 30px));
z-index: 100;
width: 40px;
height: 40px;
border-radius: 50%;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.5); }
.band-slides .boxslides .pager-left.visible, .band-slides .boxslides .pager-right.visible {
display: inline-block; }
.band-slides .boxslides .pager-left {
left: 2%; }
@media all and (min-width: 1450px) {
.band-slides .boxslides .pager-left {
left: -4%; } }
.band-slides .boxslides .pager-left img {
position: absolute;
rotate: 90deg;
left: 25%;
top: 37%; }
.band-slides .boxslides .pager-right {
right: 2%; }
@media all and (min-width: 1450px) {
.band-slides .boxslides .pager-right {
right: -4%; } }
.band-slides .boxslides .pager-right img {
position: absolute;
rotate: -90deg;
top: 37%;
right: 25%; }
.band-slides .boxslides .boxslides-box {
height: auto;
width: 330px !important;
white-space: initial; }
.band-slides .boxslides .boxslides-box.col-3 {
flex: 0 0 330px;
width: 330px; }
.band-slides .boxslides .boxslides-box.col-4 {
flex: 0 0 440px;
width: 440px !important; }
.band-slides .boxslides .boxslides-box .text-default {
hyphens: auto;
word-break: break-word; }
.band-slides .line {
margin-top: 3.75rem;
border-bottom: 2px solid; }
.band-manual-content .pager-left, .band-manual-content .pager-right {
top: 50% !important;
transform: translateY(-50%); }
.band-manual-content .boxslides-box article {
background-color: #fff;
padding: 20px;
height: 200px !important;
display: flex;
align-items: center;
justify-content: center; }