:root {
    --primary: #b81a0a;
    --boxshadow: 0 3px 10px 0 rgba(44, 44, 44, 0.2);
}

body {
    background-color: #ebebeb;
}

#exp {
    display: none;
    width: 50%;
    padding: 10px 35px
}

.ofa {
    font-size: 16px !important;
}

.mt--5 {
    margin-top: -75px;
}

a,
input,
button,
textarea:hover {
    transition: .2s
}

.cookie {
    position: fixed;
    bottom: 0;
    text-align: center;
    background: #272727;
    width: 100%;
    padding: 20px;
    color: #fff;
}

.mc-modal-bg {
    opacity: .65 !important
}

.start-page,
.content-page {
    background-color: #fff;
}

.preloader::before {
    position: fixed;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: .2s;
    z-index: 9999999;
    background-color: #171717;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px
}

.preloader::after {
    position: fixed;
    content: "";
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
    margin: -50px 0 0 -50px;
    z-index: 9999999;
    animation: loader 1s infinite linear;
    border-radius: 50%;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
}

.preloader-disabled .preloader::before,
.preloader-disabled .preloader::after {
    opacity: 0;
    visibility: hidden;
}

@keyframes loader {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

p {
    font-family: urbane, sans-serif;
    font-style: normal;
    font-weight: 100;
    margin-bottom: 1rem;
    font-size: 18px;
}

p strong {
    font-weight: bold;
}

.quote {
    display: block;
    margin-bottom: 20px;
}

.quote .icon {
    width: 20px;
}

input,
select,
textarea {
    position: relative;
}

label.error {
    position: absolute;
    top: -8px;
    white-space: pre;
    left: 22px;
    background-color: #fff;
    font-size: 12px;
    padding: 0 5px;
    color: red;
}

a {
    font-weight: 100;
    font-family: urbane, sans-serif;
    color: var(--primary);
    outline: none;
}

a:hover {
    color: var(--primary);
    outline: none;
}

h1 {
    text-transform: uppercase;
    font-size: 42px;
    font-weight: bold;
    font-family: urbane, sans-serif;
}

h2 {
    font-family: urbane, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

h3 {
    font-family: urbane, sans-serif;
    font-weight: bold;
    font-size: 30px;
}

h4 {
    font-weight: 100;
    font-family: urbane, sans-serif;
}

h4.aboutus-title {
    font-size: 40px;
    text-align: center;
}

h5 {
    font-size: 50px;
    font-weight: 100;
    font-family: urbane, sans-serif;
}

h6 {
    font-family: urbane, sans-serif;
    font-size: 22px;
    margin-bottom: 10px;
}

.columns {
    columns: 2;
}

*:hover {
    transition: .2s;
}

.form-control:focus {
    outline: none;
    box-shadow: none;
}

input,
select,
textarea {
    border: 1px solid #171717 !important;
    margin-bottom: 20px;
    border-radius: 5px !important;
}

.form-control.error {
    border-color: red !important;
}

#policy-error {
    top: 25px;
}

.btn-primary {
    display: inline-block;
    border: 0;
    color: #fff;
    background-color: #b81a0a;
    padding: 7px 40px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 20px;
    border-radius: 10px;
}

.btn-primary:hover {
    text-decoration: none;
    color: #fff;
    background-color: #931508;
    cursor: pointer;
}

.btn-white {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50px;
    background-color: transparent;
    padding: 7px 40px;
}

.btn-white:hover {
    background-color: #fff;
    color: #171717;
    text-decoration: none;
}

.w-50 {
    max-width: 50% !important;
    margin: 0 auto;
}

header {
    position: fixed;
    z-index: 999;
    height: 100px;
    width: calc(100% - 6%);
    align-items: center;
    transition: .4s;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
}

header.scrolled {
    background: #171717;
    transition: .4s;
}

header .logo {
    padding-bottom: 0px;
    height: 120px;
}

header nav ul {
    display: flex;
    flex-direction: row;
}

header nav,
header .social {
    margin-top: 10px
}

header nav ul li {
    list-style-type: none;
    margin: 0 20px;
}

header nav ul li a {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    white-space: pre;
    transition: .2s;
}

header nav ul li a:hover {
    text-decoration: none;
    color: var(--primary);
}

.start-page,
.content-page {
    margin: 0 3%;
}

.slider-box {
    position: absolute;
    top: 310px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    text-align: center;
    color: #fff;
}

.slider-box h1 {
    text-transform: lowercase;
    font-size: 75px;
}

.slider-box h4 {
    text-transform: uppercase;
    font-size: 35px;
}

.video {
    position: relative;
}

.video::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(44, 44, 44, .6);
}

