/*----- Design updates to ACSI Sliders plugin - starts -----*/

.jcarousel-wrapper {
    padding: 40px;
    background: #F7F5F3;
}

.jcarousel-control-prev {
    background-color: #009835 !important;
    border-radius: 0 !important;
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
    width: 35px !important;
    height: 28px !important;
    padding: 0px !important;
    top: 90px !important;
    text-decoration: none !important;
    color: white !important;
}

.jcarousel-control-next {
    background-color: #009835 !important;
    border-radius: 0 !important;
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
    margin-right: 0px !important;
    width: 35px !important;
    height: 28px !important;
    padding: 0px !important;
    top: 90px !important;
    color: white !important;
    text-decoration: none !important;
}

.camping-slider .slide-title {
    padding: 5px 5px !important;
    font-size: 13px !important;
    text-decoration: none !important;
}

.jcarousel li {
    border: 0px !important;
}

.camping-slider li {
    margin-bottom: 0px;
}

.elementor-widget-theme-post-content a {
    text-decoration: none !important;
}

.camping-slider .slide-image .slide-overlay a {
    padding: 8px 16px !important;
    background: #009835 !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 6px !important;
}

/*----- Design updates to ACSI Sliders plugin - ends -----*/

/*----- Slider 1 design - starts -----*/

.cms-front-slider-block-1 {
    background-color: #F7F5F3;
    width: 680px;
    padding: 40px 20px 30px 20px;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
}

.cms-front-slider-block-1 .jcarousel-wrapper {
    width: initial;
    box-shadow: none;
    border: none;
    padding: 0;
}

.cms-front-slider-block-1 li {
    margin-left: 20px;
    width: 200px !important;
    border: none !important;
}

.cms-front-slider-block-1 li:first-child {
    margin-left: 0;
}

.cms-front-slider-block-1 .cms-front-bg-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 271px;
    border-radius: 3px;
}

.cms-front-slider-block-1 .cms-front-image-title {
    position: absolute;
    bottom: 0px;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #fff;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), #000000);
    left: 0;
    right: 0;
    min-height: 43px;
    padding: 10px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.cms-front-slider-block-1 .cms-slider-title {
    width: initial;
    margin: auto;
    color: #333333;
    font-size: 22px;
    line-height: 27px;
    font-weight: 400;
}

.cms-front-slider-block-1 .cms-slider-description {
    width: initial;
    margin: auto;
    color: #333333;
    font-size: 16px;
    line-height: 27px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 35px;
}

.cms-front-slider-block-1 .cms-slider-link-below {
    text-align: center;
}

.cms-front-slider-block-1 .cms-slider-link-below a {
    text-decoration: none;
    color: #333333;
}

.cms-front-slider-block-1 .cms-slider-link-below svg {
    margin-left: 12px;
}

@media only screen and (max-width: 800px) {
    .cms-front-slider-block-1 {
        width: 460px;
    }

    .cms-front-slider-block-1 .jcarousel-wrapper {
        width: 100%;
        margin-left: initial;
        margin-right: initial;
    }
}

@media only screen and (max-width: 540px) {
    .cms-front-slider-block-1 {
        width: 100%;
    }

    .cms-front-slider-block-1 .jcarousel-wrapper {
        width: 100%;
    }

    .cms-front-slider-block-1 ul {
        width: 100% !important;
    }

    .cms-front-slider-block-1 li:first-child {
        width: 100% !important;
    }

    .cms-front-slider-block-1 li:not(:first-child) {
        display: none;
    }
}

/*----- Slider 1 design - ends -----*/

/*----- Slider 2 design - starts -----*/

.cms-front-slider-block-2 {
    background-color: #F7F5F3;
    width: 680px;
    border-radius: 5px;
    padding: 40px 20px 30px 20px;
    margin-left: auto;
    margin-right: auto;
}

.cms-front-slider-block-2 .jcarousel-wrapper {
    width: initial;
    box-shadow: none;
    border: none;
    padding: 0;
}

.cms-front-slider-block-2 li {
    margin-left: 30px;
    width: 305px !important;
    border: none !important;
}

.cms-front-slider-block-2 li:first-child {
    margin-left: 0;
}

.cms-front-slider-block-2 .cms-front-bg-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 222px;
    border-radius: 3px;
}

