@font-face {
    font-family: 'NotoSansRegular';
    src: url('../localFonts/NotoSansRegular.woff2') format('woff2'), url('../localFonts/NotoSansRegular.woff') format('woff'), url('../localFonts/NotoSansRegular.ttf') format('ttf');
}

@font-face {
    font-family: 'NotoSansBold';
    src: url('../localFonts/NotoSansBold.woff2') format('woff2'), url('../localFonts/NotoSansBold.woff') format('woff'), url('../localFonts/NotoSansBold.ttf') format('ttf');
}
@font-face {
    font-family: 'YandoSansCondensed-Black';
    src: url('../localFonts/YandoSansCondensed-Black.woff2') format('woff2'), url('../localFonts/YandoSansCondensed-Black.woff') format('woff'), url('../localFonts/YandoSansCondensed-Black.ttf') format('ttf');
}
@font-face {
    font-family: 'segoepr';
    src: url('../localFonts/segoepr.woff2') format('woff2'), url('../localFonts/segoepr.woff') format('woff'), url('../localFonts/segoepr.ttf') format('ttf');
}

@font-face {
    font-family: 'FallbackYandoSansCondensed-Black';
    src: local("DefaultBoldFont");
    size-adjust: 55%;
}
@font-face {
    font-family: 'PermanentMarkerRegular';
    src: url('../localFonts/PermanentMarker-Regular.woff2') format('woff2'), url('../localFonts/PermanentMarker-Regular.woff') format('woff'), url('../localFonts/PermanentMarker-Regular.ttf') format('ttf');
}

:root {
    --color-1-circle: #ff5a99;
    --color-07-circle: #ff1f75b3;
    --color-00-circle: #ff5a9900;
    --color-txt-notif: #151515;
    --bg-notif-grad: #efefef 0%,#ffffff 70%;
    --grad-date: #e581b2 0%,#e8377a 70%;
    --grad-online: #79f4df 0%,#1ea0b9 100%;
    --grad-like: #63fd80 0%,#1faa39 100%;
    --grad-feeling: #ef61b0 0%,#fe2b76 100%;
    --notif-info: #f96890 0%, #f9356b 100%;
    --notif-hotspot: #ffc85b 0%, #ffbd3d 100%;
    --grad-visit: #bdbdbd 0%,#8f8e8e 100%;
    --grad-network-offline: #f57ece 0%,#e64e99 100%;
    --grad-network-online: #7ccd6b 0%,#1faa39 100%;
    --grad-spark: #f9e490 0%,#ffa155 100%;
    --grad-chat: #4ecaf8 0%,#4285ec 100%;
    --grad-flash: #ff8fd9 0%, #ff4ca5 100%;
    --grad-match: #ffe99e 0%, #ffbf7a 30%, #ff48b5 70%, #ff8ed1 100%;
    --grad-event: #0ecbf8 0%, #47ffdd 100%;
    --grad-comment: #0ecbf8 0%, #47ffdd 100%;
    --grad-notif-msg: #49c8ed 0%,#1986c3 100%;
    --grad-min-photo-msg: #fa5eae 0%, #d92c80 100%;
    --grad-notif-online: #4abbbb 0%,#32acac 100%;
    --grad-notif-follow: #ffe283 0%,#ff8390 20%,#ff48b7 70%,#ff8ed1 100%;
    --grad-notif-unfollow: #ffe283 0%,#ff8390 20%,#ff48b7 70%,#ff8ed1 100%;
    --varUl: 50%;
    --viewport-height: 100vh;
    --widthDevice: 100vw;
    --heightDevice: 100vh;
    --txt-202023-fff: #202023;
    --txt-3e3e3e-fff: #3e3e3e;
    --txt-757575-fff: #757575;
    --txt-000-fff: #000000;
    --color-lds-ring: #000000;
    --rotation-tuto-feelings: 15deg;
    --rotation-tuto-feelings-negative: -15deg;
    --width-popup: 100%;
}
.ui-helper-hidden-accessible {
    display: none !important;
}
@media (min-width: 590px) {
    :root {
        --rotation-tuto-feelings: 4deg;
        --rotation-tuto-feelings-negative: -4deg;
    }
}

input[type="file"]::-webkit-file-upload-button, 
input[type="file"]::file-selector-button, 
input[type="file"] span {
    display: none;
}
input[type="file"] {
    color: rgba(0, 0, 0, 0);
}
.darkMode:root {
    --bg-notif-grad: #161616 0%,#282828 100%;
    --color-txt-notif: #ffffff;
    --txt-202023-fff: #ffffff;
    --txt-3e3e3e-fff: #ffffff;
    --txt-757575-fff: #ffffff;
    --txt-000-fff: #000000;
    --color-lds-ring: #000000;
}
.fs-24 {
    font-size: 24px;
}
.fs-23 {
    font-size: 23px;
}
.fs-22 {
    font-size: 22px;
}
.fs-21 {
    font-size: 21px;
}
.fs-20 {
    font-size: 20px;
}
.fs-19 {
    font-size: 19px;
}
.fs-18 {
    font-size: 18px;
}
.fs-17 {
    font-size: 17px;
}
.fs-16 {
    font-size: 16px;
}
.fs-15 {
    font-size: 15px;
}
.fs-14 {
    font-size: 14px;
}
.fs-13 {
    font-size: 13px;
}
.fs-12 {
    font-size: 12px;
}
.errorPageWrapped {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(28deg, #ff20a2 0%, #fe48a0 50%, #ff1e65 100%);
    background-image: linear-gradient(63deg, #ff20a2 0%, #fe48a0 50%, #ff1e65 100%);
}
.errorPageContent .title {
    font-family: "YandoSansCondensed-Black", "DefaultBoldFont";
    font-weight: var(--bold-font-yando);
    letter-spacing: var(--letter-spacing-yando);
    font-size: 100px;
    font-size-adjust: var(--fs-adj);
    color: #ffffff;
    text-align: center;
}
#nothingFoundHere {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-family: "DefaultBoldFont","NotoSansBold";
    font-weight: var(--bold-font);
    font-size: 14px;
    color: #ffffff;
    text-align: center;
}
#btnBackToApp {
    position: absolute;
    bottom: 30px;
    left: calc(50% - 100px);
}
.divMainLoader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: #00000066;
    overflow: hidden !important;
}
.divImgMainLoader {
    width: 100%;
    height: 100%;
}
.loaderMainLoader {
    position: absolute;
    left: calc(50% - 25px);
    top: calc(50% - 25px);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
    border-top: 3px solid #ffffff;
    border-right: 3px solid transparent;
    box-sizing: border-box;
    animation: 1s linear infinite rotationFirstLoad;
}

body {
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
    --bold-font: 500;
    --bold-font-yando: 500;
    --fs-adj: inherit;
    --letter-spacing-default: normal;
    --letter-spacing-yando: 0.5px;
    caret-color: #000000;
    letter-spacing: var(--letter-spacing-default);
}
body div:not(#dragPopup):not(#floatingPopup div):not(#dragPopupCreatePost):not(#createPostPopup div):not(#divResultsSwipe .topZone):not(#contentProfileWrapped):not(.gridUserPictureWrapped div):not(#profilePopup):not(#profilePopup div) {
    touch-action: pan-y !important;
}
html[lang="zh"]:not([data-platform="mauiiOS"]) body, html[lang="ja"]:not([data-platform="mauiiOS"])  body, html[lang="ko"]:not([data-platform="mauiiOS"])  body {
    --bold-font: 700;
}
html[lang="zh"][issafari="false"][isios="false"] body, 
html[lang="hi"][issafari="false"][isios="false"] body, 
html[lang="bn"][issafari="false"][isios="false"] body, 
html[lang="ta"][issafari="false"][isios="false"] body, 
html[lang="ja"][issafari="false"][isios="false"] body, 
html[lang="ko"][issafari="false"][isios="false"] body, 
html[lang="vi"][issafari="false"][isios="false"] body,
html[lang="th"][issafari="false"][isios="false"] body, 
html[lang="ar"][issafari="false"][isios="false"] body, 
html[lang="ru"][issafari="false"][isios="false"] body, 
html[lang="el"][issafari="false"][isios="false"] body, 
html[lang="he"][issafari="false"][isios="false"] body, 
html[lang="bg"][issafari="false"][isios="false"] body, 
html[lang="uk"][issafari="false"][isios="false"] body {
    --bold-font-yando: 700;
}
input[type="datetime-local" i]::-webkit-calendar-picker-indicator {
    display: none !important;
}
.form-control:focus {
    box-shadow: none !important;
}
#noRotate {
    display: none;
    position: fixed;
    z-index: 10000;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--background-1-grad);
    background-position: center;
    background-repeat: repeat,no-repeat;
    overflow: hidden;
}
#toast-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    left: 0;
    right: 0;
    z-index: 10050;
    width: 100%;
    pointer-events: none;
}
.noRotateContent {
    padding: 30px;
    margin: auto;
}
.noRotateContent .titleLogo {
    height: 80px;
}

#noRotate .noRotateWrapped{
    width: 100%;
    height: 100%;
}
.logoHeaderNoRotate {
    background-color: #fff;
    height: 38px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

.logoHeaderNoRotate img {
    height: 32px;
    width: auto;
    margin-top: 4px;
}

.rotateDeviceLogo {
    text-align: center;
    margin-top: -20px;
    border-top: solid 1px #ffffff;
}
.rotateDeviceLogoImg {
    display: block;
    height: 70px;
    width: auto;
    content: url(../images/rotateDevice_black.webp);
    margin: 10px auto;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}
.rotateMsg {
    font-family: "DefaultRegularFont", "NotoSansRegular";
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
}

.yandoNoRotate {
    font-size: 20px;
    font-family: "DefaultRegularFont", "NotoSansRegular";
    color: #fff;
    text-align: center;
}

#noRotate .titleLogo .yandoLogo {
    position: relative;
    top: 0px;
    z-index: 1;
    width: initial;
}
#noRotate .titleLogo .yandoTitle {
    font-family: "DefaultBoldFont", "NotoSansBold";font-weight: var(--bold-font);
    font-size: 30px;
    color: #fff;
    text-shadow: 0 0 6px rgba(70, 24, 96, 0.5);
    padding-top: 5px;
    margin-left: 5px;
}

#notSupportedRes {
    position: fixed;
    z-index: 5000;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#notSupportedRes .notSupportedResWrapped {
    width: 100%;
    height: 100%;
}

#notSupportedRes .notSupportedResContent {
    border-radius: 16px;
    width: 440px;
    padding: 10px;
    box-shadow: 0px 0px 8px rgba(70, 24, 96, 0.15);
    -webkit-filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.15));
    background-image: -webkit-linear-gradient(29deg, #ff7f92 0%, #ff48b8 42%, #ff8ed1 100%);
    background-image: linear-gradient(29deg, #ff7f92 0%, #ff48b8 42%, #ff8ed1 100%);
    height: 197px;
}

#notSupportedRes .divYandoLogo img {
    height: 46px;
    margin: 0px auto;
    display: block;
}

#notSupportedRes .notSupportedResInfo {
    font-family: "DefaultRegularFont", "NotoSansRegular";
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
    text-shadow: 0px 0px 6px rgba(70, 24, 96, 0.5);
    border-top: solid 2px #ff8bd1;
    padding-top: 52px;
}
#error {
    width: calc(100% - 60px);
}
.errorMsg {
    display: block;
    font-family: "DefaultBoldFont", "NotoSansBold";font-weight: var(--bold-font);
    font-weight: var(--bold-font);
    font-size: 12px;
    color: #ffd17a !important;
    text-shadow: 2px 2px 6px #00000030 !important;
}
.langrtl .errorMsg {
    direction: rtl;
}
.ytp-error {
    top: 0;
}

#uploadPhotoPopup {
    display: none !important;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 3000;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translate3d(0,100%,0);
    transform-style: preserve-3d;
    will-change: transform, scale, opacity;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    touch-action: pan-x !important;
}
#uploadPhotoPopup.show{
    transform: translate3d(0,0,0);
    opacity: 1;
    display: flex !important;
}
#uploadPhotoPopup .uploadPhotoPopupWrapped {
    position: relative;
    width: 100%;
    height: 240px;
    background: #000;
    margin-top: auto;
    transform-origin: bottom;
    margin-bottom: -20px;
}
#uploadPhotoPopup div {
    touch-action: pan-x !important;
}
#uploadPhotoPopup .btnUploadFromWrapped.files {
    display: none !important;
}
#uploadPhotoPopup .backArrowMenu {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background-image: url(../images/arrow_down_btn.webp) !important;
    background-position: 5px 10px;
    background-size: 30px;
}
#uploadPhotoPopupContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 100%;
    border: 0;
    will-change: transform;
}
.btnUploadFromWrapped {
    width: 100%;
}
.btnUploadFromWrapped.camera {
    margin-top: -24px;
}
#uploadPhotoPopup .btnUploadFromWrapped button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    color: #000000 !important;
    background: #ffffff !important;
    margin: -24px auto 0 auto;
}
#uploadPhotoPopup .btnUploadFromWrapped.camera {
    display: none !important;
}
#uploadPhotoPopup .btnUploadFromWrapped button.btnUploadFromCamera {
    margin-top: 5px;
}
#uploadPhotoPopup .btnUploadFromWrapped div {
    pointer-events: none;
}

.divAppVersion {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "DefaultRegularFont","NotoSansRegular";
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #bfbfbf;
    margin: 16px auto 8px auto;
}
.divAppVersion .appVersionTxt {
    margin: 0px 0px 0px 5px;
}
.langrtl .divAppVersion .appVersionTxt {
    margin: 0px 5px 0px 0px;
}
.langrtl #uploadPhotoPopup .btnUploadFromWrapped button {
    direction: rtl;
    padding: 4px 20px 1px 20px;
}
.langrtl #uploadPhotoPopup .btnUploadFromGallery img {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 8px;
}
.langrtl #uploadPhotoPopup .btnUploadFromWrapped div {
    padding: 3px 2px 2px 2px;
}
@-webkit-keyframes bounceScrollEnd {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-30px);
    }

    100% {
        transform: translateY(0);
    }
}
@keyframes bounceScrollEnd {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-30px);
    }

    100% {
        transform: translateY(0);
    }
}
.bounceScrollEnd {
    -webkit-animation-name: bounceScrollEnd;
    animation-name: bounceScrollEnd;
    -webkit-animation-duration: .65s;
    animation-duration: .65s;
}
@-webkit-keyframes rubberBandCustom {
    0% {
        -webkit-transform: scale3d(0.5,0.5,0.5);
        transform: scale3d(0.5,0.5,0.5)
    }
    30% {
        -webkit-transform: scale3d(1.65,0.85,1);
        transform: scale3d(1.65,0.85,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBandCustom {
    0% {
        -webkit-transform: scale3d(0.5,0.5,0.5);
        transform: scale3d(0.5,0.5,0.5)
    }

    30% {
        -webkit-transform: scale3d(1.65,0.85,1);
        transform: scale3d(1.65,0.85,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.rubberBandCustom {
    -webkit-animation-name: rubberBandCustom;
    animation-name: rubberBandCustom
}

@-webkit-keyframes bounceInSmall {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0% {
        -webkit-transform: scale3d(.95,.95,.95);
    }
    35% {
        -webkit-transform: scale3d(1.02,1.02,1.02);
    }
    70% {
        -webkit-transform: scale3d(.98,.98,.98);
    }
    to {
        -webkit-transform: scaleX(1);
    }
}
@keyframes bounceInSmall {
    0%,20%,40%,60%,80%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0% {
        transform: scale3d(.95,.95,.95);
    }
    35% {
        transform: scale3d(1.02,1.02,1.02);
    }
    70% {
        transform: scale3d(.98,.98,.98);
    }
    to {
        transform: scaleX(1);
    }
}
.bounceInSmall {
    -webkit-animation-name: bounceInSmall;
    animation-name: bounceInSmall;
    -webkit-animation-duration: .35s;
    animation-duration: .35s;
}
.sliderCustom.weight .tooltip-inner.isRight, .sliderCustom.weightSlider .tooltip-inner.isRight {
    left: calc(-100% + 15px);
}
.sliderCustom.weight .tooltip-inner.isLeft, .sliderCustom.weightSlider .tooltip-inner.isLeft {
    left: calc(0% + -15px);
}

#cameraRefusedPopup {
    position: fixed;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 2220;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#cameraRefusedPopup.show {
    display: flex;
}
#closeCameraRefusedPopup {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 10;
    top: 23px;
    right: 8px;
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
    background-image: url(../images/cross_remove_dk.webp) !important;
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    transition: .35s ease-in-out;
    background-color: #0003;
    -webkit-box-shadow: 2px 2px 4px #00000030;
    box-shadow: 2px 2px 4px #00000030;
    padding: 0;
}
#cameraRefusedPopupWrapped {
    position: relative;
    width: 90% !important;
    min-height: 150px !important;
    height: fit-content !important;
    margin-top: -20%;
}
#cameraRefusedPopupContent {
    width: 100% !important;
    height: 100%;
    background: transparent !important;
    padding-top: 0;
    margin: auto;
    overflow: hidden scroll;
}
#cameraRefusedPopupContent .oopsContent {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 500px;
    min-height: 130px;
    padding: 20px 20px 0 20px;
    margin: auto;
}
#cameraRefusedPopupContent .divTitleOops {
    color: #fff;
    margin-bottom: 25px;
    opacity: 1;
}
#cameraRefusedPopupContent .txt {
    font-family: "DefaultBoldFont", "NotoSansBold";
    font-weight: var(--bold-font);
    font-size: 13px;
    color: #fff;
    text-align: center;
    margin: auto;
}
#resetPasswordModal, #forgotPasswordModal {
    z-index: 2100;
}
#divConfirmPassword .showHidePassword {
    position: absolute;
    top: 6px;
    right: 0px;
    width: 40px;
    height: 40px;
    background-image: url(../images/show_password_black.webp);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
