/**
 * Website Color
 */
:root {
    --primary-color: #F8F8F8;
    --secondary-color: #F0ECE2;
    --c-white: #FFF;
    --c-black: #000;
    --c-gray: #89807A;
    --c-red: #F23F3A;
    --c-grey: #868686;
    --c-dark-gray: #6D6D6D;
    --c-black-transparent: #0000004A;
    --c-brown: #89807A;
    --c-bgr-default: #F8F8F8;
    --c-btn-blue: #004AAD;
    --desktop-navbar-height: 142px;
}

/**
 * Website Fonts
 */
@font-face {
    font-family: "Poppins";
    src: url("../fonts/poppins/poppins-regular-webfont.eot");
    src: url("../fonts/poppins/poppins-regular-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/poppins/poppins-regular-webfont.woff2") format("woff2"),
         url("../fonts/poppins/poppins-regular-webfont.woff") format("woff"),
         url("../fonts/poppins/poppins-regular-webfont.ttf") format("truetype"),
         url("../fonts/poppins/poppins-regular-webfont.svg#poppinsregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "PoppinsLight";
    src: url("../fonts/poppins/poppins-light-webfont.eot");
    src: url("../fonts/poppins/poppins-light-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/poppins/poppins-light-webfont.woff2") format("woff2"),
         url("../fonts/poppins/poppins-light-webfont.woff") format("woff"),
         url("../fonts/poppins/poppins-light-webfont.ttf") format("truetype"),
         url("../fonts/poppins/poppins-light-webfont.svg#poppinslight") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "PoppinsBold";
    src: url("../fonts/poppins/poppins-bold-webfont.eot");
    src: url("../fonts/poppins/poppins-bold-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/poppins/poppins-bold-webfont.woff2") format("woff2"),
         url("../fonts/poppins/poppins-bold-webfont.woff") format("woff"),
         url("../fonts/poppins/poppins-bold-webfont.ttf") format("truetype"),
         url("../fonts/poppins/poppins-bold-webfont.svg#poppinsbold") format("svg");
    font-weight: normal;
    font-style: normal;
}

/**
 * Global Styles
 */
h1, h2, h3, h4, h5, h6 {
    font-family: "PoppinsBold", serif;
}

div, p, span, small, strong, i, ul, li, option, td {
    font-family: "Poppins", serif;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1524px;
}

.plan-trip,
.footer-bottom {
    background-color: var(--secondary-color);
}

.nav-link {
    color: var(--c-black);
}

ul li.nav-item.active {
    /*border-bottom: 1px solid var(--c-black-transparent);*/
}

.toast-header,
.toastMessage {
    background-color: var(--secondary-color) !important;
}

#toastMessage {
    font-size: 16px;
}

body.buy .leaflet-popup-content,
body.bli .leaflet-popup-content {
    margin: 15px !important;
}

body.buy .placemark-description,
body.bli .placemark-description {
    padding: 15px 0;
    font-size: 14px;
}

body.buy .leaflet-container a.leaflet-popup-close-button,
body.bli .leaflet-container a.leaflet-popup-close-button {
    background: white;
    border-radius: 50%;
}

body.buy .leaflet-container a.leaflet-popup-close-button span,
body.bli .leaflet-container a.leaflet-popup-close-button span {
    color: var(--c-red);
    font-size: 22px;
}

body.buy .details h3,
body.bli .details h3 {
    font-size: 22px;
    font-family: "Poppins", serif;
    margin: 0;
    padding: 15px 0;
}

