body {
background-color: var(--sand2);
overflow-x: hidden;
}

.cover {
position: relative;
min-height: 670px;
}

.cover-slick {
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: -1;
}

.cover-slick div {
height: 100%;
background-size: cover;
background-position: center;
}

.cover .toggle-slick {
position: absolute;
top: 125px;
right: 15px;
background: none;
border: 0;
}

.cover .toggle-slick span {
position: absolute;
left: -9999px;
}


.cover-content {
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
z-index: 99;
    text-align: center;

max-width: 600px;
margin-top: -60px;
}
.mobile-only {
    display: none;
}

video {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background-size: cover;
    transition: 1s opacity;
    object-fit: cover;
    z-index: -1;
}

#toggle-video {
position: absolute;
top: 125px;
right: 15px;
background: none;
border: 0;
color: #fff;
}

.toggle-slick .fa {
color: #fff;
}


.services-slick {
padding: .5rem 1rem;
margin: 0 1rem;
}

.service {
text-align: center;
display: block;
background: #fff;
margin: 1rem;
padding: 1rem;
}

.service:hover {
transform: scale(1.1);
}

.service .icon img {
display: block;
margin: 0 auto;
margin-bottom: .75rem;
}

h2 {
color: var(--site1);
font-size: 3rem;
font-weight: bold;
position: relative;
top: 0;
right: 0;
    padding: .219rem .75rem;
    margin: 0;
    border-radius: 2rem;
    z-index: 5;
    margin-bottom: 100px;
}
[dir="ltr"] h2 {
display: flex;
}
.articles {
padding: 3rem 2rem;
}

.articles h2 {
font-weight: bold;
margin-bottom: 2rem;
}

.articles article {
display: block;
height: 100%;
}

.articles .row>div {
margin-bottom: 30px;
}

.article {
display: block;
background: #fff;
color: #000;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
position: relative;
height: 100%;
}

.article img {
display: block;
width: 100%;
}

.article .info {
padding: 1rem;
}

.article h3 {
font-weight: bold;
}

.article .date {
padding-bottom: 56.25%;
position: relative;
background: rgb(87, 129, 207);
background: linear-gradient(45deg, rgb(77, 131, 246) 0%, rgb(132, 146, 183) 50%, rgb(88, 109, 215) 100%);
}

.article .date>div {
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);

font-size: 3rem;
color: #fff;
text-align: center;
font-weight: bold;
}

.article .date>div>span:nth-child(2) {
font-size: 1.5rem;
display: block;
}

.read-more {
background: #fff;
display: inline-block;
padding: .25rem .75rem;
font-weight: bold;
color: inherit;
border: 1px solid #ddd;
}


.slick-next,
.slick-prev {
font-family:'FontAwesome';
z-index: 99999;
z-index: 75;
}

.slick-prev::before,
.slick-next::before {
font-family:'FontAwesome';
color: var(--site1);
font-size: 2.5rem;
position: relative;
z-index: 3;
}

.slick-next.slick-arrow::after {
content: "";
position: absolute;
width: 150px;
height: 150px;
border-radius: 50%;
border: 2px solid var(--site1);
    top: -80px;
    left: -75px;
}

.slick-prev.slick-arrow::after {
content: "";
font-family:'FontAwesome';
position: absolute;
width: 150px;
height: 150px;
border-radius: 50%;
border: 2px solid var(--site1);
    top: -80px;
    right: -75px;
}

.slick-prev.slick-disabled::after {
border: 2px solid #c6bfb4;
}

.slick-next.slick-disabled::after {
border: 2px solid #c6bfb4;
}

.events {
background-color: var(--sand3);
padding-bottom: 170px;
position: relative;
overflow: hidden;
}

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

.events .item {
width: 100%;
max-width: 430px;
margin: auto;
}

.events .top {
background-size: cover;
background-position: center;
height: 215px;
}

.events h3 {
color: var(--site1);
font-weight: bold;
font-size: 1.5rem;
}

.events .info {
color: var(--site1);
}

[dir="ltr"] .events .info {
text-align: left;
}
.events .addbtn {
padding: 0.5rem;
display: flex;
justify-content: flex-end;
}

.events .addbtn {
text-decoration: none;
}

.events .addbtn:hover img {
transform: scale(1.1);
}

.events .addbtn:hover div {
background-color: var(--sand3);
}

.events .addbtn>div {
border: 1px solid var(--site1);
border-radius: 15px;
width: 342px;
font-size: 1.4rem;
color: var(--site1);
display: flex;
    background-color: var(--sand);
}

.events .addbtn div span {
position: relative;
}