#divConfirmPassword .infoPasswordStrength {
    bottom: -17px !important;
}
#ConfirmationEmailNeededModal .modal-dialog, #forgotPasswordModal .modal-dialog, #resetPasswordModal .modal-dialog, #AccountSuspendedModal .modal-dialog {
    max-width: 400px;
}
.modal-content-confirmedEmail, .modal-content-forgotPassword, .modal-content-resetPassword {
    width: round(90%, 1px);
    max-width: 400px;
    background: #ffffff;
    border-radius: 25px;
    box-shadow: 3px 3px 12px #00000040;
    padding: 20px;
    margin: auto;
}
.modal-content-confirmedEmail, .modal-content-forgotPassword, .modal-content-resetPassword {
    padding: 0px;
    overflow: hidden;
}
.modal-header-confirmedEmail, .modal-header-forgotPassword, .modal-header-resetPassword, .modal-header-accountSuspended {
    font-family: "DefaultBoldFont","NotoSansBold";
    font-weight: var(--bold-font);
    font-size: 14px;
    color: #000000;
    text-align: left;
    text-transform: uppercase;
    border: 0;
    padding: 0;
    text-shadow: none;
}
.darkMode .modal-header-accountSuspended {
    color: #fff;
    text-shadow: #0c4c5e 1px 0 0, #0c4c5e .540302px .841471px 0, #0c4c5e -.416147px .909297px 0, #0c4c5e -.989992px .14112px 0, #0c4c5e -.653644px -.756802px 0, #0c4c5e .283662px -.958924px 0, #0c4c5e .96017px -.279415px 0;
}
.modal-header-confirmedEmail, .modal-header-forgotPassword, .modal-header-resetPassword {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 50px;
    border-bottom: none !important;
}
.modal-header-forgotPassword > div:first-child {
    width: 90%;
    padding-top: 2px;
    text-transform: capitalize;
    margin: auto;
}
.modal-header-forgotPassword .btnCloseResetPassword {
    position: absolute;
    right: 7px;
    top: 9px;
}
.imgBtnCloseModal, .eventCancelled .imgBtnCloseModal {
    content: url(../images/cross_close_lg.webp);
}
.divConfirmedEmailInto, .divResetPasswordTitle, #divConfirmPassword .formRegisterTitle, .divInfoAccountBanned, .infoAccountSuspended {
    font-family: "DefaultBoldFont","NotoSansBold";
    font-weight: var(--bold-font);
    font-size: 12px;
    color: #000000;
    text-align: center;
    padding: 20px 10px;
}
.divConfirmedEmailInto {
    width: 98%;
    border-radius: 4px;
    margin: 2px auto;
}
.divResetPasswordTitle {
    width: 98%;
    font-family: "DefaultBoldFont","NotoSansBold";
    font-weight: var(--bold-font);
    border-radius: 4px;
    padding: 20px 10px;
    margin: 2px auto 2px auto;
}
.divResetPasswordTitle div {
    margin-top: 10px;
}
#divResetPassword .formEmail {
    display: flex;
    align-items: center;
    position: relative;
    width: 90%;
    max-width: 350px;
    border: 0;
    padding: 7px 5px 7px 30px;
    margin: 2px auto;
    border-bottom: solid 1px #000000;
    text-shadow: none !important;
}
#divResetPassword .formEmail::before {
    content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url(../images/email_input_black.webp);
    background-size: cover;
}
#divResetPassword .bottomContent {
    width: 98%;
    border-radius: 4px;
    padding: 10px 0px 10px 0px;
    margin: 2px auto 0px auto;
}
.resetPasswordEmailErrorContent {
    min-height: 20px;
}
#divResetPassword #btnResetPassword {
    min-width: 80%;
    color: #ffffff !important;
    background: #000000 !important;
}
.resetPasswordEmailError {
    display: none;
    width: 100%;
    color: #f553a4;
    letter-spacing: .5px;
    font-family: "DefaultBoldFont","NotoSansBold";
    font-weight: var(--bold-font);
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
}
.darkMode .resetPasswordEmailError {
    color: #ff0000;
}

#divResetPasswordSuccess, #divConfirmPasswordSuccess {
    display: none;
    font-family: "DefaultBoldFont","NotoSansBold";
    font-weight: var(--bold-font);
    font-size: 14px;
    color: #000000;
    text-align: center;
    padding: 20px 10px 0 10px;
}
#divConfirmPasswordSuccess {
    padding: 0px;
}
#divConfirmPasswordSuccess .divConfirmPasswordSuccessWrapped {
    width: 98%;
    color: #ffffff;
    color: #000000;
    border-radius: 4px;
    padding: 10px;
    margin: 2px auto 0px auto;
}
#divResetPasswordSuccess {
    color: #000000;
    padding: 20px 10px;
    margin: auto auto 0px auto;
}
#divResetPasswordSuccess > div:nth-child(2), #divConfirmPasswordSuccess > div:nth-child(2) {
    font-size: 12px;
    margin-top: 10px;
}
.modal-header-resetPassword {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 50px;
    padding: 2px 20px 0px 20px;
}
.modal-header-resetPassword #btnCloseResetPasswordModal {
    position: absolute;
    right: 7px;
    top: 9px;
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    background-color: #ffffff;
    border: 0;
    border-radius: 50px;
    -webkit-box-shadow: 2px 2px 4px #00000030;
    box-shadow: 2px 2px 4px #00000030;
    padding: 0px;
}
.modal-header-resetPassword #btnCloseResetPasswordModal img {
    width: 12px;
    height: 12px;
    content: url(../images/cross_black.webp);
    margin-top: -2px;
    pointer-events: none;
}
.divConfirmedEmailInto > div:first-child {
    line-height: 14px;
    margin-bottom: 10px;
}
.divConfirmedEmailConfirmCode {
    display: flex;
    align-items: center;
    position: relative;
    width: 90%;
    max-width: 350px;
    border: 0;
    padding: 7px 5px 7px 30px;
    margin: 2px auto;
    border-bottom: solid 1px #000000;
    text-shadow: none !important;
}
.divConfirmedEmailConfirmCode::before {
    content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-size: cover;
    background-image: url(../images/lock_input_black.webp);
}
.contactCaptchaLabel {
    color: #000000;
}
.divConfirmedEmailConfirmCode input {
    width: 100% !important;
    font-family: "DefaultBoldFont","NotoSansBold";
    font-weight: var(--bold-font);
    font-size: 14px;
    color: #000000;
    letter-spacing: 10px;
    text-align: center;
    border: 0 !important;
    background: transparent;
    padding: 8px 8px 0px 15px;
}
.txtErrorConfirmEmailCode {
    height: auto;
    min-height: 15px;
    font-family: "DefaultBoldFont", "NotoSansBold";
    font-weight: var(--bold-font);
    color: #ffffff;
    line-height: 10px;
    text-align: center;
    text-shadow: 0px 0px 7px #0006;
    padding-top: 5px;
    pointer-events: none;
}
#ConfirmationEmailNeededModal #btnVerifyConfirmEmail {
    background: var(--theme-background-0) !important;
}
#spanErrorConfirmEmailCode, #spanErrorConfirmPasswordCode {
    width: calc(100% - 60px);
    font-family: "DefaultBoldFont", "NotoSansBold";
    font-weight: var(--bold-font);
    font-size: 9px;
    color: #ff0000;
    letter-spacing: .5px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 3px #0006;
    background: #000;
    border-radius: 4px;
    margin: auto;
    padding: 2px;
    opacity: 0;
}

.btnCloseResetPassword button {
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    background-color: #ffffff;
    border: 0;
    border-radius: 50px;
    -webkit-box-shadow: 2px 2px 4px #00000030;
    box-shadow: 2px 2px 4px #00000030;
    padding: 0px;
}
.btnCloseResetPassword button img {
    width: 12px;
    height: 12px;
    content: url(../images/cross_black.webp);
    margin-top: -2px;
    pointer-events: none;
}
#divConfirmedPasswordConfirmCode .contactCaptchaLabel{
    color: #000000 !important;
}
#divResetPassword .forgotEmailLabel,
#divResetPassword .confirmEmailCode {
    color: #000000 !important;
}
#forgotEmail.inputCustom, 
#registerResetEmail.inputCustom, 
#newPasswordForm.inputCustom {
    color: #000000;
    -webkit-text-fill-color: #000000 !important;
}
#btnSendNewPassword {
    background: #000000 !important;
    color: #ffffff !important;
    min-width: 80%;
}
#forgotEmail.inputCustom, 
#registerResetEmail.inputCustom, 
#newPasswordForm.inputCustom {
    caret-color: #000000;
}

.notLoggedInfoDeleteAccount {
    font-family: "DefaultBoldFont","NotoSansBold";
    font-weight: var(--bold-font);
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    margin: 20px auto;
}
#btnVerifyConfirmPassword {
    width: 80%;
    background-color: #000000 !important;
    color: #ffffff !important;
    margin: 5px auto 0 auto;
}
.txtCheckEmailConfirmation {
    width: 98%;
    font-family: "DefaultBoldFont", "NotoSansBold";
    font-weight: var(--bold-font);
    font-size: 12px;
    color: #000000;
    text-align: center;
    padding: 20px 10px;
    margin: 0px auto;
}
.divNeedContactSupport {
    font-family: "DefaultBoldFont", "NotoSansBold";
    font-weight: var(--bold-font);
    font-size: 12px;
    color: #000000;
    text-align: center;
    padding: 15px 10px 0px 10px;
    margin: 2px auto 0px auto;
}
.divNeedContactSupport span {
    text-decoration: underline;
    cursor: pointer;
}
html button#btnResendConfirmPassword {
    width: 98%;
    height: 50px !important;
    color: #000000 !important;
    border-radius: 4px;
    margin: 2px auto 0px auto;
}
#divConfirmedPasswordContent .divBtnVerify {
    width: 98%;
    border-radius: 4px;
    padding: 5px 0px 25px 0px;
    margin: 2px auto 0px auto;
}
.btnResendConfirmEmail.btn-standard {
    background: #00000000 !important;
    border-radius: 4px;
    margin: 0px auto;
    height: 50px !important;
}
.divInvalidCodeConfirmation {
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    width: 100%;
    font-family: "DefaultBoldFont","NotoSansBold";
    font-weight: var(--bold-font);
    font-size: 13px;
    color: #000000;
    text-align: center;
}
.invalidCodeConfirmationWrapped {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 98%;
    height: 100%;
    border-radius: 4px;
    padding: 15px 20px;
    margin: 2px auto 0px auto;
}
.infoInvalidCodeConfirmation {
    margin-bottom: 10px;
}
#divConfirmPassword .formRegisterTitle {
    width: 98%;
    font-family: "DefaultBoldFont","NotoSansBold";
    font-weight: var(--bold-font);
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    padding: 10px;
    margin: 2px auto;
}
.divBtnVerify {
    width: 98%;
    border-radius: 4px;
    padding-bottom: 30px;
    margin: 2px auto 0px auto;
}
.divNewPasswordForm {
    display: flex;
    align-items: center;
    position: relative;
    width: 98%;
    max-width: 350px;
    border-bottom: solid 1px #000000;
    padding: 7px 5px 7px 30px;
    margin: 2px auto;
}
.newPasswordResetLabel {
    left: 24px;
    color: #000000 !important;
}
.newPasswordResetLabel.inputLabel.active {
    color: #000000 !important;
}
.formResetPassword {
    padding: 0px 20px;
}
.divNewPasswordForm .infoPasswordStrength {
    bottom: 0px;
}
.divNewPasswordForm::before {
    content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url(../images/lock_input_black.webp);
    background-size: cover;

}
.divNewPasswordForm #newPasswordForm {
    height: 61px;
    font-family: "DefaultBoldFont","NotoSansBold" !important;
    font-weight: var(--bold-font) !important;
    font-size: 15px !important;
    background: transparent !important;
    color: #000000;
    height: 30px !important;
    border-radius: 0;
}

html[data-isapp="false"] #btnTryAgainLocation {
    display: block;
}
@media (min-width: 768px) {
    html[data-platform="web"] .select-items div:hover {
        background-color: #000000;
    }
    .homeIntroMobileWrappedFirstLoad {
        display: none;
    }
    #floatingPopup .floatingPopupContent,
    #createPostPopup .createPostPopupContent {
        width: 500px !important;
        margin: auto auto 0 auto;
    }
}

*:focus-visible, *:focus, .navbar-toggler:focus {
    outline: 0 !important;
    box-shadow: none;
}
.accordion-button:not(.collapsed) {
    box-shadow: none !important;
}
html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
html[isauth="true"].darkMode {
    background: #000000 !important;
}
body {
    display: flex;
    flex-direction: column;
}
body, #app {
    height: 100%;
    width: 100%;
}
#app {
    position: relative;
    background: #000000 !important;
}
@keyframes bgMove {
    50% {
        transform: scale(1.1);
    }
}

html[data-isapp="true"]:not([data-loaded="true"]) #app {
    opacity: 0;
}
html[data-isapp="true"][data-loaded="true"] #app {
    opacity: 1;
}
html[data-isapp="true"][isauth="false"] #app {
    background-color: transparent !important;
}
#app .deactivateColorBtn {
    color: #ffffff !important;
    opacity: 1;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    cursor: default;
}
#app .modal {
    position: absolute !important;
}
.modal-backdrop {
    display: none;
    background: #00000080;
}
.modal-backdrop.show {
    opacity: 1;
}
main {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#canvas > div {
    padding: 10px;
}
.swiper-swiperMapsPopup .swiper-button-disabled img {
    opacity: 0.1;
}
.modal.modalOpenCustom .modal-dialog {
    transform-origin: 50% 50% 0px !important;
    transform: scaleX(1) scaleY(1) translateX(0px) !important;
}
#blazor-error-ui {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    bottom: 0;
    width: 100%;
    font-family: "DefaultBoldFont","NotoSansBold";
    font-weight: var(--bold-font);
    color: #fff;
    box-shadow: 0 -1px 2px rgba(0,0,0,.2);
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    background: black !important;
}
#blazor-error-ui a {
    color: #ffffff;
}
#blazor-error-ui a:last-child {
    display: none !important;
}
#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

.blazor-error-boundary::after {
    content: "An error has occurred."
}

.status-bar-safe-area {
    display: none;
}

.toast-bottom-right {
    bottom: 105px;
}

button.close {
    background: none;
    border: none;
}
.box-shadow-one {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}

.backArrowMenu {
    width: 40px;
    height: 40px;
    background-color: transparent;
    background-image: url(../images/arrow_btn.webp);
    background-size: 20px 30px;
    background-repeat: no-repeat;
    background-position: 6px;
    border: 0px;
}
*:not(.externalPageWrapped):not(.listLifestyleWrapped) {
    scrollbar-width: none;
    -webkit-text-stroke-width: 0px !important;
    -webkit-appearance: none !important;
    user-select: none;
}
nav {
    color: inherit;
    background-color: inherit;
    width: inherit;
    height: inherit;
    line-height: inherit;
    box-shadow: inherit;
}

*, input, select, textarea, option, button {
    outline: none !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
input:-webkit-autofill-selected,
input:-internal-autofill-selected,
#app #emailForm:-webkit-autofill,
#app #emailForm:-webkit-autofill:hover,
#app #emailForm:-webkit-autofill:focus,
#app #emailForm:-webkit-autofill:active {
    box-shadow: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
    -webkit-box-shadow: 0px 0px 0px 1000px #00000000 inset !important;
    border-radius: 0px !important;
    background-color: #00000000 !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: 1px solid #ccc;
    background-color: #9595a1 !important;
    font-weight: normal;
    color: #2b2b2b;
}
.ui-state-hover, .ui-state-active, .ui-state-focus {
    text-decoration: none;
    background-color: #e3e3e3 !important;
    cursor: pointer;
    border: 0px !important;
    width: 100% !important;
}

.btnAnimPushed {
    position: relative;
    transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
}
.btnAnimPushed:focus {
    outline: 0;
    box-shadow: inherit;
}
.btnAnimPushed:before, .btnAnimPushed:after {
    position: absolute;
    content: '';
    display: block;
    width: 140%;
    z-index: -1000;
    height: 100%;
    left: -20%;
    transition: all ease-in-out 0.5s;
    background-repeat: no-repeat;
}
.btnAnimPushed:before {
    display: none;
    top: -75%;
}
.btnAnimPushed:after {
    display: none;
    bottom: -75%;
}
.btnAnimPushed:active {
    -webkit-transform: scale(0.94);
    transform: scale(0.94);
}

.btn-standard {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 200px;
    height: 46px !important;
    min-height: 46px !important;
    font-family: "DefaultBoldFont", "NotoSansBold";
    font-weight: 700;
    font-size: 13px;
    font-size-adjust: var(--fs-adj);
    line-height: normal;
    color: #000000 !important;
    text-transform: capitalize;
    border: 0;
    background: #ffffff !important;
    border-radius: 25px;
    -webkit-box-shadow: 1px 1px 3px 0px #00000033;
    box-shadow: 1px 1px 3px 0px #00000033;
    padding: 4px 18px;
    margin: 10px auto 0px auto;
}
.btn-standard div,
.btn-standard span,
.btn-standard img {
    pointer-events: none;
}
html[lang="ar"] .btn-standard,
html[lang="he"] .btn-standard {
    direction: rtl;
}
.form-check-input[type=radio], .form-check-input[type=checkbox] {
    width: 14px;
    height: 14px;
    border-radius: 4px;
    background-size: 8px, 100%;
    border: solid 1px #000000 !important;
    box-shadow: none;
    margin-top: 5px;
    cursor: pointer;
    background-color: #000000;
}
.form-check-input:checked[type=radio], .form-check-input:checked[type=checkbox] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc4JyBoZWlnaHQ9JzgnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyNmZmYnIGQ9J002LjU2NC43NWwtMy41OSAzLjYxMi0xLjUzOC0xLjU1TDAgNC4yNmwyLjk3NCAyLjk5TDggMi4xOTN6Jy8+PC9zdmc+), -webkit-linear-gradient(to right, #000000 0%, #000000 100%) !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc4JyBoZWlnaHQ9JzgnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyNmZmYnIGQ9J002LjU2NC43NWwtMy41OSAzLjYxMi0xLjUzOC0xLjU1TDAgNC4yNmwyLjk3NCAyLjk5TDggMi4xOTN6Jy8+PC9zdmc+), linear-gradient(to right, #000000 0%, #000000 100%) !important;
    background-repeat: no-repeat;
    background-position: center;
}