.video .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
}

video {
    object-fit: cover;
}

.vzbg {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 55%;
    background-image: url('/img/new/abvs_bg.webp');
}

.plus,
.abvs-video {
    position: relative;
}


.plus::before,
.abvs-video::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9;
    opacity: 0;
    transition: .3s;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40px' height='40px'%3e%3cpath fill-rule='evenodd' fill='rgb(255,255,255)' d='M39.509,37.158 L29.893,27.542 C32.277,24.636 33.713,20.914 33.713,16.857 C33.713,7.551 26.163,-0.000 16.857,-0.000 C7.543,-0.000 -0.000,7.551 -0.000,16.857 C-0.000,26.163 7.543,33.713 16.857,33.713 C20.914,33.713 24.628,32.285 27.534,29.901 L37.150,39.509 C37.803,40.162 38.856,40.162 39.509,39.509 C40.162,38.864 40.162,37.803 39.509,37.158 ZM16.857,30.358 C9.404,30.358 3.347,24.301 3.347,16.857 C3.347,9.412 9.404,3.347 16.857,3.347 C24.301,3.347 30.367,9.412 30.367,16.857 C30.367,24.301 24.301,30.358 16.857,30.358 Z'/%3e%3c/svg%3e");
}

.plus:hover::before,
.abvs-video:hover::before {
    opacity: .4;
}

.plus::after {
    position: absolute;
    content: "+24";
    bottom: 0px;
    right: 40px;
    color: #fff;
    font-size: 100px;
    font-weight: bold;
}

.plus.news::after {
    content: ""
}

.abvs-video::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='75px' height='76px'%3e%3cdefs%3e%3cfilter id='Filter_0'%3e%3cfeFlood flood-color='rgb(255, 255, 255)' flood-opacity='1' result='floodOut' /%3e%3cfeComposite operator='atop' in='floodOut' in2='SourceGraphic' result='compOut' /%3e%3cfeBlend mode='normal' in='compOut' in2='SourceGraphic' /%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23Filter_0)'%3e%3cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M72.406,34.275 L6.781,1.439 C5.322,0.707 3.616,0.785 2.222,1.645 C0.831,2.505 -0.000,3.997 -0.000,5.633 L-0.000,71.306 C-0.000,72.941 0.831,74.433 2.222,75.293 C2.981,75.765 3.834,76.000 4.688,76.000 C5.400,76.000 6.119,75.834 6.784,75.503 L72.409,42.666 C74.006,41.865 75.000,40.258 75.000,38.469 C75.000,36.680 74.006,35.073 72.406,34.275 ZM71.013,39.867 L5.388,72.704 C4.684,73.060 4.091,72.769 3.866,72.635 C3.644,72.497 3.125,72.091 3.125,71.306 L3.125,5.632 C3.125,4.847 3.644,4.441 3.863,4.303 C4.010,4.216 4.306,4.066 4.691,4.066 C4.903,4.066 5.138,4.109 5.388,4.235 L71.013,37.071 C71.550,37.340 71.875,37.866 71.875,38.469 C71.875,39.073 71.550,39.598 71.013,39.867 Z'/%3e%3c/g%3e%3c/svg%3e");
}

[class*="-slider"]:not(.slick-slider) {
    position: relative;
    height: 750px;
    width: 100%;
    background-size: cover;
    background-position: center;
}