.events .addbtn div span:first-child img {
position: absolute;
width: 104px;
inset: 0 -15px;
margin: auto;
z-index: 1;
transition: all 0.3s ease-in;
}
[dir="ltr"] .events .addbtn div span:first-child img {
display: none;
}
.events .addbtn div span:last-child {
padding-right: 96px;
padding-block: 0.4rem;
}
[dir="ltr"] .events .addbtn div span:last-child {
padding-right: unset;
padding-inline: 10px;
font-size: 1.2rem;
}
.events .btns {
display: flex;
justify-content: flex-end;
padding-left: 125px;
padding-top: 120px;
z-index: 9;
position: relative;
}
[dir="ltr"] .events .btns {
padding-left: unset;
    padding-right: 125px;
}
.events .btns:hover>a {
text-decoration: none;
}

.events .all {
margin-top: 0;
margin-right: 130px;
}

.events .all:hover span {
background-color: var(--sand2);
}

.events .container {
display: flex;
justify-content: space-between;
}

.events form {
border-top: 2px solid var(--sand);
border-bottom: 2px solid var(--sand);
display: flex;
padding-block: 40px;
height: fit-content;
}

[dir="ltr"] .events form {
display: none;
}
.events .form-control {
margin-inline-end: 12px;
font-size: 1.1rem;
color: var(--site1);
font-weight: 500;
}

.events .form-control:last-child {
margin-inline-end: 0;
}

.events h5 {
padding-left: 1rem;
display: flex;
align-content: center;
}

.events h5 span {
width: max-content;
display: flex;
align-items: center;
color: var(--site1);
}

.events select option {
margin: 40px;
background: var(--sand);
color: var(--site1);
}

.ribbon-date {
position: absolute;
top: 0;
left: 15px;
background: #fff;
color: #000;
padding: .5rem 1rem;
}

.ribbon-date span {
display: block;
}

.ribbon-date span:nth-child(1) {
font-weight: bold;
font-size: 1.5rem;
}


.news {
margin-top: -11rem;
padding: 0 1rem;
margin-bottom: 4rem;
}

.news .content {
position: relative;
}


h2.newheader {
position: absolute;
bottom: 5rem;
font-size: 3rem;
right: 125px;
font-weight: 700;
}


.news .container,
.events .container {
max-width: 1680px;
}


.newslist {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.newslist>div {
width: 100%;
max-width: 390px;
max-width: 22.5%;
margin-inline-end: 30px;
height: clamp(500px, 250px, 500px);
;
}

.newslist>div:hover .date {
background-color: var(--site1);
}

.newslist>div:last-child {
margin-inline-end: 0;
}

.newslist .title {
padding-block: 0.5rem;
max-height: 60px;
overflow: hidden;
}

.newslist .date {
color: #fff;
background-color: var(--site3);
width: 83px;
height: 83px;
display: flex;
font-size: 1.52rem;
    justify-content: center;
    align-items: center;
}

.newslist .date {
line-height: 1;
}


.news .date {
font-weight: bold;
display: flex;
flex-direction: column;
}

.news .top {
height: 100%;
max-height: 267px;
background-size: cover;
background-position: center;
}

.news h3 {
font-size: 1.4rem;
font-weight: bold;
color: var(--site1);
}


.newslist .bottom {
padding-block: 0.5rem;
border-top: 2px solid var(--sand);
line-height: 1;
}

.newslist .bottom>span {
display: block;
height: 67px;
overflow: hidden;
font-size: 1rem;
color: var(--site1);
}

[dir="ltr"] .newslist .bottom>span {
text-align: left;
}
.newslist .bottom a {
font-weight: 700;
color: var(--site1);
display: flex;
justify-content: flex-end;
height: 100px;
}

.newslist .bottom a>span {
display: flex;
align-items: center;
height: 2rem;
border-radius: 9px;
padding-inline: 7px;
transition: all 0.2s ease-in-out;
}

.newslist>div:hover a>span {
background-color: var(--site1);
color: #fff;
text-decoration: none;
}

.news .all {
margin-top: 45px;
margin-left: 125px;
}

.all {
display: flex;
justify-content: flex-end;
margin-top: 180px;
padding-inline-end: 15px;
background-color: var(--sand);
padding: 5px 10px;
    border-radius: 50px;
    width: fit-content;
    display: flex;
    justify-content: center;
    margin-right: auto;
    font-size: 1.4rem;
    height: 100%;
    padding-inline: 0.35rem;
}

.all span {
border: 1px solid var(--site1);
border-radius: 50px;
width: 100%;
max-width: 350px;
text-align: center;
padding: 0.5rem 1rem;
}

.news .all:hover {
text-decoration: none;
}

.news .all:hover span {
background-color: var(--sand2);
}

section.bg {
background-color: var(--sand2);
margin-top: -12rem;
position: relative;
z-index: -1;
display: flex;
min-height: 320px;
}

[dir="ltr"] section.bg {
flex-direction: row-reverse;
}
section.bg .bottom {
background-color: var(--sand3);
position: absolute;
height: 4.9rem;
width: 50%;
z-index: 1;
bottom: 0;
    left: 0;
}

section.bg img {
width: 100%;
max-width: 58vw;
margin-top: auto;
}

.graphic {
margin-bottom: 22px;
text-align: center;
}

.graphic img {}


.fast-navigation {
padding: 1rem;
border-radius: 50px;
color: #fff;
width: fit-content;
margin: 0 auto;
background-color: var(--site1);
    width: inherit;
}

.fast-navigation:after {
clear: both;
display: block;
content: '';
}


.fast-navigation label[for="smart_nav_select"] {
background: var(--site1);
border-radius: 50px;
padding: 5px 10px;
border: 0;
margin: 0;
background-color: #fff;
    color: var(--site1);
    width: 186px;
    margin-inline-end: 13px;
}

.fast-navigation select#smart_nav_select,
.fast-navigation select#select-smart_nav_1 {
padding-block: 8px;
}