.pos-placemark .placemark-image img {
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.section-title {
    font-size: 36px;
    color: var(--c-black);
    font-weight: 600;
}

.bg-cover-center {
    background-size: cover;
    background-position: center;
}

.btn-white{
    background: #fff;
}

.btn-white:hover {
    background: #a1a1a1;
}

.bgr-red {
    background: var(--c-red);
}

.btn-blue {
    background: var(--c-btn-blue);
}

.bgr-default {
    background: var(--c-bgr-default);
}

.bgr-white {
    background-color: var(--c-white);
}

.red-button {
    border-radius: 25px !important;
    background: var(--c-red);
    color: var(--c-white);
    border: none;
    font-size: 13px;
    font-weight: 600;
}

.dropdown-menu .dropdown-item:active {
    background-color: unset;
    color: var(--c-red);
}

.shadow-0,
.shadow-0:focus {
    box-shadow: none !important;
}

.btn-close:focus,
.focus-shadow-none:hover {
    box-shadow: none !important;
}

.btn-gray{
    background: #838383;
}

.btn-gray:hover {
    background: #bbbbbb;
}

/* CSS for the Back to Top button */
#backToTopBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed position */
    bottom: 20px; /* Position from the bottom */
    right: 20px; /* Position from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #555; /* Background color */
    color: white; /* Text color */
    cursor: pointer; /* Pointer/hand icon */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
}

#backToTopBtn:hover {
    background-color: #333; /* Darker background on hover */
}

#backToTopBtn svg {
    transform: rotate(45deg);
}

#mapBottomButton {
    bottom: 20px;
    z-index: 99;
    width: 145px;
    font-size: 14px !important;
}

body.map #mapBottomButton {
    display: none;
}

#appToast img {
    height: 20px;
}

#map {
    min-height: 350px;
}

body.buy #map,
body.bli #map {
    min-height: calc(100vh - 350px);
}

.title-headline div.container-fluid {
    color: var(--c-white);
    padding: 20px 0;
}

.title-headline h1 {
    margin: 0;
    font-size: 35px;
    color: var(--c-white);
}

.filter-table-input {
    background-image	: url(../img/search-icon.png);
    background-position	: 10px 8px;
    background-repeat	: no-repeat;
    width				: 100%;
    font-size			: 16px;
    padding				: 8px 20px 8px 40px;
    border				: 1px solid #ddd;
	/*
    margin-bottom		: 12px;
    box-shadow			: 0px 0px 10px 0px #03A9F4;
	*/
}

.outline-0,
.outline-0:hover {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    border-color: unset !important;
}

/**
 * Header
 */
.top-menu img {
    height: 16px;
}

.top-menu a {
    color: #181818;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


header .nav .nav-link{
    color: #181818;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
/**
 * Body
 */
body.verify main,
body.account.verification main {
    text-align: center;
}

.badge-img::after {
    display: inline-block;
    height: 98px;
    width: 98px;
    position: absolute;
    bottom: 30px;
    right: 20px;
}

.figure.img-badge::after {
    content: url("/assets/img/badge/discount-red.png");
    display: inline-block;
}

.badge-discount-red::after {
    content: url("/assets/img/badge/discount-red.png");
}

.badge-discount-green::after {
    content: url("/assets/img/badge/discount-green.png");
}

.badge-discount-blue::after {
    content: url("/assets/img/badge/discount-blue.png");
}

.badge-discount-yellow::after {
    content: url("/assets/img/badge/discount-yellow.png");
}

.text-gray{
    color: #CECECE;
    font-family: 'Poppins';
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 130.245%;
}

.modal-header {
    z-index: 99;
}

.unlocked-close-modal {
    background: url('/assets/img/icons/close-modal.svg') center/1em auto no-repeat;
}

#loginModalTitle,
#resetModalTitle {
    color: #1A1A1A;
    font-size: 30px !important;
}

#registerModal input,
#loginModal input {
    padding-left: 33px;
}

#registerModalStepsTitle {
    font-family: "Poppins", serif;
    font-size: 28px;
    line-height: 1;
    color: var(--c-white);
    font-weight: 500;
}

#registerModal input,
#loginForm input,
#resetAccountPasswordForm input,
.register-modal-details input {
    background-color: #F2F2F2;
}

#registerForm .input-label,
#loginForm .input-label,
#resetAccountPasswordForm .input-label,
.register-modal-details .input-label {
    margin-left: 1.5em;
    color: #8A8A8A;
}

#loginForm .btn-password,
#resetAccountPasswordForm .btn-password,
.register-modal-details .btn-password {
    color: var(--c-red);
    font-size: 13px;
    text-decoration: none;
}