[class*="-slider"]:not(.slick-slider)::before {
    position: absolute;
    content: "";
    background-color: rgba(44, 44, 44, 0.3);
    width: 100%;
    height: 100%;
}

.main-slider {
    background-image: url('/img/hero.webp');
}

.photo-slider {
    background-image: url('/img/new/fejlec_fotos_oldal.webp');
}

.visitzala-slider {
    background-image: url('/img/new/fejlec_visitzala.webp');
}

.policy-slider {
    background-image: url('/img/new/ASZF_fejlec.webp');
}

.contact-slider {
    background-image: url('/img/new/fejlec_kapcsolat.webp');
}

.thanks-slider,
.steg-slider {
    background-image: url('/img/new/thanks.webp');
}

.szarvas-slider {
    background-image: url('/img/kepek/fejlec_szarvas.webp');
}

.lake-slider {
    background-image: url('/img/kepek/fejlec_dedesi.webp');
}

.services,
.products {
    text-align: center;
}

.start-page .services img {
    margin-bottom: 30px;
}

.services h4,
.products h4 {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0;
    margin-bottom: 15px;
}

.content-page .services p {
    text-transform: initial;
    font-weight: 400;
    margin-bottom: 10px;
}

.content-page .services .content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: var(--boxshadow);
    padding: 30px 10px 25px;
    height: 100%;
    max-height: 375px;
}

.content-page .services.videos .content {
    max-height: 275px;
}

.content-page .services .title {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
}

.forest-bg {
    position: relative;
    background-position: center;
    background-size: cover;
    background-image: url('/img/up.webp');
    height: 650px;
}

.forest-bg .content {
    position: absolute;
    top: 100px;
    left: 240px;
    background-color: #fff;
    padding: 60px 30px;
    max-width: 450px;
}

.phone-bg {
    position: relative;
    background-position: center;
    background-size: cover;
    background-image: url('/img/footer.webp');
    height: 750px;
}

.phone-bg .content {
    position: absolute;
    bottom: 60px;
    right: 40px;
    background-color: #fff;
    padding: 60px 120px 60px 30px;
    max-width: 450px;
    background-image: url('/img/bnb.png');
    background-position: bottom 20px right 20px;
    background-repeat: no-repeat;
    background-size: 150px;
}

.couple-bg {
    position: relative;
    background-position: center;
    background-size: cover;
    background-image: url('/img/new/foto_fejlec.webp');
    height: 650px;
}

.couple-bg.qna {
    background-image: url('/img/new/qna-video.webp');
}

.couple-bg .content {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    right: 40px;
    background-color: #fff;
    padding: 60px 120px 60px 30px;
    max-width: 450px;
}

.couple-bg.qna .content {
    right: auto;
    left: 40px
}

footer {
    color: #fff;
    background-color: #171717
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #fff;
}

footer nav {
    border-top: 3px solid white;
    border-bottom: 3px solid white;
    padding: 20px 0;
}

footer nav ul {
    padding: 0
}

footer nav ul li {
    list-style-type: none;
    margin-top: 10px;
}

footer nav ul li a {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px;
}

footer nav ul li a:hover {
    text-decoration: none;
    color: #fff;
    background-color: var(--primary);
}

.copyright p {
    font-size: 12px;
    ;
}

/* --- SVG + MENU ---*/

.svg-menu {
    display: none;
    position: relative;
    width: 40px;
    height: 27px;
    margin: 30px;
    margin-left: -30px;
    padding-bottom: 28px;
    cursor: pointer;
    z-index: 10;
}

.svg-menu span {
    position: absolute;
    display: block;
    left: 0;
    width: 40px;
    height: 3px;
    transform-origin: left center;
    transition: .2s;
    border-radius: 3px;
    background-color: #fff;
}

.svg-menu span:nth-child(1) {
    width: 40px;
    top: 0px
}

.svg-menu span:nth-child(2) {
    width: 40px;
    top: 12px
}

.svg-menu span:nth-child(3) {
    width: 40px;
    top: 24px
}

.menu-open .svg-menu span:nth-child(1) {
    top: -2px;
    transform: rotate(45deg)
}