.form-check-input.reportInput[type=radio]:checked {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc4JyBoZWlnaHQ9JzgnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyNmZmYnIGQ9J002LjU2NC43NWwtMy41OSAzLjYxMi0xLjUzOC0xLjU1TDAgNC4yNmwyLjk3NCAyLjk5TDggMi4xOTN6Jy8+PC9zdmc+), linear-gradient(to right, #000000 0%, #000000 100%) !important;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    border: 0;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-box-shadow: 0px 0px 0px 1000px #00000000 inset !important;
    border-radius: 0px !important;
}
.inputCustomWrapped {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    color: #ffffff !important;
    border-bottom: solid 1px #ffffff80;
    padding: 0px;
    margin: 15px auto;
}
.inputCustomWrapped:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    bottom: -1px;
    width: 100%;
    height: 10px;
    border-bottom: 1px solid transparent;
    border-radius: 6px;
    pointer-events: none;
}
#mapsPopupContent.createEvent .inputCustomWrapped.eventPhotoTimeline:before,
#mapsPopupContent.createHotSpot .inputCustomWrapped.hotSpotPhoto:before{
    border-bottom: 0px;
}
.darkMode .inputCustomWrapped:not(.eventPhotoTimeline):not(.hotSpotPhoto):not(.datePhoto):before,
.darkMode #divContactUsSettings .formEmail:before,
.darkMode #divPasswordDeleteAccount:before,
.darkMode .divPasswordSettingsContent .inputCurrentPassword:before,
.darkMode .divPasswordSettingsContent .confirmInputPassword:before,
.darkMode .inputStrength .infoPasswordStrength {
    border-bottom: 0px;
}
.notValid.inputCustomWrapped:before, .isValid.inputCustomWrapped:before {
    display: none !important;
    border: 0px !important;
}
.inputLabel, .inputUiLabel {
    position: absolute;
    z-index: 1;
    left: inherit;
    top: inherit;
    font-size: 14px;
    font-family: "DefaultRegularFont", "NotoSansRegular";
    color: #ffffff80;
    padding-left: 5px;
    white-space: nowrap;
    pointer-events: none;
    transform: translateZ(0px);
    will-change: transform;
    -webkit-transition: transform 0.2s ease-in-out;
    transition: scale, transform 0.2s ease-in-out;
    transform-origin: left;
}
.backdropCustom {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    opacity: 1;
    background: #000000b3 !important;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: opacity, backdrop-filter;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.backdropCustom.backdropCustomNotification {
    width: 100%;
    height: 100%;
}
.backdropCustom.backdropCustomFloating:not(.editProfile),
.backdropCustom.backdropCustomFloating:not(.contact),
.backdropCustom.backdropCustomFloating:not(.createEvent) {
    z-index: 5999;
}
.backdropCustom.backdropCustomFloating.pinCustom,
.backdropCustom.backdropCustomFloating.contact {
    z-index: 2020;
}
.backdropCustom.backdropCustomFloating.editProfile,
.backdropCustom.backdropCustomFloating.createEvent {
    z-index: 3000;
}
.backdropCustom.tempPopup {
    z-index: 1070;
    -webkit-backdrop-filter: inherit;
    backdrop-filter: inherit;
}
html[lang="ko"] .inputLabel, html[lang="ko"] .inputUiLabel {
    height: 32px;
}
html[lang="ko"] .divContactsQuestionsContent .inputLabel {
    height: 22px;
}
.inputLabel.active, .inputUiLabel.active {
    font-size: 18px;
    color: #ffffff !important;
    transform: scale(0.6) translate3d(0px, -24px, 0px) !important;
}
.inputCustom {
    display: block;
    width: 100%;
    height: 40px;
    letter-spacing: normal;
    color: #ffffff;
    background: transparent !important;
    border: 0 !important;
    border-radius: 10px;
    padding: 8px;
    margin: auto;
    -webkit-transition: color 0.5s linear;
    transition: color 0.5s linear;
    font-family: "DefaultBoldFont", "NotoSansBold";
    font-weight: 700;
    font-size: 14px;
    resize: none;
}
.inputStrength .infoPasswordStrength {
    position: absolute;
    bottom: 12px;
    left: 0px;
    width: calc(100% - 0px);
    height: 6px;
    font-family: "DefaultBoldFont", "NotoSansBold";
    font-weight: var(--bold-font);
    font-size: 11px;
    color: #ffffff;
    line-height: 16px;
    text-align: center;
    text-shadow: 0px 0px 3px #00000066;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom: 0px;
    margin: auto;
    pointer-events: none;
}
.infoPasswordStrength.short {
    bottom: -6px;
    height: 17px;
    background: #ff8e93 !important;
}
.infoPasswordStrength.weak {
    bottom: -6px;
    height: 17px;
    background: #fbb267 !important;
}
.infoPasswordStrength.good {
    bottom: -6px;
    height: 17px;
    background: #39bf9b !important;
}
.infoPasswordStrength.strong {
    bottom: -6px;
    height: 17px;
    background: #70a4e5 !important;
}
.sliderCustom .slider.slider-horizontal {
    width: 100% !important;
    height: 40px !important;
    pointer-events: none;
}
.sliderCustom .slider.slider-horizontal .slider-track {
    width: 100% !important;
    height: 6px !important;
    top: 25% !important;
    left: 0 !important;
    background-image: none !important;
    background-color: transparent !important;
    border-radius: 20px;
    opacity: 0.7;
    margin-top: 1px !important;
}
.sliderCustom .slider.slider-horizontal .slider-handle {
    top: 11px !important;
    width: 15px !important;
    height: 22px !important;
    background-image: none !important;
    background-color: #ffffff !important;
    border: 1px solid #ebebeb;
    border-radius: 5px !important;
}
.sliderCustom .slider.slider-horizontal .slider-handle.round,
.sliderCustom .slider.slider-horizontal .slider-track {
    -webkit-box-shadow: 1px 2px 3px #00000020 !important;
    box-shadow: 1px 2px 3px #00000020 !important;
}
.sliderCustom .slider.slider-horizontal .slider-selection {
    border-radius: 20px;
    background-image: none !important;
    background: #ffffff !important;
    box-shadow: initial !important;
}
.sliderCustom .slider.slider-horizontal .tooltip-main {
    z-index: 1;
    pointer-events: all;
}
.sliderCustom .slider.slider-horizontal .tooltip {
    opacity: 1 !important;
    top: 17px;
    cursor: pointer;
    z-index: 1;
}
.sliderCustom .slider.slider-horizontal .tooltip .arrow {
    display: none;
}
.sliderCustom .slider.slider-horizontal .tooltip-inner {
    position: relative;
    max-width: 200px !important;
    font-family: "YandoSansCondensed-Black","DefaultBoldFont";
    font-weight: var(--bold-font-yando);
    letter-spacing: var(--letter-spacing-yando);
    font-size: 16px !important;
    font-size-adjust: var(--fs-adj);
    text-align: center !important;
    background-color: transparent !important;
    border-radius: 4px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 12px 8px 3px 8px !important;
    margin-bottom: -5px;
}
html[lang="el"] .sliderCustom .slider.slider-horizontal .tooltip-inner.isRight,
html[lang="ru"] .sliderCustom .slider.slider-horizontal .tooltip-inner.isRight,
html[lang="uk"] .sliderCustom .slider.slider-horizontal .tooltip-inner.isRight,
html[lang="bg"] .sliderCustom .slider.slider-horizontal .tooltip-inner .isRight {
    max-width: inherit !important;
}
.ls-blue, .ls-grey, .ls-pink, .ls-yellow, .ls-red, .ls-green, .ls-orange, .ls-purple, .ls-lightPink, .ls-unselected {
    width: auto;
    max-width: 100%;
    height: 28px;
    border-radius: 10px;
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    -webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.07);
    box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.07);
    font-family: "DefaultBoldFont", "NotoSansBold";
    font-weight: var(--bold-font);
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 7px;
    background: #ffffff;
    text-shadow: 1px 1px rgba(0,0,0,0.09);
    padding: 5px 15px 3px 15px;
    color: #ffffff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.checkedLifestyle.ls-unselected {
    color: #151515 !important;
}
.checkedLifestyle.ls-blue {
    color: #88daff !important;
}
.checkedLifestyle.ls-grey {
    color: #a4a4a4 !important;
}
.checkedLifestyle.ls-pink {
    color: #ffa0d6 !important;
}
.checkedLifestyle.ls-orange {
    color: #ffdcae !important;
}
.checkedLifestyle.ls-red {
    color: #ffac9d !important;
}
.checkedLifestyle.ls-lightPink {
    color: #ff8dd3 !important;
}
.checkedLifestyle.ls-green {
    color: #98ffbd !important;
}
.checkedLifestyle.ls-purple {
    color: #c2adff !important;
}
.abstractQA {
    position: relative;
    padding: 10px 45px 10px 12px;
    margin: 2px auto;
    width: 98%;
    background: #00000000;
    border-bottom: solid 1px #dadada;
}
#btnSwitchQai1, #btnSwitchQai2, #btnSwitchQai3, #btnSwitchQai4 {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 34px;
    height: 34px;
    background-image: url(../images/shuffle.webp);
    background-color: transparent;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    border: 0;
    border-radius: 34px;
    padding: 0;
    -webkit-box-shadow: 2px 2px 4px #00000030;
    box-shadow: 2px 2px 4px #00000030;
}
.abstractQ1, .abstractQ2, .abstractQ3, .abstractQ4 {
    font-family: "DefaultBoldFont", "NotoSansBold";font-weight: var(--bold-font);
    font-size: 14px;
    color: #000000;
    margin-bottom: 5px;
}
.abstractQ1A, .abstractQ2A, .abstractQ3A, .abstractQ4A {
    color: #000000;
}
.abstractQ1A > ul, .abstractQ2A > ul, .abstractQ3A > ul, .abstractQ4A > ul {
    font-family: "DefaultRegularFont", "NotoSansRegular";
    font-size: 14px;
    padding: 0px;
    list-style-type: none;
}
.abstractQA li, .abstractQA label, .abstractQA input {
    cursor: pointer;
}
.abstractQA li.active {
    font-family: "DefaultBoldFont", "NotoSansBold";
    color: var(--theme-color-0);
}
.homeContent .abstractQA label {
    font-size: 14px;
}
.divActionChange {
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    z-index: 10;
    width: 100%;
}
.langrtl .divAppVersion {
    direction: rtl;
}
.langrtl .divAppVersion[lang="ar"] .info {
    margin-top: -4px;
}
.langrtl[lang="he"] .divAppVersion .info {
    margin-top: -2px;
}
.isUploadingPhoto {
    pointer-events: none;
}
.isUploadingPhoto .divBtnCrop, .isUploadingPhoto #sendPostPhotoTimelineWrapped,
.isUploadingPhoto .sliderSelectEventsWrapped {
    opacity: 1;
    -webkit-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.n-o-w-container {
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(225deg, #7ee0ff 0%, #1d7ccc 100%);
    background: linear-gradient(205deg, #7ee0ff 0%, #1d7ccc 100%);
}
.n-o-w-containerWrapped {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 480px;
    height: 100%;
    margin: 0px auto;
}
.n-o-w-container .headerWrapped {
    width: 100%;
    padding: 0px 5%;
    margin: auto auto 0 auto;
}

.n-o-w-container .txtOopHeader {
    font-family: "YandoSansCondensed-Black", "DefaultBoldFont";
    font-weight: var(--bold-font-yando);
    letter-spacing: var(--letter-spacing-yando);
    color: #ffffff !important;
    font-size: 60px !important;
    font-size-adjust: var(--fs-adj);
}
html[lang="ta"] .n-o-w-container .txtOopHeader {
    font-size: 40px !important;
}
.n-o-w-container .txtHeader {
    font-family: "DefaultBoldFont", "NotoSansBold";
    font-weight: var(--bold-font);
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    line-height: normal;
    margin-bottom: 20px;
}
.n-o-w-container .logoWrapped {
    flex-direction: column;
    margin: auto;
}
.n-o-w-container .logoYando {
    width: 116px;
    height: 44px;
    content: url(../images/yando_logo_home_lg.webp);
    pointer-events: none;
}
.n-o-w-container .divLogoYando {
    position: absolute;
    z-index: 10;
    top: 0px;
    left: 5px;
    width: 160px;
    height: 50px;
    background: transparent;
    border: 0;
    border-radius: 20px;
    padding: 0;
    margin: 5px auto 0px auto;
    -webkit-filter: drop-shadow(1px 1px 3px #00000020);
    filter: drop-shadow(1px 1px 3px #00000020);
}
.n-o-w-container .logoWrapped img {
    width: auto;
    height: 200px;
    margin: 10px auto;
}
.n-o-w-container .logoWrapped img.imgNoLocationApp {
    content: url(../images/refuse_location.webp);
    height: 120px;
}

.n-o-w-container .logoWrapped img.imgOfflineApp {
    height: 90px !important;
    content: url(../images/offline_dk.webp);
}
.n-o-w-container .logoWrapped img.imgWrongVersionApp {
    content: url(../images/wrong_version_dk.webp);
}
.n-o-w-container .logoWrapped img.imgUnderMaintenanceApp {
    content: url(../images/under_maintenance_dk.webp);
}
.n-o-w-container .footerWrapped {
    width: 100%;
    margin: auto auto 20px auto;
}
.n-o-w-container .txtFooter {
    font-family: "DefaultBoldFont", "NotoSansBold";
    font-weight: var(--bold-font);
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    padding: 0 5%;
    margin: auto;
    line-height: normal;
}
.n-o-w-container .divOpenSettingsApp, #cameraRefusedPopup .divOpenSettingsApp {
    font-family: "DefaultBoldFont","NotoSansBold";
    font-weight: var(--bold-font);
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    padding: 0 5%;
    margin: 30px auto auto auto;
    text-decoration: underline;
    text-transform: uppercase;
}
html[data-ismacos="true"] .n-o-w-container .divOpenSettingsApp {
    display: none !important;
}
.n-o-w-container .btnFooter {
    color: #ffffff !important;
    background-color: #000000 !important;
    margin-bottom: 50px;
}
html[data-isapp="true"][data-platform="mauiiOS"] .n-o-w-container .btnFooter {
    margin-bottom: 50px;
}
.externalPageWrapped .moduleTerms, .externalPageWrapped .modulePrivacy, .externalPageWrapped .moduleCookie {
    margin-top: 30px;
}
#guidelinesIntro5 {
    margin-bottom: 15px;
}
.infoTitleCommunityGuidelines {
    margin-bottom: 10px;
}
.disclamerTerms {
    font-size: 12px;
    margin-bottom: 20px;
}
.langrtl .disclamerTerms {
    direction: rtl;
}
.btnUploadChange {    
    width: fit-content;
}
#contentFaqWrapped {
    margin: 0px;
}
#contentFaqWrapped .modal-body > div:first-child > div {
    font-size: 16px;
    line-height: 16px;
    padding: 0px;
}
#contentFaqWrapped .navbarFaq {
    background-color: transparent !important;
    padding: 0;
}
#contentFaqWrapped #faqTitleSettings {
    width: 100%;
    height: 40px;
    font-family: "DefaultBoldFont", "NotoSansBold";
    font-weight: var(--bold-font);
    color: #000000;
    font-size: 14px;
    line-height: 34px;
    text-transform: uppercase;
    background: #ffffff;
    padding-left: 24px;
    margin-right: 0;
}
#contentFaqWrapped #faqTitleSettings #faqTitleSettingsTxt {
    max-width: calc(100% - 70px);
    line-height: 31px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#contentFaqWrapped ul li {
    color: #ffffff !important;
}
#contentFaqWrapped #closeFaqMenuSettings span {
    background-image: url(../images/menu_burger_white.webp) !important;
    background-size: 30px !important;
}
#contentFaqWrapped .tab-content .card-body p {
    color: #000000 !important;
}
#contentFaqWrapped #faq-tab-content-settings .accordion-item > div:nth-child(2) {
    border-top: 0px;
}
#contentFaqWrapped #faq-tab-content-settings .accordion-item {
    text-align: left;
    background: #ffffff;
    border: solid 0px #ffffff;
    border-radius: 0px;
    margin: 10px 0px;
    overflow: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    transform-style: preserve-3d;
}
#contentFaqWrapped #navbarNav {
    width: 100%;
}
#contentFaqWrapped .faq-nav {
    flex-direction: column;
    margin: 0;
    border: 0;
}
#contentFaqWrapped .faq-nav .nav-link {
    display: block;
    position: relative;
    max-width: calc(100% - 0px);
    min-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: "DefaultBoldFont", "NotoSansBold";
    font-weight: var(--bold-font);
    font-size: 14px;
    color: #000000;
    line-height: 40px;
    border: 0;
    border-radius: 0;
    padding: 0 20px;
    margin: 0;
    transition: background-color .2s ease;
    overflow: hidden;
}
html[data-isapp="false"] #contentFaqWrapped .faq-nav .nav-link {
    cursor: pointer;
}
#contentFaqWrapped .faq-nav .nav-link.active {
    color: #ffffff;
    background-image: var(--webkit-background-1-grad) !important;
    background-image: var(--background-1-grad) !important;
}
#contentFaqWrapped .faq-nav .nav-link span {
    pointer-events: none;
}
#contentFaqWrapped .imgFaq {
    background-position: 0 2px;
    background-size: auto 20px;
    background-repeat: no-repeat;
    padding: 2px 12px;
    margin-right: 10px;
}
#contentFaqWrapped .faqBody .tab-content .accordion-header {
    height: auto;
    min-height: 40px;
    background: #000000;
    border-bottom: 0px;
    border-radius: 0px;
    padding: 0px;
    margin-bottom: 0px;
}
#contentFaqWrapped .tab-content .accordion-header h5 {
    margin: 0px;
}
#contentFaqWrapped .tab-content .accordion-header h5 button {
    display: block;
    width: 100%;
    min-height: 41px;
    font-family: "DefaultBoldFont", "NotoSansBold";
    font-weight: var(--bold-font);
    font-size: 14px;
    color: #000000;
    text-align: left;
    line-height: 18px;
    letter-spacing: 0.5px;
    box-shadow: none !important;
    white-space: normal;
    background: transparent;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 3px 18px;
}
#contentFaqWrapped .tab-content .accordion-header h5 button[aria-expanded="true"] {
    color: #ffffff;
    background-image: var(--webkit-background-1-grad) !important;
    background-image: var(--background-1-grad) !important;
}

#contentFaqWrapped .tab-content .accordion-header h5 button.collapsed {
    border-radius: initial !important;
}
#divFaqSettings #contentFaqWrapped .tab-content .accordion-header h5 button.collapsed {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
#contentFaqWrapped .tab-content .card-body p {
    font-family: "DefaultRegularFont", "NotoSansRegular";
    font-size: 14px;
    color: #000000;
    line-height: 26px;
    padding: 10px;
}
#contentFaqWrapped #closeFaqMenuSettings {
    position: absolute;
    top: 6px;
    right: 15px;
    line-height: 13px;
    background: #000000;
    padding: 5px 12px 5px 12px;
    box-shadow: none;
}
#contentFaqWrapped .tab-content .card-body p:last-of-type {
    margin: 0px;
}
#contentFaqWrapped .imgFaq01 {
    background-image: url(../images/faq/faq01.webp);
}
#contentFaqWrapped .imgFaq02 {
    background-image: url(../images/faq/faq02.webp);
}
#contentFaqWrapped .imgFaq03 {
    background-image: url(../images/faq/faq03.webp);
}
#contentFaqWrapped .imgFaq04 {
    background-image: url(../images/faq/faq04.webp);
}
#contentFaqWrapped .imgFaq05 {
    background-image: url(../images/faq/faq05.webp);
}
#contentFaqWrapped .imgFaq06 {
    background-image: url(../images/faq/faq06.webp);
}
#contentFaqWrapped .imgFaq07 {
    background-image: url(../images/faq/faq07.webp);
}
#contentFaqWrapped .imgFaq08 {
    background-image: url(../images/faq/faq08.webp);
}
#contentFaqWrapped .imgFaq09 {
    background-image: url(../images/faq/faq09.webp);
}
#contentFaqWrapped .imgFaq10 {
    background-image: url(../images/faq/faq10.webp);
}
#contentFaqWrapped .imgFaq11 {
    background-image: url(../images/faq/faq11.webp);
}
#contentFaqWrapped .tabSettingsTitle.active .imgFaq01 {
    background-image: url(../images/faq/faq01_grey.webp);
}
#contentFaqWrapped .tabSettingsTitle.active .imgFaq02 {
    background-image: url(../images/faq/faq02_grey.webp);
}
#contentFaqWrapped .tabSettingsTitle.active .imgFaq03 {
    background-image: url(../images/faq/faq03_grey.webp);
}
#contentFaqWrapped .tabSettingsTitle.active .imgFaq04 {
    background-image: url(../images/faq/faq04_grey.webp);
}
#contentFaqWrapped .tabSettingsTitle.active .imgFaq05 {
    background-image: url(../images/faq/faq05_grey.webp);
}
#contentFaqWrapped .tabSettingsTitle.active .imgFaq06 {
    background-image: url(../images/faq/faq06_grey.webp);
}
#contentFaqWrapped .tabSettingsTitle.active .imgFaq07 {
    background-image: url(../images/faq/faq07_grey.webp);
}
#contentFaqWrapped .tabSettingsTitle.active .imgFaq08 {
    background-image: url(../images/faq/faq08_grey.webp);
}
#contentFaqWrapped .tabSettingsTitle.active .imgFaq09 {
    background-image: url(../images/faq/faq09_grey.webp);
}
#contentFaqWrapped .tabSettingsTitle.active .imgFaq10 {
    background-image: url(../images/faq/faq10_grey.webp);
}
#contentFaqWrapped .tabSettingsTitle.active .imgFaq11 {
    background-image: url(../images/faq/faq11_grey.webp);
}
.contactUsSpan {
    font-family: "DefaultBoldFont", "NotoSansBold";font-weight: var(--bold-font);
    color: #ffffff;
    text-transform: lowercase;
    cursor: pointer;
}
#contentFaqWrapped .contactUsSpan {
    color: #000000;
}
.selectLanguageWrapped {
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
    display: grid;
    width: 100%;
    padding: 6px 4px 35px 4px;
    margin: 0 auto;
    list-style: none;
}
.selectLanguageWrapped li {
   padding: 2px;
}
.selectLanguageWrapped li.isActive {
    display: none;
}
.selectLanguage {
    width: -moz-available;
    width: -webkit-fill-available;
    letter-spacing: .5px;
    text-align: left;
    background: #ffffff;
    border: 0px;
    border-radius: 12px;
    -webkit-box-shadow: 1px 1px 4px 0px #00000030;
    box-shadow: 1px 1px 4px 0px #00000030;
    padding: 10px;
    margin: 1px;
}
.selectLanguage .d-flex {
    height: 23px;
    line-height: 26px;
}
.selectLanguage div {
    pointer-events: none;
}