.fast-navigation select {
background: #fff;
border: 0;
border-radius: 0;
padding: 7px 10px;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
    border-radius: 50px;
    width: 186px;
    width: 286px;
    margin-inline-end: 13px;
}
[dir="ltr"] .fast-navigation select {
margin-inline-start: 13px;
margin-inline-end: 0;
}
.fast-navigation button {
background: var(--site1);
border: 0;
border-radius: 2rem 0 0 2rem;
padding: 5px 10px;
color: #fff;
font-weight: bold;
    border-radius: 50px;
    width: 149px;
    background-color: var(--sand);
    color: var(--site1);
}

.side-banners a {
background-color: #fff;
display: block;
padding: 1rem;
margin: 1rem 0;
}

.searching-wrap {
background-color: var(--site1);
width: 100%;
max-width: 545px;
max-width: 645px;
padding: 1rem;
border-radius: 50px;
    margin: auto;
    margin-top: 2.5rem;
}

.searching-wrap .wrap {
background-color: #fff;
border-radius: 50px;
width: 100%;
max-width: 506px;
max-width: 100%;
margin: auto;
padding: 8px 0;
}

.searching {
background-color: #fff;
border: 1px solid var(--site1);
border-radius: 50px;
position: relative;
width: 100%;
max-width: 496px;
    max-width: 596px;
    margin: auto;
}

.searching input {
border-radius: 50px;
outline: none;
border: none;
width: 100%;
padding: 0.5rem 1rem;
}
[dir="ltr"] .searching input {
text-align: right;
}

.searching button {
background-color: var(--sand);
background-repeat: no-repeat;
border-radius: 50px;
background-position: center;
display: inline-flex;
align-items: center;
    justify-content: center;
    width: 57px;
    height: inherit;
    aspect-ratio: 1;
    position: absolute;
    inset: 0 0 0 -1rem;
    margin: auto auto auto 9px;
    border: 1px solid var(--sand);
}

.searching img {
border: 1px solid var(--site1);
border-radius: 50px;
display: block;
width: 50px;
padding: 6px;
}

.sandy {
position: absolute;
height: 54%;
background: linear-gradient(0deg, rgba(254, 248, 229, 1) 0%, rgba(var(--sand2RGB), 0) 100%);
z-index: -1;
inset: 0;
margin: auto auto 0 auto;
}

@keyframes come-in {
to {
opacity: 1;
transform: translate(0, 0);
}
}

.gulls {
transform: translate(150px, -150px);
opacity: 0;
position: absolute;
background-image: url('images/gulls.svg');
background-size: 200px;
background-position: center;
    background-repeat: no-repeat;
    right: 102px;
    top: 72px;
    width: 200px;
    height: 400px;
    animation: come-in 2s ease forwards;
}

.footer {
padding-top: 4.5rem;
}

.footer .sun {
top: -108px;
width: 170px;
height: 170px;
left: 7rem;
z-index: 1;
}

.footer .bgi {
background-color: var(--sand3);
top: -287px;
height: 308px;
}

.side-banners {
display: flex;
flex-direction: row;
align-items: center;
    justify-content: space-around;
    margin: auto;
    z-index: 3;
    position: relative;
width: 55%;
left: auto;
    margin-top: 4.5rem;
}