.menu-open .svg-menu span:nth-child(2) {
    width: 0%;
    opacity: 0
}

.menu-open .svg-menu span:nth-child(3) {
    width: 100%;
    top: 26px;
    transform: rotate(-45deg)
}

.svg-facebook {
    width: 20px;
    height: 30px;
    margin: 0 7px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='0.353cm' height='0.706cm'%3e%3cdefs%3e%3cfilter id='Filter_0'%3e%3cfeFlood flood-color='rgb(255, 255, 255)' flood-opacity='1' result='floodOut' /%3e%3cfeComposite operator='atop' in='floodOut' in2='SourceGraphic' result='compOut' /%3e%3cfeBlend mode='normal' in='compOut' in2='SourceGraphic' /%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23Filter_0)'%3e%3cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M6.250,6.875 L6.250,4.375 C6.250,3.685 6.810,3.125 7.500,3.125 L8.750,3.125 L8.750,0.000 L6.250,0.000 C4.179,0.000 2.500,1.679 2.500,3.750 L2.500,6.875 L-0.000,6.875 L-0.000,10.000 L2.500,10.000 L2.500,20.000 L6.250,20.000 L6.250,10.000 L8.750,10.000 L10.000,6.875 L6.250,6.875 Z'/%3e%3c/g%3e%3c/svg%3e");
}

.svg-instagram {
    width: 30px;
    height: 30px;
    margin: 0 7px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='0.706cm' height='0.706cm'%3e%3cdefs%3e%3cfilter id='Filter_0'%3e%3cfeFlood flood-color='rgb(255, 255, 255)' flood-opacity='1' result='floodOut' /%3e%3cfeComposite operator='atop' in='floodOut' in2='SourceGraphic' result='compOut' /%3e%3cfeBlend mode='normal' in='compOut' in2='SourceGraphic' /%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23Filter_0)'%3e%3cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M13.750,20.000 L6.250,20.000 C2.799,20.000 0.000,17.201 0.000,13.750 L0.000,6.250 C0.000,2.799 2.799,0.000 6.250,0.000 L13.750,0.000 C17.201,0.000 20.000,2.799 20.000,6.250 L20.000,13.750 C20.000,17.201 17.201,20.000 13.750,20.000 ZM18.125,6.250 C18.125,3.837 16.162,1.875 13.750,1.875 L6.250,1.875 C3.837,1.875 1.875,3.837 1.875,6.250 L1.875,13.750 C1.875,16.162 3.837,18.125 6.250,18.125 L13.750,18.125 C16.162,18.125 18.125,16.162 18.125,13.750 L18.125,6.250 ZM15.375,5.291 C15.007,5.291 14.709,4.993 14.709,4.625 C14.709,4.257 15.007,3.959 15.375,3.959 C15.743,3.959 16.041,4.257 16.041,4.625 C16.041,4.993 15.743,5.291 15.375,5.291 ZM10.000,15.000 C7.239,15.000 5.000,12.761 5.000,10.000 C5.000,7.239 7.239,5.000 10.000,5.000 C12.761,5.000 15.000,7.239 15.000,10.000 C15.000,12.761 12.761,15.000 10.000,15.000 ZM10.000,6.875 C8.277,6.875 6.875,8.276 6.875,10.000 C6.875,11.722 8.277,13.125 10.000,13.125 C11.722,13.125 13.125,11.722 13.125,10.000 C13.125,8.276 11.722,6.875 10.000,6.875 Z'/%3e%3c/g%3e%3c/svg%3e")
}