#registerForm .btn-submit,
#loginForm .btn-submit,
#resetAccountPasswordForm .btn-submit,
.register-modal-details .btn-submit {
    height: 50px;
    width: 100%;
    background-color: var(--c-red);
    color: var(--c-white);
}

#loginModal .modal-footer .modal-footer-text,
#resetModal .modal-footer .modal-footer-text {
    font-size: 13px !important;
}

#loginModal .modal-footer .modal-btn-link {
    font-size: 15px !important;
}

.register-modal-details .modal-btn-link {
    color: var(--c-red);
    font-size: 13px !important;
}

.register-modal-details .btn-close {
   height: 4.5em;
}

.border-left, .border-right {
    display: inline-block;
    height: 1px;
    width: 30%;
    vertical-align: middle;
    background-color: #D9D9D9;
}

.centered-text {
    display: flex;
    align-items: center;
    justify-content: center;
}

.register-modal-sidebar {
    border-radius: 0 20px 20px 0;
    padding: 40px 80px;
    background-image: url(/assets/img/brand/logo-right.svg);
    background-position: -10px 400px;
    background-repeat: no-repeat;
    background-size: 300px;
}

.register-modal-steps {
    border-radius: 0 15px 15px 0;
    overflow: hidden;
}

.register-modal-steps .modal-step-icon,
.register-modal-steps .step-list {
    margin-top: 55px;
    margin-left: 35px;
}

.register-modal-steps .modal-title {
    font-family: PoppinsLight, serif;
    font-size: 45px;
    margin-top: 55px;
    margin-left: 35px !important;
}

.modal-step-vector {
    transform: translate(-70px, 120px);
    margin-top: -200px;
}

.modal-step-vector svg {
    width: 450px;
    height: 450px;
    transform: rotate(90deg);
}

.modal-step-vector svg path {
    fill: var(--c-white);
}

.homepage-cover .cover-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.homepage-cover .cover-img img {
    max-width: 100%;
    height: auto;
}

/* Step progress list */
.step {
    position: relative;
    padding-left: 40px;
    margin-bottom: 45px;
}

.step:last-child {
    margin-bottom: 0;
}

.step::before {
    content: "";
    position: absolute;
    left: -0.4em;
    top: 0;
    bottom: -3em;
    width: 2px;
}

.step:last-child:before {
    display: none;
}

.step.completed::before {
    background-color: var(--c-white);
    opacity: 0.3;
}

.step .marker {
    position: absolute;
    left: -20px;
    top: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--c-red);
    border: 1px solid var(--c-white);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3;
}

.step.completed .marker {
    opacity: 1;
}

.step-text {
    color: var(--c-white);
    font-size: 20px;
    width: 100%;
    padding: 0;
}

.step-list {
    line-height: 70px;
}

.step-list > div > div:nth-child(3)::before {
    display: none;
}

.rotate-180 {
    transform: rotate(-180deg);
}

/**
 * Footer
 */
.footer-bottom .nav-link {
    text-decoration: underline;
}

section.footer .footer-menu .nav-item {
    position: relative;
}

section.footer .footer-menu .nav-item:after {
    content: "|";
    position: relative;
    right: 5px;
    top: -25px;
}