.carousel__button.fancybox__button--zoom, .carousel__button.fancybox__button--slideshow,
.carousel__button.fancybox__button--fullscreen, .fancybox__nav {
    display: none !important;
}
.fancybox__caption, .fancybox__counter {
    font-family: 'DefaultRegularFont' !important;
}
.carousel__button svg {
    width: 18px !important;
    height: 18px !important;
    stroke-width: 4px !important;
}
.fancybox__backdrop {
    background: #000000e6 !important;
}
.fancybox__container {
    z-index: 3000;
}
.fancybox__toolbar {
    pointer-events: none;
}
.fancybox__button--close {
    pointer-events: all;
}
html[data-isapp="true"][data-platform="mauiAndroid"] .fancybox__toolbar {
    padding-top: 20px;
}
html[data-isapp="true"][data-platform="mauiiOS"] .fancybox__toolbar {
    padding-top: 32px;
}
html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] .fancybox__toolbar {
    padding-top: 52px;
}
.fancybox__content.fancyboxScale {
    -webkit-transform: scale(1.2) !important;
    -moz-transform: scale(1.2) !important;
    -o-transform: scale(1.2) !important;
    -ms-transform: scale(1.2) !important;
    transform: scale(1.2) !important;
}
.fancybox__content.fancyboxScale.scaleAnimated {
    animation: fancyBoxZoomTimeline 0.2s ease-in;
}
.langrtl .fancybox__toolbar {
    flex-direction: row-reverse;
}
.langrtl .fancybox__toolbar__items--left {
    margin-right: 0;
    margin-left: auto;
}
.langrtl .fancybox__toolbar__items--right {
    margin-right: auto;
    margin-left: 0;
}


.drp-calendar {
    font-family: "DefaultBoldFont", "NotoSansBold";font-weight: var(--bold-font);
}
#errorModal .modal-dialog {
    max-width: 340px;
    margin: auto;
}
#errorModal .modal-content-error {
    border-radius: 24px;
}
#errorModal .errorPopupWrapped {
    display: flex;
    flex-direction: column;
    height: 200px;
    width: 100%;
    max-width: 340px;
    font-family: "DefaultBoldFont", "NotoSansBold";
    font-weight: var(--bold-font);
    font-size: 14px;
    color: #000000;
    text-align: center;
    border-radius: 14px !important;
    background: #ffffff;
    box-shadow: 0px 0px 14px #00000020;
    padding: 20px;
}

#errorModal .divTitleOops {
    color: #000000 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    margin-bottom: auto;
}

#errorModal .errorPopupTxt {
    color: #000000;
    margin: 25px auto 35px auto;
}

#errorModal #btnErrorPopupReload {
    width: 80%;
    color: #ffffff !important;
    background: #000000 !important;
    margin-top: auto;
}

#descriptionRemainingChars {
    position: absolute;
    z-index: 10;
    top: 4px;
    right: 10px;
    font-family: "DefaultBoldFont", "NotoSansBold";
    font-weight: var(--bold-font);
    font-size: 11px;
    color: #000000;
    text-align: right;
    margin: 0;
}
.externalPageTermsHeader, .externalPagePrivacyHeader, .externalPageCookiesHeader, .externalPageGuidelinesHeader {
    margin-top: 95px;
}
.linkExternalPage {
    display: block;
    position: absolute;
    top: 20px;
    left: 30px;
    width: 128px;
    height: 44px;
}
#legalsPopup .linkExternalPage {
    display: none !important;
}
.externalPageYandoLogo {
    display: block;
    width: 128px;
    height: 49px;
    content: url(../images/yando_logo_home.webp);
    -webkit-filter: drop-shadow(1px 1px 6px #0000004d);
    filter: drop-shadow(1px 1px 6px #0000004d);
}
.externalPageWrapped {
    display: block;
    width: 100%;
    max-width: 1000px;
    height: calc(100% - 40px);
    color: #ffffff;
    overflow: hidden scroll;
    margin: 10px auto 30px auto;
}
.externalPageContent {
    padding: 5px 20px;
}
.externalPageWrapped .infoModule {
    text-align: justify;
}
.externalPageWrapped .titleModule, .externalPageWrapped .titleModule, .externalPageWrapped .titleModule {
    font-family: "DefaultBoldFont", "NotoSansBold";
    font-weight: var(--bold-font);
    font-size: 16px;
    text-align: left;
}

.externalPageWrapped .moduleTerms, .externalPageWrapped .modulePrivacy, .externalPageWrapped .moduleCookie {
    margin-top: 30px;
}

.externalPageWrapped .introTerms, .externalPageWrapped .introPrivacy, .externalPageWrapped .introCookie, .externalPageWrapped .introGuidelines {
    line-height: 22px;
    margin-top: 30px;
}

.externalPageTermsHeader, .externalPagePrivacyHeader, .externalPageCookiesHeader, .externalPageGuidelinesHeader {
    display: block;
    width: 100%;
    min-height: 45px;
    font-family: "DefaultBoldFont", "NotoSansBold";
    font-weight: var(--bold-font);
    font-size: 16px;
    color: #ffffff;
    line-height: 25px;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 3px 40px 30px 40px;
}
.externalPageWrapped .endTerms {
    text-align: justify;
    margin-top: 30px;
}
.externalPageWrapped .lastParagraph {
    text-align: center;
    margin: 30px auto 20px auto;
}
.externalPageWrapped #termsContactUs {
    margin-top: 20px;
}
.externalPageWrapped .addressPart1 {
    margin-top: 20px;
}

.inputCustom {
    padding: 10px 4px 0px 4px;
}

#floatingPopup,
#createPostPopup {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 3001;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
#createPostPopup {
    z-index: 3000;
}
#floatingPopup.show,
#createPostPopup.show {
    display: flex;
}
#floatingPopup .floatingPopupWrapped,
#createPostPopup .createPostPopupWrapped {
    display: flex;
    justify-content: end;
    position: relative;
    width: 100%;
    height: 100%;
}
#floatingPopup .floatingPopupContent,
#createPostPopup .createPostPopupContent {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 60vh;
    background: #ffffff;
    border-radius: 14px 14px 0px 0px;
    pointer-events: all;
    -webkit-transform: translate3d(0, 60vh, 0);
    transform: translate3d(0, 60vh, 0);
    -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    padding: 14px 0px 0px 0px;
    margin-top: auto;
}
#floatingPopup:not(.anim) .floatingPopupContent.fullscreen,
#createPostPopup:not(.anim) .createPostPopupContent.expand.fullscreen {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
#floatingPopup .floatingPopupContent.fullscreen,
#createPostPopup .createPostPopupContent.expand.fullscreen {
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
}
#createPostPopup .createPostPopupContent.expand {
    max-height: 70%;
    height: 100%;
}
#floatingPopup.anim .floatingPopupContent,
#createPostPopup.anim .createPostPopupContent {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
#floatingPopup .divTitle,
#createPostPopup .divTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 0px 5px;
    margin: 0px auto;
}
#floatingPopup .divTitle .emptyBox,
#createPostPopup .divTitle .emptyBox {
    width: 40px;
    height: 40px;
    pointer-events: none;
}
#floatingPopup .divTitle #dragPopup,
#createPostPopup .divTitle #dragPopupCreatePost {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 10px);
    height: 40px;
    position: absolute;
}
#floatingPopup .divTitle #dragPopup span,
#createPostPopup .divTitle #dragPopupCreatePost span {
    height: 4px;
    width: 40px;
    display: block;
    background: #c7d0e1;
    border-radius: 50px;
    pointer-events: none;
}
#floatingPopup .closeBtn,
#createPostPopup .closeBtn {
    position: relative;
    z-index: 2;
    width: 40px;
    height: 40px;
    background-image: url(../images/arrow_down_black.webp);
    background-repeat: no-repeat;
    background-size: 16px;
    background-color: transparent;
    background-position: center;
    border: 0;
}
#floatingPopup .divContent,
#createPostPopup .divContent {
    padding: 20px 20px 80px 20px;
    overflow: hidden scroll;
}
body #toast-container.toast-top-center {
    top: 9px;
    width: 98%;
    right: 1%;
}
#toast-container .toast {
    width: 300px;
    background-size: 100%, cover;
    background-repeat: no-repeat;
    background-position: left, center;
    background-image: var(--webkit-background-1-grad) !important;
    background-image: var(--background-1-grad) !important;
    border: 0 !important;
    border-radius: 14px !important;
    -webkit-box-shadow: 2px 2px 4px 2px #0000004d !important;
    box-shadow: 2px 2px 4px 2px #0000004d !important;
    margin-top: 4px;
    margin-bottom: 2px !important;
    pointer-events: all;
}

#toast-container.toast-top-center > div {
    width: 98%;
}
#toast-container > div {
    padding: 12px 25px 12px 8px !important;
    opacity: 1;
}
.toast-messageWrapped.senderMessage .popUpUserMessage {
    margin-left: 8px;
    font-family: "DefaultRegularFont", "NotoSansRegular";
}
#toast-container .divPopUpUserPseudoMessage {
    width: calc(100% - 90px);
}
#toast-container .toast-___TagFr___ #popUpToastr > div:first-child:not(.divPopUpUserPhoto) {
    margin-right: 5px;
}
#toast-container .toast-___MinUserPhoto___ .divPopUpUserPseudoMessage {
    width: calc(100% - 40px);
    padding: 0px 10px;
}
#toast-container .popUpUserPseudo {
    padding: 2px;
}
#toast-container .popUpUserMessage {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #ffffff;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    line-height: 16px;
    padding: 2px;
}
#toast-container .toast-close-button {
    z-index: 10;
    right: 2px !important;
    top: 2px !important;
    position: absolute !important;
    width: 24px;
    height: 23px;
    background-image: url(../images/cross_white.webp);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px !important;
    border-radius: 25px;
}
#toast-container .divPopUpUserPhoto {
    background-size: cover !important;
    background-position: center !important;
    width: 44px !important;
    min-width: 44px;
    height: 54px !important;
    min-height: 54px;
    border-radius: 8px !important;
    margin: 0 10px;
    -webkit-filter: drop-shadow(1px 1px 2px #00000030);
    filter: drop-shadow(1px 1px 2px #00000030);
}
.toast-___NetworkOnline___ .divPopUpUserPhoto, .toast-___NetworkOffline___ .divPopUpUserPhoto {
    display: none !important;
}
#toast-container table td:nth-child(2) {
    padding-left: 14px;
    -webkit-filter: drop-shadow(0px 2px 3px #00000054);
    filter: drop-shadow(0px 2px 3px #00000054);
}
.divPopUpIcon {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    background-color: transparent;
    background-size: 46px auto;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 5px;
    margin-right: -5px;
    filter: none !important;
}
#toast-container > .toast-___Visit___ .divPopUpIcon {
    width: 34px;
}
#toast-container > .toast-___Hello___ .divPopUpIcon {
    width: 34px;
}
#toast-container > .toast-___AdsPoll___ .divPopUpIcon {
    width: 34px;
}
#toast-container > .toast-___Adsvent___ .divPopUpIcon {
    width: 34px;
}
#toast-container > .toast-___AdsTopic___ .divPopUpIcon {
    width: 34px;
}
#toast-container > .toast-___Dtm___ .divPopUpIcon {
    width: 34px;
}
.toast-___NetworkOnline___ .divPopUpIcon, .toast-___NetworkOffline___ .divPopUpIcon {
    width: 34px;
    background-size: 39px auto;
}
#toast-container > .toast-___Feeling___ {
    padding: 12px 20px 12px 3px !important;
}

#toast-container > .toast-___Feeling___ .divPopUpIcon {
    position: relative;
    width: 40px;
    min-width: 40px;
    height: 60px;
    min-height: 60px;
}
#toast-container > .toast-___Feeling___ .divPopUpIcon .feelingImg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 62px;
    background-size: 55px auto;
    background-position: top 0px left -11px;
    background-repeat: no-repeat;
}
#toast-container > .toast-___Feeling___ .divPopUpIcon .feelingScore {
    position: absolute;
    top: 0;
    left: 0px;
    right: 0;
    bottom: -2px;
    background-size: 45px auto;
    background-position: bottom -4px center;
    background-repeat: no-repeat;
    transform-origin: center;
}
#toast-container > .toast-___Pass___ {
    height: auto;
    background-position: center;
    background-size: cover;
    padding: 5px 20px 5px 0px !important;
}
#toast-container > .toast-___Pass___ .toast-message {
    width: 100%;
    height: 100%;
    padding: 5px;
}
#toast-container > .toast-___Pass___ .toast-messageWrapped {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 5px;
}
#toast-container > .toast-___Pass___ .toast-messageWrapped .ico {
    width: 50px;
    min-width: 50px;
    height: 50px;
    background-image: url(../images/notif_logo_pass.webp);
    background-position: center;
    background-size: 54px;
    background-repeat: no-repeat;
}
#toast-container > .toast-___Pass___ .toast-messageWrapped .txt {
    font-family: "YandoSansCondensed-Black", "DefaultBoldFont";
    font-weight: var(--bold-font-yando);
    letter-spacing: var(--letter-spacing-yando);
    padding-left: 10px;
    padding-right: 5px;
    font-size-adjust: var(--fs-adj);
    color: #ffffff;
}
#toast-container > .toast-___Pass___ .toast-messageWrapped .txtTitle {
    font-size: 20px;
    line-height: 20px;
}
html[lang="ta"] #toast-container > .toast-___Pass___ .toast-messageWrapped .txtTitle {
    font-size: 16px;
    line-height: 21px;
}
#toast-container > .toast-___Pass___ .toast-messageWrapped .txtInfo {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.4px;
}
html[lang="ta"] #toast-container > .toast-___Pass___ .toast-messageWrapped .txtInfo {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.4px;
}
#toast-container .toast-___Pass___ .toast-close-button {
    color: #ffffff;
}
#toast-container > .toast-___Info___ .divPopUpUserPseudoMessage, 
#toast-container > .toast-___CommentTopic___ .divPopUpUserPseudoMessage, 
#toast-container > .toast-___Feeling___ .divPopUpUserPseudoMessage {
    width: calc(100% - 30px);
    margin-left: 5px;
}
.toast-___NetworkOnline___ .divPopUpUserPseudoMessage, .toast-___NetworkOffline___ .divPopUpUserPseudoMessage {
    width: calc(100% - 50px);
    margin-left: 10px;
}
#toast-container > .toast-___Flash___ .divPopUpIcon {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    background-size: 56px auto;
}
.toast-___MinUserPhoto___ .popUpUserMessage {
    padding-left: 10px;
}
.toast-___MinUserPhoto___ .divPopUpIcon {
    background-size: 26px auto;
}
.toast-___CommentTopic___ .divPopUpIcon {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    background-size: 50px auto;
    margin-left: 0px;
}
.toast-___TimeCapsule___ .divPopUpIcon {
    background-size: 40px auto;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
}
.toast-___UserOnline___ .divPopUpIcon {
    background-size: 28px auto;
}
.toast-___ActivityReq___ .divPopUpIcon,
.toast-___ActivityReqIn___ .divPopUpIcon {
    background-size: 45px auto;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
}
.langrtl #toast-container > .toast-___Pass___ .toast-messageWrapped .txt {
    padding-left: 0px;
    padding-right: 10px;
}
.langrtl #toast-container > .toast-___Pass___ .toast-messageWrapped .txtTitle {
    font-size: 17px;
}
.langrtl #toast-container > .toast-___Pass___ .toast-messageWrapped .txtInfo {
    font-size: 13px;
}

html[lang="ru"] #toast-container > .toast-___Pass___ .toast-messageWrapped .txtTitle,
html[lang="uk"] #toast-container > .toast-___Pass___ .toast-messageWrapped .txtTitle,
html[lang="bg"] #toast-container > .toast-___Pass___ .toast-messageWrapped .txtTitle {
    font-size: 16px !important;
    line-height: 20px !important;
}
html[lang="ru"] #toast-container > .toast-___Pass___ .toast-messageWrapped .txtInfo,
html[lang="uk"] #toast-container > .toast-___Pass___ .toast-messageWrapped .txtInfo,
html[lang="bg"] #toast-container > .toast-___Pass___ .toast-messageWrapped .txtInfo {
    font-size: 13px !important;
    line-height: 16px !important;
    letter-spacing: 0.4px !important;
}

@-webkit-keyframes WIGGLE {
    0% {
        -webkit-transform: translate(0px, 0px);
    }

    100% {
        -webkit-transform: translate(0px, 0px);
    }
}

@keyframes WIGGLE {
    0%{
        -webkit-transform: translate(0px, 0px);
    }
    100% {
        -webkit-transform: translate(0px, 0px);
    }
}
.isGif {
    -webkit-animation: WIGGLE 1ms;
    animation: WIGGLE 1ms;  
}

@-webkit-keyframes bounceInButtonLifestyle {
    0%,15%,55%,85%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    15% {
        -webkit-transform: scale3d(.95,.95,.95);
        transform: scale3d(.95,.95,.95);
    }

    65% {
        -webkit-transform: scale3d(1.01,1.01,1.01);
        transform: scale3d(1.01,1.01,1.01);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes bounceInButtonLifestyle {
    0%,15%,55%,85%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    15% {
        -webkit-transform: scale3d(.95,.95,.95);
        transform: scale3d(.95,.95,.95);
    }

    65% {
        -webkit-transform: scale3d(1.01,1.01,1.01);
        transform: scale3d(1.01,1.01,1.01);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.bounceInButtonLifestyle {
    -webkit-animation-name: bounceInButtonLifestyle;
    animation-name: bounceInButtonLifestyle;
    -webkit-animation-duration: .35s;
    animation-duration: .35s;
}


@-webkit-keyframes bounceInPlanCard {
    0%,15%,55%,85%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        -webkit-transform: scale3d(1,1,1);
    }

    15% {
        -webkit-transform: scale3d(.95,.95,.95);
    }

    65% {
        -webkit-transform: scale3d(1.01,1.01,1.01);
    }

    to {
        -webkit-transform: scaleX(1);
    }
}

@keyframes bounceInPlanCard {
    0%,15%,55%,85%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        transform: scale3d(1,1,1);
    }

    15% {
        transform: scale3d(.95,.95,.95);
    }

    65% {
        transform: scale3d(1.01,1.01,1.01);
    }

    to {
        transform: scaleX(1);
    }
}

.bounceInPlanCard {
    -webkit-animation-name: bounceInPlanCard;
    animation-name: bounceInPlanCard;
    -webkit-animation-duration: .35s;
    animation-duration: .35s;
}
@-webkit-keyframes bounceInBalls {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
    }

    80% {
        opacity: 1;
        -webkit-transform: scale3d(1.3,1.3,1.3);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
    }
}

@keyframes bounceInBalls {
    0%,20%,40%,60%,80%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3);
    }

    80% {
        opacity: 1;
        transform: scale3d(1.3,1.3,1.3);
    }

    100% {
        opacity: 1;
        transform: scale3d(1,1,1);
    }
}