.svg-youtube {
    width: 40px;
    height: 30px;
    margin: 0 7px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='0.917cm' height='0.706cm'%3e%3cimage x='0px' y='0px' width='26px' height='20px' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAUCAQAAAA5SeU1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfkAgEPHS6rm+HfAAABG0lEQVQ4y5WTu0oDURRF19xk1BASNEVQ0lgJsbSz0iL6BUJQ0b/wMyztAmKhBv9AELHRwlZIBCsN+MAE4gR8TWTbBCTemQl3327B4p6z4XgC2KRCkRxZMkwwho9PGugTEvLNJx+8E9Dmgn1A6EAuORRo2UmRpCXDOq7ZMMw5S/OGggVvOUuUpgyTFnxmhS0eY6Uc6liLNoVQVrsxRbyiwII3YvAWdBohdVEvQUKoqmuF/6VghIRm1BqWDN6Igne4pDREvKgi/n5aUyNipzZ6iGlvMbIESbo3vFkDPVFkjytWYwbupelYsMwd+YQtu4aGBacTFWga6rjmGKEjp2s6EZ4AtqkwS54M4/j4pEhhAPFDn5Cvwbm/cE4NfgFANNOkUtODtAAAAABJRU5ErkJggg==' /%3e%3c/svg%3e")
}

/* --- SLICK THINGZ ---*/
.slick-dots {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.slick-dots li {
    display: inline-block;
    margin: 5px;
    font-size: 0
}

.slick-dots li button {
    width: 15px;
    height: 15px;
    padding: 0;
    cursor: pointer;
    font-size: 0;
    border: 0;
    background: rgba(224, 185, 12, .5)
}

.slick-dots li.slick-active button {
    background-color: var(--primary)
}

.slick-dots li::before {
    display: none
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-arrow.slick-disabled {
    visibility: hidden;
    opacity: 0
}

.slick-arrow {
    position: absolute;
    top: 50%;
    height: 100px;
    transform: translateY(-50%);
    background-color: transparent;
    font-size: 0;
    border: 0;
    transition: .3s;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    z-index: 4;
}

.slick-arrow:hover {
    cursor: pointer
}

.slick-prev {
    left: -20px
}

.slick-next {
    right: -20px
}

.slick-next:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 40px;
    margin-top: 10px;
    transition: .4s;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17px' height='40px'%3e%3cpath fill-rule='evenodd' fill='rgb(0,58,103)' d='M1.700,40.000 L-0.000,40.000 L15.300,19.789 L-0.000,-0.000 L1.700,-0.000 L17.000,19.789 L1.700,40.000 Z'/%3e%3c/svg%3e")
}

.slick-next:hover:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 40px;
    margin-top: 10px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17px' height='40px'%3e%3cpath fill-rule='evenodd' fill='rgb(0,58,103)' d='M1.700,40.000 L-0.000,40.000 L15.300,19.789 L-0.000,-0.000 L1.700,-0.000 L17.000,19.789 L1.700,40.000 Z'/%3e%3c/svg%3e")
}

.slick-prev:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 40px;
    margin-top: 9px;
    transition: .4s;
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17px' height='40px'%3e%3cpath fill-rule='evenodd' fill='rgb(0,58,103)' d='M1.700,40.000 L-0.000,40.000 L15.300,19.789 L-0.000,-0.000 L1.700,-0.000 L17.000,19.789 L1.700,40.000 Z'/%3e%3c/svg%3e")
}

.slick-prev:hover:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 40px;
    margin-top: 9px;
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17px' height='40px'%3e%3cpath fill-rule='evenodd' fill='rgb(0,58,103)' d='M1.700,40.000 L-0.000,40.000 L15.300,19.789 L-0.000,-0.000 L1.700,-0.000 L17.000,19.789 L1.700,40.000 Z'/%3e%3c/svg%3e")
}

/* --- DATE PICKER --- */
.ui-datepicker {
    display: none;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    width: 800px !important;
    margin-top: -195px !important;
    margin-left: -400px !important;
    float: left;
    z-index: 999999 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 9999px solid rgba(30, 30, 30, .6) !important;
    background: #eee
}

.ui-datepicker * {
    position: relative;
    z-index: 2
}

.ui-datepicker-group {
    width: 50%;
    float: left
}

.ui-datepicker-header {
    position: relative;
    background-color: rgb(46, 46, 46);
    height: 55px
}

.ui-datepicker-title {
    color: #fff;
    font-weight: bold;
    line-height: 55px;
    text-align: center
}