.cms-front-slider-block-2 .cms-front-image-title {
    position: absolute;
    bottom: 0px;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #fff;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), #000000);
    left: 0;
    right: 0;
    min-height: 43px;
    padding: 10px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.cms-front-slider-block-2 .cms-slider-title {
    width: initial;
    margin: auto;
    color: #333333;
    font-size: 22px;
    line-height: 27px;
    font-weight: 400;
}

.cms-front-slider-block-2 .cms-slider-description {
    width: initial;
    margin: auto;
    color: #333333;
    font-size: 16px;
    line-height: 27px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 35px;
}

.cms-front-slider-block-2 .cms-slider-link-below {
    text-align: center;
}

.cms-front-slider-block-2 .cms-slider-link-below a {
    text-decoration: none;
    color: #333333;
}

.cms-front-slider-block-2 .cms-slider-link-below svg {
    margin-left: 12px;
}

@media only screen and (max-width: 800px) {
    .cms-front-slider-block-2 {
        width: 460px;
    }

    .cms-front-slider-block-2 .jcarousel-wrapper {
        width: 100%;
    }

    .cms-front-slider-block-2 li {
        width: 195px !important;
    }
}

@media only screen and (max-width: 540px) {
    .cms-front-slider-block-2 {
        width: 100%;
    }

    .cms-front-slider-block-2 .jcarousel-wrapper {
        width: 100%;
    }

    .cms-front-slider-block-2 ul {
        width: 100% !important;
    }

    .cms-front-slider-block-2 li:first-child {
        width: 100% !important;
    }

    .cms-front-slider-block-2 li:not(:first-child) {
        display: none;
    }
}

/*----- Slider 2 design - ends -----*/

/*----- Slider 3 design - starts -----*/

.cms-front-slider-block-3 {
    background-color: #F7F5F3;
    width: 680px;
    border-radius: 5px;
    padding: 40px 20px 30px 20px;
    margin-left: auto;
    margin-right: auto;
}

.cms-front-slider-block-3 .jcarousel-wrapper {
    width: 100%;
    box-shadow: none;
    border: none;
    padding: 0;
}

.cms-front-slider-block-3 ul {
    width: 100% !important;
}

.cms-front-slider-block-3 li:first-child {
    width: 100% !important;
    border: none !important;
}

.cms-front-slider-block-3 li:not(:first-child) {
    display: none;
}

.cms-front-slider-block-3 .cms-front-bg-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 216px;
    border-radius: 3px;
}

.cms-front-slider-block-3 .cms-front-image-title {
    position: absolute;
    bottom: 0px;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #fff;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), #000000);
    left: 0;
    right: 0;
    min-height: 43px;
    padding: 10px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.cms-front-slider-block-3 .cms-slider-title {
    width: initial;
    margin: auto;
    color: #333333;
    font-size: 22px;
    line-height: 27px;
    font-weight: 400;
}

.cms-front-slider-block-3 .cms-slider-description {
    width: initial;
    margin: auto;
    color: #333333;
    font-size: 16px;
    line-height: 27px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 35px;
}

@media only screen and (max-width: 800px) {
    .cms-front-slider-block-3 {
        width: 460px;
    }
}

@media only screen and (max-width: 540px) {
    .cms-front-slider-block-3 {
        width: 100%;
    }
}

/*----- Slider 3 design - ends -----*/

/*----- Slider 4 design - starts -----*/

.cms-front-slider-block-4 {
    background-color: #F7F5F3;
    width: 680px;
    border-radius: 5px;
    padding: 40px 20px 45px 20px;
    margin-left: auto;
    margin-right: auto;
}

.cms-front-slider-block-4 .jcarousel-wrapper {
    width: 100%;
    box-shadow: none;
    border: none;
    padding: 0;
}

.cms-front-slider-block-4 ul {
    margin-left: 25px !important;
}

.cms-front-slider-block-4 li {
    margin-right: 30px;
    width: 280px !important;
    border: none !important;
}

.cms-front-slider-block-4 .cms-front-bg-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 222px;
    border-radius: 3px;
}