.bounceInBalls {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-name: bounceInBalls;
    animation-name: bounceInBalls
}

html[data-isapp="true"] #btnTryAgainLocation, html[data-isapp="true"] #btnTryAgainMaintenance, html[data-isapp="true"] #btnTryAgainVersion {
    height: 43px;
}

@media (min-width: 768px) and (max-height: 700px) {
    #divFirstLoad .loaderFirstLoad {
        left: calc(50% - 50px) !important;
        top: calc(50% - 58px) !important;
        width: 100px !important;
        height: 100px !important;
    }
}

@media (max-width: 767px) {
    .select-items div.active {
        color: var(--theme-color-0) !important;
    }
    #genderForm .select-items div.active {
        color: #ffffff !important;
    }
    .n-o-w-containerWrapped {
        max-width: 90%;
    }
    html[data-isapp="false"][issafari="true"][isios="true"] {
        overscroll-behavior: none;
    }
    html[data-isapp="true"][data-platform="mauiAndroid"] .n-o-w-container .divLogoYando {
        top: 25px;
    }

    html[data-isapp="true"][data-platform="mauiiOS"] .n-o-w-container .divLogoYando {
        top: 35px;
    }

    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] .n-o-w-container .divLogoYando {
        top: 55px;
    }
    html[data-isapp="true"] .n-o-w-container .headerWrapped {
        margin: 100px auto auto auto;
    }

    html[data-isapp="true"] .n-o-w-container .logoWrapped {
        margin: 0 auto auto auto;
    }
}
@media (min-width: 768px) {
    #uploadPhotoPopup .btnUploadFromWrapped button {
        width: fit-content;
        padding: 0px 30px;
        min-width: 260px;
    }
    .errorPageContent {
        margin-top: -50px;
    }
    #nothingFoundHere {
        margin-top: 0px;
    }
    #btnBackToApp {
        position: relative;
        bottom: inherit;
        left: inherit;
        margin-top: 70px;
    }
    .externalPageWrapped {
        width: 80%;
        max-width: 1000px;
    }
    .externalPageWrapped .contactUsSpan {
        color: #ffffff !important;
    }
    .externalPageContent {
        padding: 5px 60px;
    }
    .externalPageTermsHeader, .externalPagePrivacyHeader, .externalPageCookiesHeader, .externalPageGuidelinesHeader {
        margin-top: 55px;
    }
    html[data-isapp="true"][isauth="false"] #app {
        background-color: transparent !important;
    }
    .n-o-w-container .divLogoYando {
        top: 10px;
        left: 20px;
        width: 150px;
        height: 50px;
        margin: initial;
    }
    .selectLanguageWrapped {
        grid-template-columns: repeat(auto-fill,minmax(33%,1fr));
    }
}


.langrtl .n-o-w-container {
    direction: rtl;
}
.langrtl .n-o-w-container .divLogoYando {
    right: 5px;
    left: inherit;
}
.langrtl .inputLabel, .langrtl .inputUiLabel {
    transform-origin: right;
}
.langrtl .ui-selectmenu-text {
    font-size: 14px;
    margin-right: -6px;
}
.langrtl .ui-selectmenu-custom .ui-selectmenu-menu ul li div {
    font-size: 14px;
}
html[lang="he"] .btn-standard {
    line-height: 23px;
}

.lightMode[isauth="true"] body,
.lightMode[isauth="true"] #app {
    background-image: linear-gradient(0deg, #000000 0%, #000000 100%) !important;
}

.selectLanguage.isActive {
    background: #ffffff !important;
}
.selectLanguage.isActive .languageCountry {
    color: #000000 !important;
}
.selectLanguage.isActive .actualLanguageCountry {
    color: #888888 !important;
}

.darkMode .errorMsg {
    color: #ffe379 !important;
}

.darkMode .navbarFaq {
    background: transparent !important;
}

.darkMode .tab-content .card-body p {
    color: #ffffff !important;
}

.darkMode .divMainLoader {
    background: #00000099;
}

.darkMode[isauth="true"] #app {
    background: #101012 !important;
}
.darkMode .isMobile #noRotate {
    background: #101012;
}


.isMobile #divSettingsPopupContent .slideSettingsZeroContent > div {
    margin-bottom: 2px !important;
}
.isMobile #divSettingsPopupContent .slideSettingsZeroContent > .divLogoutSettings {
    margin-top: 12px;
}
.darkMode .isMobile #divFiltersMenuWrapped {
    border-bottom: solid 2px #1a1a1a !important;
}
.darkMode .ui-state-focus, .darkMode .ui-widget-content .ui-state-focus, .darkMode .ui-button:hover, .darkMode .ui-widget-header .ui-state-focus, .darkMode .ui-button:focus {
    background-color: transparent !important;
}
.darkMode .btnUploadChange {
    color: #ffffff;
    background: #000000;
}

html[data-isapp="true"][data-platform="mauiiOS"] body, html[data-isapp="true"][data-platform="mauiiOS"] #app {
    height: 100vh;
}
.contentCookie ul, .contentCookie li:last-child {
    margin-bottom: 0px !important;
}
.cookie-tab-wrap table {
    background-color: transparent;
    border-collapse: collapse;
}
.dcf-table thead {
    font-size: 0.84em;
}
.dcf-table-bordered thead th {
    padding: 10px !important;
}
.dcf-table thead td, .dcf-table thead th {
    padding-bottom: 0.75em;
    vertical-align: bottom;
}

.dcf-table-bordered td, .dcf-table-bordered th, .dcf-table-striped td, .dcf-table-striped th {
    padding-left: 1em;
    padding-right: 1em;
}

.dcf-table td, .dcf-table th {
    padding-right: 1.78em;
}

.cookie-tab-wrap th {
    text-align: left;
}

.dcf-table tbody {
    font-size: 0.84em;
}

.cookie-tab-wrap table {
    border: 0px !important;
}

.cookie-tab-wrap thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.cookie-tab-wrap tr {
    display: block;
    border: 1px solid #ffffff !important;
    margin-bottom: 10px;
}

.cookie-tab-wrap td {
    display: block;
    text-align: right;
    color: #ffffff;
    border-bottom: 1px solid #ffffff !important;
    padding: 10px 10px 10px 5px !important;
}

.cookie-tab-wrap td:last-child {
    border-bottom: 0px !important;
}

.cookie-tab-wrap table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
}
@media (max-width: 1299.9px) {
    html.darkMode[isauth="true"] #app {
        background: #000000  !important;
    }
}
@media (max-width: 740px) {
    html[data-isapp="true"][data-platform="mauiAndroid"] .divPopupAddFriendChatContent .divBadgeFriendChat {
        top: 23px;
    }
    html[data-isapp="true"][data-platform="mauiAndroid"] .chat-slide .slideUserChatListWrapped {
        padding-bottom: 100px;
    }
    html[data-isapp="false"] .swiperSlideTimeline .postTimeline .overlayPtClose {
        top: 21px !important;
        right: 5px !important;
    }
    html[data-isapp="true"][data-platform="mauiAndroid"] .swiperSlideTimeline .postTimeline .overlayPtClose {
        top: 21px !important;
        right: 5px !important;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="false"] .swiperSlideTimeline .postTimeline .overlayPtClose {
        top: 31px !important;
        right: 5px !important;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] .swiperSlideTimeline .postTimeline .overlayPtClose {
        top: 50px !important;
        right: 5px !important;
    }
}

@media (max-width: 740px) {
    html[data-isapp="true"][data-platform="mauiiOS"] .navMenuBottom {
        position: fixed !important;
    }
    html[data-isapp="true"][data-platform="mauiiOS"] .btnBoostWrapped {
        bottom: 68px !important;
    }
    html[data-isapp="true"][data-platform="mauiiOS"] #profilePopupWrapped .divSpDescriptionWrapped,
    html[data-isapp="true"][data-platform="mauiiOS"] #profilePopupWrapped .divSpAbstractWrapped,
    html[data-isapp="true"][data-platform="mauiiOS"] #profilePopupWrapped .divSpLookingForWrapped {
        padding-bottom: 16px !important;
    }
    html[data-isapp="true"][data-platform="mauiiOS"] .divPopupAddFriendChatContent .divBadgeFriendChat {
        top: 33px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"] #popupDeleteCvs .closePopupDeleteCvs {
        top: 33px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"] .chat-slide .slideUserChatListWrapped {
        padding-bottom: 90px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"] #slideOthersChat .unmatchMenu {
        padding: 60px 10px 30px 10px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"] #slideOthersChat .divReportContent {
        padding: 120px 10px 90px 10px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"] .divSlideOthersChat .infoContentBlock,
    html[data-isapp="true"][data-platform="mauiiOS"] .divSlideOthersChat .infoContentBlocked {
        padding: 130px 10px 90px 10px;
    }
    html[data-isapp="true"] .slideMainContentRewards > .titleSeparatorHof:first-child {
        padding-top: 35px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"] #btnRndDesMap {
        top: 32px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"] #btnClearLookup {
        top: 30px !important;
    }
    html[data-isapp="true"][data-platform="mauiiOS"] #mapsPopup #lookupContent ul {
        background-image: -webkit-linear-gradient(270deg,#0006 80%,transparent 100%);
        background-image: linear-gradient(180deg,#0006 80%,transparent 100%);
    }
    html[data-isapp="true"][data-platform="mauiiOS"] #divUserMaps,
    html[data-isapp="true"][data-platform="mauiiOS"] #divBtnMapLeftWrapped {
        top: 102px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"] .mapboxgl-ctrl-top-right {
        top: 100px !important;
    }
    html[data-isapp="true"][data-platform="mauiiOS"] .chat-slide .msgHistory {
        padding: 85px 10px 80px 10px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"] #toast-container.toast-top-center {
        top: 40px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"] .divBlockReportFeelingsWrapped .dropdownReportFeelings {
        top: 40px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"] .btnClosePopupPack {
        top: 14px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"] #divMapInfo .divMapInfoWrapped {
        padding-top: 32px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"] #tempPopup #closeTempPopup {
        top: 30px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"] #divSendCommentTimelineWrapped .backArrowMenu {
        top: 36px !important;
    }
    html[data-isapp="true"][data-platform="mauiiOS"] .btnWrappedBuyActions {
        height: 134px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="false"] .divSpLangPersWrapped {
        bottom: 90px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="false"] #profilePopup .divPersonalityProfileWrapped {
        bottom: 60px;
    }
    html[data-isapp="true"][data-platform="mauiAndroid"] #divListActivityMsg .listActivityUserChat {
        height: calc(100% - 75px) !important;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="false"] #divListActivityMsg .listActivityUserChat {
        height: calc(100% - 65px) !important;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] #divListActivityMsg .listActivityUserChat {
        height: calc(100% - 85px) !important;
    }
}

@media (max-width: 767.8px) {
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] #divTimelineResult .postTimeline .userPostPhotoInfo {
        padding: 50px 0px 15px 0px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] .divPopupAddFriendChatContent .divBadgeFriendChat {
        top: 53px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] #popupDeleteCvs .closePopupDeleteCvs {
        top: 53px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] #slideOthersChat .unmatchMenu {
        padding: 80px 10px 30px 10px;
    }

    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] #slideOthersChat .divReportContent {
        padding: 140px 10px 90px 10px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] .slideMainContentRewards > .titleSeparatorHof:first-child {
        padding-top: 50px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] #btnRndDesMap {
        top: 57px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] #localTimeWeather {
        top: 90px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] #btnClearLookup {
        top: 57px !important;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] #divMapsPopupContent .cityNameUi {
        top: 90px !important;
        height: calc(100% - 90px) !important;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] #divUserMaps,
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] #divBtnMapLeftWrapped {
        top: 122px;
    }

    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] .mapboxgl-ctrl-top-right {
        top: 123px !important;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] #toast-container.toast-top-center {
        top: 52px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] .divBlockReportFeelingsWrapped .dropdownReportFeelings {
        top: 42px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] .popupPackContent {
        padding: 12px 15px 20px 15px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] #divMapInfo .divMapInfoWrapped {
        padding-top: 45px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] #tempPopup #closeTempPopup {
        top: 50px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] #divSendCommentTimelineWrapped .backArrowMenu {
        top: 46px !important;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] #divSendCommentTimelineWrapped .backArrowMenu {
        top: 46px !important;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] .divSlideThreeOthers.flex-column {
        top: 45px !important;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] #divSendCommentAlertEventWrapped .divCommentTimelineWrapped {
        height: calc(100% - 85px)!important;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] #tempPopup #divSendCommentAlertEventWrapped .backArrowMenu {
        top: 45px!important;
    }
    html[data-isapp="true"][data-platform="mauiAndroid"] body #toast-container.toast-top-center {
        top: 25px;
    }
}

.langrtl #toast-container {
    direction: rtl !important;
}

.langrtl #toast-container .toast-close-button {
    right: inherit !important;
    left: 8px !important;
}

.langrtl #toast-container > .toast {
    background-position: right, center !important;    
    padding: 8px 8px 8px 25px !important;
}




@media (max-width: 767.9px) {
    html[data-isapp="true"][data-navbar="false"] .swipeUserInfo {
        padding-top: 8px !important;
    }
    html[data-isapp="true"][data-navbar="false"] .divBtnSwapCancelLike {
        top: 18px !important;
    }
    html[data-isapp="true"][data-navbar="false"] .slideMainContent.slideMainContentRewards {
        padding-bottom: 74px!important;
    }
    html[data-isapp="true"][data-navbar="false"] .btnBoostWrapped {
        bottom: 63px!important;
    }
    html[data-isapp="true"][data-navbar="false"] .chatFilterContent {
        height: 45px !important;
    }
    html[data-isapp="true"][data-navbar="false"] .divBadgeFriendChat {
        top: -8px !important;
    }
    html[data-isapp="true"][data-navbar="false"].darkMode .chat-slide .divChatRoomTop, 
    html[data-isapp="true"][data-navbar="false"].darkMode .chat-slide .menuTopSlideOthersChat {
        background-image: -webkit-linear-gradient(270deg,#424449 35%,transparent 50%) !important;
        background-image: linear-gradient(180deg,#424449 35%,transparent 50%) !important;
    }
    html[data-isapp="true"][data-navbar="false"] .chat-slide #slideChatRoomInside #btnPrevChatMenu {
        top: 0px !important;
    }
    html[data-isapp="true"][data-navbar="false"] #slideReportUnmatchChat.dropdown-menu-blockReport {
        top: 45px!important;
    }
    html[data-isapp="true"][data-navbar="false"] #btnPrevChatRoom {
        top: 0px !important;
    }
    html[data-isapp="true"][data-navbar="false"] .divSlideOthersChat .infoContentBlock, 
    html[data-isapp="true"][data-navbar="false"] .divSlideOthersChat .infoContentBlocked {
        padding: 0 !important;
        margin: 40% auto 30px auto!important;
    }
    html[data-isapp="true"][data-navbar="false"] #divBlockMenuChat {
        padding: 60px 0px 40px 0px!important;
    }
    html[data-isapp="true"][data-navbar="false"] #divUnmatchMenuChat .infoContentUnmatch {
        margin: 40% auto 30px auto !important;
    }
    html[data-isapp="true"][data-navbar="false"] .chatRoomUserPseudo,
    html[data-isapp="true"][data-navbar="false"] .blockReportChat  {
        margin-top: -28px !important;
    }
    html[data-isapp="true"][data-navbar="false"] .chat-slide .msgHistory {
        padding: 10px 10px 0 10px!important;
    }

    html[data-isapp="true"][data-navbar="false"] #divAlertsBash0 > .timeSeparatorAlerts:first-child {
        padding-top: 7px!important;
    }
    html[data-isapp="true"][data-navbar="false"] .slideMainContentRewards > .titleSeparatorHof:first-child {
        padding-top: 7px!important;
    }
    html[data-isapp="true"][data-navbar="false"] #tempPopup #closeTempPopup {
        top: 0px!important;
    }

    html[data-isapp="true"][data-navbar="false"] #divSettingsPopupContent .slideSettingsZero .backArrowMenu {
        margin: 9px 9px 0 auto!important;
    }
    html[data-isapp="true"][data-navbar="false"] body.isMobile #divSettingsPopupContent #divSettingsEditProfile {
        padding: 45px 0px 20px 0px!important;
    }
    html[data-isapp="true"][data-navbar="false"] .profilePopupWrapped .showProfileUserTitle {
        margin-top: 5px!important;
    }
    html[data-isapp="true"][data-navbar="false"] #profilePopup .backArrowMenu:not(#btnEditProfilePrev):not(#btnEditProfileAiPrev):not(#btnEditProfileDetailPrev) {
        top: 10px!important;
    }
    html[data-isapp="true"][data-navbar="false"] #editProfileDetailsWrapped {
        height: calc(100% - 40px)!important;
    }
    html[data-isapp="true"][data-navbar="false"] .lifestylePerCategoryContent {
        bottom: 0px!important;
    }
    html[data-isapp="true"][data-navbar="false"] .userPostPhotoInfo {
        padding: 10px 0px 15px 0px !important;
    }
    html[data-isapp="true"][data-navbar="false"] .userPostPhotoInfo {
        padding: 10px 0px 15px 0px !important;
    }
    html[data-isapp="true"][data-navbar="false"] #mapsPopup #lookupContent #lookupInput {
        height: 40px!important;
        line-height: 40px!important;
        background-position: 10px!important;
        padding: 0px 35px 0 45px!important;
    }
    html[data-isapp="true"][data-navbar="false"] #btnRndDesMap {
        top: 0px!important;
    }
    html[data-isapp="true"][data-navbar="false"] #btnClearLookup {
        top: 0px!important;
    }
    html[data-isapp="true"][data-navbar="false"] #mapsPopup #lookupContent {
        height: 40px!important;
    }
    html[data-isapp="true"][data-navbar="false"] #divUserMaps,
    html[data-isapp="true"][data-navbar="false"] #divBtnMapLeftWrapped {
        top: 42px!important;
    }
    html[data-isapp="true"][data-navbar="false"] .mapboxgl-ctrl-top-right {
        top: 34px!important;
    }
    html[data-isapp="true"][data-navbar="false"] .mapsPopupWrapped {
        padding-bottom: 70px!important;
    }
    html[data-isapp="true"][data-navbar="false"] #divMapInfo .divMapInfoWrapped {
        padding-top: 0px !important;
    }

    html[data-isapp="true"][data-navbar="false"] #divMapInfo.detailEvents .titleMapInfoHeader {
        padding-top: 0px !important;
    }
    html[data-isapp="true"][data-navbar="false"] #divMapInfo.detailEvents .divMapInfoHeader {
        height: 40px !important;
    }
    html[data-isapp="true"][data-navbar="false"] #divMapInfo.detailEvents #btnPrevMapInfo {
        top: 0px !important;
    }
    html[data-isapp="true"][data-navbar="false"] #divMapInfo.detailEvents .titleMapInfoHeader .slideDetailEventsHeader {
        padding-top: 5px !important;
    }
    html[data-isapp="true"][data-navbar="false"] .divPopupMaps.expand .divPostMapWrapped {
        padding-top: 0px!important;
    }
    html[data-isapp="true"][data-navbar="false"] #divPopupMaps.expand .btnClose {
        top: 14px!important;
    }
    html[data-isapp="true"][data-navbar="false"] .divHeaderCommentMap, 
    html[data-isapp="true"][data-navbar="false"] #divListActivityMsg .divListActivityMsgHeader {
        height: 40px!important;
    }
    html[data-isapp="true"][data-navbar="false"] .popupCommentMaps .popupCommentMapsContent .backArrowMenu {
        top: 0px!important;
    }
    html[data-isapp="true"][data-navbar="false"] .divHeaderCommentMap .divComment, 
    html[data-isapp="true"][data-navbar="false"] .divHeaderCommentMap .divAttenddees {
    line-height: 44px!important;
    padding-top: 0px!important;
    }
    html[data-isapp="true"][data-navbar="false"] #divCommentsAttenddeesMapWrapped {
        height: calc(100% - 40px)!important;
    }
    html[data-isapp="true"][data-navbar="false"] #popupContentMaps .userPostPhotoInfo .btnActionPost {
        background-position: left -5px top 5px!important;
        margin-right: 10px!important;
    }
    html[data-isapp="true"][data-navbar="false"] #divPopupMaps[data-type="posts"].expand .divPostMapWrapped .templateStoryContent {
        height: 100%!important;
    }
}