.ui-datepicker-group-first .ui-datepicker-header {
    border-right: 1px solid #DDD
}

.ui-datepicker table {
    width: 100%;
    margin: 0;
    padding: 15px 28px 28px 28px;
    border-spacing: 2px;
    border-collapse: separate !important
}

.ui-datepicker-group-first table {
    border-right: 1px solid #DDD
}

.ui-datepicker th {
    width: 14.2857%;
    text-align: center;
    text-transform: uppercase;
    color: #666
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: 13px 0;
    text-decoration: none
}

.ui-datepicker-trigger {
    display: block;
    position: relative;
    top: 93px;
    left: 93px;
    width: 100%;
    height: 100%;
    margin: -93px;
    padding: 0;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    z-index: 99
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    font-size: 14px;
    background-color: rgba(255, 255, 255, 1);
    color: #666;
    text-align: center
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background-color: var(--primary);
    color: #FFF;
    font-weight: bold;
    border: 1px solid var(--primary)
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: 0.25;
    cursor: default
}

.ui-datepicker .ui-datepicker-prev {
    float: left;
    z-index: 3
}

.ui-datepicker .ui-datepicker-next {
    float: right;
    z-index: 3
}

.ui-datepicker .ui-datepicker-prev:before {
    position: absolute;
    top: 12px;
    left: 15px;
    content: "";
    font-size: 20px;
    color: #fff;
}

.ui-datepicker .ui-datepicker-next:before {
    position: absolute;
    top: 12px;
    right: 15px;
    content: "";
    font-size: 20px;
    color: #fff;
}

.ui-datepicker .ui-datepicker-title {
    line-height: 3rem;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    height: 3rem;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
    background-color: transparent;
    transform: scale(1.3);
    border: none;
    font-size: 25px;
    cursor: pointer;
}

/* --- CUSTOM CHECKBOX --- */
.custom-checkbox .custom-control-label:checked~.custom-control-indicator {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='11px'%3e%3cdefs%3e%3cfilter id='Filter_0'%3e%3cfeFlood flood-color='rgb(255,255,255)' flood-opacity='1' result='floodOut' /%3e%3cfeComposite operator='atop' in='floodOut' in2='SourceGraphic' result='compOut' /%3e%3cfeBlend mode='normal' in='compOut' in2='SourceGraphic' /%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23Filter_0)'%3e%3cpath fill-rule='evenodd' fill='rgb(0,0,0)' d='M14.795,0.112 C14.543,-0.086 14.174,-0.046 13.971,0.200 L6.168,9.675 C6.062,9.785 5.919,9.849 5.764,9.855 C5.604,9.861 5.452,9.806 5.338,9.700 L0.995,5.638 C0.761,5.419 0.390,5.427 0.166,5.655 C-0.059,5.883 -0.051,6.245 0.183,6.464 L4.528,10.527 C4.858,10.834 5.285,11.000 5.738,11.000 C5.762,11.000 5.787,10.999 5.811,10.998 C6.290,10.980 6.731,10.777 7.051,10.428 C7.058,10.421 7.064,10.413 7.071,10.405 L14.885,0.917 C15.088,0.670 15.048,0.310 14.795,0.112 Z'/%3e%3c/g%3e%3c/svg%3e")
}

.custom-control-label::before,
.custom-control-label::after {
    width: 18px;
    height: 18px;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--primary);
    border: 0;
}

/* --- BREAKPOINTS --- */
@media (max-width:800px) {
    .ui-datepicker {
        width: 700px !important;
        margin-top: -180px !important;
        margin-left: -350px !important
    }

    .ui-datepicker td span,
    .ui-datepicker td a {
        padding: 10px 5px
    }
}

@media (max-width:700px) {
    .ui-datepicker {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        left: 0 !important
    }
}

@media (max-width: 1550px) {
    header nav ul li {
        margin: 0 5px;
    }
}

