.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; } }.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%; }