html[data-isapp="true"] .sliderMembershipHeaderPrice .asteriskMembership {
    display: none !important;
}
@media (min-width: 320px) {
    html[data-isapp="true"] .divInputContactMessage #inputContactMessage.inputCustom {
        height: 100px !important;
        padding: 4px 4px 0px 4px!important;
    }
    html[data-isapp="true"][data-platform="mauiiOS"] #forgotEmail.inputCustom {
        padding: 14px 4px 0 4px !important;
    }
    html[data-isapp="true"] .divContactsQuestionsContent .divInputContactMessage.inputCustomWrapped {
        min-height: 130px !important;
    }
    html[data-isapp="true"] .closeInitTutoFeelings {
        font-size: 20px !important;
    }
    html[data-isapp="true"] .extraReasonReport {
        height: 100px !important;
        min-height: 100px !important;
        padding: 7px !important;
    }
    html[data-isapp="true"] .globeTrotterFilterContent {
        height: 48px !important;
    }
    html[data-isapp="true"][data-platform="mauiiOS"] #loginPasswordlInput {
        padding: 6px 4px 0px 4px!important;
    }
    html[data-isapp="true"]  #btnResetFiltersTimelineMobile{
        font-size: 18px;
    }
    html[data-isapp="true"] #passwordDeleteAccount {
        padding: 8px 4px 0 4px!important;
    }
    html[data-isapp="true"] .divAddFriendByTagId {
        height: 43px!important;
        padding: 1px 5px 1px 5px!important;
    }
    html[data-isapp="true"] .divAddFriendByTagId {
        padding: 1px 5px 1px 5px;
    }
    html[data-isapp="true"] #addFriendByTagId {
        padding: 0 4px!important;
    }
    html[data-isapp="true"] #divReportMenuChat .extraReasonReport {
        height: 100px!important;
    }
    html[data-isapp="true"] .btnCommentsTimeline {
        height: 36px !important;
        padding: 0px 20px !important;
    }
    html[data-isapp="true"] .eventFormWrapped textarea {
        padding: 0px 8px 4px 8px !important;
    }
    html.langrtl[data-isapp="true"] .eventFormWrapped textarea {
        padding: 10px 10px 4px 8px !important;
    }
    html[data-isapp="true"] .eventFormWrapped textarea#eventAboutForm {
        padding: 0px 8px 4px 8px!important;
    }
    html[data-isapp="true"] .slideDetailEvents .btnCreateEvent {
        line-height: 37px!important;
    }
    html[data-isapp="true"] .slideDetailEvents .btnCreateEvent .ico {
        margin-top: 2px !important;
    }
    html[data-isapp="true"][data-platform="mauiAndroid"] #notAmemberPopup button#btnNotAmemberClose {
        top: 25px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"] #notAmemberPopup button#btnNotAmemberClose {
        top: 20px;
    }
    html[data-isapp="true"][data-platform="mauiiOS"][data-di="true"] #notAmemberPopup button#btnNotAmemberClose {
        top: 38px;
    }
    html[data-isapp="true"] .unlockCvsMsgPopupContent .btnSend, 
    html[data-isapp="true"] .sendMsgUserReqPopupContent .btnSend {
        height: 43px !important;
        line-height: 40px !important;
    }

    html.langrtl[data-isapp="true"][data-platform="mauiAndroid"] .divNewPasswordForm #newPasswordForm {
        padding: 8px 4px 0px 4px!important;
    }
    html.langrtl[data-isapp="true"][data-platform="mauiiOS"] #loginPasswordlInput {
        padding: 10px 1px 0px 2px!important;
    }
    html.langrtl[data-isapp="true"] .dateTimeCapsuleStartLabel {
        transform: scale(1) translate3d(0px,14px,0px);
        padding-left: 0px;
    }
    html.langrtl[data-isapp="true"] .dateTimeCapsuleStartLabel.active {
        transform: scale(0.6) translate3d(0px,0px,0px)!important;
    }
    html.langrtl[data-isapp="true"] .timeCapsuleLabel {
        transform: scale(1) translate3d(7px,6px,0px);
    }
    html.langrtl[data-isapp="true"] .timeCapsuleLabel.active {
        transform: scale(0.6) translate3d(7px,0px,0px)!important;
    }
    html.langrtl[data-isapp="true"] #divEditProfileDetails #alcoholFormUpdate-button .ui-selectmenu-text {
        background-position: right 5px top 17px!important;
    }
    html.langrtl[data-isapp="true"] #divEditProfileDetails #personalityEditProfile-button {
        height: 40px !important;
    }
}

@media(min-width: 740px) {
    html.langrtl[data-isapp="true"] .divPasswordSettingsContent #currentPassword  {
        padding: 4px 4px 0px 4px!important
    }
    html.langrtl[data-isapp="true"] .divPasswordSettingsContent #confirmPassword {
        padding: 4px 4px 0px 4px!important
    }
    html.langrtl[lang="ar"][data-isapp="true"] #passwordDeleteAccount {
        padding: 4px 4px 0px 4px!important
    }
}


@-webkit-keyframes animBadgeNotif {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    15% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    20% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    25% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    32.5% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    37.5% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    50% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes animBadgeNotif {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    15% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    20% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    25% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    32.5% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    37.5% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    50% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
.animBadgeNotif {
    -webkit-animation-name: animBadgeNotif;
    animation-name: animBadgeNotif;
    animation-duration: 2s;
    animation-iteration-count: 3;
}

@-webkit-keyframes animToastrIn {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        -webkit-transform: translate3d(400px,0,0)
    }

    to {
        -webkit-transform: translateZ(0)
    }
}
@keyframes animToastrIn {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        transform: translate3d(400px,0,0)
    }

    to {
        transform: translateZ(0)
    }
}
.animToastrIn {
    -webkit-animation-name: animToastrIn;
    animation-name: animToastrIn;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}


@-webkit-keyframes animToastrOut {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 1;
        -webkit-transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-400px,0,0)
    }
}
@keyframes animToastrOut {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 1;
        transform: translateZ(0)
    }
    to {
        opacity: 0;
        transform: translate3d(-400px,0,0)
    }
}
.animToastrOut {
    -webkit-animation-name: animToastrOut;
    animation-name: animToastrOut;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

@-webkit-keyframes animToastr1 {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100px,0) scaleY(3);
        transform: translate3d(0,-100px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,15px,0) scaleY(.9);
        transform: translate3d(0,15px,0) scaleY(.9)
    }

    75% {
        opacity: 1;
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        opacity: 1;
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes animToastr1 {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100px,0) scaleY(3);
        transform: translate3d(0,-100px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,15px,0) scaleY(.9);
        transform: translate3d(0,15px,0) scaleY(.9)
    }

    75% {
        opacity: 1;
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        opacity: 1;
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.animToastr1 {
    -webkit-animation-name: animToastr1;
    animation-name: animToastr1;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

@-webkit-keyframes animToastr2 {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }
    70% {
        opacity: 1;
        -webkit-transform: scale3d(1.02,1.02,1.02);
        transform: scale3d(1.02,1.02,1.02);
    }
    85% {
        opacity: 1;
        -webkit-transform: scale3d(0.98,0.98,0.98);
        transform: scale3d(0.98,0.98,0.98);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}
@keyframes animToastr2 {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }
    70% {
        opacity: 1;
        -webkit-transform: scale3d(1.02,1.02,1.02);
        transform: scale3d(1.02,1.02,1.02);
    }
    85% {
        opacity: 1;
        -webkit-transform: scale3d(0.98,0.98,0.98);
        transform: scale3d(0.98,0.98,0.98);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}
.animToastr2 {
    -webkit-animation-name: animToastr2;
    animation-name: animToastr2;
    -webkit-animation-duration: .45s;
    animation-duration: .45s;
}

@-webkit-keyframes animToastr3 {
    0% {
        -webkit-transform: scaleX(0.7);
        transform: scaleX(0.7);
        opacity: 1;
    }
    30% {
        -webkit-transform: scale3d(1.15,0.85,1);
        transform: scale3d(1.15,0.85,1);
        opacity: 1;
    }
    40% {
        -webkit-transform: scale3d(0.85,1.15,1);
        transform: scale3d(0.85,1.15,1);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale3d(1.05,0.95,1);
        transform: scale3d(1.05,0.95,1);
        opacity: 1;
    }
    65% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
    }
}
@keyframes animToastr3 {
    0% {
        -webkit-transform: scaleX(0.7);
        transform: scaleX(0.7);
        opacity: 1;
    }
    30% {
        -webkit-transform: scale3d(1.15,0.85,1);
        transform: scale3d(1.15,0.85,1);
        opacity: 1;
    }
    40% {
        -webkit-transform: scale3d(0.85,1.15,1);
        transform: scale3d(0.85,1.15,1);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale3d(1.05,0.95,1);
        transform: scale3d(1.05,0.95,1);
        opacity: 1;
    }
    65% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
    }
}
.animToastr3 {
    -webkit-animation-name: animToastr3;
    animation-name: animToastr3;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes animToastr4 {
    0%,50%,65%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,160px,0) scaleY(1.2);
        transform: translate3d(0,160px,0) scaleY(1.2);
    }

    50% {
        opacity: 1;
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95);
    }

    65% {
        opacity: 1;
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0) scaleY(1);
        transform: translateZ(0) scaleY(1);
    }
}

@keyframes animToastr4 {
    0%,50%,65%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,50px,0) scaleY(1.2);
        transform: translate3d(0,50px,0) scaleY(1.2);
    }

    50% {
        opacity: 1;
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95);
    }

    65% {
        opacity: 1;
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0) scaleY(1);
        transform: translateZ(0) scaleY(1);
    }
}
.animToastr4 {
    -webkit-animation-name: animToastr4;
    animation-name: animToastr4;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}



@-webkit-keyframes animToastr5 {
    0%,40%,55%,70%,80%,to {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0% {
        opacity: 0.8;
        -webkit-transform: translate3d(70px,0,0) scaleX(1.1);
        transform: translate3d(70px,0,0) scaleX(1.1);
    }
    40% {
        opacity: 1;
        -webkit-transform: translate3d(-11px,0,0) scaleX(1.06);
        transform: translate3d(-11px,0,0) scaleX(1.06);
    }
    55% {
        opacity: 1;
        -webkit-transform: translate3d(5px,0,0) scaleX(.99);
        transform: translate3d(5px,0,0) scaleX(.99);
    }
    70% {
        opacity: 1;
        -webkit-transform: translate3d(0px,0,0) scaleX(0.998);
        transform: translate3d(0px,0,0) scaleX(0.998);
    }
    80% {
        opacity: 1;
        -webkit-transform: translateZ(0) scaleX(1);
        transform: translateZ(0) scaleX(1);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0) scaleX(1);
        transform: translateZ(0) scaleX(1);
    }
}

@keyframes animToastr5 {
    0%,40%,55%,70%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0% {
        opacity: 0.8;
        -webkit-transform: translate3d(70px,0,0) scaleX(1.1);
        transform: translate3d(70px,0,0) scaleX(1.1);
    }
    40% {
        opacity: 1;
        -webkit-transform: translate3d(-11px,0,0) scaleX(1.06);
        transform: translate3d(-11px,0,0) scaleX(1.06);
    }
    55% {
        opacity: 1;
        -webkit-transform: translate3d(5px,0,0) scaleX(.99);
        transform: translate3d(5px,0,0) scaleX(.99);
    }
    70% {
        opacity: 1;
        -webkit-transform: translate3d(0px,0,0) scaleX(0.998);
        transform: translate3d(0px,0,0) scaleX(0.998);
    }
    80% {
        opacity: 1;
        -webkit-transform: translateZ(0) scaleX(1);
        transform: translateZ(0) scaleX(1);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0) scaleX(1);
        transform: translateZ(0) scaleX(1);
    }
}
.animToastr5 {
    -webkit-animation-name: animToastr5;
    animation-name: animToastr5;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes animToastr6 {
    0%,40%,55%,70%,80%,to {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0% {
        opacity: 0.8;
        -webkit-transform: translate3d(-70px,0,0) scaleX(1.1);
        transform: translate3d(-70px,0,0) scaleX(1.1);
    }
    40% {
        opacity: 1;
        -webkit-transform: translate3d(11px,0,0) scaleX(1.06);
        transform: translate3d(11px,0,0) scaleX(1.06);
    }
    55% {
        opacity: 1;
        -webkit-transform: translate3d(-5px,0,0) scaleX(.99);
        transform: translate3d(-5px,0,0) scaleX(.99);
    }
    70% {
        opacity: 1;
        -webkit-transform: translate3d(0px,0,0) scaleX(0.998);
        transform: translate3d(0px,0,0) scaleX(0.998);
    }
    80% {
        opacity: 1;
        -webkit-transform: translateZ(0) scaleX(1);
        transform: translateZ(0) scaleX(1);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0) scaleX(1);
        transform: translateZ(0) scaleX(1);
    }
}

@keyframes animToastr6 {
    0%,40%,55%,70%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0% {
        opacity: 0.8;
        -webkit-transform: translate3d(-70px,0,0) scaleX(1.1);
        transform: translate3d(-70px,0,0) scaleX(1.1);
    }
    40% {
        opacity: 1;
        -webkit-transform: translate3d(11px,0,0) scaleX(1.06);
        transform: translate3d(11px,0,0) scaleX(1.06);
    }
    55% {
        opacity: 1;
        -webkit-transform: translate3d(-5px,0,0) scaleX(.99);
        transform: translate3d(-5px,0,0) scaleX(.99);
    }
    70% {
        opacity: 1;
        -webkit-transform: translate3d(0px,0,0) scaleX(0.998);
        transform: translate3d(0px,0,0) scaleX(0.998);
    }
    80% {
        opacity: 1;
        -webkit-transform: translateZ(0) scaleX(1);
        transform: translateZ(0) scaleX(1);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0) scaleX(1);
        transform: translateZ(0) scaleX(1);
    }
}

.animToastr6 {
    -webkit-animation-name: animToastr6;
    animation-name: animToastr6;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}