@media (max-width: 1199px) {
    .content-page .services.videos .content {
        max-height: 315px;
    }

    .main-slider,
    .videos-slider,
    .aboutus-slider,
    .packages-slider,
    .faq-slider,
    .contact-slider,
    .policy-slider {
        height: 50vh;
    }

    header nav,
    header .social {
        opacity: 0;
        transform: scale(0);
    }

    header.scrolled {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 74%, rgba(0, 0, 0, 0) 100%);
        transition: .4s;
    }

    header nav {
        position: fixed;
        right: 0;
        padding: 100px 333px 0px 80px;
        border-bottom-left-radius: 75%;
        transform: translate(100%, -100%);
        text-align: center;
        opacity: 0;
        transition: .2s;
        z-index: 9999;
        overflow-y: auto;
        overflow-x: hidden;
        background-color: #171717;
    }

    .menu-open header {
        transform: none !important;
        transition: .4s;
    }

    .menu-open header nav {
        top: 0;
        transform: translate(0px, -10px);
        opacity: 1;
        z-index: 9;
    }

    header nav ul {
        display: block;
        flex-direction: column;
        width: 333px;
        padding-inline-start: 100px !important;
        margin: -20px -200px 125px -40px !important;
    }

    header nav ul li {
        margin: 10px;
    }

    header nav ul li a {
        font-size: 20px
    }

    header nav ul .nav-item .nav-link {
        padding: 15px 35px;
        text-align: center;
        font-size: 22px;
        color: rgba(255, 255, 255, 1);
        margin-bottom: 0;
        height: 67px;
        line-height: 30px
    }

    header nav ul .nav-item:hover .nav-link,
    header nav ul .nav-item:focus .nav-link,
    header nav ul .nav-item:active .nav-link,
    header nav ul .nav-item.active .nav-link {
        box-shadow: none;
        background-color: transparent;
        color: rgb(47, 166, 151)
    }

    header nav ul .dropdown-menu {
        position: static !important;
        margin: 0;
        display: none;
        visibility: visible;
        opacity: 1;
        box-shadow: none;
        background-color: transparent;
        transform: none !important;
        top: 0 !important
    }

    header nav ul .dropdown-menu.show {
        display: block
    }

    header nav ul .dropdown-item {
        padding: 15px 35px;
        text-align: center;
        font-size: 20px;
        color: rgba(255, 255, 255, 1)
    }

    header nav ul .dropdown-item:hover,
    header nav ul .dropdown-item:focus,
    header nav ul .dropdown-item:active,
    header nav ul .dropdown-item.active {
        background-color: rgb(47, 166, 151);
        color: rgba(255, 255, 255, 1)
    }

    header nav ul .nav-item:hover .nav-link,
    header nav ul .nav-item:focus .nav-link,
    header nav ul .nav-item:active .nav-link,
    header nav ul .nav-item.active .nav-link {
        border-bottom: 2px solid rgb(47, 166, 151)
    }

    header .center nav ul li a {
        font-size: 18px !important
    }

    header .megas {
        display: none !important
    }

    .svg-menu {
        display: block
    }

    .package .highlight {
        background-position-y: 0;
        background-position-x: -15px;
    }

    .package .standard,
    .package .premium,
    .package .premiumplus {
        background-position-y: 0;
        background-position-x: -45px;
    }

    .video-title {
        margin: 0;
    }
}

@media (max-width:991px) {
    .w-50 {
        max-width: 100% !important;
    }

    #exp {
        width: 80%
    }

    .slider-box {
        top: 210px;
    }

    .slider-box h1 {
        font-size: 45px;
    }

    .slider-box h4 {
        font-size: 20px;
    }

    video,
    [class*="-slider"]:not(.slick-slider) {
        height: 50vh;
    }

    .couple-bg .content {
        right: 50%;
        transform: translate(50%, -50%);
        width: 100%;
    }

    .couple-bg.qna .content {
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%);
    }

    .phone-bg .content {
        right: 50%;
        transform: translate(50%, -25%);
        width: 100%;
    }

    .forest-bg .content {
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }

    .content-page .services .content {
        height: auto;
    }
}

@media (max-width:768px) {}

@media (max-width:576px) {}