.cms-front-slider-block-4 .cms-front-image-title {
    position: absolute;
    bottom: 0px;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #fff;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), #000000);
    left: 0;
    right: 0;
    min-height: 43px;
    padding: 10px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.cms-front-slider-block-4 .cms-slider-title {
    width: initial;
    margin: auto;
    color: #333333;
    font-size: 22px;
    line-height: 27px;
    font-weight: 400;
}

.cms-front-slider-block-4 .cms-slider-description {
    width: initial;
    margin: auto;
    color: #333333;
    font-size: 16px;
    line-height: 27px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 35px;
}

.cms-front-slider-block-4 .jcarousel-control-prev {
    background-color: #009835;
    border-radius: 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    margin-left: -20px;
    width: 35px;
    height: 28px;
    padding: 0px;
    top: 100px;
}

.cms-front-slider-block-4 .jcarousel-prev-disabled {
    background-color: #009835;
    opacity: inherit !important;
}

.cms-front-slider-block-4 .jcarousel-prev-disabled:hover {
    cursor: pointer;
}

.cms-front-slider-block-4 .jcarousel-control-next {
    background-color: #009835;
    border-radius: 0;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    margin-right: -20px !important;
    width: 35px;
    height: 28px;
    padding: 0px;
    top: 100px;
}

.cms-front-slider-block-4 .jcarousel-next-disabled {
    background-color: #009835;
    opacity: inherit !important;
}

.cms-front-slider-block-4 .jcarousel-next-disabled:hover {
    cursor: pointer;
}

.cms-front-slider-block-4 .jcarousel-pagination a {
    background-color: #D9D9D9;
}

.cms-front-slider-block-4 .jcarousel-pagination a.active {
    background-color: #009835;
}

@media only screen and (max-width: 800px) {
    .cms-front-slider-block-4 {
        width: 460px;
    }

    .cms-front-slider-block-4 .jcarousel-wrapper {
        width: 100%;
    }

    .cms-front-slider-block-4 li {
        width: 170px !important;
        margin-left: 0;
    }

    .cms-front-slider-block-4 .jcarousel-control-prev {
        margin-left: -20px;
    }

    .cms-front-slider-block-4 .jcarousel-control-next {
        margin-right: -20px;
    }
}

@media only screen and (max-width: 540px) {
    .cms-front-slider-block-4 {
        width: 100%;
    }

    .cms-front-slider-block-4 .jcarousel-wrapper {
        width: 100%;
        padding-right: 23px;
    }

    .cms-front-slider-block-4 li {
        width: 280px !important;
    }

    .cms-front-slider-block-4 .jcarousel-pagination {
        display: none;
    }
}

@media only screen and (max-width: 530px) {
    .cms-front-slider-block-4 li {
        width: 270px !important;
    }
}

@media only screen and (max-width: 520px) {
    .cms-front-slider-block-4 li {
        width: 260px !important;
    }
}

@media only screen and (max-width: 510px) {
    .cms-front-slider-block-4 li {
        width: 250px !important;
    }
}

@media only screen and (max-width: 500px) {
    .cms-front-slider-block-4 li {
        width: 240px !important;
    }
}

@media only screen and (max-width: 490px) {
    .cms-front-slider-block-4 li {
        width: 230px !important;
    }
}

@media only screen and (max-width: 480px) {
    .cms-front-slider-block-4 li {
        width: 220px !important;
    }
}

@media only screen and (max-width: 470px) {
    .cms-front-slider-block-4 li {
        width: 210px !important;
    }
}

@media only screen and (max-width: 460px) {
    .cms-front-slider-block-4 li {
        width: 200px !important;
    }
}

@media only screen and (max-width: 450px) {
    .cms-front-slider-block-4 li {
        width: 190px !important;
    }
}

@media only screen and (max-width: 440px) {
    .cms-front-slider-block-4 li {
        width: 180px !important;
    }
}

@media only screen and (max-width: 430px) {
    .cms-front-slider-block-4 li {
        width: 170px !important;
    }
}

@media only screen and (max-width: 420px) {
    .cms-front-slider-block-4 li {
        width: 160px !important;
    }
}

@media only screen and (max-width: 410px) {
    .cms-front-slider-block-4 li {
        width: 150px !important;
    }
}

@media only screen and (max-width: 400px) {
    .cms-front-slider-block-4 li {
        width: 140px !important;
    }
}

@media only screen and (max-width: 390px) {
    .cms-front-slider-block-4 li {
        width: 130px !important;
    }
}

@media only screen and (max-width: 380px) {
    .cms-front-slider-block-4 li {
        width: 120px !important;
    }
}

@media only screen and (max-width: 370px) {
    .cms-front-slider-block-4 li {
        width: 139px !important;
    }

    .cms-front-slider-block-4 .acsi-jcarousel {
        width: 164px;
        margin: auto;
    }
}

/*----- Slider 4 design - ends -----*/

/*----- Slider 5 design - starts -----*/

.cms-front-slider-block-5 {
    background-color: #F7F5F3;
    width: 680px;
    border-radius: 5px;
    padding: 40px 20px 30px 20px;
    margin-left: auto;
    margin-right: auto;
}

.cms-front-slider-block-5 .jcarousel-wrapper {
    width: 100%;
    box-shadow: none;
    border: none;
    padding: 0;
}

.cms-front-slider-block-5 li {
    margin-left: 20px;
    width: 200px !important;
    border: none !important;
}

.cms-front-slider-block-5 li:first-child {
    margin-left: 0;
}

.cms-front-slider-block-5 .cms-front-bg-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 148px;
    border-radius: 3px;
}