.side-banners.lefty a {
width: 160px;
height: 160px;
    background-color: var(--sand);
border-radius: 50%;
position: relative;
display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
font-size: 1.5rem;
line-height: 1.04;
    text-align: center;
}

[dir="ltr"] .side-banners.lefty a {
font-size: 1.4rem;
}
.side-banners.lefty a:nth-child(2) {
width: 125px;
height: 125px;
}

[dir="ltr"] .side-banners.lefty a:nth-child(2) {
width: 145px;
    height: 145px;
}

[dir="ltr"] .side-banners.lefty a:nth-child(2):after {
width: 168px;
    height: 168px;
}
.side-banners.lefty a:nth-child(2):after {
width: 149px;
height: 149px;
}

.side-banners.lefty a:nth-child(3) {
width: 130px;
height: 130px;
/* left: 250px;*/
top: -30px;
}

.side-banners.lefty a:nth-child(3)::after {
width: 154px;
height: 154px;
}


.side-banners.lefty a:nth-child(4) {
width: 160px;
height: 160px;
/* left: 350px;
top: -536px; */
}

.side-banners.lefty a:nth-child(4)::after {
width: 180px;
height: 180px;
}


.side-banners.lefty a:after {
content: "";
position: absolute;
border-radius: 50%;
width: 180px;
height: 180px;
    border: 1px solid var(--sand);
    margin: auto;
}
@media (min-width:992px) and (max-width:1250px) {
.side-banners {
        width: 82%
    }

}
@media (min-width: 992px) {

.fast-navigation .smart-nav-sub>label,
.fast-navigation .smart-nav-sub>select,
.fast-navigation .smart-nav-sub > button {
float: right;
display: block;
}

.services {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
}

.bn-news {
padding-right: 100px;
}

.centered {
padding-top: 125px;
width: 782px;
position: relative;
display: flex;
flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-bottom: 55px;
}

.fast-navigation>label,
.fast-navigation>select,
.fast-navigation>span {
float: right;
display: block;
}

.fast-navigation span#smart_nav_3>select {
padding-block: 8px;
}

.side-banners {
position: relative;
}

.side-banners.side-banners-right {
right: 0;
}

.side-banners.lefty a:hover {
text-decoration: none;
transform: scale(1.05);
background-color: var(--sand2);
}

.side-banners.lefty a:first-of-type {
left: auto;
}


.side-banners.lefty a:nth-child(2) {
bottom: -20px;
left: 0;
}

.cover {
height: 100vh;
}

.news a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}


@media (max-width:1350px) {
.header .icon-btn {
background-size: 29px;
}

.header-side .icon-btn em {
width: 28px;
height: 28px;
}
}

@media screen and (max-height: 860px) {
.side-banners {
top: 0;
}

.side-banners.lefty a:after {
width: 139px;
    height: 139px;
}

.side-banners.lefty a:nth-child(3)::after {
width: 124px;
    height: 124px;
}

.side-banners.lefty a:nth-child(2):after {
width: 119px;
    height: 119px;
}
.news {
    margin-top: 100px;
}
}
@media (max-width: 991px) {
.mobile-only {
        display: flex;
        position: relative;
        z-index: 9;
    }

    .mobile-only .ticker {
        position: absolute;
        width: 100%;
        padding: 10px;
        min-height: 3rem;
    }
[dir="ltr"] h2 {
text-align: left;
}
h2 {
font-size: 2.2rem;
}

.newslist .bottom>span {
height: 70px;
}

.newslist .bottom a>span {
font-size: 1.2rem;
}

.sub-pages-nav ul>li {
padding-block: 0.5rem;
}

h2 {
margin-bottom: 25px;
}

.fast-navigation select#smart_nav_select,
.fast-navigation select#select-smart_nav_1,
.fast-navigation .smart-nav-sub>select {
text-align: center;
padding-block: 10px;
}
[dir="ltr"] .fast-navigation select {
margin-inline-start: 0;
}
section.bg img {
max-width: 100%;
}

section.bg .bottom {
display: none;
}

.newslist>div {
max-width: 390px;
}

.gulls {
display: none;
}

.cover {
padding: 15px;
padding-top: 70px;
}

.graphic img {
max-width: 160px;
}

.centered {
text-align: center;
}

.centered-banner img {
max-width: 100%;
}

.news {
margin-top: 1rem;
margin-bottom: 1rem;
padding: 0;
}

.newslist>div {
margin-inline-end: 0;
}

.news h2 {
display: none;
}

.news .top {
max-height: 205px;
}
.cover .toggle-slick {
display: none;
}

video,
#toggle-video {
display: none;
}