@-webkit-keyframes animPackActionCard {
    0% {
        -webkit-transform: scale3d(1.03, 1.01, 1);
        transform: scale3d(1.03, 1.01, 1);
    }

    30% {
        -webkit-transform: scale3d(1.01, 0.98, 1);
        transform: scale3d(1.01, 0.98, 1);
    }

    40% {
        -webkit-transform: scale3d(1.03, 1.01, 1);
        transform: scale3d(1.03, 1.01, 1);
    }

    50% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes animPackActionCard {
    0% {
        -webkit-transform: scale3d(1.03, 1.01, 1);
        transform: scale3d(1.03, 1.01, 1);
    }

    30% {
        -webkit-transform: scale3d(1.01, 0.98, 1);
        transform: scale3d(1.01, 0.98, 1);
    }

    40% {
        -webkit-transform: scale3d(1.03, 1.01, 1);
        transform: scale3d(1.03, 1.01, 1);
    }

    50% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animPackActionCard {
    -webkit-animation-name: animPackActionCard;
    animation-name: animPackActionCard;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}


@-webkit-keyframes animMembershipCard {
    0% {
        -webkit-transform: scale3d(1.05, 1.02, 1);
        transform: scale3d(1.05, 1.02, 1);
    }

    30% {
        -webkit-transform: scale3d(1.04, 1.01, 1);
        transform: scale3d(1.04, 1.01, 1);
    }

    40% {
        -webkit-transform: scale3d(1.03, 1.01, 1);
        transform: scale3d(1.03, 1.01, 1);
    }

    50% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes animMembershipCard {
    0% {
        -webkit-transform: scale3d(1.05, 1.02, 1);
        transform: scale3d(1.05, 1.02, 1);
    }

    30% {
        -webkit-transform: scale3d(1.04, 1.01, 1);
        transform: scale3d(1.04, 1.01, 1);
    }

    40% {
        -webkit-transform: scale3d(1.03, 1.01, 1);
        transform: scale3d(1.03, 1.01, 1);
    }

    50% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
.animMembershipCard {
    -webkit-animation-name: animMembershipCard;
    animation-name: animMembershipCard;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}


@-webkit-keyframes loadingCard {
    to {
        background-position-x: -20%;
    }
}
@keyframes loadingCard {
    to {
        background-position-x: -20%;
    }
}

#app .loadingCard {
    animation: 1s loadingCard ease-in-out infinite;
}
#app .loadingCard.loaded {
    animation: inherit !important;
}



@-webkit-keyframes bounceCollid1_1_Mobile {
    0% {
        -webkit-transform: scale(1);
    }

    35% {
        -webkit-transform: scale(1.15);
    }

    70% {
        -webkit-transform: scale(0.93);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceCollid1_1_Mobile {
    0% {
        transform: scale(1);
    }

    35% {
        transform: scale(1.15);
    }

    70% {
        transform: scale(0.93);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes bounceCollid2_1_Mobile {
    0% {
        -webkit-transform: scale(1);
    }

    35% {
        -webkit-transform: scale(1.08);
    }

    70% {
        -webkit-transform: scale(0.96);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceCollid2_1_Mobile {
    0% {
        transform: scale(1);
    }

    35% {
        transform: scale(1.08);
    }

    70% {
        transform: scale(0.96);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes bounceCollid1_2_Mobile {
    0% {
        -webkit-transform: scale(1);
    }

    35% {
        -webkit-transform: scale(1.25);
    }

    70% {
        -webkit-transform: scale(0.92);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceCollid1_2_Mobile {
    0% {
        transform: scale(1);
    }

    35% {
        transform: scale(1.25);
    }

    70% {
        transform: scale(0.92);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes bounceCollid2_2_Mobile {
    0% {
        -webkit-transform: scale(1);
    }

    35% {
        -webkit-transform: scale(1.15);
    }

    70% {
        -webkit-transform: scale(0.95);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceCollid2_2_Mobile {
    0% {
        transform: scale(1);
    }

    35% {
        transform: scale(1.15);
    }

    70% {
        transform: scale(0.95);
    }

    100% {
        transform: scale(1);
    }
}
@-webkit-keyframes bounceCollid1_3_Mobile {
    0% {
        -webkit-transform: scale(1);
    }

    35% {
        -webkit-transform: scale(1.40);
    }

    70% {
        -webkit-transform: scale(0.90);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceCollid1_3_Mobile {
    0% {
        transform: scale(1);
    }

    35% {
        transform: scale(1.40);
    }

    70% {
        transform: scale(0.90);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes bounceCollid2_3_Mobile {
    0% {
        -webkit-transform: scale(1);
    }

    35% {
        -webkit-transform: scale(1.30);
    }

    70% {
        -webkit-transform: scale(0.92);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceCollid2_3_Mobile {
    0% {
        transform: scale(1);
    }

    35% {
        transform: scale(1.30);
    }

    70% {
        transform: scale(0.92);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes bounceCollid1_4_Mobile {
    0% {
        -webkit-transform: scale(1);
    }

    35% {
        -webkit-transform: scale(1.5);
    }

    70% {
        -webkit-transform: scale(0.83);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceCollid1_4_Mobile {
    0% {
        transform: scale(1);
    }

    35% {
        transform: scale(1.5);
    }

    70% {
        transform: scale(0.83);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes bounceCollid2_4_Mobile {
    0% {
        -webkit-transform: scale(1);
    }

    35% {
        -webkit-transform: scale(1.45);
    }

    70% {
        -webkit-transform: scale(0.85);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceCollid2_4_Mobile {
    0% {
        transform: scale(1);
    }

    35% {
        transform: scale(1.45);
    }

    70% {
        transform: scale(0.85);
    }

    100% {
        transform: scale(1);
    }
}
@-webkit-keyframes bounceCollid1_5_Mobile {
    0% {
        -webkit-transform: scale(1);
    }

    35% {
        -webkit-transform: scale(1.6);
    }

    70% {
        -webkit-transform: scale(0.80);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceCollid1_5_Mobile {
    0% {
        transform: scale(1);
    }

    35% {
        transform: scale(1.6);
    }

    70% {
        transform: scale(0.80);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes bounceCollid2_5_Mobile {
    0% {
        -webkit-transform: scale(1);
    }

    35% {
        -webkit-transform: scale(1.5);
    }

    70% {
        -webkit-transform: scale(0.85);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceCollid2_5_Mobile {
    0% {
        transform: scale(1);
    }

    35% {
        transform: scale(1.5);
    }

    70% {
        transform: scale(0.85);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes bounceCollid1_1 {
    0% {
        -webkit-transform: scale(1);
    }

    35% {
        -webkit-transform: scale(1.1);
    }

    70% {
        -webkit-transform: scale(0.95);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceCollid1_1 {
    0% {
        transform: scale(1);
    }

    35% {
        transform: scale(1.1);
    }

    70% {
        transform: scale(0.95);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes bounceCollid2_1 {
    0% {
        -webkit-transform: scale(1);
    }

    35% {
        -webkit-transform: scale(1.06);
    }

    70% {
        -webkit-transform: scale(0.97);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceCollid2_1 {
    0% {
        transform: scale(1);
    }

    35% {
        transform: scale(1.06);
    }

    70% {
        transform: scale(0.97);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes bounceCollid1_2 {
    0% {
        -webkit-transform: scale(1);
    }

    35% {
        -webkit-transform: scale(1.2);
    }

    70% {
        -webkit-transform: scale(0.92);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceCollid1_2 {
    0% {
        transform: scale(1);
    }

    35% {
        transform: scale(1.2);
    }

    70% {
        transform: scale(0.92);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes bounceCollid2_2 {
    0% {
        -webkit-transform: scale(1);
    }

    35% {
        -webkit-transform: scale(1.13);
    }

    70% {
        -webkit-transform: scale(0.94);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceCollid2_2 {
    0% {
        transform: scale(1);
    }

    35% {
        transform: scale(1.13);
    }

    70% {
        transform: scale(0.94);
    }

    100% {
        transform: scale(1);
    }
}
@-webkit-keyframes bounceCollid1_3 {
    0% {
        -webkit-transform: scale(1);
    }

    35% {
        -webkit-transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(0.88);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceCollid1_3 {
    0% {
        transform: scale(1);
    }

    35% {
        transform: scale(1.3);
    }

    70% {
        transform: scale(0.88);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes bounceCollid2_3 {
    0% {
        -webkit-transform: scale(1);
    }

    35% {
        -webkit-transform: scale(1.2);
    }

    70% {
        -webkit-transform: scale(0.90);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceCollid2_3 {
    0% {
        transform: scale(1);
    }

    35% {
        transform: scale(1.2);
    }

    70% {
        transform: scale(0.90);
    }

    100% {
        transform: scale(1);
    }
}
@-webkit-keyframes bounceCollid1_4 {
    0% {
        -webkit-transform: scale(1);
    }

    35% {
        -webkit-transform: scale(1.5);
    }

    70% {
        -webkit-transform: scale(0.84);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceCollid1_4 {
    0% {
        transform: scale(1);
    }

    35% {
        transform: scale(1.5);
    }

    70% {
        transform: scale(0.84);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes bounceCollid2_4 {
    0% {
        -webkit-transform: scale(1);
    }

    35% {
        -webkit-transform: scale(1.4);
    }

    70% {
        -webkit-transform: scale(0.85);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceCollid2_4 {
    0% {
        transform: scale(1);
    }

    35% {
        transform: scale(1.4);
    }

    70% {
        transform: scale(0.85);
    }

    100% {
        transform: scale(1);
    }
}
@-webkit-keyframes bounceCollid1_5 {
    0% {
        -webkit-transform: scale(1);
    }

    35% {
        -webkit-transform: scale(1.6);
    }

    70% {
        -webkit-transform: scale(0.82);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceCollid1_5 {
    0% {
        transform: scale(1);
    }

    35% {
        transform: scale(1.6);
    }

    70% {
        transform: scale(0.82);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes bounceCollid2_5 {
    0% {
        -webkit-transform: scale(1);
    }

    35% {
        -webkit-transform: scale(1.5);
    }

    70% {
        -webkit-transform: scale(0.85);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceCollid2_5 {
    0% {
        transform: scale(1);
    }

    35% {
        transform: scale(1.5);
    }

    70% {
        transform: scale(0.85);
    }

    100% {
        transform: scale(1);
    }
}

.collision1_1 > div > div > img {
    -webkit-animation-name: bounceCollid1_1;
    animation-name: bounceCollid1_1;
    -webkit-animation-duration: .35s;
    animation-duration: .35s;
    -webkit-transition: transform 0.35s ease;
    transition: transform 0.35s ease;
}

.collision2_1 > div > div > img {
    -webkit-animation-name: bounceCollid2_1;
    animation-name: bounceCollid2_1;
    -webkit-animation-duration: .35s;
    animation-duration: .35s;
    -webkit-transition: transform 0.35s ease;
    transition: transform 0.35s ease;
}

.collision1_2 > div > div > img {
    -webkit-animation-name: bounceCollid1_2;
    animation-name: bounceCollid1_2;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
}

.collision2_2 > div > div > img {
    -webkit-animation-name: bounceCollid2_2;
    animation-name: bounceCollid2_2;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
}

.collision1_3 > div > div > img {
    -webkit-animation-name: bounceCollid1_3;
    animation-name: bounceCollid1_3;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
}

.collision2_3 > div > div > img {
    -webkit-animation-name: bounceCollid2_3;
    animation-name: bounceCollid2_3;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
}

.collision1_4 > div > div > img {
    -webkit-animation-name: bounceCollid1_4;
    animation-name: bounceCollid1_4;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-transition: transform 0.6s ease;
    transition: transform 0.6s ease;
}

.collision2_4 > div > div > img {
    -webkit-animation-name: bounceCollid2_4;
    animation-name: bounceCollid2_4;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-transition: transform 0.6s ease;
    transition: transform 0.6s ease;
}

.collision1_5 > div > div > img {
    -webkit-animation-name: bounceCollid1_5;
    animation-name: bounceCollid1_5;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-transition: transform 0.7s ease;
    transition: transform 0.7s ease;
}

.collision2_5 > div > div > img {
    -webkit-animation-name: bounceCollid2_5;
    animation-name: bounceCollid2_5;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-transition: transform 0.7s ease;
    transition: transform 0.7s ease;
}

@media (max-width: 767.9px) {
    .collision1_1 > div > div > img {
        -webkit-animation-name: bounceCollid1_1_Mobile;
        animation-name: bounceCollid1_1_Mobile;
        -webkit-animation-duration: .4s;
        animation-duration: .4s;
        -webkit-transition: transform 0.4s ease;
        transition: transform 0.4s ease;
    }

    .collision2_1 > div > div > img {
        -webkit-animation-name: bounceCollid2_1_Mobile;
        animation-name: bounceCollid2_1_Mobile;
        -webkit-animation-duration: .35s;
        animation-duration: .35s;
        -webkit-transition: transform 0.35s ease;
        transition: transform 0.35s ease;
    }

    .collision1_2 > div > div > img {
        -webkit-animation-name: bounceCollid1_2_Mobile;
        animation-name: bounceCollid1_2_Mobile;
        -webkit-animation-duration: .45s;
        animation-duration: .45s;
        -webkit-transition: transform 0.45s ease;
        transition: transform 0.45s ease;
    }

    .collision2_2 > div > div > img {
        -webkit-animation-name: bounceCollid2_2_Mobile;
        animation-name: bounceCollid2_2_Mobile;
        -webkit-animation-duration: .4s;
        animation-duration: .4s;
        -webkit-transition: transform 0.4s ease;
        transition: transform 0.4s ease;
    }

    .collision1_3 > div > div > img {
        -webkit-animation-name: bounceCollid1_3_Mobile;
        animation-name: bounceCollid1_3_Mobile;
        -webkit-animation-duration: .55s;
        animation-duration: .55s;
        -webkit-transition: transform 0.55s ease;
        transition: transform 0.55s ease;
    }

    .collision2_3 > div > div > img {
        -webkit-animation-name: bounceCollid2_3_Mobile;
        animation-name: bounceCollid2_3_Mobile;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-transition: transform 0.5s ease;
        transition: transform 0.5s ease;
    }

    .collision1_4 > div > div > img {
        -webkit-animation-name: bounceCollid1_4_Mobile;
        animation-name: bounceCollid1_4_Mobile;
        -webkit-animation-duration: .65s;
        animation-duration: .65s;
        -webkit-transition: transform 0.65s ease;
        transition: transform 0.65s ease;
    }

    .collision2_4 > div > div > img {
        -webkit-animation-name: bounceCollid2_4_Mobile;
        animation-name: bounceCollid2_4_Mobile;
        -webkit-animation-duration: .6s;
        animation-duration: .6s;
        -webkit-transition: transform 0.6s ease;
        transition: transform 0.6s ease;
    }

    .collision1_5 > div > div > img {
        -webkit-animation-name: bounceCollid1_5_Mobile;
        animation-name: bounceCollid1_5_Mobile;
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
        -webkit-transition: transform 0.75s ease;
        transition: transform 0.75s ease;
    }

    .collision2_5 > div > div > img {
        -webkit-animation-name: bounceCollid2_5_Mobile;
        animation-name: bounceCollid2_5_Mobile;
        -webkit-animation-duration: .7s;
        animation-duration: .7s;
        -webkit-transition: transform 0.7s ease;
        transition: transform 0.7s ease;
    }
}



@-webkit-keyframes animPopupContent {
    0% {
        -webkit-filter: blur(8px);
        -webkit-transform: scale(3);
    }

    60% {
        -webkit-filter: blur(0px);
        -webkit-transform: scale(0.96);
    }

    80% {
        -webkit-filter: blur(0px);
        -webkit-transform: scale(1.04);
    }

    100% {
        -webkit-filter: blur(0px);
        -webkit-transform: scale(1);
    }
}
@keyframes animPopupContent{
    0% {
        filter: blur(8px);
        transform: scale(3);
    }

    60% {
        filter: blur(0px);
        transform: scale(0.96);
    }

    80% {
        filter: blur(0px);
        transform: scale(1.04);
    }

    100% {
        filter: blur(0px);
        transform: scale(1);
    }
}

.animPopupContent {
    -webkit-animation: animPopupContent 0.5s;
    animation: animPopupContent 0.5s;
}


@-webkit-keyframes animPopupTitle {
    0% {
        -webkit-transform: rotate(-20deg) scale(40);
    }

    80% {
        -webkit-transform: rotate(-2deg) scale(0.88);
    }

    100% {
        -webkit-transform: rotate(-3deg) scale(1);
    }
}
@keyframes animPopupTitle{
    0% {
        transform: rotate(-20deg) scale(40);
    }

    80% {
        transform: rotate(-2deg) scale(0.88);
    }

    100% {
        transform: rotate(-3deg) scale(1);
    }
}
.animPopupTitle {
    -webkit-animation-name: animPopupTitle;
    animation-name: animPopupTitle;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
}

@-webkit-keyframes animPopupBoostBG {
    0% {
        -webkit-transform: scale(0);
    }

    80% {
        -webkit-transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes animPopupBoostBG {
    0% {
        transform: scale(0);
    }

    80% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.animPopupBoostBG {
    -webkit-animation-name: animPopupBoostBG;
    animation-name: animPopupBoostBG;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
}
.divPopularityPointContent {
    position: relative;
    width: 250px;
    height: 250px;
    padding-top: 50px;
}
.divPopularityPointContent .iconsBg {
    position: absolute;
    z-index: 0;
    top: -70px;
    width: 100%;
    opacity: 0;
}
.divPopularityPointContent .iconsBg img {
    display: block;
    width: 72px;
    height: 72px;
    margin: auto;
}
.divPopularityPointContent .iconsBg2 {
    position: absolute;
    z-index: -2;
    top: -80px;
    left: 0px;
    opacity: 0;
}
.divPopularityPointContent .iconsBg2 img {
    width: 310px;
    height: auto;
}
.divPopularityPointContent .title .iconsBg {
    display: flex; 
    justify-content: center; 
    align-items: center; 
    text-align: center; 
    width: 100%; 
    box-sizing: border-box;
}
.divPopularityPointContent .title .animated {
    display: flex; 
    box-sizing: border-box;
    justify-content: center; 
    align-items: center; 
    text-align: center; 
    height: 100%; 
    width: 100%;
    color: #ffffff;
    text-shadow: #000000 4px 0px 0px, #000000 3.87565px 0.989616px 0px, #000000 3.51033px 1.9177px 0px, #000000 2.92676px 2.72656px 0px, #000000 2.16121px 3.36588px 0px, #000000 1.26129px 3.79594px 0px, #000000 0.282949px 3.98998px 0px, #000000 -0.712984px 3.93594px 0px, #000000 -1.66459px 3.63719px 0px, #000000 -2.51269px 3.11229px 0px, #000000 -3.20457px 2.39389px 0px, #000000 -3.69721px 1.52664px 0px, #000000 -3.95997px 0.56448px 0px, #000000 -3.97652px -0.432781px 0px, #000000 -3.74583px -1.40313px 0px, #000000 -3.28224px -2.28625px 0px, #000000 -2.61457px -3.02721px 0px, #000000 -1.78435px -3.57996px 0px, #000000 -0.843183px -3.91012px 0px, #000000 0.150409px -3.99717px 0px, #000000 1.13465px -3.8357px 0px, #000000 2.04834px -3.43574px 0px, #000000 2.83468px -2.82216px 0px, #000000 3.44477px -2.03312px 0px, #000000 3.84068px -1.11766px 0px, #000000 3.9978px -0.132717px 0px;
    padding: 10px; 
    opacity: 0;
}
.langrtl .divPopularityPointContent .title .animated,
.langrtl .divPopularityPointWrapped .divPopularityPointTxt .txt {
    direction: rtl;
}


@-webkit-keyframes animPopupBoostBG2 {
    0% {
        -webkit-transform: scale(0);
    }

    70% {
        -webkit-transform: scale(1.35);
    }

    90% {
        -webkit-transform: scale(0.92);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes animPopupBoostBG2 {
    0% {
        transform: scale(0);
    }

    70% {
        transform: scale(1.35);
    }

    90% {
        transform: scale(0.92);
    }

    100% {
        transform: scale(1);
    }
}

.animPopupBoostBG2 {
    -webkit-animation-name: animPopupBoostBG2;
    animation-name: animPopupBoostBG2;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-transition: 1.6s all ease;
    transition: 1.6s all ease;
}

@-webkit-keyframes animPopupTxt {
    0% {
        -webkit-transform: scale3d(0.5,0.5,0.5);
    }
    30% {
        -webkit-transform: scale3d(1.25,0.85,1);
    }

    40% {
        -webkit-transform: scale3d(0.85,1.12,1);
    }

    50% {
        -webkit-transform: scale3d(1.12,.85,1);
    }

    65% {
        -webkit-transform: scale3d(.97,1.03,1);
    }

    75% {
        -webkit-transform: scale3d(1.03,.97,1);
    }

    to {
        -webkit-transform: scaleX(1);
    }
}

@keyframes animPopupTxt {
    0% {
        transform: scale3d(0.5,0.5,0.5);
    }

    30% {
        transform: scale3d(1.25,0.85,1);
    }

    40% {
        transform: scale3d(0.85,1.12,1);
    }

    50% {
        transform: scale3d(1.12,.85,1);
    }

    65% {
        transform: scale3d(.97,1.03,1);
    }

    75% {
        transform: scale3d(1.03,.97,1);
    }

    to {
        transform: scaleX(1);
    }
}
.animMsg {
    text-shadow: 1px 2px 5px black;
    opacity: 0;
}
.animPopupTxt {
    display: block;
    -webkit-animation-name: animPopupTxt;
    animation-name: animPopupTxt;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
}


@-webkit-keyframes bounceOutAnimPopupcontent {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
    }
}
@keyframes bounceOutAnimPopupcontent {
    20% {
        transform: scale3d(.9,.9,.9);
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1);
    }

    to {
        opacity: 0;
        transform: scale3d(.3,.3,.3);
    }
}
.bounceOutAnimPopupcontent {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOutAnimPopupcontent;
    animation-name: bounceOutAnimPopupcontent;
}

@media (max-width: 767.9px) {
    html[data-isapp="true"][data-platform="mauiiOS"] #passwordDeleteAccount {
        padding: 2px 4px 0px 4px!important;
    }
}
@media (min-width: 768px) {
    #toast-container .toast-close-button {
        right: 0px !important;
    }
    #toast-container .divPopUpUserPseudoMessage {
        width: calc(100% - 30px);
    }
    body #toast-container.toast-top-center {
        top: initial;
    }
}

input[type="datetime-local"] {
    color: #000000 !important;
    box-shadow: none !important;
    transition: none !important;
    padding: 2px 4px 0px 4px;
}
input[type="datetime-local"].notValid {
    color: #000000 !important;
}
input[type="datetime-local"]::-webkit-datetime-edit-day-field,
input[type="datetime-local"]::-webkit-datetime-edit-month-field,
input[type="datetime-local"]::-webkit-datetime-edit-year-field {
    color: #000000 !important;
}
input[type="datetime-local"].notValid::-webkit-datetime-edit-day-field,
input[type="datetime-local"].notValid::-webkit-datetime-edit-month-field,
input[type="datetime-local"].notValid::-webkit-datetime-edit-year-field {
    color: #000000 !important;
}

.flag {
    width: 20px; 
    height: 20px;
    background: url(../images/sprites/flag_sprites.webp);
    background-repeat: no-repeat;
}
.flag-ad {
    background-position: -10px -10px;
}

.flag-af {
    background-position: -50px -10px;
}

.flag-ag {
    background-position: -10px -50px;
}

.flag-ai {
    background-position: -50px -50px;
}

.flag-ae {
    background-position: -90px -10px;
}

.flag-al {
    background-position: -90px -50px;
}

.flag-ao {
    background-position: -10px -90px;
}

.flag-am {
    background-position: -50px -90px;
}

.flag-an {
    background-position: -90px -90px;
}

.flag-au {
    background-position: -130px -10px;
}

.flag-aq {
    background-position: -130px -50px;
}

.flag-at {
    background-position: -130px -90px;
}

.flag-ar {
    background-position: -10px -130px;
}

.flag-aw {
    background-position: -50px -130px;
}

.flag-bb {
    background-position: -90px -130px;
}

.flag-az {
    background-position: -130px -130px;
}

.flag-ba {
    background-position: -170px -10px;
}

.flag-bd {
    background-position: -170px -50px;
}

.flag-be {
    background-position: -170px -90px;
}

.flag-bf {
    background-position: -170px -130px;
}

.flag-bh {
    background-position: -10px -170px;
}

.flag-bi {
    background-position: -50px -170px;
}

.flag-bg {
    background-position: -90px -170px;
}

.flag-bj {
    background-position: -130px -170px;
}

.flag-br {
    background-position: -170px -170px;
}

.flag-bs {
    background-position: -210px -10px;
}

.flag-bt {
    background-position: -210px -50px;
}

.flag-bn {
    background-position: -210px -90px;
}

.flag-bo {
    background-position: -210px -130px;
}

.flag-bw {
    background-position: -210px -170px;
}

.flag-by {
    background-position: -10px -210px;
}

.flag-cd {
    background-position: -50px -210px;
}

.flag-bz {
    background-position: -90px -210px;
}

.flag-cc {
    background-position: -130px -210px;
}

.flag-ch {
    background-position: -170px -210px;
}

.flag-ca {
    background-position: -210px -210px;
}

.flag-cf {
    background-position: -250px -10px;
}

.flag-cg {
    background-position: -250px -50px;
}

.flag-cm {
    background-position: -250px -90px;
}

.flag-ci {
    background-position: -250px -130px;
}

.flag-cl {
    background-position: -250px -170px;
}

.flag-cu {
    background-position: -250px -210px;
}

.flag-co {
    background-position: -10px -250px;
}

.flag-cn {
    background-position: -50px -250px;
}

.flag-cr {
    background-position: -90px -250px;
}

.flag-ck {
    background-position: -130px -250px;
}

.flag-cv {
    background-position: -170px -250px;
}

.flag-cy {
    background-position: -210px -250px;
}

.flag-de {
    background-position: -250px -250px;
}

.flag-cw {
    background-position: -290px -10px;
}

.flag-cz {
    background-position: -290px -50px;
}

.flag-dm {
    background-position: -290px -90px;
}

.flag-dk {
    background-position: -290px -130px;
}

.flag-cx {
    background-position: -290px -170px;
}

.flag-dj {
    background-position: -290px -210px;
}

.flag-do {
    background-position: -290px -250px;
}

.flag-ec {
    background-position: -10px -290px;
}

.flag-dz {
    background-position: -50px -290px;
}

.flag-eh {
    background-position: -90px -290px;
}

.flag-ee {
    background-position: -130px -290px;
}

.flag-er {
    background-position: -170px -290px;
}

.flag-es {
    background-position: -210px -290px;
}

.flag-et {
    background-position: -250px -290px;
}

.flag-fj {
    background-position: -290px -290px;
}

.flag-eg {
    background-position: -330px -10px;
}

.flag-fi {
    background-position: -330px -50px;
}

.flag-fo {
    background-position: -330px -90px;
}

.flag-fr {
    background-position: -330px -130px;
}

.flag-gb {
    background-position: -330px -170px;
}

.flag-gd {
    background-position: -330px -210px;
}

.flag-fm {
    background-position: -330px -250px;
}

.flag-ga {
    background-position: -330px -290px;
}

.flag-gf {
    background-position: -10px -330px;
}

.flag-gh {
    background-position: -50px -330px;
}

.flag-gp {
    background-position: -90px -330px;
}

.flag-gl {
    background-position: -130px -330px;
}

.flag-ge {
    background-position: -170px -330px;
}

.flag-gm {
    background-position: -210px -330px;
}

.flag-gq {
    background-position: -250px -330px;
}

.flag-gn {
    background-position: -290px -330px;
}

.flag-gr {
    background-position: -330px -330px;
}

.flag-gt {
    background-position: -370px -10px;
}

.flag-gy {
    background-position: -370px -50px;
}

.flag-gw {
    background-position: -370px -90px;
}

.flag-hn {
    background-position: -370px -130px;
}

.flag-hr {
    background-position: -370px -170px;
}

.flag-hk {
    background-position: -370px -210px;
}

.flag-ht {
    background-position: -370px -250px;
}

.flag-hu {
    background-position: -370px -290px;
}

.flag-ie {
    background-position: -370px -330px;
}

.flag-id {
    background-position: -10px -370px;
}

.flag-il {
    background-position: -50px -370px;
}

.flag-in {
    background-position: -90px -370px;
}

.flag-ir {
    background-position: -130px -370px;
}

.flag-iq {
    background-position: -170px -370px;
}

.flag-it {
    background-position: -210px -370px;
}

.flag-jm {
    background-position: -250px -370px;
}

.flag-is {
    background-position: -290px -370px;
}

.flag-jo {
    background-position: -330px -370px;
}

.flag-jp {
    background-position: -370px -370px;
}

.flag-ke {
    background-position: -410px -10px;
}

.flag-kg {
    background-position: -410px -50px;
}

.flag-kh {
    background-position: -410px -90px;
}

.flag-ki {
    background-position: -410px -130px;
}

.flag-km {
    background-position: -410px -170px;
}

.flag-kn {
    background-position: -410px -210px;
}

.flag-kp {
    background-position: -410px -250px;
}

.flag-kr {
    background-position: -410px -290px;
}

.flag-kw {
    background-position: -410px -330px;
}

.flag-kz {
    background-position: -410px -370px;
}

.flag-la {
    background-position: -10px -410px;
}

.flag-lb {
    background-position: -50px -410px;
}

.flag-lc {
    background-position: -90px -410px;
}

.flag-li {
    background-position: -130px -410px;
}

.flag-lk {
    background-position: -170px -410px;
}

.flag-lr {
    background-position: -210px -410px;
}

.flag-ls {
    background-position: -250px -410px;
}

.flag-lt {
    background-position: -290px -410px;
}

.flag-lu {
    background-position: -330px -410px;
}

.flag-lv {
    background-position: -370px -410px;
}

.flag-ly {
    background-position: -410px -410px;
}

.flag-ma {
    background-position: -450px -10px;
}

.flag-mc {
    background-position: -450px -50px;
 }

.flag-md {
    background-position: -450px -90px;
 }

.flag-me {
    background-position: -450px -130px;
 }

.flag-mg {
    background-position: -450px -170px;
 }

.flag-mh {
    background-position: -450px -210px;
 }

.flag-mk {
    background-position: -450px -250px;
 }

.flag-ml {
    background-position: -450px -290px;
 }

.flag-mm {
    background-position: -450px -330px;
 }

.flag-mn {
    background-position: -450px -370px;
 }

.flag-mo {
    background-position: -450px -410px;
 }

.flag-mr {
    background-position: -10px -450px;
 }

.flag-mt {
    background-position: -50px -450px;
 }

.flag-mu {
    background-position: -90px -450px;
 }

.flag-mv {
    background-position: -130px -450px;
 }

.flag-mw {
    background-position: -170px -450px;
 }

.flag-my {
    background-position: -210px -450px;
 }

.flag-mx {
    background-position: -250px -450px;
 }

.flag-mz {
    background-position: -290px -450px;
 }

.flag-na {
    background-position: -330px -450px;
 }

.flag-nc {
    background-position: -370px -450px;
 }

.flag-ne {
    background-position: -410px -450px;
 }

.flag-nf {
    background-position: -450px -450px;
 }

.flag-ng {
    background-position: -490px -10px;
 }

.flag-nl {
    background-position: -490px -50px;
 }

.flag-ni {
    background-position: -490px -90px;
 }

.flag-no {
    background-position: -490px -130px;
 }

.flag-np {
    background-position: -490px -170px;
 }

.flag-nr {
    background-position: -490px -210px;
 }

.flag-nu {
    background-position: -490px -250px;
 }

.flag-nz {
    background-position: -490px -290px;
 }

.flag-om {
    background-position: -490px -330px;
 }

.flag-pa {
    background-position: -490px -370px;
 }

.flag-pe {
    background-position: -490px -410px;
 }

.flag-pg {
    background-position: -490px -450px;
 }

.flag-ph {
    background-position: -10px -490px;
 }

.flag-pk {
    background-position: -50px -490px;
 }

.flag-pl {
    background-position: -90px -490px;
 }

.flag-pr {
    background-position: -130px -490px;
 }

.flag-ps {
    background-position: -170px -490px;
 }

.flag-pt {
    background-position: -210px -490px;
 }

.flag-pw {
    background-position: -250px -490px;
 }

.flag-py {
    background-position: -290px -490px;
 }

.flag-qa {
    background-position: -330px -490px;
 }

.flag-ro {
    background-position: -370px -490px;
 }

.flag-rs {
    background-position: -410px -490px;
 }

.flag-ru {
    background-position: -450px -490px;
 }

.flag-rw {
    background-position: -490px -490px;
 }

.flag-sa {
    background-position: -530px -10px;
 }

.flag-sb {
    background-position: -530px -50px;
 }

.flag-sc {
    background-position: -530px -90px;
 }

.flag-sd {
    background-position: -530px -130px;
 }

.flag-se {
    background-position: -530px -170px;
 }

.flag-sg {
    background-position: -530px -210px;
 }

.flag-si {
    background-position: -530px -250px;
 }

.flag-sk {
    background-position: -530px -290px;
 }

.flag-sl {
    background-position: -530px -330px;
 }

.flag-sn {
    background-position: -530px -370px;
 }

.flag-sm {
    background-position: -530px -410px;
 }

.flag-so {
    background-position: -530px -450px;
 }

.flag-sr {
    background-position: -530px -490px;
 }

.flag-ss {
    background-position: -10px -530px;
 }

.flag-st {
    background-position: -50px -530px;
 }

.flag-sv {
    background-position: -90px -530px;
 }

.flag-sy {
    background-position: -130px -530px;
 }

.flag-sz {
    background-position: -170px -530px;
 }
.flag-ta {
    background-position: -410px -570px;
}
.flag-tc {
    background-position: -210px -530px;
 }

.flag-td {
    background-position: -250px -530px;
 }

.flag-tg {
    background-position: -290px -530px;
 }

.flag-th {
    background-position: -330px -530px;
 }

.flag-tj {
    background-position: -370px -530px;
 }

.flag-tk {
    background-position: -410px -530px;
 }

.flag-tl {
    background-position: -450px -530px;
 }

.flag-tm {
    background-position: -490px -530px;
 }

.flag-tn {
    background-position: -530px -530px;
 }

.flag-to {
    background-position: -570px -10px;
 }

.flag-tr {
    background-position: -570px -50px;
 }

.flag-tt {
    background-position: -570px -90px;
 }

.flag-tv {
    background-position: -570px -130px;
 }

.flag-tw {
    background-position: -570px -170px;
 }

.flag-tz {
    background-position: -570px -210px;
 }

.flag-ua {
    background-position: -570px -250px;
 }

.flag-ug {
    background-position: -570px -290px;
 }

.flag-us {
    background-position: -570px -330px;
 }

.flag-uy {
    background-position: -570px -370px;
 }

.flag-uz {
    background-position: -570px -410px;
 }

.flag-va {
    background-position: -570px -450px;
 }

.flag-vc {
    background-position: -570px -490px;
 }

.flag-ve {
    background-position: -570px -530px;
 }

.flag-vg {
    background-position: -10px -570px;
 }

.flag-vn {
    background-position: -50px -570px;
 }

.flag-ye {
    background-position: -90px -570px;
 }

.flag-vu {
    background-position: -130px -570px;
 }

.flag-ws {
    background-position: -170px -570px;
 }

.flag-za {
    background-position: -210px -570px;
 }

.flag-xk {
    background-position: -250px -570px;
 }

.flag-zh-Hant {
    background-position: -290px -570px;
 }

.flag-zm {
    background-position: -330px -570px;
}

.flag-zw {
    background-position: -370px -570px;
}
.flags {
    width: 24px;
    height: 14px;
    background: url(../images/sprites/flags_sprites.webp);
    background-size: calc(644 / 3 * 1px) calc(496 / 3 * 1px);
    background-repeat: no-repeat;
}
.flags-ar {
    background-position: calc(-10 / 3 * 1px) calc(-10 / 3 * 1px);
}
.flags-bg {
    background-position: calc(-102 / 3 * 1px) calc(-10 / 3 * 1px);
}
.flags-cn {
    background-position: calc(-10 / 3 * 1px) calc(-72 / 3 * 1px);
}
.flags-bn {
    background-position: calc(-102 / 3 * 1px) calc(-72 / 3 * 1px);
}
.flags-cs {
    background-position: calc(-194 / 3 * 1px) calc(-10 / 3 * 1px);
}
.flags-cz {
    background-position: calc(-194 / 3 * 1px) calc(-72 / 3 * 1px);
}
.flags-da {
    background-position: calc(-10 / 3 * 1px) calc(-134 / 3 * 1px);
}
.flags-dk {
    background-position: calc(-102 / 3 * 1px) calc(-134 / 3 * 1px);
}
.flags-de {
    background-position: calc(-194 / 3 * 1px) calc(-134 / 3 * 1px);
}
.flags-en {
    background-position: calc(-10 / 3 * 1px) calc(-196 / 3 * 1px);
}
.flags-el {
    background-position: calc(-102 / 3 * 1px) calc(-196 / 3 * 1px);
}
.flags-es {
    background-position: calc(-194 / 3 * 1px) calc(-196 / 3 * 1px);
}
.flags-fr {
    background-position: calc(-286 / 3 * 1px) calc(-10 / 3 * 1px);
}
.flags-gr {
    background-position: calc(-286 / 3 * 1px) calc(-72 / 3 * 1px);
}
.flags-fi {
    background-position: calc(-286 / 3 * 1px) calc(-134 / 3 * 1px);
}
.flags-he {
    background-position: calc(-286 / 3 * 1px) calc(-196 / 3 * 1px);
}
.flags-hi {
    background-position: calc(-10 / 3 * 1px) calc(-258 / 3 * 1px);
}
.flags-il {
    background-position: calc(-102 / 3 * 1px) calc(-258 / 3 * 1px);
}
.flags-id {
    background-position: calc(-194 / 3 * 1px) calc(-258 / 3 * 1px);
}
.flags-in {
    background-position: calc(-286 / 3 * 1px) calc(-258 / 3 * 1px);
}
.flags-hr {
    background-position: calc(-378 / 3 * 1px) calc(-10 / 3 * 1px);
}
.flags-hu {
    background-position: calc(-378 / 3 * 1px) calc(-72 / 3 * 1px);
}
.flags-it {
    background-position: calc(-378 / 3 * 1px) calc(-134 / 3 * 1px);
}
.flags-ja {
    background-position: calc(-378 / 3 * 1px) calc(-196 / 3 * 1px);
}
.flags-jp {
    background-position: calc(-378 / 3 * 1px) calc(-258 / 3 * 1px);
}
.flags-kr {
    background-position: calc(-10 / 3 * 1px) calc(-320 / 3 * 1px);
}
.flags-ko {
    background-position: calc(-102 / 3 * 1px) calc(-320 / 3 * 1px);
}
.flags-lv {
    background-position: calc(-194 / 3 * 1px) calc(-320 / 3 * 1px);
}
.flags-lt {
    background-position: calc(-286 / 3 * 1px) calc(-320 / 3 * 1px);
}
.flags-lk {
    background-position: calc(-378 / 3 * 1px) calc(-320 / 3 * 1px);
}
.flags-ms {
    background-position: calc(-10 / 3 * 1px) calc(-382 / 3 * 1px);
}
.flags-nn {
    background-position: calc(-102 / 3 * 1px) calc(-382 / 3 * 1px);
}
.flags-nl {
    background-position: calc(-194 / 3 * 1px) calc(-382 / 3 * 1px);
}
.flags-my {
    background-position: calc(-286 / 3 * 1px) calc(-382 / 3 * 1px);
}
.flags-pl {
    background-position: calc(-378 / 3 * 1px) calc(-382 / 3 * 1px);
}
.flags-ro {
    background-position: calc(-470 / 3 * 1px) calc(-10 / 3 * 1px);
}
.flags-pt {
    background-position: calc(-470 / 3 * 1px) calc(-72 / 3 * 1px);
}
.flags-ru {
    background-position: calc(-470 / 3 * 1px) calc(-134 / 3 * 1px);
}
.flags-sk {
    background-position: calc(-470 / 3 * 1px) calc(-196 / 3 * 1px);
}
.flags-sl {
    background-position: calc(-470 / 3 * 1px) calc(-258 / 3 * 1px);
}
.flags-sv {
    background-position: calc(-470 / 3 * 1px) calc(-320 / 3 * 1px);
}
.flags-sq {
    background-position: calc(-470 / 3 * 1px) calc(-382 / 3 * 1px);
}
.flags-th {
    background-position: calc(-10 / 3 * 1px) calc(-444 / 3 * 1px);
}
.flags-ta {
    background-position: calc(-558 / 3 * 1px) calc(-254 / 3 * 1px);
}
.flags-ua {
    background-position: calc(-194 / 3 * 1px) calc(-444 / 3 * 1px);
}
.flags-tr {
    background-position: calc(-286 / 3 * 1px) calc(-444 / 3 * 1px);
}
.flags-uk {
    background-position: calc(-378 / 3 * 1px) calc(-444 / 3 * 1px);
}
.flags-us {
    background-position: calc(-470 / 3 * 1px) calc(-444 / 3 * 1px);
}
.flags-zh {
    background-position: calc(-562 / 3 * 1px) calc(-10 / 3 * 1px);
}
.flags-vn {
    background-position: calc(-562 / 3 * 1px) calc(-72 / 3 * 1px);
}
.flags-vi {
    background-position: calc(-562 / 3 * 1px) calc(-134 / 3 * 1px);
}
.flags-zh-Hant {
    background-position: calc(-562 / 3 * 1px) calc(-196 / 3 * 1px);
}