section.footer .footer-menu > ul > li > a {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

section.footer .footer-menu > ul > li:nth-child(1) > a {
    padding-left: 0.5rem !important;
}

section.footer .footer-menu > ul > li:nth-child(1):after {
    content: '';
}

section.footer .footer-menu .nav-link {
    padding-top: 0;
    padding-bottom: 0;
}

.dropdown-menu.show {
    left: auto !important;
    right: 0 !important;
}

.lineParent{
    height: 100%;
    width:100%;
    align-items: center;
    position:absolute;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.connecting-line {
    height: 2px;
    background: var(--c-red);
    width: 80%;
    margin: 0 auto;
    z-index: 1;
}

.stepTab{
    font-size: 11px;
    color: var(--c-red);
    width: 100%;
    text-align: center;
    z-index: 2;

}

.square-tab {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--c-red);
    font-size: 25px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rating-list {
    list-style: none;
    display: flex;
    padding: 0;
}

.rating-list svg {
    height: 18px;
    width: 18px;
}

.rating-list .disabled svg path {
    fill: #d9dbdf !important;
}

body.checkout  #mapBottomButton,
#closeMapButton {
    display: none
}

.customer-box img {
    height: 128px;
    width: 128px;
    object-fit: cover;
}

.customer-box .customer-box-header {
    border-bottom: 1px solid var(--c-black-transparent);
}

.customer-box img.img-fluid {
    width: 100%;
    height: 250px;
}


.rating-stars .btn-check:checked+.btn {
    border-radius: 10px;
    border-color: var(--c-red);
}

.rating-stars .btn-check.red+.btn svg path,
.rating-stars .btn-check:checked+.btn svg path {
    fill: var(--c-red);
}

.rating-stars .btn svg#fullStar{
    display: none;
}

.rating-stars .btn-check:checked+.btn svg#halfStar,
.rating-stars .btn-check.red+.btn svg#halfStar{
    display: none;
}

.rating-stars .btn-check:checked+.btn svg#fullStar,
.rating-stars .btn-check.red+.btn svg#fullStar{
    display: block;
}

.tawk-min-container .tawk-button-circle.tawk-button-large {
    width: 42px !important;
    height: 42px !important;
}

.business-category-disclaimer small {
    font-size: 13px;
    display: block;
    margin-top: 10px;
    font-style: italic;
}

.business-category-disclaimer.bgr-food-and-drinks,
.business-category-disclaimer.bgr-ushqim-dhe-pije {
    background-color: #FFC548;
    color: #000;
}

.business-category-disclaimer.bgr-stays,
.business-category-disclaimer.bgr-akomodim {
    background-color: #004AAD;
    color: #FFF;
}

.business-category-disclaimer.bgr-stays svg path,
.business-category-disclaimer.bgr-akomodim svg path {
    fill: #FFF;
}

.business-category-disclaimer.bgr-experiences,
.business-category-disclaimer.bgr-aktivitete {
    background-color: #34E0A1;
    color: #000;
}

.business-category-disclaimer h3 svg {
    float: right;
}

/**
 * Media Screen Queries
 */
@media screen and (max-width: 1200px) {
    .register-modal-steps {
        padding: 0 !important;
    }

    .register-modal-steps .modal-step-icon,
    .register-modal-steps .step-list {
        margin-top: 50px;
        margin-left: 30px;
    }

    .register-modal-steps .modal-title {
        font-size: 30px;
    }

    .step-text {
        font-size: 18px;
    }
}

@media screen and (min-width: 760px) and (max-width: 1024px) {
    .register-modal-steps {
        display: none;
    }
}

@media screen and (max-width: 982px) {
    .business-category-disclaimer small {
        font-size: 10px;
    }

    #registerModal .modal-dialog {
        max-width: 90%;
        margin: 0 auto;
    }

    .footer-bottom .nav-link {
        font-size: 12px;
    }

    .list-unstyled span {
        font-size: 12px;
    }

    .developer {
        font-size: 10px;
    }

    .header-logo-menu-container,
    .header-account-menu-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 15px;
        margin-bottom: 25px;
    }

    #mobileMenu ul.main-menu li {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    #mobileMenu ul.main-menu a {
        font-size: 26px;
        font-family: PoppinsBold, serif;
    }

    #mobileMenu ul.actions a {
        font-size: 16px;
        font-family: PoppinsLight, serif;
    }

    #mobileMenu ul.actions img {
        height: 18px;
        margin-right: 20px;
    }

    .register-modal-steps {
        display: none;
    }

    #mobileMenu .btn-close {
        margin-top: 5px;
        margin-right: 0;
    }
}