.cms-front-slider-block-5 .cms-front-image-title {
    position: absolute;
    bottom: 0px;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #fff;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), #000000);
    left: 0;
    right: 0;
    min-height: 43px;
    padding: 10px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.cms-front-slider-block-5 .cms-slider-title {
    width: initial;
    margin: auto;
    color: #333333;
    font-size: 22px;
    line-height: 27px;
    font-weight: 400;
}

.cms-front-slider-block-5 .cms-slider-link-right {
    float: right;
    margin-top: -26px;
}

.cms-front-slider-block-5 .cms-slider-link-right a {
    text-decoration: none;
    color: #333333;
}

.cms-front-slider-block-5 .cms-slider-link-right svg {
    margin-left: 12px;
}

@media only screen and (max-width: 800px) {
    .cms-front-slider-block-5 {
        width: 460px;
    }
}

@media only screen and (max-width: 540px) {
    .cms-front-slider-block-5 {
        width: 100%;
    }

    .cms-front-slider-block-5 .cms-slider-link-right {
        float: none;
        margin: 10px auto auto auto;
    }

    .cms-front-slider-block-5 ul {
        width: 100% !important;
    }

    .cms-front-slider-block-5 li:first-child {
        width: 100% !important;
    }

    .cms-front-slider-block-5 li:not(:first-child) {
        display: none;
    }
}

/*----- Slider 5 design - ends -----*/

/*----- jcarousel-pagination - starts -----*/

.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;


    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}


/*----- jcarousel-pagination - ends -----*/