.pagination ul{
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.pagination li{
    display: inline-block;
    padding: 0 10px;
}
.pagination li:before{
    display: none;
}
.pagination li.active a{
    color: #04899e;
}
.posts-list .pagination{
    display: none;
}
.blog-wrap .blogListHolder .description,
.blog-wrap .blogListHolder .button{
    display: none;
}
.blog-wrap .first-post .img-block{
    float: none;
    margin: 0 0 16px;
}
.blog-wrap .first-post h3{
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 11px;
}
.img-block img{
    margin-bottom: 0.5em;
}
.event-list .img-block a{
    color:#fff;
}
.fancybox-slide--html .fancybox-close-small{
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
    position: absolute;
    top: 12px !important;
    right: 7px !important;
}
.fancybox-content.booking-form{
        padding: 47px 54px;
    overflow: hidden;
}
.system_page dd{
    text-align: center;
    margin: 0;
}
.event-list .time{
    display:inline-block;
}
.tab-set{
    margin:0 0 20px;
    display:block;
    text-align: center;
}
.tab-set li{
    display:inline-block;
    margin: 0 10px;
    min-width:153px;
}
.tab-set a,
.tab-set li:first-child a{
    color: #04899e;
    border-width: 2px;
}
.tab-set .active a,
.tab-set a:hover{
    color: #fff !important;
}
.calendar_treepl{
    box-shadow: none !important;
}
.calendar_treepl_header{
    justify-content: center !important;
}
.calendar_treepl .calendar_treepl_header .active_month_select{
    max-width: 100% !important;
}
.calendar_treepl .calendar_treepl_header .active_month_select select{
    font-size: 24px !important;
}
.calendar_table_head .calendar_table_row{
    background: #ffffff !important;
}
.calendar_treepl_body .calendar_table_head .calendar_table_row .calendar_table_column{
    padding: 5px 10px;
    margin: 0 5px;
    border: solid #363636;
    border-width: 1px 0;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left !important;
}
.calendar_table_date span{
    font-size: 18px;
    font-weight: 600;
}
.calendar_treepl_body .calendar_table_body .calendar_table_row .calendar_table_column{
    border: solid #363636;
    border-width: 0 0 1px;
    margin: 0 5px;
    display: flex;
    flex-wrap: wrap-reverse;
}
.calendar_table_date{
    align-self: flex-start;
    width: 100%;
    text-align: left !important;
    padding: 1px 6px !important;
}
.calendar_table .calendar_table_event_holder{
    width: 100%;
    flex-direction: column;
    align-self: flex-end;
    padding: 10px 0 0;
}
.calendar_treepl_body .calendar_table_body .calendar_table_row {
    border-bottom: 0;
}
.calendar_table_event_holder .calendar_table_event{
    background: #fff !important;
}
.calendar_table_event_holder .calendar_table_event span:before{
    background: #04899e;
    border-radius: 50%;
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    vertical-align: top;
    margin: 4px 5px 0 0;
}
.calendar_table_date.today span{
    background: #fff !important;
}
.calendar_table_date.today {
    color: #222 !important;
}
@media (max-width: 480px){
    .calendar_treepl_body .calendar_table_head .calendar_table_row .calendar_table_column{
        font-size:15px;
    }
    .tab-set li{
        margin: 5px 0;
    }
    .calendar_treepl.sm-size .calendar_table .calendar_table_event{
        height: 6px !important;
        width: 6px !important;
    }
}

.visual-home{
    min-height: 100vh;
}

.slide-home{
    min-height: 100vh;
}

.row-holder-custom-center{
    justify-content: center;
}

.button-white{
    color: #fff;
    border: 2px solid #fff;
    transition: transform  0.1s 0.1s, opacity 0.1s 0.1s !important; 
}

.button-white:hover{
    opacity: 0.5 !important;
    color: #fff;
    border: 2px solid #fff;
    background: transparent;
}

.video-section{
    width: 100vw;
    height: 56.25vw;
    min-height: 101vh;
    min-width: 177.77vh;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.slider .bx-pager-link{
    border: 2px solid #d5c477;
}

.slider .bx-pager-link.active {
      background: #d5c477; 
      }

@media (max-width: 1024px){
    .visual-home{
        min-height: 400px;
    }

    .slide-home{
        min-height: 400px;
    }

    
.header-new .container{
    
    padding-top: 10px;
}
}

@media (max-width: 768px){

}

@media (max-width: 480px){

}




.header-new .container{
    justify-content: space-between;
    padding-top: 40px;
        position: static;
    padding-right: 55px;
    padding-left: 55px;
    max-width: unset;
}

.header-new .menu-bar{
    flex-grow: unset;
}

.header-new .nav-opener{
    display: block;
}

.header-new .login-nav a{
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 300;
    transition: 0.3s ease-in-out;
    position: relative;
    z-index: 999;
}

@media (max-width: 1024px){


    
.header-new .container{
    
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;

}
}

@media (max-width: 768px){
    .header-new .login-nav a{
        font-size: 14px;
    }

    .header-new .login-nav{
        width: 100%;
    }

}

@media (max-width: 480px){
    .header-new .header-link-holder{
        display: none;
    }

    .header-new .logo{
        max-width: 70%;
    }
}


.header-new .login-nav a:hover{
    opacity: 0.5;
    color: #fff;
}

.header-new .nav-opener-holder{
    width: 125px;
    display: flex;
    position: relative;
    z-index: 10000;
}

.header-new .nav-opener span, .nav-opener span:before, .nav-opener span:after {
background: #fff;
height: 1px;
}

.header-new #nav {
  flex-grow: 1;
  text-align: right;
  position: absolute;
  top: 100%;
  left: -100%;

  text-align: center;
  transition: left 0.2s linear, visibility 0.2s linear;
  visibility: hidden;
  z-index: 10;
}

.nav-active .header-new #nav {
  left: 0;
  visibility: visible;
  width: 475px;
  height: 100vh;
  top: 0;
  background: #2f2f2f;
  padding-top: 120px;
  overflow-y: auto;
}