@media screen and (max-width: 770px) {
    body.account .header-logo-menu-container .dropdown.text-end,
    .account-location-container,
    .header-account-menu-container {
        display: none !important;
    }

    body.account .account-location-container{
        /**
         * display: flex !important;
         * margin-top: 25px;
         */
    }

    .header-account-menu-container {
        margin-top: 0;
    }

    body.account .header-account-menu-container {
        display: flex !important;
        align-items: flex-start;
    }

    #registerModal .register-modal-sidebar {
        display: none;
    }

    .section-title {
        font-size: 19px;
    }

    .justify-content-md-end {
        justify-content: flex-start !important;
    }

    .register-modal-details .register-inputs {
        padding: 0 !important;
    }

    .have-account {
        background-color: var(--c-red);
        padding: 20px 0;
        margin-bottom: 0 !important;
        text-align: center;
    }

    .have-account span {
        display: block;
        text-align: center !important;
    }

    .have-account a,
    .have-account span {
        color: #ffffff !important;
    }

    .pb-sm-0 {
        padding-bottom: 0 !important;
    }

    .modal-socials {
        padding: 0 30px;
    }

    #registerForm {
        margin-top: 0 !important;
    }

    #loginForm > div > input,
    #registerForm > div > input {
        height: 3rem;
    }

    #loginForm .form-floating>label,
    #registerForm .form-floating>label {
        padding: 0.75rem 15px;
        font-size: 15px;
    }

    #registerModal input, #loginModal input {
        padding-left: 27px;
    }

    .modal-socials > div > button {
        white-space: nowrap;
        font-size: 12px;
    }

    .submitted-btn > div:first-child {
        width: 40% !important;
    }

    .submitted-btn > div:last-child {
        width: 60% !important;
    }

    .submitted-btn .btn-submit {
        flex: 0 0 auto;
        white-space: nowrap;
        height: 25px;
    }

    section.footer .footer-copyrights {
        margin-bottom: 25px;
    }

    body.map section.header,
    body.map section.footer {
        display: none;
    }

    body.map #map {
        height: 100dvh;
    }

    body.map .map-container {
        padding-left: 0;
        padding-right: 0;
    }

    #closeMapButton {
        display: initial;
        position: absolute;
        z-index: 999;
        left: 10px;
        top: 5px;
        font-weight: 600;
        font-size: 14px;
        background-color: hsla(0, 0%, 100%, .8);
        border-color: hsla(0, 0%, 100%, .8);
        box-shadow: 0 4px 24px rgba(0, 0, 0, .2);
    }

    .rating-stars .btn {
        padding: 5px;
    }

    .leaflet-top.leaflet-left > .leaflet-control-zoom {
        display: none;
    }

    body.buy #map,
    body.bli #map {
        height: 90dvh;
    }
}

@media screen and (min-width: 768px) {
    #registerModal > div > div > div.modal-body.row > div > div.row.modal-socials > div > button {
        width: 80% !important;
    }
}

@media screen and (max-width: 480px) {
    #redeemDiscount h3 {
        font-size: 18px !important;
    }

    section.footer > footer {
       padding-top: 20px !important;
    }

    section.footer > footer .footer-content > div:nth-child(1) > div {
        text-align: center;
    }

    section.footer > footer .footer > div:nth-child(1) > div > a {
        margin-left: 0 !important;
    }

    section.footer .footer-menu > ul > li > a {
        font-size: 19px !important;
        font-weight: 600 !important;
    }

    .footer .nav-item {
        position: relative;
    }

    .footer .footer-menu .nav-item:not(:last-child)::after {
        content: "|";
        position: absolute;
        right: -10px;
        top: 0;
        height: 100%;
    }

    .footer .nav {
        display: flex;
        flex-direction: row;
        align-items: baseline;
        justify-content: center;
        gap: 10px;
    }

    .footer .nav-item {
        display: inline-block;
    }

    section.footer .footer-menu > ul > li > a {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    section.footer .footer-copyrights > div {
        text-align: center !important;
    }

    .homepage-cover .row .col-12 {
        text-align: center;
    }

    .cover-img img {
        border-radius: 30px;
    }

    .dropdown-toggle::after {
        display: none;
    }
}

@media screen and (max-width: 360px) {
    #loginForm .btn-submit {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
}