.searching-wrap {
margin-top: 50px;
}

.fast-navigation {
border-radius: 20px;
}

.fast-navigation label[for="smart_nav_select"] {
width: 100%;
margin-bottom: 8px;
}

.fast-navigation>label,
.fast-navigation>select,
.fast-navigation>span {
display: block;
border-radius: 2rem;
width: 100%;
}

.fast-navigation button {
position: absolute;
left: 50%;
transform: translate(-50%, -1px);
border: 5px solid var(--site1);
}

.fast-navigation .smart-nav-sub>label,
.fast-navigation .smart-nav-sub>select,
.fast-navigation .smart-nav-sub>button {
display: block;
border-radius: 2rem;
}

.fast-navigation .smart-nav-sub>select {
width: 100%;
margin: .5rem 0;
}

.fast-navigation label {
margin-bottom: 8px;
}

.smart-nav-submit {
margin: 0 auto;
}

.side-banners {
left: auto;
width: 100%;
max-width: 90%;
flex-direction: row;
justify-content: center;
    padding-top: 2rem;
    margin-inline: auto;
flex-wrap: wrap;
}


.side-banners.lefty a,
.side-banners.lefty a:nth-child(2),
.side-banners.lefty a:nth-child(3),
.side-banners.lefty a:nth-child(4) {
border-radius: 50px;
color: var(--text);
width: fit-content;
min-width: 130px;
padding: 5px 15px;
display: flex;
justify-content: space-evenly;
    align-items: center;
    font-weight: 400;
    font-size: 1.3rem;
    height: auto;
    min-height: 50px;
    color: var(--site1);
    margin-inline-end: 1rem;
}
.side-banners.lefty a:nth-child(2) {
height: auto;
}
.side-banners.lefty a:nth-child(3) {
top: auto;
left: auto;
right: auto;
}

.side-banners.lefty a:after,
.side-banners.lefty a:nth-child(2):after,
.side-banners.lefty a:nth-child(3):after,
.side-banners.lefty a:nth-child(4):after {
width: 95%;
height: 95%;
padding: 5px 10px;
border-radius: 50px;
border-color: var(--site1);
}

.events .container {
flex-direction: column;
}

.side-banners.lefty a:nth-child(2) {
/* margin-inline-end: 0; */
}
.slick-prev::before,
.slick-next::before {
font-size: 1.42rem;
}
.side-banners.lefty a:nth-child(4) {
top: auto;
    left: auto;
    right: auto;
}
.slick-next.slick-arrow::after,
.slick-prev.slick-arrow::after {
background-color: rgba(254, 217, 142, 0.82);
width: 110px;
height: 110px;
top: -60px;
}

section.bg {
margin-top: 0;
min-height: auto;
}

.news .all {
margin: auto;
}

.newslist>div {
height: clamp(410px, 250px, 410px);
}
.all {
width: max-content;
margin-top: 25px;
}

.events {
padding-bottom: 50px;
}

.events .btns {
padding: 0;
margin-top: 50px;
justify-content: center;
align-items: center;
flex-direction: column;
}

.events .all {
margin: auto;
}

.events .addbtn {
margin-bottom: 1rem;
}

.events .addbtn>div {
font-size: 1.25rem;
width: 100%;
max-width: 320px;
}

.events .addbtn img[alt~="send"] {
display: none;
}

.events .addbtn div span:last-child {
padding-inline-start: 90px;
padding-inline-end: 10px;
}

.events form {
margin-bottom: 2rem;
}

.events h3 {
padding-inline: 1rem;
font-size: 1.2rem;
}

.events .info {
padding-inline: 1rem;
}

.footer .sun {
top: -60px;
width: 110px;
height: 110px;
left: 0.8rem;
}

.footer .container-fluid .btgrid:not(.linetop) {
padding-top: 0;
}
}
.footer::before {
z-index: 1;
}
@media (max-width:760px) {
.footer {
margin-top: 0;
}

.footer .sun {
width: 90px;
height: 90px;
}

.footer::before {
content: none;
}

.footer .bgi {
top: -80px;
position: relative;
height: 160px;
}

.footer .water {
top: 142px;
}
.events h3 {
font-size: 1rem;
}
}

@media (max-width:410px) {
.events form {
flex-direction: column;
}

.events .form-control {
margin-bottom: 5px;
}
}

@media (max-width:340px) {
.footer .bgi {
height: 120px;
}

.footer .water {
top: 105px;
}
}