.nav-active .header-new #nav::-webkit-scrollbar {
    width: 0;
}

.nav-active .header-new #nav::-webkit-scrollbar-track {
    background: transparent;
}

.nav-active .header-new #nav::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 0;
}

.nav-active .header-new #nav::-webkit-scrollbar-thumb:hover {
    background: transparent;
}

/* Firefox */
.nav-active .header-new #nav {
    scrollbar-width: thin;
    scrollbar-color: #555 #2f2f2f;
}

@media (max-width: 1023px){

    .nav-active .header-new #nav{
        width: 375px;
    }

}

.header-new #nav ul{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}



.header-new #nav li{
  display: flex;
    flex-direction: column;
  padding: 0;
    margin: 0;
    width: 100%;
    text-align: left;
}

.header-new #nav li a{
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 300;
  display: block;
  width: 100%;
    padding: 10px 0 10px 55px;
    transition: 0.3s ease-in-out;
}

.open-nav{
    padding-bottom: 40px;
    padding-left: 55px;
}

.header-new #nav ul li a:after{
    display: none;
}

.header-new #nav ul li .has-drop-down-a:before{
    position: absolute;
    top: 15px;
    right: 0;
    content: '';
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    margin-right: 20px;
    transform: rotate(-45deg);
    transition: transform 0.3s ease-in-out;
}

.header-new #nav .has-drop-down.hover .has-drop-down-a:before{
    transform: rotate(45deg);
}

.header-new #nav ul li.hover,
.header-new #nav ul li.selected{
    color: #ffffff;
}

.header-new #nav ul li.hover a,
.header-new #nav ul li.selected a{
    background: #535353;
}

.scroll .header-new .container{
    padding: 5px 55px;
}



.header-new #nav .drop-down{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding-bottom: 0;
}

.header-new #nav .has-drop-down .drop-down{
    position: static;
    padding: 0;
}

.header-new #nav .has-drop-down.hover .drop-down{
    max-height: 500px;
    padding: 0 10px 0 15px;
}

.header-new #nav .has-drop-down.hover .drop-down ul{
    width: 100%;
}

.header-new #nav .has-drop-down.hover .drop-down ul:after{
    background: transparent;
}

.header-new #nav .has-drop-down.hover .drop-down a{
    background: transparent;
    font-size: 18px;
}

.header-new #nav .has-drop-down.hover .drop-down a:hover{
    opacity: 0.5;
}

.nav-active {
    overflow: hidden;
}

.header-new .login-nav{
    padding-left: 0;
    padding-right: 0;
}


@media (max-width: 1023px){

    #nav{
        width: unset;
    }

    .header-new #nav ul{
        background: transparent;
    }

    .header-new .nav-opener{
        margin: 0;
    }

    .nav-active .header-new #nav {
        padding-top: 67px;
    }

    .open-nav{
        padding-bottom: 20px;
        padding-left: 15px;
    }


    .header-new #nav li a{
        padding: 10px 0 10px 15px;
    }

    .scroll .header-new .container{
        padding: 5px 15px;
    }

}

.desktop-hidden{
    display: none !important;
}

.search-form-wrapper input{
    margin-bottom: 0;
    border-radius: 0;
    font-size: 16px;
    -webkit-appearance: none;
    appearance: none;
}


@media (max-width: 479px){

    .nav-active .header-new #nav {

        width: 100%;
    }

    .desktop-hidden{
        display: block !important;
    }

    .search-form-wrapper input{
        height: 40px !important;
    }
}

.btn-search-activate{
    text-transform: uppercase;
    display: block;
    width: 100%;
    font-weight: 300;
    font-size: 20px;
    margin-bottom: 20px;
    padding: 15px 0 10px 55px;
    text-align: left;
    transition: 0.3s ease-in-out;
}

.btn-search-activate:hover{
    opacity: 0.5;
}

.search-form-wrapper{
    display: flex;
    gap: 5px;
    padding-left: 55px;
    padding-right: 15px;
}



.search-form-wrapper button{
    padding: 9px 26px;
    border: 2px solid #ffffff;
    color: #ffffff;
}

.search-form-wrapper button:focus,
.search-form-wrapper button:hover{
    background: transparent;
    opacity: 0.5;
}

.search-form-holder{
    display: none;
}

@media (max-width: 1023px){

    .btn-search-activate{
        padding: 15px 0 10px 15px;
    }

    .search-form-wrapper{
        padding-left: 15px;
    }
}

.drop-down li.selected a{
    background: #535353 !important;
}

.scroll #nav{
    padding-top: 67px !important;
}