/*!
  * Republika CSS
  * https://republika.ro
  *
  * Copyright (c) 2021 Republika
  *
 */

#form-manager-overlay {
    z-index: 9999999 !important;
}


@font-face {
    font-family: 'Futura Now Headline';
    src: url('assets/fonts/FuturaNowHeadline-Medium.eot');
    src: local('Futura Now Headline Medium'), local('FuturaNowHeadline-Medium'),
    url('assets/fonts/FuturaNowHeadline-Medium.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/FuturaNowHeadline-Medium.woff2') format('woff2'),
    url('assets/fonts/FuturaNowHeadline-Medium.woff') format('woff'),
    url('assets/fonts/FuturaNowHeadline-Medium.ttf') format('truetype'),
    url('assets/fonts/FuturaNowHeadline-Medium.svg#FuturaNowHeadline-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Now Headline';
    src: url('assets/fonts/FuturaNowHeadline-Black.eot');
    src: local('Futura Now Headline Black'), local('FuturaNowHeadline-Black'),
    url('assets/fonts/FuturaNowHeadline-Black.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/FuturaNowHeadline-Black.woff2') format('woff2'),
    url('assets/fonts/FuturaNowHeadline-Black.woff') format('woff'),
    url('assets/fonts/FuturaNowHeadline-Black.ttf') format('truetype'),
    url('assets/fonts/FuturaNowHeadline-Black.svg#FuturaNowHeadline-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Now Headline';
    src: url('assets/fonts/FuturaNowHeadline.eot');
    src: local('Futura Now Headline'), local('FuturaNowHeadline'),
    url('assets/fonts/FuturaNowHeadline.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/FuturaNowHeadline.woff2') format('woff2'),
    url('assets/fonts/FuturaNowHeadline.woff') format('woff'),
    url('assets/fonts/FuturaNowHeadline.ttf') format('truetype'),
    url('assets/fonts/FuturaNowHeadline.svg#FuturaNowHeadline') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Now Headline';
    src: url('assets/fonts/FuturaNowHeadline-Bold.eot');
    src: local('Futura Now Headline Bold'), local('FuturaNowHeadline-Bold'),
    url('assets/fonts/FuturaNowHeadline-Bold.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/FuturaNowHeadline-Bold.woff2') format('woff2'),
    url('assets/fonts/FuturaNowHeadline-Bold.woff') format('woff'),
    url('assets/fonts/FuturaNowHeadline-Bold.ttf') format('truetype'),
    url('assets/fonts/FuturaNowHeadline-Bold.svg#FuturaNowHeadline-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Now Headline';
    src: url('assets/fonts/FuturaNowHeadline-Light.eot');
    src: local('Futura Now Headline Light'), local('FuturaNowHeadline-Light'),
    url('assets/fonts/FuturaNowHeadline-Light.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/FuturaNowHeadline-Light.woff2') format('woff2'),
    url('assets/fonts/FuturaNowHeadline-Light.woff') format('woff'),
    url('assets/fonts/FuturaNowHeadline-Light.ttf') format('truetype'),
    url('assets/fonts/FuturaNowHeadline-Light.svg#FuturaNowHeadline-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


.animate__zoomIn {
    -webkit-transform: translate3d(0, 0, 0);
    transition: transform 100ms;
}

/* Root Start */

:root {
    --font-family: 'Futura Now Headline';
    --color-primary: #1F52A2;
    --color-secondary: #197BB9;
    --color-dark: #000000;
    --color-white: #fffFFF;
    --color-danger: #ff5e5e;
    --color-warning: #Fd7E14;
    --color-info: #1193ad;
    --color-success: #1a8a55;
    --color-border: #999;
    --color-grey: #999;
    --color-blue: #0d6efd;
    --color-indigo: #6610f2;
    --color-purple: #6f42c1;
    --color-pink: #d63384;
    --color-red: #dc3545;
    --color-orange: #fd7e14;
    --color-yellow: #ffc107;
    --color-green: #198754;
    --color-teal: #20c997;
    --color-cyan: #0dcaf0;
    --rp-gutter-x: 1.35rem;
    --rp-gutter-y: 0;
}

.color-orange {
    color: #F2684C;
}

.color-primary {
    color: var(--color-primary) !important;
}

.color-secondary {
    color: var(--color-secondary) !important;
}

.color-dark {
    color: var(--color-dark) !important;
}

.color-white {
    color: var(--color-white) !important;
}

.color-error {
    color: var(--color-danger) !important;
}

.color-red {
    color: var(--color-danger) !important;
}

.color-success {
    color: var(--color-success) !important;
}

.color-success-hover {
    color: var(--color-success) !important;
}

.color-border {
    color: var(--color-border) !important;
}

.color-grey {
    color: var(--color-grey) !important;
}

.color-warning {
    color: var(--color-warning) !important;
}

.bg-primary {
    background-color: var(--color-primary) !important;
}

.bg-seconary {
    background-color: var(--color-secondary) !important;
}

.bg-dark {
    background-color: var(--color-dark) !important;
}

.bg-ganger {
    background-color: var(--color-danger) !important;
}

.bg-white {
    background-color: var(--color-white) !important;
}

.bg-border {
    background-color: var(--color-border) !important;
}

.bg-success {
    background-color: var(--color-success) !important;
}

.bg-info {
    background-color: var(--color-info) !important;
}


.shadow-sm {
    box-shadow: 0 0.225rem 0.45rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.border-radius-1 {
    border-radius: 1rem;
}

.border-radius-2 {
    border-radius: 2rem;
}

.border-radius-3 {
    border-radius: 3rem;
}

.border-radius-4 {
    border-radius: 4rem;
}

.border-radius-5 {
    border-radius: 5rem;
}

.border-radius-99 {
    border-radius: 99rem;
}

.shadow-none {
    box-shadow: none !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.vw-100 {
    width: 100vw !important;
}

.vh-100 {
    height: 100vh !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

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

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}


.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}


.bg-transparent {
    background-color: transparent !important;
}

.border {
    border: 1px solid #dee2e6 !important;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}

.border-right {
    border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
    border-left: 1px solid #dee2e6 !important;
}

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.border-primary {
    border-color: var(--color-primary) !important;
}

.border-secondary {
    border-color: var(--color-secondary) !important;
}

.border-success {
    border-color: var(--color-success) !important;
}

.border-info {
    border-color: var(--color-info) !important;
}

.border-warning {
    border-color: #ffc107 !important;
}

.border-danger {
    border-color: #dc3545 !important;
}

.border-light {
    border-color: #f8f9fa !important;
}

.border-dark {
    border-color: #343a40 !important;
}

.border-white {
    border-color: #fff !important;
}

*,
*:after,
*:before {
    box-sizing: border-box;
}

html {
    box-sizing: border-box;
    font-size: 62.5%;
    min-height: calc(100% + env(safe-area-inset-top));
}

body {
    font-family: var(--font-family);
    font-size: 1.6rem;
    color: #1F52A2;
    font-weight: 400;
    overflow-x: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 100%;
    margin: 0;
    padding: 0;
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1.6;
    background: #EEEDEB;
}

#videoModalResponse {

}

.modalNewResponse {
    max-width: 450px;
    text-align: center;
    padding: 15px;
}

#videoModalResponse .quizVideo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    max-width: 350px;
    margin: 0 auto;
}

#videoModalResponse .quizVideo .question {
    width: 48%;
}

#videoModalResponse .quizVideo .question .icon {
    position: relative;
    height: 220px;
    border-radius: 18px;
    margin-bottom: 10px;
    overflow: hidden;
}

#videoModalResponse .modal-content {
    padding: 30px;
    min-width: 420px;
}

#videoModalResponse .quizVideo .question .icon img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

#videoModalResponse .quizVideo .question .icon .info {
    position: absolute;
    bottom: 0;
    padding: 15px;
    background: rgb(20, 65, 121);
    background: linear-gradient(0deg, rgba(20, 65, 121, 1) 0%, rgba(255, 255, 255, 0) 81%);
    color: #FFF;
    margin: 0;
    right: 0;
    left: 0;
    text-align: center;
    text-transform: uppercase;
    padding-top: 50px;
}

#videoModalResponse .quizVideo .question .icon .info p {

}

#birouSefForm .choice img {
    border-radius: 18px;
    display: block;
    margin-bottom: 10px;
}

#statuiesefForm {
    margin-bottom: 0;
}

#statuiesefModal .clasic-engagement .actions form label {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#codeModal h4 {
    font-style: italic;
    font-size: 3rem;
    text-transform: uppercase;
    font-weight: 900;
}

.title-section-big {
    font-size: 4rem;
    font-weight: 900;
    line-height: 1;
    font-style: italic;
    text-transform: uppercase;
}

.statsQuiz {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.statsQuiz span {
    width: 48%;
    display: block;
    text-align: center;
    font-size: 3rem;
    font-weight: 900;

}

.statsQuiz span i {
    font-style: normal;
}

.statsQuiz span em {
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    display: block;
    line-height: 1.4;
    margin-bottom: 15px;
}

#responseVid {
    width: 100%;
    height: 5px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #e0e0e0;
}

#responseVid::-webkit-progress-bar {
    background-color: #e0e0e0;
    border-radius: 10px;
}

#responseVid::-webkit-progress-value {
    background: linear-gradient(90deg, #1F52A2 0%, #1F52A2 100%);
    border-radius: 10px;
}

#responseVid::-moz-progress-bar {
    background: linear-gradient(90deg, #1F52A2 0%, #1F52A2 100%);
    border-radius: 10px;
}

.title-section {
    font-size: 3.2rem;
    font-weight: 900;
    line-height: 1.2;
    font-style: italic;
    text-transform: uppercase;
}

.title-section-big {

}

.title-section-small {
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.3;
    font-style: italic;
    text-transform: uppercase;
}

.site-main {
    margin-top: 90px;
    margin-bottom: 30px;
}

.site-main .video-main {
    padding-left: 30px;
}

.site-main .explain {

}

.site-main .explain .isInfo {
    display: inline-block;
    max-width: 400px;
}

.site-main .explain .isInfo small {
    display: inline-block;
}

.site-main .explain h1 {
    font-weight: 900;
    padding: 0 100px;
    font-size: 3.5rem;
    font-style: italic;
    line-height: 1.3;
}

.site-main .explain p {
    font-size: 1.3rem;
    font-weight: 600;
}

.site-main .sorin {
    text-align: right;
    padding-left: 60px;
}

.site-main .sorin img {

}

#bigPrizeModal .modal-content {
    max-width: 500px;
}

#bigPrizeModal .closeModal {
}

.response-big__text {
    padding: 20px;
    margin-bottom: 20px;
    max-width: 420px;
}

#bigPrizeModal .modal-content #videoPrize {
    max-width: 100%;
    border-radius: 18px;
    display: block;
}

.response-big {
    display: none;
    padding-top: 30px;
}

.response-big small {

}

#loadingoverlay {

    width: 100%;
    overflow: hidden;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999999999;
    background: rgba(222, 222, 222, 0.8);
}

#loadingoverlay .inside {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

#loadingoverlay .inside img {
    display: block;
    margin: 0 auto;
    max-width: 100px;
}

#scratCh {
    width: 400px;
    height: 563px;
    border-radius: 18px;
    overflow: hidden;

}

#scratCh canvas {
    top: 0;
    z-index: 65;
}

#scratCh canvas:before {

}

blockquote {
    border-left: 0.3rem solid var(--color-primary);
    margin-left: 0;
    margin-right: 0;
    padding: 1rem 1.5rem;
}

blockquote *:last-child {
    margin-bottom: 0;
}

blockquote cite {
    font-size: 80%;
    font-style: normal;
    color: rgba(0, 0, 0, 0.5);
}

.counterContext {
    cursor: pointer;
    color: #FFF;
    width: 120px;
    height: 100px;
    position: fixed;
    top: 20%;
    right: -10px;
    text-align: center;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #144179;
    border-radius: 10px;
}

.counterContext p {
    margin-bottom: 0;
    font-size: 1.3rem;
    font-weight: 700;
}

.counterContext span {
    font-size: 1rem;
    text-transform: uppercase;
    display: block;
    padding: 0 12px;
}

.closeroata {
    background: #43A2CE;
    text-decoration: none !important;
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 99rem;
    font-weight: 700;
    transform: rotate(45deg);
    position: absolute;
    top: 20px;
    right: 20px;
    color: #FFF;
}

.closeroata:hover {
    color: #FFF;
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button;
}

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
    cursor: pointer;
}

.button.disabled, .button:disabled {
    opacity: 0.5;
    color: #eee;
    pointer-events: none;
}

.button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
    background-color: transparent;
    border: 0.1rem solid transparent;
    border-radius: 18px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 1.4rem;
    padding: 1.4rem 3.5rem;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    transition: 0.3s;
}

.button span {
    position: relative;
}

.button span:before {
    content: "";
    background: url(assets/images/btnbefore.png);
    display: inline-block;
    width: 19px;
    height: 12px;
    margin-right: 10px;
    position: absolute;
    left: -25px;
    top: 7px;
}

.button span:after {
    content: "";
    background: url("assets/images/btnafter.png");
    display: inline-block;
    width: 19px;
    height: 12px;
    margin-right: 10px;
    position: absolute;
    right: -34px;
    top: 7px;
}

.button:focus, .button:hover,
button:focus,
button:hover,
input[type='button']:focus,
input[type='button']:hover,
input[type='reset']:focus,
input[type='reset']:hover,
input[type='submit']:focus,
input[type='submit']:hover {
    background-color: transparent;
    border-color: transparent;
    color: var(--color-white);
    transition: 0.3s;
}

.button[disabled],
button[disabled],
input[type='button'][disabled],
input[type='reset'][disabled],
input[type='submit'][disabled] {
    cursor: default;
    opacity: .5;
}


input[type='color']:disabled,
input[type='date']:disabled,
input[type='datetime']:disabled,
input[type='datetime-local']:disabled,
input[type='email']:disabled,
input[type='month']:disabled,
input[type='number']:disabled,
input[type='password']:disabled,
input[type='search']:disabled,
input[type='tel']:disabled,
input[type='text']:disabled,
input[type='url']:disabled,
input[type='week']:disabled,
input:not([type]):disabled,
textarea:disabled,
select:disabled {
    background: var(--color-border);
}

input[type='color']::placeholder,
input[type='date']::placeholder,
input[type='datetime']::placeholder,
input[type='datetime-local']::placeholder,
input[type='email']::placeholder,
input[type='month']::placeholder,
input[type='number']::placeholder,
input[type='password']::placeholder,
input[type='search']::placeholder,
input[type='tel']::placeholder,
input[type='text']::placeholder,
input[type='url']::placeholder,
input[type='week']::placeholder,
input:not([type])::placeholder,
textarea::placeholder,
select::placeholder {
    color: var(--color-white);
}


.button-icon {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    padding: 1.5rem 4.5rem;
}

.button span {
    display: inline-block;
}

.button-icon img {
    display: inline-block;
    width: 9px;
    margin-left: 20px;
}

.button-white {
    background: none;
    border-color: var(--color-white);
    color: var(--color-white);
}

.button-white:hover {
    background: linear-gradient(108deg, rgba(169, 146, 97, 0.3032387955182073) 24%, rgba(255, 217, 141, 0.500437675070028) 100%);
    color: var(--color-white);
    border-color: var(--color-white);
}

.button-primary {
    background: #F2684C;
    color: #fff !important;
    background-size: cover;
}

.button-primary:hover, .button-primary:focus {
    transition: 0.3s;
    background: #752f1a;
}

.button-red {
    margin-bottom: 0 !important;
    background-image: url(assets/images/button.png);
    color: #032058;
    background-size: cover;
}

.button-blue {
    color: #fff;
    background: #F2684C;
    transition: 0.3s;
}

.button-blue:hover {
    transition: 0.3s;
    background: #752f1a;
}

.button-red:hover {
    background: #75123D !important;
    transition: 0.3s !important;
}

.button-red span {
    color: #fff !important;
}

.button-red:hover span {
    color: #fff !important;
}

.button-primary span {
}

.button-secondary {
    background-color: var(--color-secondary) !important;
    color: var(--color-white) !important;
    border: 2px solid var(--color-secondary) !important;
}


.button-warning {
    background-color: var(--color-warning) !important;
    color: var(--color-white) !important;
    border: 2px solid var(--color-warning) !important;
}


.button-success {
    background-color: var(--color-success) !important;
    color: var(--color-white) !important;
    border: 2px solid var(--color-success) !important;
}


.button-info {
    background-color: var(--color-info) !important;
    color: var(--color-white) !important;
    border: 2px solid var(--color-info) !important;
}

.button-danger {
    background-color: var(--color-danger) !important;
    color: var(--color-white) !important;
    border: 2px solid var(--color-danger) !important;
}

.button-link {

}

.button-outline-primary {
    color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.button-outline-secondary {
    color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
}

.button-outline-warning {
    color: var(--color-warning) !important;
    border-color: var(--color-warning) !important;
}

.button-outline-success {
    color: var(--color-success) !important;
    border-color: var(--color-success) !important;
}

.button-outline-info {
    color: var(--color-info) !important;
    border-color: var(--color-info) !important;
}

.button-outline-danger {
    color: var(--color-danger) !important;
    border-color: var(--color-danger) !important;
}

.button-secondary:hover {
    opacity: 0.9;
    background-color: var(--color-secondary) !important;
    color: var(--color-white) !important;
}

.button-warning:hover {
    opacity: 0.9;
    background-color: var(--color-warning) !important;
    color: var(--color-white) !important;
}

.button-success:hover {
    opacity: 0.9;
    background-color: var(--color-success) !important;
    color: var(--color-white) !important;
}

.button-info:hover {
    opacity: 0.9;
    background-color: var(--color-info) !important;
    color: var(--color-white) !important;
}

.button-danger:hover {
    opacity: 0.9;
    background-color: var(--color-danger) !important;
    color: var(--color-white) !important;
}

.button-outline-primary:hover {
    background-color: var(--color-white) !important;
    color: var(--color-white);
}

.button-outline-secondary:hover {
    background-color: var(--color-secondary) !important;
    color: var(--color-white) !important;
}

.button-outline-warning:hover {
    background-color: var(--color-warning) !important;
    color: var(--color-white) !important;
}

.button-outline-success:hover {
    background-color: var(--color-success) !important;
    color: var(--color-white) !important;
}

.button-outline-danger:hover {
    background-color: var(--color-danger) !important;
    color: var(--color-white) !important;
}


.button-outline-info:hover {
    background-color: var(--color-info) !important;
    color: var(--color-white) !important;
}

.disabled-button {
    background: #ddd;
    color: #ddd;
    pointer-events: none;
}

.disabled-button span:before, .disabled-button span:after {
    filter: grayscale(1);
}

.disabled-button:hover {
    background: #FAFAFA;
}

.disabled-button span {
    background: none;
    -webkit-text-fill-color: #999;

}

.button-small {
}

.button-large {
    font-size: 1.4rem;
    padding: 2rem 5rem;
}


code {
    background: var(--color-border);
    border-radius: .4rem;
    font-size: 86%;
    margin: 0 .2rem;
    padding: .2rem .5rem;
    white-space: nowrap;
}

pre {
    background: var(--color-border);
    border-left: 0.3rem solid var(--color-primary);
    overflow-y: hidden;
    padding: 1rem;
}

pre > code {
    border-radius: 0;
    display: block;
    padding: 1rem 1.5rem;
    white-space: pre;;
}

address {
    font-style: normal;
    margin-bottom: 1rem;
}

figcaption, caption {
    font-size: 75%;
}

figure {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}


summary {
    cursor: pointer;
}

hr {
    border: 0;
    border-top: 0.1rem solid var(--color-border);
    margin: 3.0rem 0;
}

small, .small {
    font-size: 80%;
    font-weight: 400;
}

input[type='color'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='email'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='url'],
input[type='week'],
input:not([type]),
textarea,
select {
    -webkit-appearance: none;
    background-color: transparent;
    border: 0.1rem solid var(--color-grey);
    box-shadow: none;
    box-sizing: inherit;
    padding: 1.25rem 1.25rem;
    font-size: 1.4rem;
    border-radius: 18px;
    line-height: 1.3;
    font-family: var(--font-family);
    font-weight: 600;
}

input[type='color']:focus,
input[type='date']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='email']:focus,
input[type='month']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='url']:focus,
input[type='week']:focus,
input:not([type]):focus,
textarea:focus,
select:focus {
    border-color: var(--color-grey);
    outline: 0;
}

select {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23d1d1d1" d="M0,0l6,8l6-8"/></svg>') center right no-repeat;
    padding-right: 3.0rem;
}

select:focus {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%239b4dca" d="M0,0l6,8l6-8"/></svg>');
}

select[multiple] {
    background: none;
    height: auto;
}

textarea {
    min-height: 6.5rem;
}

label,
legend {
    display: block;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: .5rem;
}

fieldset {
    border-width: 0;
    padding: 0;
}

input[type='checkbox'],
input[type='radio'] {
    display: inline;
}

.label-inline {
    display: inline-block;
    font-weight: normal;
    margin-left: .5rem;
}

.container-fluid {
    margin: 0 auto;
    padding-right: var(--rp-gutter-x, 0.75rem);
    padding-left: var(--rp-gutter-x, 0.75rem);
    position: relative;
    width: 100%;
}

.container {
    margin: 0 auto;
    padding-right: var(--rp-gutter-x, 0.75rem);
    padding-left: var(--rp-gutter-x, 0.75rem);
    position: relative;
    max-width: 1180px;
}


.row {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--rp-gutter-y) * -1);
    margin-right: calc(var(--rp-gutter-x) / -2);
    margin-left: calc(var(--rp-gutter-x) / -2);
}

.row > * {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--rp-gutter-x) / 2);
    padding-left: calc(var(--rp-gutter-x) / 2);
    margin-top: var(--rp-gutter-y);
}

.column {
    flex: 1 0 0%;
}

.column-auto {
    flex: 0 0 auto;
    width: auto;
}

.column-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
}

.column-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
}

.column-3 {
    flex: 0 0 auto;
    width: 25%;
}

.column-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
}

.column-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
}

.column-6 {
    flex: 0 0 auto;
    width: 50%;
}

.column-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
}

.column-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
}

.column-9 {
    flex: 0 0 auto;
    width: 75%;
}

.column-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
}

.column-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
}

.column-12 {
    flex: 0 0 auto;
    width: 100%;
}

.offset-1 {
    margin-left: 8.3333333333%;
}

.offset-2 {
    margin-left: 16.6666666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.3333333333%;
}

.offset-5 {
    margin-left: 41.6666666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.3333333333%;
}

.offset-8 {
    margin-left: 66.6666666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.3333333333%;
}

.offset-11 {
    margin-left: 91.6666666667%;
}


.fluid {
    width: 100%;
}

.inline {
    display: inline-block;
}

.center-text {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 2.5rem;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

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

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

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}


.user-select-all {
    user-select: all !important;
}

.user-select-auto {
    user-select: auto !important;
}

.user-select-none {
    user-select: none !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: sticky !important;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1031;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}


.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
    text-align: justify !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.text-muted {
    color: var(--color-border);
}

.text-uppercase {
    text-transform: uppercase !important;
}

a {
    color: var(--color-primary);
    text-decoration: none;
    transition: 0.3s;
}

a:focus, a:hover {
    transition: 0.3s;
    color: rgba(40, 132, 221, 1);
    cursor: pointer;
}

dl,
ol,
ul {
    list-style: none;
    margin-top: 0;
    padding-left: 0;
}

dl dl,
dl ol,
dl ul,
ol dl,
ol ol,
ol ul,
ul dl,
ul ol,
ul ul {
    font-size: 90%;
    margin: 1.5rem 0 1.5rem 3.0rem;
}

ol {
    list-style: decimal inside;
}

ul {
    list-style: circle inside;
}

.button,
button,
dd,
dt,
li {
    margin-bottom: 1.0rem;
}

fieldset,
input,
select,
textarea {
    margin-bottom: 1.5rem;
}

blockquote,
details,
dl,
figure,
form,
ol,
p,
pre,
table,
ul {
    margin-bottom: 2.5rem;
}

table {
    border-spacing: 0;
    display: block;
    overflow-x: auto;
    text-align: left;
    width: 100%;
}

td,
th {
    border-bottom: 0.1rem solid #e1e1e1;
    padding: 1.2rem 1.5rem;
}

th {
    background: var(--color-border);
}

b,
strong {
    font-weight: bold;
}

p {
    margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    font-family: var(--font-family);
    margin-bottom: 2.0rem;
    margin-top: 0;
}

h1 {
    font-size: 4.5rem;
    line-height: 1.2;
}

h2 {
    font-size: 4rem;
    line-height: 1.25;
}

h3 {
    font-size: 3.5rem;
    line-height: 1.3;
}

h4 {
    font-size: 2.2rem;
    line-height: 1.35;
}

h5 {
    font-size: 1.8rem;
    line-height: 1.5;
}

h6 {
    font-size: 1.6rem;
    letter-spacing: 0;
    line-height: 1.4;
}

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

.clearfix:after {
    clear: both;
    content: ' ';
    display: table;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

.list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid var(--color-grey);
    border-radius: 0.375rem;
    max-width: 100%;
    height: auto;
}

/* VERTICAL MENU */

.vertical-menu {
    position: relative;
}

.vertical-menu span {
    display: inline-block;
    margin-bottom: 2.5rem;
}

.vertical-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.vertical-menu li {
    position: relative;
}

.vertical-menu li a {
    display: block;
    color: var(--color-dark);
    font-weight: 400;
    padding: 1rem 2rem;
    border-radius: .4rem;
}

.vertical-menu li a:hover {
    color: rgba(0, 0, 0, 0.6);
}

.vertical-menu li a.active {
    background: var(--color-border);
}


/* HORIZONTAL MENU */

.horizontal-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.horizontal-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.horizontal-menu li {
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 0;
    position: relative;
}

.horizontal-menu li ul {
    display: none;
}

.horizontal-menu li:hover > ul {
    display: block;
    position: absolute;
    background: var(--color-border);
    border-radius: 0.4rem;
    right: 0;
}

.horizontal-menu li ul li {
    display: block;
    margin-right: 0;
}

.horizontal-menu li:last-of-type {
    margin-right: 0;
}

.horizontal-menu li.has-children a:after {
    content: "+";
    display: inline-block;
    margin-left: 3px;
}

.horizontal-menu li.has-children li a:after {
    display: none;
}

.horizontal-menu li a {
    display: block;
    color: var(--color-dark);
    font-size: 90%;
    font-weight: 600;
    padding: 0.6rem 1rem;
    border-radius: .4rem;
}

.horizontal-menu li a:hover {
    color: rgba(0, 0, 0, 0.6);
}

.horizontal-menu li a.active {
    background: var(--color-border);
}


/* CARDS */

.card {
    border: 1px solid var(--color-border);
    border-radius: 0.4rem;
    margin-bottom: 2.5rem;
}

.card .card-header {
    padding: 2rem;
}

.card .card-body {
    padding: 2rem;
}

.card .card-header img {
    display: block;
}

.card .card-header h2, .card .card-header h3, .card .card-header h4, .card .card-header h5, .card .card-header h6 {

}

.card .card-header h1 {
    font-weight: 700;
}

/* Breadcrumbs */
.breadcrumb {
    font-size: 90%;
}

.breadcrumb ol, .breadcrumb ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.breadcrumb .item {
    display: inline-block;
    margin-bottom: 0;
}

.breadcrumb .item:after {
    content: '/';
    display: inline-block;
    margin: 0 10px;
}

.shape-divider-bottom {

}

.shape-divider-bottom svg {
    fill: #132956;
}

.shape-divider-top {

}

.shape-divider-top svg {
    fill: #132956;
}

.breadcrumb .item:last-of-type:after {
    display: none;
}

.breadcrumb .active {
    color: var(--color-grey);
}


/* Badges */
.badge {
    padding: 0.2rem 0.7rem;
    border-radius: 0.4rem;
    font-weight: normal;
    font-size: 90%;
    margin: 0 5px;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

.close {
    font-weight: 400;
    font-size: 2rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.2);
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    border-radius: 999rem;
    cursor: pointer;
    transform: rotate(45deg);
}

.box {
    padding: 10px;
    height: auto;
    border-radius: 15px;
    margin-bottom: 15px;
}

@-webkit-keyframes animate-stripes {
    100% {
        background-position: -100px 0px;
    }
}

@keyframes animate-stripes {
    100% {
        background-position: -100px 0px;
    }
}


@-webkit-keyframes moveIndeterminate {
    from {
        background-position: 200% 0;
    }
    to {
        background-position: -200% 0;
    }
}

@keyframes moveIndeterminate {
    from {
        background-position: 200% 0;
    }
    to {
        background-position: -200% 0;
    }
}

progress {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 9999px;
    display: block;
    overflow: hidden;
    padding: 0;
    width: 100%;
    height: 1rem;
}

progress[value]::-webkit-progress-bar {
    background-color: var(--color-white);
    border-radius: 0.4rem;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset;
}

progress:not([value]) {
    /* Styling here */
}

.progress::-moz-progress-bar {
    background-color: #4a4a4a;
}

.progress::-ms-fill {
    background-color: #4a4a4a;
    border: none;
}

.progress:indeterminate {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: moveIndeterminate;
    animation-name: moveIndeterminate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background-color: #ededed;
    background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 150% 150%;
}

.progress-primary::-webkit-progress-value {
    background-color: var(--color-primary);
}

.progress-secondary::-webkit-progress-value {
    background-color: var(--color-secondary);
}

.progress-success::-webkit-progress-value {
    background-color: var(--color-success);
}

.progress-danger::-webkit-progress-value {
    background-color: var(--color-danger);
}

.progress-warning::-webkit-progress-value {
    background-color: var(--color-warning);
}

.progress-info::-webkit-progress-value {
    background-color: var(--color-info);
}

.progress-dark::-webkit-progress-value {
    background-color: var(--color-dark);
}

.premiiInstant .minuteDisponibile .gradientText span {
    display: block;
}

.gradientText, .gradientTextBlack, .gradientTextOrange {
    position: relative;
}

.gradientText span {
    font-style: italic;
    -webkit-background-clip: text;
    font-weight: 900;
}

.gradientTextBlack span {
    background: rgb(55, 57, 51);
    background: linear-gradient(120deg, rgba(55, 57, 51, 1) 34%, rgba(198, 176, 188, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradientTextOrange span {
    background: rgb(190, 119, 89);
    background: linear-gradient(120deg, rgba(190, 119, 89, 1) 34%, rgba(198, 176, 188, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bolderFirst {

}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999999;
    display: none;
    overflow: hidden;
    outline: 0;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(222, 222, 222, 0.9);
    -webkit-backdrop-filter: blur(10px);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

#codeModal {
    z-index: 99999999;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;

}

#bigPrizeModal .modal-content {
}

.mesajRating {
    display: none;
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2))
}

.response-big__title {
    font-size: 3rem;
    font-weight: 900;
    margin-top: 10px;
    text-transform: uppercase;
    font-style: italic;
}

#bigPrizeModal .modal-content {
    text-align: center;
}

.bigprizePreview {
    max-width: 600px;
}

.bigprizePreview .preview {
    border-radius: 18px;
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
}

.bigprizePreview .button {
    text-decoration: none !important;
}

.bigprizePreview small {
    display: inline-block;
    margin-bottom: 15px;
}

.animation-car {
    display: none;
}

.modal-content h3 {
    font-weight: 600;
}

.modal-content .icon {
    display: block;
}

.modal-content small {
    display: block;
}

.modal-content .icon img {
    display: block;
    max-width: 200px;
    margin: 0 auto;
}

.headerMasina .icon img, .raspunsMasina .icon img {
    max-width: 250px !important;
}

#rateEngagement .title-section-small {
    margin-top: 30px;
}

.modal-content {
    position: relative;
    max-width: 980px;
    pointer-events: auto;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    background: #FFF;
    background-size: cover;
    outline: 0;
    margin: 0 auto;
    padding: 30px;
    border-radius: 18px;
}

.aboutConts {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.mindisp {
    font-size: 14px;
    display: flex;
    font-weight: 500;
    align-items: center;
    margin-bottom: 0;
}

.mindisp img {
    width: 20px;
    display: block;
    margin-right: 10px;
}

#roataModal .modal-plinko {
    position: relative;
    max-width: 500px;
    pointer-events: auto;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    background: #FFF;
    outline: 0;
    margin: 0 auto;
    border-radius: 18px;
    overflow: hidden;
}

.modal-masina {
    position: relative;
    max-width: 450px;
    pointer-events: auto;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    outline: 0;
    margin: 0 auto;
    border-radius: 18px;
    background: #42A2CE;
    color: #fff;
    padding: 30px;
    text-align: center;
}

.levelup {
        background: #44A3CF;
    color: #FFF;
    display: inline-flex
;
    padding: 10px;
    transform: rotate(90deg);
    position: fixed;
    left: -50px;
    align-items: center;
    border-radius: 10px;
    padding-bottom: 18px;
    top: 500px;
    font-size: 14px;
    z-index: 555;
}
.gurulevel {
    left: -42px;
}

.afterVideo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FFF;
    border-radius: 18px;
    z-index: 99;
}

.levelup:hover {
    color: #FFF;
}

.levelup img {
    width: 20px;
    margin-right: 10px;
}

#levelCreator .modal-content, #levelGuru .modal-content {
    padding: 0;
}

#levelCreator .modal-content video, #levelGuru .modal-content video {
    max-width: 400px;
    display: block;
    border-radius: 18px;
}

.quizMasina {

}

.quizMasina label {
    color: #fff;
    background: #F2684C;
    transition: 0.3s;
    border: 0.1rem solid transparent;
    border-radius: 18px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 1.4rem;
    padding: 1.4rem 3.5rem;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    transition: 0.3s;
    display: block;
}

#contextual2form label {
    color: #fff;
    background: #F2684C;
    transition: 0.3s;
    border: 0.1rem solid transparent;
    border-radius: 18px;
    color: #FFF;
    cursor: pointer;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 1.4rem;
    padding: 1.4rem 3.5rem;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    transition: 0.3s;
    display: block;
    max-width: 200px;
    margin: 0 auto;
    margin-bottom: 20px;
}

#contextual2form label:hover, #contextual2form label:focus {
    transition: 0.3s;
    background: #752f1a;
}

.quizMasina h4 {
    font-weight: 900;
    text-transform: uppercase;
    font-style: italic;
}

.quizMasina label span, #contextual2form label span {
    position: relative;
}

.quizMasina label input, #contextual2form label input {
    display: none;
}

.quizMasina label span:before, #contextual2form label span:before {
    content: "";
    background: url(assets/images/btnbefore.png);
    display: inline-block;
    width: 19px;
    height: 12px;
    margin-right: 10px;
    position: absolute;
    left: -25px;
    top: 7px;
}

.quizMasina label span:after, #contextual2form label span:after {
    content: "";
    background: url(assets/images/btnafter.png);
    display: inline-block;
    width: 19px;
    height: 12px;
    margin-right: 10px;
    position: absolute;
    right: -34px;
    top: 7px;
}

.modal-masina .closeModal {
    background: #1F52A2 !important;
}

.modal-masina h1 {
    font-weight: 900;
    font-style: italic;
    font-size: 3.5rem;
}

.topSwiper .swiper-pagination {
    position: relative;
    margin-top: 20px;
}

#roataModal .modal-plinko .closeModal {
    position: absolute;
    color: #fff !important;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 99rem;
    right: 20px;
    line-height: 24px;
    top: 20px;
    transform: rotate(45deg);
    cursor: pointer;
    z-index: 66;
    font-size: 2.2rem;
    font-weight: 400;
    text-decoration: none;
    background: #43A2CE;
    border: 1px solid #FFF;
}

#rebusModal {

}

.video-slide {
    max-width: 100%;
    border-radius: 18px;
    display: block;
}

.explainnext {
    display: block;
    font-weight: 600;
    margin-bottom: 15px;
}

.clasic-engagement .enginfo {
    padding: 30px;
    text-align: center;
    padding-bottom: 0;
}

.clasic-engagement .row {
    align-items: center;
}

.clasic-engagement .explain {
    text-align: center;
    padding-right: 30px;
}

.clasic-engagement .explain .title {
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    justify-content: center;
    margin-bottom: 15px;
}

.clasic-engagement .explain .title img {
    display: block;
    margin-right: 10px;
}

.clasic-engagement .explain .image-engage {

}

.clasic-engagement .explain h4 {
    font-weight: 400;
    font-size: 3rem;
    margin-bottom: 0px;
    color: #fff;
}

.audio-engage {
    margin-bottom: 20px;
}

.audio-engage audio {
    width: 100%;
}

.clasic-engagement .actions {
    text-align: center;
    padding: 30px;
}


.clasic-engagement .actions .titlu {

}

.engagement-felicitari {
    width: 400px;
    padding: 20px;
}

.engagement-felicitari .minicarte {
    padding: 30px;
    background: rgb(62, 143, 168);
    background: linear-gradient(32deg, rgba(62, 143, 168, 1) 0%, rgba(152, 228, 228, 1) 35%, rgba(62, 143, 168, 1) 100%);
    padding: 30px;
    border: 1px solid #18A5CD;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    color: #032058;
    padding: 40px 30px;
}

.engagement-felicitari .minicarte h5 {
    margin: 0;
}

.engagement-felicitari .minicarte p {
    margin: 0;
}

.engagementResponse .stats {
    padding: 20px;
    width: 400px;
}

.engagementResponse .stats p {
    display: flex;
    align-items: center;
}

#descriereSef {
    width: 100%;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.3);
    padding: 15px;
    height: 150px;
    color: #FFF;
    font-weight: 400;
}

#escapeModalReponse .free-Response img {
    max-height: 370px;
}

.engagementResponse .diploma {
    width: 350px;
    padding: 30px;
    background: rgb(62, 143, 168);
    background: linear-gradient(32deg, rgba(62, 143, 168, 1) 0%, rgba(152, 228, 228, 1) 35%, rgba(62, 143, 168, 1) 100%);
    padding: 30px;
    border: 1px solid #18A5CD;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    color: #032058;
    padding: 40px 30px;
}

.engagementResponse .stats span {
    border: 1px solid #ddd;
    padding: 5px;
    width: 45px;
    height: 45px;
    display: block;
    line-height: 35px;
    border-radius: 5px;
    margin-right: 10px;
}

.clasic-engagement .actions h4 {
    font-weight: 500;
    font-size: 2rem;
}

.clasic-engagement .actions .description {
    font-size: 1.4rem;
}

.clasic-engagement .actions form {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.clasic-engagement .actions form p {
    width: 48%;
    margin-bottom: 10px;
}

.clasic-engagement .actions form p:last-of-type {
}

.clasic-engagement .actions form input[type="radio"] {
    display: none;
}

.storiesSwiper form input[type="radio"] {
    display: none;
}

.storiesSwiper form label {
    background: #F2684C;
    padding: 15px;
    font-size: 1.5rem;
    margin-bottom: 0;
    cursor: pointer;
    background-size: cover;
    font-weight: 500;
    border-radius: 11px;
    color: #FFF;
    transition: 0.3s;
}

.storiesSwiper form label:hover, .storiesSwiper form label:focus {
    transition: 0.3s;
    background: #752f1a;
}


.clasic-engagement .actions form label {
    background: #F2684C;
    padding: 15px;
    font-size: 1.5rem;
    margin-bottom: 0;
    cursor: pointer;
    background-size: cover;
    font-weight: 500;
    border-radius: 18px;
    color: #FFF;
}

.clasic-engagement .actions form label:hover {

}

.tipsefSwiper label {
    padding: 0 !important;
    position: relative;
    background: none !important;
    border: none !important;
}

.formContent {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
}

.cifru-seif .numbers {

}

.cifru-seif .swiper {
    width: 80px !important;
    height: 290px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.cifru-seif .swiper .swiper-slide {
    opacity: 0.2;
}

.cifru-seif .swiper .swiper-button-prev {
    top: 0;
    left: -10px;
    right: 0;
    margin: 0 auto;
    transform: rotate(90deg);
}

.cifru-seif .swiper .swiper-button-next {
    bottom: -5px;
    left: -10px;
    right: 0;
    margin: 0 auto;
    transform: rotate(90deg);
    top: auto;
}

.numbers-cifru {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 300px;
    margin: 0 auto;
}

.cifru-seif .swiper .swiper-slide-active {
    opacity: 1;
}

.cifru-seif .swiper .swiper-slide span {
    font-size: 3rem;
    font-weight: 900;
    border: 1px solid #fff;
    height: 70px;
    display: block;
    width: 70px;
    line-height: 70px;
    border-radius: 10px;
}

.formContent .content-swiper {
    width: 45%;
}

.formContent .actions-swipe {
    width: 45%;
}

.seif-description {

}

.seif-description .isInfo small {
    text-align: center;
    display: block;
    border: 0.1rem solid #18A5CD;
    border-radius: 10px;
    padding: 10px;
}

.seif-description .isInfo small {
    display: block;
}

.tipsefSwiper label img {
    border-radius: 18px;
    position: relative;
    border: 2px solid #fff;
}

#seifstatus {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    font-size: 1.4rem;
    margin-bottom: 30px;
}

#seifstatus .button {
    margin-bottom: 0;
}

.button-minute {
    cursor: unset !important;
    background-color: transparent;
    border: 0.1rem solid #18A5CD;
    border-radius: 99rem;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    font-size: 1.2rem;
    padding: 1.55rem 2rem;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    transition: 0.3s;
}

.tipsefSwiper .swiper-slide:after {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.1);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 5;
    border-radius: 18px;
}

.tipsefSwiper label span {
    position: absolute;
    display: none;
    bottom: 30px;
    left: 0;
    right: 0;
    z-index: 55;
    text-align: center;
    font-size: 2rem;
}

.clasic-engagement .actions form label:hover {
    background: #032058;
    color: #FFF;
    transition: 0.3s;
}

.clasic-engagement .actions form input[type="radio"]:checked + label {

}

.clasic-engagement .emojicontainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.emojiesponse {
    max-width: 300px;
}

.skillsponse {
    max-width: 450px;
}

.skillsponse .responsetext {
    padding-top: 30px;
}

.clasic-engagement .emojicontainer .lottie {
    width: 120px;
}

.clasic-engagement .emojicontainer .sign {
    font-size: 4rem;
    font-weight: 600;
    display: flex;
}

.clasic-engagement .emojicontainer .sign span {
    margin-right: 10px;
}

#rev22 {
    display: none;
}

.modal-mypass {
    position: relative;
    max-width: 900px;
    min-width: 899px;
    pointer-events: auto;
    background: #fff;
    color: var(--color-white);
    outline: 0;
    margin: 0 auto;
    padding: 30px;
    border-radius: 25px;
    max-height: 90vh;
    overflow: hidden;
    color: var(--color-primary);
}

#citystores, #citystorestactics {
    background: var(--color-white);
}

#successMessage {
    display: none;
}

.content-revendicare {

}

.bootstrap-table .fixed-table-toolbar .bs-bars, .bootstrap-table .fixed-table-toolbar .columns, .bootstrap-table .fixed-table-toolbar .search {
    margin-bottom: 0;
}

#locations-info {

}

#location-list {
    font-size: 1.4rem;
    display: table;
}

#location-list th {
    background: #eee;
}

#location-list td {
    font-size: 1.4rem;
    padding: 0.75rem;
}

.content-revendicare-pachet, .content-revendicare-2, .content-revendicare-3, .content-revendicare-5, .content-revendicare-1 {
    display: none;
    padding-top: 40px;
}

#location-list .in-stock {
    color: green;
    border: 1px solid green;
    padding: 2px 10px;
    border-radius: 99rem;
    font-size: 12px;
    display: block;
    width: 65px;
    text-align: center;
}

#location-list .out-of-stock {
    color: red;
    border: 1px solid red;
    padding: 2px 10px;
    border-radius: 99rem;
    font-size: 12px;
}

.prize-info {
    display: none;
    padding-top: 20px;
}

.prize-info small strong {
    display: block;
    line-height: 1.3rem;
    font-size: 1.22rem;
}

.prize-info1 {

}

#location-list .map {
    color: #000;
}

#locations {
    position: relative;
    max-height: 600px;
    overflow-y: auto;
    padding-top: 9px;
}

#locations #cityHrFilter {
    position: absolute;
    top: 19px;
    width: 300px;
    border-color: #ddd;
    left: 0;
}

#location-list {
    display: table;
}

#cityHrFilter {
    display: none;
}

.modal-mypass .backtoprizes {
    display: none;
    padding: 5px 10px;
    border-radius: 99rem;
    border: 1px solid;
    margin-bottom: 20px;
    max-width: 100px;
    text-align: center;
}

.modal-mypass .text-content a {
    text-decoration: underline;
}

#prize-list {
    max-height: 500px;
    overflow-y: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#prize-list li {
    color: #000;
    font-weight: 600;
    background: #f7fafe;
    padding: 10px;
    margin-right: 20px;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    margin-left: 5px;
    margin-top: 5px;
    width: 47%;
    cursor: pointer;
    position: relative;
    transition: 0.3s;
}

#prize-list li:after {
    content: "→";
    position: absolute;
    color: var(--color-primary);
    right: 10px;
}

#prize-list li:hover {
    color: var(--color-primary);
    box-shadow: none;
    transition: 0.3s;
}

.modal-mypass .contactForm {

}

.modal-mypass .contactForm input[type="text"] {
    width: 32%;
    font-weight: 400;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.modal-mypass .contactForm textarea {
    width: 100%;
    font-weight: 400;
    border-radius: 10px;
    border: 1px solid #ccc;
    height: 200px;
    margin-bottom: 0;
}

.modal-mypass .contactForm input[type="text"]::placeholder, .modal-mypass .contactForm textarea::placeholder {
    color: #999;
}

.modal-mypass .contactForm .form-grup {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.modal-mypass .text-content {
    overflow-y: auto;
    position: relative;
    bottom: 0;
    height: 75vh;
    padding-right: 10px;
}

.modal-mypass .closeModal {
    position: absolute;
    top: 30px;
    right: 30px;
    background: rgb(85, 201, 250);
    background: linear-gradient(122deg, rgba(85, 201, 250, 1) 0%, rgba(46, 157, 246, 1) 68%);
    color: var(--color-white) !important;
    width: 30px;
    height: 30px;
    border-radius: 99rem;
    text-align: center;
    line-height: 27px;
    transform: rotate(45deg);
    text-decoration: none;
    color: #FFF !important;
}

.fixed-table-toolbar .float-right {

}

.fixed-table-toolbar .search-input {
    width: 300px;
    border: 1px solid #ddd;
}

.fixed-table-toolbar .search-input::placeholder {
    color: #333;
}

.fixed-table-pagination {

}

.fixed-table-pagination .float-right {
    float: none !important;
}

.fixed-table-pagination ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.fixed-table-pagination ul li {
    margin-right: 10px;
    margin-bottom: 0;
}

.fixed-table-pagination ul li:last-of-type {
    margin-right: 0;
}

#newwinners {
    display: table;
}

#filterwinners, #filterwinnerstrecut {
    color: var(--color-dark);
    border: 1px solid #999;
}

#filterwinners::placeholder, #filterwinnerstrecut::placeholder {
    color: var(--color-dark);
}

#prizeFilter {
    border: 1px solid #999;
}

.winners-table .nume-castigator {
    font-weight: 700;
    font-size: 1.4rem;
}

.winners-table .date {
    display: inline-block;
    max-width: 75px;
    overflow: hidden;
    white-space: nowrap;
}

.winners-listing {
    max-height: 550px;
    overflow-y: auto;
}

.winners-table .data-castigator {
    color: #999;
}

.winners-table td {
    font-size: 1.4rem;
    padding: 0.75rem;
}

.fixed-table-pagination ul li a {
    display: block;
    padding: 0 10px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background: #eee;
    border-radius: 5px;
    color: var(--color-dark);
}

.fixed-table-pagination .page-pre {

}

.fixed-table-pagination .page-pre a {

}

.fixed-table-pagination .active a {
    background: var(--color-primary);
    color: #FFF;
}

.winners-table {
    border-radius: 10px;
    display: table;
}

.winners-table th {
    background: #eee;
}

.pagination-detail {
    display: none;
}

.winners-listing {
    position: relative;
}

.winners-listing #prizeHrFilter {
    position: absolute;
    margin: 0;
    top: 16px;
    border: 1px solid #ddd;
}

.winners-listing .winner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.winners-listing .winner .date {
    color: var(--color-border);
}

.winners-listing .winner .name {
    font-weight: 700;
}

.winners-listing .winner .location {

}

.winners-listing .winner .premiu {
    font-weight: 700;
}


.contextual-modal {

}

.contextual-modal .contextualModals {
    background-image: url("assets/images/bgcontext.png");
    background-size: cover;
    padding: 55px 30px;
    max-width: 980px;
    margin: 0 auto;
    position: relative;
    border-radius: 25px;
    overflow: hidden;
}

.contextual-modal .contextualModals .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.contextual-modal .contextualModals .content .text {
    width: 65%;
    padding: 0 30px;
    text-align: center;
}

.contextual-modal .contextualModals .content .text h3 {
    font-size: 3rem;
    font-weight: 600;
}

.contextual-modal .contextualModals .content .text h3 span {
    font-size: 2.5rem;
    display: block;
    font-weight: 400;
}

.contextual-modal .contextualModals .content .image {
    width: 35%;
    text-transform: unset;
    text-align: center;
    position: relative;
}

.contextual-modal .contextualModals .content .image img {
    max-height: 200px;
}

.contextual-modal .contextualModals .content .image h5 {
    text-transform: uppercase;
    font-weight: 600;
}

.contextual-modal .contextualModals .content .image .uncod {
    top: -25px;
    position: absolute;
}

.contextual-modal .contextualModals .content .introducod {
    color: #fff;
    background-image: url(assets/images/bgbutton.png);
    display: inline-block;
    padding: 15px 25px;
    border-radius: 99rem;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s;
    line-height: 1;
    background-size: cover;
    text-decoration: none;
}

.contextual-modal .newContextual:after {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.contextual-modal .fixcloseModal {
    position: absolute;
    color: #fff;
    border: 1px solid #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 99rem;
    line-height: 30px;
    transform: rotate(45deg);
    right: 20px;
    top: 20px;
    z-index: 5;
    cursor: pointer;
}

.newContextual .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 5;
}

.newContextual .content .text {
    width: 40%;
    color: #fff;
    text-align: center;
}

.newContextual .content .text h3 {
    font-size: 2.8rem;
    font-weight: 300;
}

.newContextual .content .text h3 span {
    font-weight: 600;
    display: block;
}

.newContextual .content .text p {
    font-size: 1.4rem;
}

.newContextual .content .image {
    width: 25%;
    text-align: center;
    color: #fff;
}

.newContextual .content .actions {
    width: 25%;
    color: #fff;
    text-align: center;
    display: block;
}

.newContextual .contentweek {

}


.newContextual .contentweek .text {
    width: 60%;
    text-align: left;
    padding-right: 5%;
}

.newContextual .contentweek .image {
    width: 35%;
    text-align: center;
}

.newContextual .contentweek .image img {
    max-width: 150px;
}

.newContextual .contentweek .image h5 {
    font-weight: 600;
    font-size: 1.6rem;
}


.newContextual .content .introducod {
    color: #fff;
    background: #FE3E6A;
    display: inline-block;
    padding: 15px 35px;
    border-radius: 99rem;
    font-size: 1.3rem;
    font-weight: 700;
    text-decoration: none;
}

.newContextual .content .actions .description {
    font-size: 1.4rem;
}

.newContextual .content .actions .description span {
    display: block;
    font-weight: 600;
}

.modal-content .button-primary {
    box-shadow: none;
}

.code-popup .modal-content .icon img {
    display: inline-block;
}

.editAcc {
    margin-bottom: 30px;
}

.editAcc a {
    display: inline-flex;
    align-items: center;
}

.editAcc a span:first-of-type {
    font-size: 1.4rem;
}

.editAcc .openEdit {
    background: #FAFAFA;
    color: var(--color-white) !important;
    -webkit-box-shadow: -3px -3px 10px 3px rgb(0 0 0 / 10%);
    box-shadow: -3px -3px 10px 3px rgb(0 0 0 / 10%);
    border-radius: 99rem;
    width: 25px;
    height: 25px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    margin-left: 10px;
    transform: rotate(90deg);
    margin-top: -2px;
}

.editAcc .openEdit img {
    width: 7px;
    margin-left: 2px;
}


.modal-content a {
    text-decoration: underline;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

body.modal-open {
    overflow: hidden;
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef
}

.modal-footer > :not(:first-child) {
    margin-left: .25rem
}

.modal-footer > :not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.modal-content .closeModal, .modal-content .closeModalVideo {
    position: absolute;
    color: #fff !important;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 99rem;
    right: 10px;
    line-height: 24px;
    top: 10px;
    transform: rotate(45deg);
    cursor: pointer;
    z-index: 66;
    font-size: 2.2rem !important;
    font-weight: 400;
    text-decoration: none !important;
    background: #43A2CE;
    z-index: 999;
}

.modal-content .closeModal span {
    color: #FFF !important;
}

.modal-content .closeModal:hover {
    box-shadow: none;
}


.modal-content .closeModalFix {
    position: absolute;
    color: #fff !important;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 99rem;
    right: 20px;
    line-height: 26px;
    top: 20px;
    transform: rotate(45deg);
    cursor: pointer;
    z-index: 66;
    text-decoration: none;
    background: #43A2CE;

}

.modal-content .closeModalFix:hover {
    box-shadow: none;
}


#submitCodeForm {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#submitCodeForm p {
    width: 48%;
}

#submitCodeForm p input[type="text"] {
    width: 100%;
    text-transform: uppercase;
    padding: 2rem 3rem;
    height: 54px;
}

#submitCodeForm p input[type="text"]::placeholder {
    color: #999;
}

#submitCodeForm .spinner {
    display: none;
    width: 50px;
    margin: 0 auto;
}


.code-popup .where em {
    font-style: normal;
    font-weight: 700;
    color: var(--color-primary);
    background: #fff;
    width: 20px;
    height: 20px;
    font-size: 14px;
    display: inline-block;
    line-height: 19px;
    border-radius: 20px;
    text-align: center;
    cursor: pointer;
}

.code-popup .where {
    position: relative;
}

.code-popup .where .pachet {
    display: none;
    position: absolute;
    bottom: 3rem;
    left: 23rem;
    max-width: 150px;
}

.code-popup .where p {
    text-decoration: underline;

    text-transform: none;
    font-size: 15px;
    text-align: center;
    margin-top: 20px;
    letter-spacing: 0;
    margin-bottom: 0;
    cursor: pointer;
}

.happybday {
    position: fixed;
    right: 0;
    top: 40%;
    transform: translateY(-50%);
    text-align: center;
    background: #44A3CF;
    border-radius: 15px 0 0 15px;
    box-shadow: 5px 5px 10px 5px rgb(65 65 65 / 18%);
    width: 70px;
    padding: 10px;
    cursor: pointer;
    z-index: 5;
    padding-right: 5px;
    color: #FFF;
}

.festival-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.festival-list .festivalinside {
    width: 48%;
    text-align: center;
}

.triggerhpy {

}

.triggerhpy span {

}

#happymodal .modal-content {
    max-width: 700px;
}

.triggerhpy img {
    width: 30px;
}

.triggerhpy em {
    display: block;
    font-size: 1rem;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 900;
    color: #FFF;
}

.responseimg {
    max-width: 420px;
}

.responseimg img {
    max-width: 100%;
    border-radius: 18px;
}

#videoScratch {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    right: 0;
    top: 0;
    object-fit: cover;
    z-index: 55;
    width: 100%;
    border-radius: 18px;
    height: 100%;
    display: none;
}

.happyday {

}

.happyday .row {
    align-items: center;
}

.happyday .row img {
    max-height: 200px;
}

.happyday .row p {
    margin-bottom: 0;
}

.happyday .column-3 {
    text-align: center;
}

.happyday .closeModal {

}

/**
 * Harta Sefiei
 */
.caseta {
    background-image: url("assets/images/bg_fix.png");

    background-size: cover;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid #18B7F1;
}

.caseta .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.caseta .content .sorin {
    width: 42%;
    display: flex;
    align-items: center;
    font-size: 1.1rem;
    padding: 0;
}

.caseta .content .sorin img {
    display: block;
    height: 42px;
}


.caseta .content .sorin span {
    margin-left: 10px;
    text-align: left;
}

.caseta .content .sorin span em {
    font-weight: 700;
    font-style: normal;
}

.caseta .content .stats {
    width: 52%;
    text-align: left;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 1.1rem;
}

.caseta .content .stats .nr {
    border: 1px solid #fff;
    padding: 2px 10px;
    border-radius: 5px;
    margin-right: 10px;
    font-size: 1.2rem;
    font-weight: 600;
}

.caseta .content .stats .nr em {
    font-style: normal;
}

.harta-sefiei {
    padding: 50px 0;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.stickylevels {
    position: fixed;
    top: 10%;
    right: 0;
    z-index: 55;
}

.stickylevels a {
    display: block;
    position: relative;
}

.harta-sefiei .legenda {
}

.harta-sefiei .legenda ul {
    list-style: none;
    margin: 0;
    padding-left: 90px;
}

.harta-sefiei .legenda li {
    display: flex;
    flex-wrap: wrap;
    text-transform: uppercase;
    font-size: 1.3rem;
    align-items: center;
}

.harta-sefiei .legenda li span {
    margin-right: 15px;
}

.harta-sefiei .legenda li span img {
    max-height: 25px;
}

.harta-sefiei .the-map .pas {
    border: 1px solid #18B7F1;
    height: 95px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(assets/images/pas-fill.png);
    border-radius: 18px;
}

.harta-sefiei .the-map .pas-start, .harta-sefiei .the-map .pas-fill {
    background-image: url(assets/images/pas-fill.png);
    background-size: cover;
    border: none;
}

.harta-sefiei .the-map .pas-rounded-right-top {
}

.harta-sefiei .the-map .pas-rounded-left-top {
}

.harta-sefiei .the-map .pas-rounded-left-bottom {
}

.harta-sefiei .the-map .pas-rounded-right-bottom {
}

.harta-sefiei .the-map .pas-done {
    border: 1px solid #fff;
    background-image: url(assets/images/pasdone.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #18A5CD;
}

.harta-sefiei .the-map .dreapta.pas-done {
    position: relative;
    background-image: none;
}

.harta-sefiei .the-map .dreapta.pas-done:after {
    content: "";
    background-image: url(assets/images/pas-dreapta.png);
    width: 34px;
    height: 28px;
}

.harta-sefiei .the-map .stanga.pas-done:after {
    content: "";
    /*background-image: url(assets/images/pas-stanga.png);*/
    width: 47px;
    height: 24px;
}

.harta-sefiei .the-map .pas-curent {
    background-image: url(assets/images/pascurent.png) !important;
    background-repeat: no-repeat;
    background-position: center;
}

.harta-sefiei .the-map .dreapta.pas-curent:after {
    display: none;
}

.harta-sefiei .the-map .pas-sorin {
    background: none;
    border: none;
}

.harta-sefiei .the-map .pas-sorin img {
    max-height: 100%;
    filter: grayscale(0) !important;
}

.harta-sefiei .the-map .pas-done.pas-sorin:after {
    content: "EȘTI AICI";
    position: absolute;
    bottom: 10px;
    font-weight: 600;
}

.harta-sefiei .the-map .pas-done img {
    max-height: 100%;
    opacity: 1 !important;
    filter: grayscale(0) !important;
}

.harta-sefiei .the-map .pas5,
.harta-sefiei .the-map .pas15,
.harta-sefiei .the-map .pas8,
.harta-sefiei .the-map .pas23,
.harta-sefiei .the-map .pas20,
.harta-sefiei .the-map .pas30,
.harta-sefiei .the-map .pas33,
.harta-sefiei .the-map .pas38 {
    background-image: url("assets/images/pas-surpriza.png") !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    background-color: #18A5CD;
}

.harta-sefiei .the-map .pas20.pas-done {
    background-image: url("assets/images/min-surpriza.png") !important;
}

.harta-sefiei .the-map .pas23.pas-done {
    background-image: url("assets/images/min-surpriza.png") !important;
}


.harta-sefiei .the-map .pas19.pas-done {
    background: none !important;
}


.harta-sefiei .the-map .pas23.pas-done {
    background-image: url("assets/images/min-surpriza.png") !important;
}

.harta-sefiei .the-map .pas5.pas-done {
    background-image: url("assets/images/min-surpriza.png") !important;
}

.harta-sefiei .the-map .pas8.pas-done {
    background-image: url("assets/images/min-surpriza.png") !important;
}

.harta-sefiei .the-map .pas15.pas-done {
    background-image: url("assets/images/min-surpriza.png") !important;
}

.harta-sefiei .the-map .pas30.pas-done {
    background-image: url("assets/images/min-surpriza.png") !important;
}

.harta-sefiei .the-map .pas33.pas-done {
    background-image: url("assets/images/min-surpriza.png") !important;
}

.harta-sefiei .the-map .pas38.pas-done {
    background-image: url("assets/images/min-surpriza.png") !important;
}


.harta-sefiei .the-map .pas36.pas-done {
}

.harta-sefiei .the-map .pas42.pas-done img {
    display: none;
}


.harta-sefiei .the-map .pas15.pas-done::after {
    display: none;
}

.harta-sefiei .the-map .pas15.pas-current:after {
    content: "EŞTI AICI" !important;
}

.the-map .column-3 {
    position: relative;
}

.the-map .column-3 .doodle {
    position: absolute;
}

.harta-sefiei .explain-harta {
    position: sticky;
    top: 90px;
    align-self: flex-start;
}

.harta-sefiei .explain-harta h1 {

}

.harta-sefiei .explain-harta h1 img {
    max-height: 150px;
}

.harta-sefiei .the-map .pas img {
    max-height: 100%;
    filter: grayscale(1);
    opacity: 0.5;
}

.harta-sefiei .the-map .pas-event {
    border: none;
}

/**
 * Site Header
 */


.site-header {
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0;
    transition: 0.3s;
}

body.scroll-down .site-header, body.scroll-up .site-header {
    transition: 0.3s;
    background: #fff;
    border-radius: 0 0 10px 10px;
    left: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

body.scroll-down .site-header, body.scroll-down .site-header {
    top: -64px;
    transition: 0.3s;
}

body.scroll-up .site-header, body.scroll-up .site-header {
    transition: 0.3s;
    top: 0;
}

.savecodepachet {
    padding: 30px;
    background: #F9F7F1;
    border-radius: 18px;
}

.savecodepachet .spinner {
    display: none;
}

.savecodepachet .spinner img {
    max-width: 30px;
}

.savecodepachet label {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    background: #F2684C;
    padding: 5px 20px;
    border-radius: 10px;
    color: #fff;
    margin-bottom: 0;
}

.savecodepachet label img {
    max-height: 28px;
    display: block;
    margin-right: 10px;
}

.site-header .site-title h1 {
    font-size: 3rem;
}

.site-header .site-title a {
    color: #42A2CE;
}

.site-header .site-title a:hover {
    color: #144179;
}

.site-header .inside-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.site-header .inside-header .main-menu {
    margin-right: 30px;
}

.site-header .inside-header .main-menu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-header .inside-header .main-menu ul li {
    margin-bottom: 0;
}

.site-header .inside-header .main-menu ul li a {
    padding: 18px 25px;
    border-bottom: 2px solid transparent;
    display: block;
    color: #144179;
    font-weight: 500;
}


.site-header .inside-header .main-menu ul li a:hover {
    color: #000;
}

.site-header .inside-header .main-menu ul li .active {
    color: #42A2CE;
}

.site-header .inside-header .main-menu ul li .active:hover {
    color: #000;
}

.site-header .inside-header .right-area {
    display: flex;
    align-items: center;
}

.site-header .inside-header .right-area .action-area {
    display: flex;
    align-items: center;
}

.site-header .inside-header .right-area .action-area .submitcode {
    color: #fff;
    background: #F2684C;
    display: block;
    padding: 12px 25px;
    border-radius: 10px;
    font-size: 1.3rem;
    font-weight: 500;
    margin-right: 30px;
    cursor: pointer;
    transition: 0.3s;
    line-height: 1;
    background-size: cover;
    position: relative;
}

/*
.site-header .inside-header .right-area .action-area .submitcode span:before {
    content: "";
    background: url(assets/images/btnbefore.png);
    display: inline-block;
    width: 19px;
    height: 12px;
    margin-right: 10px;
    position: absolute;
    left: -25px;
    top: 7px;
}

.site-header .inside-header .right-area .action-area .submitcode span:after {
    content: "";
    background: url(assets/images/btnafter.png);
    display: inline-block;
    width: 19px;
    height: 12px;
    margin-right: 10px;
    position: absolute;
    right: -34px;
    top: 7px;
}

 */

.site-header .inside-header .right-area .action-area .notificationsOpen {
    display: block;
    cursor: pointer;
    position: relative;
}

.site-header .inside-header .right-area .action-area .notificationsOpen img {
    display: block;
    width: 30px;
    height: 30px;
}

.site-header .inside-header .right-area .action-area .notificationsOpen .hasnotif {
    width: 10px;
    height: 10px;
    background: red;
    display: block;
    z-index: 1;
    border-radius: 99rem;
    right: 0;
    position: absolute;
}

.site-header .inside-header .right-area .action-area .notifications img {
    display: block;
}

#notificariModal .modal-content {
    max-width: 600px;
}

.notificationsList {

}

.notificationsList ul::-webkit-scrollbar {
    width: 5px;
    border-radius: 5px;
}

.notificationsList ul::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.notificationsList ul::-webkit-scrollbar-thumb {
    background: var(--color-secondary);
}

.notificationsList ul::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.notificationsList h4 {
    font-size: 3rem;
    border-bottom: 1px solid #144179;
    padding-bottom: 5px;
    font-weight: 700;
}

.notificationsList .closeNotif {
    position: absolute;
    background: var(--color-primary);
    color: var(--color-white) !important;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 99rem;
    right: 20px;
    line-height: 26px;
    top: 20px;
    transform: rotate(45deg);
    cursor: pointer;
    z-index: 1;
}

.notificationsList .closeNotif:hover {
    box-shadow: none;
}

.notificationsList ul {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 600px;
    overflow-y: auto;
}

.notificationsList ul li {
    background: #eee;
    padding: 15px;
    border-radius: 15px;
    color: var(--color-dark);

}

.notificationsList ul li:last-of-type {
    margin-bottom: 0;
}

.notificationsList ul li a {
    color: var(--color-primary);
    text-decoration: underline;
}

.notificationsList ul li.seen {
    opacity: 0.8 !important;
}

.notificationsList ul li.new {
    opacity: 1;
}

.notificationsList li .date {
    font-weight: 700;
    font-size: 1.3rem;
    color: var(--color-primary);
}

.notificationsList li .date span {
}

#bigprz, #instantprz {
    position: absolute;
    top: -90px;
}

.roulette-container {
    position: relative;
    display: flex;
    align-items: center;
}

.roulette-container video {
    max-width: 100%;
    display: block;
}

.roulette-container .playroulette {
    position: absolute;
    text-align: center;
    padding: 2rem;
    z-index: 5;
    display: block;
    margin: 0 auto;
    width: 200px;
    left: 0;
    right: 0;
    height: 200px;
    opacity: 0;
}

.roulette-container .playroulette span {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 65px;
}

.codurisection, .statusinvartiri {
    cursor: auto !important;
}

.response-roulette {
    display: none;
    -webkit-box-shadow: 5px 5px 15px 5px rgb(65 65 65 / 18%);
    box-shadow: 5px 5px 15px 5px rgb(65 65 65 / 18%);
    border-radius: 25px;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 30px;
    color: var(--color-dark);
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 999;
    transition: 0.5s;
    color: #fff;
}

.response-roulette .closebtn {
    position: absolute;
    background: #fff;
    color: var(--color-primary) !important;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 99rem;
    right: 20px;
    line-height: 26px;
    top: 20px;
    transform: rotate(45deg);
    cursor: pointer;
    -webkit-box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
    box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
    z-index: 5;
    text-decoration: none;
}

.skhrink {
    width: 60px !important;
    height: 60px !important;
    transition: 0.5s;
}

.response-roulette .image {
    margin-bottom: 15px;
}

.response-roulette .inside {
    margin: 0 auto;
}

.response-roulette .inside p {
}

.response-roulette .image img {
    max-height: 110px;
    border-radius: 99rem;
    background: #fff;
}

/* Interactiuni */
.isVideoFestival {
    text-align: center;
}

.isVideoFestival .titlu {

}

.interactiuniPage {
    position: relative;
    overflow: hidden;
    background-image: url("assets/images/main-desktop.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right;
}

.interactiuniPage .content {

}

.interactiuniSwiper {

}

.interactiuniSwiper article .video-arhive {
    padding-top: 100%;
    height: 0px;
    position: relative;
    border-radius: 25px;
    overflow: hidden;
}

.interactiuniSwiper article .video-arhive iframe {
    border: none;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.interactiuniSwiper {
    position: relative;
}


.interactiuniSwiper .swiper-button-prev {
    background-image: none;
    top: auto;
    bottom: 8px;
    width: 90px;
    height: auto !important;
    display: block;
    z-index: 555;
    left: 5px;
    padding: 0;
    margin: 0;
    color: #fff;
}

.interactiuniSwiper .swiper-button-next:after, .interactiuniSwiper .swiper-button-prev:after {
    display: none;
}

.interactiuniSwiper .swiper-pagination-bullet {
    background: #fff !important;
}

.interactiuniSwiper .isQuiz {
    height: 100%;
    display: flex;
    align-items: center;
}

.interactiuniSwiper .isQuiz .insideQuiz {
    width: 100%;
}

.interactiuniSwiper .swiper-button-next {
    background-image: none;
    top: auto;
    bottom: 8px;
    width: 90px;
    height: auto !important;
    display: block;
    z-index: 555;
    right: 5px;
    padding: 0;
    margin: 0;
    color: #fff;
}

.interactiuniSwiper .swiper-slide {
    background: var(--color-white);
    padding: 20px 30px;
    -webkit-box-shadow: 5px 5px 15px 5px rgb(65 65 65 / 18%);
    box-shadow: 5px 5px 15px 5px rgb(65 65 65 / 18%);
    border-radius: 25px;
    margin-bottom: 60px;
    height: auto;
}

.interactiuniSwiper .swiper-slide h4 {
    text-align: center;
}

.interactiuniPage .mainImg {
    width: 100%;
}

.contentInteractiuni {
    padding-top: 120px;
    padding-bottom: 90px;
}

.interactiuniSwiper article.isMeme {

}

.interactiuniSwiper article.isMeme .content {

}

.interactiuniSwiper article.isMeme .content .meme {
    max-width: 350px;
    margin: 0 auto;


}

.interactiuniSwiper article.isMeme .content .meme img {
    border-radius: 25px;
}

.interactiuniSwiper article .meme h4 {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    font-size: 4rem;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px -1px 0 rgb(0 0 0 / 60%);
}

.interactiuniSwiper article.isMeme .meme {
    position: relative;
}

.interactiuniSwiper .isQuiz .inside {
    background-image: url("assets/images/bgblue.png");
    padding: 30px;
    border-radius: 25px;
}

.interactiuniSwiper .isQuiz h4 {
    color: #fff;
}

.interactiuniSwiper .isQuiz ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.interactiuniSwiper .isQuiz ul li {
    padding: 1.25rem 3rem;
    color: var(--color-primary);
    background: #FAFAFA;
    border-radius: 25px;
    -webkit-box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
    box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
    font-size: 2rem;
}

.interactiuniSwiper .isQuiz ul .selected {
    background: var(--color-primary);
    color: #fff;
    font-weight: 700;
}

/**
 * New modals
 */
.captionResponse {
    padding: 30px;
    background: #fff;
    border-radius: 30px;
}

.captionResponse .image {
    position: relative;
}

.textCaption {
    color: var(--color-dark) !important;
    margin-top: 20px;
    margin-bottom: 0;
}

.textAi {
    position: absolute;
    font-size: 3rem !important;
    top: 30px;
    left: 30px;
    color: var(--color-dark) !important;
    max-width: 250px;
}

.textRoast {
    position: absolute;
    bottom: 30px;
    left: 30px;
    text-transform: uppercase;
    font-size: 4rem !important;
    line-height: 1.3;
}

.sprk {
    position: absolute;
    max-width: 50%;
    left: 0;
    bottom: 0;
}

.captionResponse .image .insta {
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    border-radius: 0;
    max-width: 80%;
}

.captionResponse .text-msg {

}

#carteModal {

}

#tutorialModal {
    z-index: 99999999;
}

.engagement-modal .modal-content {
    max-width: 450px;
    padding: 0;
}

.engagement-modal .engagement-image {

}

.engagement-modal .engagement-puzzle-img img {
    display: block;
}

#tipsef {

}

.engagement-modal .engagement-puzzle {
}

.engagement-modal .engagement-image img {
    display: block;
    max-width: 340px;
    border-radius: 18px;
    margin: 0 auto;
}

.modalNewResponse img {
    border-radius: 18px;
    margin: 0 auto;
    max-width: 320px;
}

.modal-content .cincimin {

}

.resposeQuizVideo {
    display: none;
}

.engage-description {

}

.engage-description .explain {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.engage-description .explain img {
    border-radius: 20px;
}

.engage-description .explain
.engage-descriptio {
    height: 100%;
    display: flex;
    align-items: center;
}

.felicitariresponse {
    position: relative;
}

.felicitariresponse img {
    display: block;
}

.felicitariresponse .textMeme {
    margin-bottom: 0;
}

.felicitariresponse img {
    border-radius: 25px;
}

.engage-description .explain img {
    width: 100%;
}

.engage-description .explain h3 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2.3rem;
    padding: 0 30px;
    z-index: 2;
    display: none;
}

.engage-descriptio .w-100 {
    padding-right: 50px;
    padding-left: 50px;
}

.engage-descriptio .w-100 .minute img {
    max-width: 250px;
}

.engage-descriptio .w-100 h3 {
    font-weight: 500;
    font-size: 2rem;
}

.engage-descriptio .redirCloseModal {
    margin-bottom: 0;
}


.prize-popup .modal-content {
    max-width: 700px;
}

.modal-quiz-content {
    padding: 30px;
    overflow: hidden;
    max-width: 700px;
    margin: 0 auto;
    color: #fff;
    border-radius: 25px;
}

.prize-popup .modal-content .actions {
    margin-bottom: 0;
}

.code-popup .modal-content {
    max-width: 700px;
}

.form-engage {
    display: flex;
    align-items: center;
    height: 100%;
}

.form-engage h3 {
    font-size: 2.2rem;
    font-weight: 500;
}

.modal-content .message-action {
    max-width: 700px;
}

.form-engage form {
    margin-bottom: 0;
    width: 100%;
    padding: 0 30px;
}

.form-engage form .input-radio {
    color: #fff;
    border-radius: 10px;
    transition: 0.3s;
    cursor: pointer;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background: rgba(255, 255, 255, 0.2);
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
    overflow: hidden;
}

.form-engage form .input-radio:hover {
    background: var(--color-primary);
}

.form-engage form .input-radio label {
    font-size: 1.6rem;
    cursor: pointer;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-weight: 600;
    padding: 10px;
}

.form-engage form .input-radio input[type="radio"] {
    appearance: none;
    display: none;
    -webkit-appearance: none;
}

.form-engage form .input-radio img {
    display: block;
    margin-bottom: 10px;
    border-radius: 20px;
}

/**
 * Site Main
 */


.MainArea {
    position: relative;
    margin-top: 63px;
}

.MainArea:after {

}

.MainArea .animationtext {
    max-width: 500px;
}

.MainArea .mainImage {
    display: block;
    width: 100%;
}

.MainArea .goDown {
    position: absolute;
    bottom: 20px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 180px;
    z-index: 99999999;
}

.MainArea .engagement-action {
    position: relative;
    background-image: url(assets/images/spor_desktop.png);
    background-position: center;
    background-size: cover;
    margin-top: 90px;
    padding: 60px;
    border-radius: 30px;
}

.stresscontent .videoPressContainer video {
    max-width: 400px;
    margin: 0 auto;
    display: block;
    margin-bottom: 15px;
    margin-top: 30px;
}

.stresscontent .videoPressContainer .button-primary:active {
    background-size: cover;
    background-image: url(assets/images/bgbutton.png);
    color: #fff;
    border-color: darkred;
}

.stresscontent .videoPressContainer .button-primary:active span {
    color: #fff;
}

.stresscontent .minute {
    margin-bottom: 10px;
}

.stresscontent .explain {
    padding-top: 50px;
}

.engagement-action .imageElement {
    position: relative;
}

.engagement-action .imageElement img {
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
}

.cumparticip {
    display: inline-flex;
    align-items: center;
    color: #fff;
}

.cumparticip em {
    font-style: normal;
    font-family: Arial, sans-serif;
    background: #fff;
    color: #142A57;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    margin-left: 5px;
}

.showCumCamp {
    display: block !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    background: url("assets/images/bg_fix.png");
    bottom: 0;
    z-index: 5;
    padding: 30px;
    padding-top: 50px;
    background-size: cover;
}

.cumCampanii {
    display: none;

}

.cumcontent {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 20px;
}

.MainArea .engagement-action .container {
    width: 100%;
}

.MainArea .engagement-action .video-main {
    max-width: 75%;
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
}

.MainArea .engagement-action .inside {
    text-align: center;
}

.MainArea .engagement-action .explainText {
    font-size: 2rem;
}

.engage-description .minute {
    display: flex;
    font-weight: 700;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.engage-description .minute img {
    margin-right: 10px;
    width: 25px;
    margin-top: 0;
}

.modal-content .tip {
    position: absolute;
    top: -120px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 5;
}

.openHowBonus {
    color: #fff;
    font-weight: 600;
    position: absolute;
    top: 30px;
    right: 20px;
    margin-bottom: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    border-radius: 99rem;
    font-size: 1.4rem;
    transition: 0.3s;
}


.openHowBonus a {
    margin-left: 10px;
}

.openHowBonus .opendescription {
    width: 25px;
    height: 25px;
    box-shadow: none;
    background: none;
}

.openHowBonus .opendescription img {
    margin-top: 5px;
    width: 5px;
}

.prizeSection {
    background-size: cover;
    padding: 60px 0;
    overflow: hidden;
}

.prizeSection .bigPrize {
    display: flex;
    text-align: center;
    background: #fff;
    height: 90%;
    align-items: center;
    padding: 50px;
    border-radius: 20px;
    -webkit-box-shadow: 5px 5.5px 5px 0.5px #dddddd;
    -moz-box-shadow: 5px 5.5px 5px 0.5px #dddddd;
    box-shadow: 5px 5.5px 5px 0.5px #dddddd;
    position: relative;
    overflow: hidden;
}

.bigPrize .prize-detail {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    display: flex;
    align-items: center;
    padding: 30px;
}

.prizeSection .bigPrize h3 {
    color: #0E3056;
    margin-bottom: 0;
    padding-right: 20px;
    position: relative;
}

.prizeSection .bigPrize h3 a {
    position: absolute;
    right: -30px;
    top: -8px;
}

.prizeSection .bigPrize .date {
    color: #142A57;
    font-weight: 700;
    margin-bottom: 30px;
    font-size: 1.3rem;
}

.prizeSection .bigPrize .explain {
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.3rem;
    color: #0E365B;
}

.prizeSection .bigPrize .sanse {
    text-align: center;
    color: #0E3056;
}

.prizeSection .bigPrize .sanse p {
    display: inline-flex;
    align-items: center;
    font-size: 1.4rem;
}

.prizeSection .bigPrize .sanse p img {
    margin-right: 10px;
}

.prizeSection .bigPrize .leftSide .content {
    width: 100%;
}

.prizeSection .bigPrize .leftSide .content h3 {
    font-size: 6rem;
    font-weight: 400;
}

.prizeSection .bigPrize .leftSide .content h3 span {
    display: block;
    font-weight: 700;
}

.prizeSection .bigPrize .leftSide .content h3 em {
    font-style: normal;
    font-weight: 900;
}

.prizeSection .bigPrize .leftSide .content h3 i {
    font-style: normal;
    font-weight: 100;
}

.prizeSection .bigPrize .leftSide .content p {
    font-size: 2rem;
}

.prizeSection .bigPrize .rightSide {
    width: 48%;
    background: #fff;
    -webkit-box-shadow: 5px 5px 15px 5px rgb(65 65 65 / 18%);
    box-shadow: 5px 5px 15px 5px rgb(65 65 65 / 18%);
    border-radius: 25px;
    overflow: hidden;
    padding: 30px 60px;
    position: relative;
}

.prizeSection .bigPrize .rightSide .vezi-detalii {
    position: absolute;
    top: -7px;
    cursor: pointer;
    margin-left: 20px;
}

.prizeSection .bigPrize .rightSide .prize-detail {
    display: none;
    position: absolute;
    background: #fff;
    z-index: 5;
    bottom: 0;
    top: 0;
    text-align: center;
    left: 0;
    right: 0;
}


.prizeSection .bigPrize .rightSide .prize-detail .content {
    display: flex;
    height: 100%;
    align-items: center;
    padding: 60px;
    width: 100%;
}

.prizeSection .bigPrize .rightSide .prize-detail .content .inside {

}

.prizeSection .bigPrize .rightSide .sanse {
    font-weight: 600;
    font-size: 2rem;
}

.prizeSection .bigPrize .rightSide .sanse em {
    font-style: normal;
}

.PrizeSwipe {
    overflow: visible !important;
    margin-top: 150px;
}

.alte-campanii .row {
    background: #FFF;
    padding: 20px 10px;
    border-radius: 18px;
}

.festivalinside {
    text-align: center;
}

.festiSwiper {
}

.festivalfour {
    margin-top: 15px;
}

.animated-line {
    position: absolute;
    left: 0;
    pointer-events: none;
    z-index: -1;
    top: 90px;
}

.dot {
    fill: white;
    r: 4;
    opacity: 0;
    transform: scale(0.5);
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
    transform-origin: center;
}

.dot.visible {
    opacity: 1;
    transform: scale(1);
}

.dot-glow {
    fill: white;
    opacity: 0;
    r: 4;
    transform: scale(1);
    filter: blur(4px);
    transform-origin: center;
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

.dot-glow.visible {
    opacity: 0.5;
    transform: scale(2.5);
}


.festivalone {
    padding-top: 30px;
}

.festivaltwo {
    padding-top: 60px;
}

.festivaltree {
}

.festivalinside .description {

}

.festivalinside .description img {
    max-width: 120px;
}

.festivalinside .description span {
    display: block;
    margin: 0 auto;
    font-size: 2rem;
    font-weight: 900;
    color: white;
}

.festivalinside .notice {
    font-size: 12px;
    color: #FFF;
    max-width: 150px;
    margin: 0 auto;
}

.festival-selection {
    display: block;
    margin: 0 -30px;
    min-height: 100px;
    position: relative;
}

.festival-selection .curvedlines {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
}

.alte-campanii h1 {
    padding-left: 140px;
    position: relative;
    font-weight: 900;
    font-style: italic;
    font-size: 3.5rem;
}

.alte-campanii h1 span {
    position: absolute;
    right: 15px;
    top: 0px;
}

.alte-campanii h1 span img {
    max-height: 50px;
    padding-right: 200px;
}

.alte-campanii .row img {
    display: block;
}

.alte-campanii .content {
    text-align: center;
}

.PrizeSwipe .swiper-slide {
    padding: 20px 30px;
    margin-bottom: 30px;
    height: 370px;
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 18px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.PrizeSwipe .swiper-pagination-progressbar {
    top: auto !important;
    bottom: 0px !important;
    border-radius: 99rem;
    background: #eee;
}

.PrizeSwipe .swiper-wrapper {
    margin-bottom: 30px;
}

.PrizeSwipe .prize {
    width: 100%;
}

.PrizeSwipe .prize .premiucastigat {
    background: #030732;
    position: absolute;
    right: -11px;
    width: 110px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    transform: rotate(-45deg);
    border-radius: 5px;
    font-size: 1.3rem;
    bottom: 34px;
}

.PrizeSwipe .prize .premiucastigat i {
    color: green;
}

.PrizeSwipe .prize .images {
    margin-bottom: 15px;
    margin-top: -130px;
}

.PrizeSwipe .prize .images img {
}

.PrizeSwipe .prize .sanse {
    text-align: center;
    min-height: 55px;
}

.PrizeSwipe .prize .sanse p {
    color: #fff;
    font-weight: 400;
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
    display: inline-flex;
    align-items: center;
    margin-bottom: 0;
}

.PrizeSwipe .prize .sanse .extrasansa {
    color: #fff;
    display: block;
    font-size: 1.2rem;
    margin-bottom: 5px;
}

.PrizeSwipe .prize .explain {
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.3rem;
    color: #fff;
}

.PrizeSwipe .prize .sanse p span {
    margin-right: 5px;
}

.PrizeSwipe .prize .sanse p img {
    margin-right: 10px;
}

.PrizeSwipe .prize .content {

}

.PrizeSwipe .prize .content p {
    color: #5D5D5D;
    margin-bottom: 0;
}

.PrizeSwipe .prize .content h5 {
    color: var(--color-white);
    font-weight: 700;
    min-height: 48px;
    margin-bottom: 10px;
}

.CastigatoriPage h1 {
    font-size: 4rem;
}

.intro-section .video-container {
    left: 0;

    height: 0;
    position: relative;
    padding-bottom: 46%;
}

.intro-section .video-container iframe {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    border: 0;
    border-radius: 20px;
}

.PrizeSwipe .prize .content h5 span {
    display: block;
}

.PrizeSwipe .prize .content h5 em {
    display: block;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 400;
}

.PrizeSwipe .prize .content h5 img {
    max-height: 35px;
    margin-top: 10px;
}


.premiiSaptamanale {
    position: relative;
    padding-left: 30px;
}

.premiiSaptamanale h3 {
    color: #fff;
    margin-bottom: 10px;
}

#returnPremiuHome {
    margin-bottom: 30px;
}

.premiiSaptamanale .container:after {
    content: "Imaginile premiilor sunt cu titlu de prezentare.";
    position: absolute;
    bottom: -110px;
    left: 0;
    font-size: 1.2rem;
    color: #999;
    right: 0;
}


.accountPage .premiiSaptamanale .AccountPrizeSwipe:after {
    content: "Imaginile premiilor sunt cu titlu de prezentare.";
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 1.2rem;
    color: #999;
    right: 0;
}

.bonusuriHome {
    color: #10131F;
    text-align: center;
    padding: 30px 0;
    transform: rotate(-3deg);
    background: #fff;
    position: absolute;
    left: -30px;
    right: -30px;
    z-index: 5;
    bottom: -135px;
}

.bonusuriHome h3 {
    font-size: 4.5rem;
    margin-bottom: 15px;
    color: #0E3056;
    font-weight: 900;
}

.bonusuriHome h3 span {
    font-weight: 700;
}

.bonusuriHome h3 em {
    font-style: normal;
    font-weight: 400;
}

.bonusuriHome h3 i {
    font-style: normal;
    font-weight: 300;
}

.bonusuriHome p {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1.3;
}


.premiiSaptamanale h3 {
    position: relative;
}

.premiiSaptamanale .prize-details {
    display: none;
}

.showPremiiDescription .prize-details {
    display: block;
    color: #fff;
    font-size: 1.3rem;
}

.dataSapt {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.3rem;
}

.premiiSaptamanale h3 .icon {
    position: absolute;
    top: 4px;
    cursor: pointer;
    margin-left: 10px;
}

.premiiSaptamanale h3 .icon img {
    width: 35px;
}


.premiiSaptamanaleNoWin .content {
    -webkit-box-shadow: 5px 5px 15px 5px rgb(65 65 65 / 18%);
    box-shadow: 5px 5px 15px 5px rgb(65 65 65 / 18%);
    padding: 30px;
    background: #fff;
    border-radius: 25px;
    margin-top: 80px;
    margin-left: 30px;
}

.freedomdates {

}

.freedomdates p {
    background: var(--color-grey);
    margin-bottom: 15px;
    padding: 10px 15px;
    border-radius: 15px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4rem;
}

.freedomdates p span {
    font-weight: 700;
    color: var(--color-primary);
    font-size: 2rem;
}

.freedomdates .week {
    background: #d3e0ed;
}

.PrizeSwipe .navi, .WinnersSwipe .navi {
    position: relative;
    max-width: 120px;
    margin: 0 auto;
    margin-top: 20px;
    height: 50px;
}

#premiimari, #premiiinstant, #premiifestival {
    position: absolute;
    margin-top: -90px;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: rgb(85, 201, 250) !important;
    border-radius: 99rem;
}

.premiiInstant {
    padding: 60px 0;
    position: relative;
    background-size: cover;
    color: var(--color-white);
    background-position: center center;
    padding-top: 0;
}

.premiiInstant .mntDs {
    border-radius: 20px;
}

.premiiInstant .minuteDisponibile {
    width: 250px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}

.premiiInstant .minuteDisponibile p {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0;
}

.premiiInstant .extrainvartiri {
    width: 250px;
    margin: 0 auto;
    text-transform: uppercase;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 15px;
    padding: 10px;
    margin-top: 10px;
}

.premiiInstant .extrainvartiri em {
    display: block;
    font-style: normal;
    font-weight: 700;
}

.premiiInstant .extrainvartiri em span {
    font-size: 3rem;
    line-height: 1;
}

.premiiInstant .extrainvartiri span {
    font-size: 1.3rem;
}

.premiiInstant .minuteDisponibile .minusss {

}

.premiiInstant .minuteDisponibile span {

}

.premiiInstant .minuteDisponibile {
    margin-bottom: 30px;
}

.premiiInstant .minuteDisponibile em {
    font-style: normal;
    margin: 0 10px;
    font-weight: 900;
    font-size: 2rem;
}

.premiiInstant .row {
    align-items: center;
}

.premiiInstant h3 {
    font-size: 8rem;
}

.premiiInstant h3 em {
    font-style: normal;
    font-weight: 900;
}

.premiiInstant .description {
    color: #fff;
    font-weight: 700;
}

.premiiInstant .description span {
    font-weight: 400;
}

.premiiInstant .content {
    text-align: center;
}

.premiiInstant .content p {
}

.premiiPePlus {
}

.premiiPePlus .pragruri {
    margin-bottom: 60px;
    margin-top: 60px;
}

.premiiPePlus .pragruri ul {
    list-style: none;
    margin: 0;
    padding: 0;

}

.premiiPePlus .pragruri li {
    padding: 20px;
    border-radius: 15px;
    background-color: #fff;
    margin-bottom: 0;
}

.premiiPePlus .pragruri .curent .premiu {
    color: #155EBA;
    font-size: 2rem;
    font-weight: 300;
    margin-bottom: 15px;
    margin-top: 0;
}

.premiiPePlus .pragruri .curent .premiu span {
    background: #E13EA0;
    background: linear-gradient(to right, #E13EA0 0%, #155EBA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.premiiPePlus .pragruri .curent .nivel {
    font-size: 2rem;
    font-weight: 400;
    color: #0E3056;
    margin-bottom: 0;
}

.premiiPePlus .pragruri .curent .nivel span {
    font-weight: 700;
    margin-left: 5px;
    font-size: 3rem;
}

.premiiPePlus .pragruri .curent .coduri {
    color: #999;
    font-size: 1.4rem;
    margin-bottom: 0;
    text-align: center;
}

.premiiPePlus .pragruri .curent .coduri p {
    display: inline-flex;
    width: 48%;
    margin: 0 auto;
    align-items: center;
}

.premiiPePlus .pragruri .curent .coduri p img {
    margin-right: 10px;
}

.premiiPePlus .pragruri h5 {
    font-weight: 400;
    color: #0E3056;
    font-size: 1.6rem;
}

.premiiPePlus .pragruri h5 span {
    font-weight: 900;
}

.premiiPePlus .content h3 {
    font-weight: 900;
    font-size: 8rem;
    color: #0E3056;
    line-height: 1;
    max-width: 80%;
    margin: 0 auto;
    margin-top: 90px;
    position: relative;
}

.premiiPePlus .openlevels {
    position: absolute;
    right: -65px;
    top: 40px;
}

.levelsExplain {
    display: none;
}

.showlevels {
    display: block;
}

.levelsExplain ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
}

.levelsExplain li {
    box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.1);
    background: #fff;
    padding: 5px;
    border-radius: 20px;
    padding-bottom: 50px;
}

.levelsExplain li:nth-of-type(2) {
    margin-top: -45px;
    position: relative;
    z-index: 2;
}

.levelsExplain li:nth-of-type(3) {
    margin-top: -45px;
    position: relative;
    z-index: 2;
}

.levelsExplain li:nth-of-type(4) {
    margin-top: -45px;
    position: relative;
    z-index: 2;
}

.levelsExplain li:last-of-type {
    padding-bottom: 20px;
}

.levelsExplain li .content {
    padding: 0;
}

.levelsExplain li .content .level {
    font-size: 2rem;
    font-weight: 400;
    color: #0E3056;
    margin-bottom: 0;
    text-transform: uppercase;
}

.levelsExplain li .content .level span {
    font-weight: 700;
    font-size: 2.5rem;
}

.levelsExplain li .content p {
    margin: 0;
}

.levelsExplain li .content .premiu {
    color: #155EBA;
    font-size: 2rem;
    font-weight: 300;
    margin-bottom: 5px;
    margin-top: 0;
}

.levelsExplain li .content .premiu span {
    background: #E13EA0;
    background: linear-gradient(to right, #E13EA0 0%, #155EBA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.levelsExplain li .content .explain {
    color: #17315D;
    font-size: 1.4rem;
}

.levelsExplain .content {
    text-align: center;
}

.premiiPePlus .openlevels img {

}

.premiiPePlus .content p {
    margin-top: 15px;
}

.premiiPePlus .pragruri .explain {
    display: flex;
    height: 100%;
    align-items: center;
}

.premiiPePlus .pragruri .explain .inside {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 80%;
    margin: 0 auto;
}

.premiiPePlus .pragruri .explain h4 {
    margin-bottom: 0;
    font-weight: 900;
    font-size: 2.3rem;
    color: #0E3056;
}

.premiiPePlus .pragruri .explain p {
    margin-bottom: 0;
    color: #0E3056;
    font-weight: 700;
    font-size: 1.4rem;
    text-align: left;
    flex: 1;
    padding-left: 20px;
    line-height: 1.2;
}

.premiiPePlus .content h3 em {
    font-weight: 900;
    font-style: normal;
}

.premiiPePlus .row {
}

.premiiPePlus .content {
    padding: 0 60px;
    text-align: center;
}

.premiiPePlus .content h3 i {
    font-weight: 700;
    font-style: normal;
}

.premiiPePlus .iconplus {
    margin-top: -150px;
}


.otherCamps {
    margin-bottom: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.fullWidthRow {
    display: block;
}

.fullWidthRow .coduriM {
    width: 100%;
}

.fullWidthRow .coduriM .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.fullWidthRow .coduriM .content .right img {
    margin-bottom: 0;
}

.fullWidthRow .coduriM .content .left {
    display: block;
    width: 48%;
}

.fullWidthRow .coduriM .content .right {
    width: 48%;
    text-align: center;
}

.coduriM .content {
    padding: 30px;
    flex-wrap: wrap;
}

.altecampaniiOnline {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}

.altecampaniiOnline .campanie {
    width: 49%;
    border-radius: 18px;
    padding: 15px;
    background: #FFF;
    text-align: center;
}

.altecampaniiOnline .campanie .title {
    font-size: 3rem;
    font-weight: 900;
    font-style: italic;
}

.prizesCarusel {
    margin-bottom: 25px;
}

.altecampaniiOnline .campanie .icon, .altecampaniiOnline .campanie .image {
    border-radius: 18px;
    display: block;
    margin-bottom: 15px;
}

.altecampaniiOnline .campanii-magazine {
    width: 68%;
}

.altecampaniiOnline .campanii-magazine .campanie {
    background: #FFF;
    padding: 10px;
    border-radius: 18px;
}

.altecampaniiOnline .campanii-magazine .campanie:first-of-type {
    margin-bottom: 15px;
}

.altecampaniiOnline .campanii-magazine .campanie .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.altecampaniiOnline .campanii-magazine .campanie .content .image {
    width: 43%;
}

.altecampaniiOnline .campanii-magazine .campanie .content .image img {
    border-radius: 18px;
    display: block;
}

.altecampaniiOnline .campanii-magazine .campanie .content .inside {
    width: 55%;
    text-align: center;
}

.WinnersSwipe {
    margin-bottom: 0;
}

.altecampaniiOnline .program-leasure {
    width: 30%;
}

.coduriM .content .left {
}

.coduriM .content .left h3 {
    font-size: 2.5rem;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 2rem !important;
}

.coduriM .content .left .text-center {
    margin-bottom: 0;
}

.coduriM .content .right {
}

.coduriM .content .right img {
    display: block;
    margin: 0 auto;
    margin-bottom: -40px;
}

.pageContent {
    padding-top: 120px;
    padding-bottom: 30px;
}

.accountsection {
    padding-top: 30px;
    padding-bottom: 60px;
}

.accountsection .stats {
    padding-left: 30px;
}

.accountsection .bonusCodes {
    position: relative;
}

.accountsection .bonusCodes .opendescription {
    position: absolute;
    top: 16px;
    right: 20px;
}

.bonusCodesList {
    min-width: 550px;
}

.imagetip {
    position: relative;
    margin-bottom: 20px;
}

.imagetip p {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}

.imagetip span {
    font-size: 2rem;
    display: block;
    font-weight: 600;
}


.imagetip img {
    display: block;
    border-radius: 10px;
    margin: 0 auto;
}

.skillsponse .stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.skillsponse .stats p {
    width: 25%;
}

.skillsponse .stats p span {
    font-size: 2rem;
    display: block;
    color: #fff;
    font-weight: 600;
}

.bonusCodesList ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bonusCodesList li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
}

.bonusCodesList li:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
}

.bonusCodesList li:last-of-type {
    margin-bottom: 0;
}

.bonusCodesList .cod {
    width: 30%;
    font-size: 1.3rem;
    text-transform: uppercase;
}

.bonusCodesList .cod em {
    display: block;
    font-weight: 700;
    font-style: normal;
}

.bonusCodesList .date {
    width: 30%;
    font-size: 1.3rem;
}

.bonusCodesList .use {
    width: 30%;
}

.levels {
}

.levels .level {
}


.accountsection .bonusCodes.isOpen {

}

.CodesisOpen .bonusCodesList {
    display: block;
}

.CodesisOpen a svg {
    transform: rotate(90deg);
}


.CodesisOpen .opendescription img {
    transform: rotate(90deg);
}


.accountsection .bonusCodesList .date {
    font-size: 1.3rem;
}

.accountsection .bonusCodes h5 {
    margin-bottom: 0;
    cursor: pointer;
}

.accountsection .bonusCodes ul {
    list-style: none;
    margin-bottom: 0;
    margin-top: 30px;
    margin-right: -20px;
}

.accountsection .bonusCodes li {
    display: flex;
    padding-bottom: 15px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 15px 0;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    align-items: center;
}

.accountsection .bonusCodes li .cod {
    font-size: 1.3rem;
}

.accountsection .bonusCodes li:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.accountsection .bonusCodes li em {
    font-style: normal;
    font-weight: 700;
    width: 150px;
    display: block;
    font-size: 1.4rem;
}

.accountsection .bonusCodes .button {
    margin-bottom: 0;

}

.accountsection .bonusCodes {

}

.accountsection .bonusCodes {

}

.accountsection .box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.accountsection .box .coduri {
    display: flex;
    align-items: center;
    color: #5D5D5D;
    font-weight: 700;
}

.accountsection .box .coduri .textbig {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
    margin-right: 10px;
    color: #0E3056;
}

.accountsection .box .submitcode {
    color: #fff;
    background: #982E2B;
    background: linear-gradient(to top, #982E2B 0%, #DB3E33 100%);
    display: block;
    line-height: 1;
    padding: 10px 25px;
    border-radius: 99rem;
    font-size: 1.3rem;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s;
}

.accountsection .statssmall {
    align-items: flex-start;
    justify-content: initial;
    position: relative;
}

.accountsection .statssmall .numberstats span {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
    margin-right: 10px;
    display: block;
    min-width: 40px;
    color: #0E3056;
}

.accountsection .statssmall a {
    cursor: pointer;
}

.accountsection .statssmall .descriptionHow {
    width: 100%;
    display: none;
    padding-top: 10px;
    font-size: 1.4rem;
}

.cumAcumulez ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cumAcumulez li {

}


.cumAcumulez li p {
    margin-bottom: 10px;
}

.cumAcumulez ul h5 {
    font-weight: 400;
    font-size: 1.6rem;
}

.statusinvartiri, .statusSansePremii {
    cursor: pointer;
}

.statusPremiiCastigate {
    height: 107px;
}

.accountsection .statssmall .descriptionHow p {
    margin-bottom: 0;
}

.accountsection .statssmall .titlebox {
    color: #5D5D5D;
    font-weight: 700;
    line-height: 1.3;
}

.accountsection .statssmall .titlebox span {
    display: block;
}

.statusminute {
    cursor: pointer;
    position: relative;
}

.openstatusminute {
}

.listareminute {
    min-width: 320px;
}

.listareminute ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.listareminute li {

}

.statusFreedomDay {
    position: relative;
}

.statusFreedomDay .descriptionHow {
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    padding: 20px 30px;
    border-radius: 25px;
    top: 0;
    z-index: 55;
    box-shadow: 5px 5.5px 5px 0.5px rgba(0, 0, 0, 0.2);
}

.statusFreedomDay .descriptionHow p {
    font-size: 1.4rem;
}

.statusFreedomDay .descriptionHow ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.statusFreedomDay .descriptionHow li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 1rem;
}

.statusFreedomDay .descriptionHow .currentFreedom {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.2);
    padding-top: 10px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.statusFreedomDay .descriptionHow li span {
    width: 45%;
    font-size: 1.4rem;
    text-align: left;
}

.statusFreedomDay .descriptionHow li i {
    font-style: normal;
    font-weight: 600;
    width: 33%;
}

#totalMinuteAcumulate h5 {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-weight: 600;
    position: relative;
    cursor: pointer;
}

#totalMinuteAcumulate h5 i {
    font-style: normal;
    font-size: 2.5rem;
    font-weight: 400;
    position: absolute;
    right: 10px;
    top: -12px;
}

#totalMinuteAcumulate li.active h5 i {
    transform: rotate(90deg);
}

#totalMinuteAcumulate .inside {
    display: none;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

#totalMinuteAcumulate li.active .inside {
    display: block;
    padding-top: 10px;
}

#totalMinuteAcumulate li.active .inside p {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#totalMinuteAcumulate li.active .inside p span, #totalMinuteAcumulate h5 span {
    font-style: normal;
    font-weight: 600;
    background: #44A3CF;
    color: #fff;
    display: block;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    padding: 0 5px;
    font-size: 1.3rem;
}

.SansePremii {

}

.SansePremii ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.SansePremii li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.SansePremii li:last-of-type {
    border-bottom: none;
}

.SansePremii li span {
    font-style: normal;
    font-weight: 600;
    background: #132956;
    color: #fff;
    display: block;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    padding: 0 5px;
    font-size: 1.3rem;
}

#totalMinuteAcumulate li {
    align-items: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 1rem;
}

#totalMinuteAcumulate li:last-of-type {
    border-bottom: none;
}

.statusFreedomDay .descriptionHow li:last-of-type {

}

.statusFreedomDay .descriptionHow li em {
    font-style: normal;
    font-weight: 600;
    background: #142D97;
    color: #fff;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
}

.descriere-engage {
    max-width: 75%;
    margin: 15px auto;
    font-size: 1.8rem;
}

.showDescriptionSmall .descriptionHow {
    display: block !important;
    padding: 15px;
    background: rgb(62, 143, 168);
    z-index: 555;
    border-radius: 15px;
    box-shadow: 5px 5.5px 5px 0.5px rgba(0, 0, 0, 0.2);
    border: 1px solid #18A5CD;
    color: #FFF;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    background: rgba(62, 143, 168, 0.5);
    backdrop-filter: blur(10px);
}

.showDescriptionSmall .descriptionHow p {

}

.statusminute.showDescriptionSmall .opendescription img {
    transform: rotate(90deg);
}

.statusFreedomDay.showDescriptionSmall .opendescription img {
    transform: rotate(90deg);
}

.statusinvartiri.showDescriptionSmall .opendescription img {
    transform: rotate(90deg);
}

.statusSansePremii.showDescriptionSmall .opendescription img {
    transform: rotate(90deg);
}

.invarteroata.showDescriptionSmall .opendescription img {
    transform: rotate(90deg);
}

.statusPremiiCastigate.showDescriptionSmall .opendescription img {
    transform: rotate(90deg);
}

.opendescription {
    overflow: hidden;
    position: relative;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.opendescription img {
}

.statusLevel {
    text-align: center;
}

.statusLevel .levels {
    margin-top: 50px;
}

.statusLevel .levels .level {
    padding: 10px;
    border: 1px solid #18A5CD;
    border-radius: 15px;
    margin-bottom: 10px;
    position: relative;
}

.statusLevel .levels .level h6 {
    font-size: 1.4rem;
    font-weight: 600;
    color: #98E4E4;
    margin-bottom: 5px;
}

.statusLevel .levels .level ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
}

.statusLevel .levels .level li {
    display: block;
    border: none;
    padding: 0;
    margin: 0;
    width: 48%;
}

.statusLevel .levels .level li span {
    display: block;
    margin: 0 auto;
    font-size: 2rem;
    font-weight: 700;
    width: 100%;
    text-align: center;
}

.statusLevel .levels .firstLevel p {
    margin-bottom: 0;
}

.statusLevel .levels .firstLevel {
    padding: 20px 10px;
}

.statusLevel .levels .firstLevel .current {
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-height: 60px;
}

.accountsection .statssmall .info {
    flex: 1;
    padding-right: 40px;
}

.accountsection .statssmall .info a {
    color: #5D5D5D;
}

.accountsection .statssmall .action {
    position: absolute;
    right: 30px;
    top: 25px;
}

.accountsection .businessCard {
    position: relative;
}

.accountsection .businessCard {

}

#bcModal .bcblank {
    max-height: 250px;
    margin: 0 auto;
}

.accountsection .personbc {
    position: relative;
    z-index: 5;
    margin-top: -20px;
}

.sansaaction {

}

.sansaaction img {
    max-width: 100px;
}

.accountheader .welcome {
}

.accountheader .welcome .showDescription .openEdit {
    transform: rotate(-90deg);
}

.accountheader .welcome .showDescription .showInfo {
    display: block;
    margin-top: 10px;
    font-size: 1.5rem;
}

.accountheader .welcome .showInfo {
    display: none;
}

.accountheader .welcome .showInfo a {
    text-decoration: underline;
    color: #2884DD;
}

.accountheader .welcome .businessCard {
    position: relative;
    background: rgb(23, 26, 43);
    background: linear-gradient(129deg, rgba(23, 26, 43, 1) 0%, rgba(16, 19, 31, 1) 35%, rgba(72, 72, 72, 1) 100%);
    padding: 20px;
    border-radius: 20px;
}

.accountheader .welcome .businessCard {

}

.accountheader .welcome .businessCard .userRole {

}

.accountheader .welcome .businessCard .userRole h3 {
    margin: 0;
    color: var(--color-white);
}

.accountheader .welcome .businessCard .userRole p {
    color: var(--color-white);
    font-weight: 700;
    font-size: 2rem;
}

.textbg {
    color: var(--color-white);
    padding: 90px 0;
    position: relative;
    text-align: center;
    margin-bottom: 60px;
    background-image: url("assets/images/smalllines.png");
    background-color: #171A2B;
}

.textbg .bg {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    top: 0;
    width: 100%;
    object-fit: cover;
}

.textbg h3 {
    font-size: 5rem;
    font-weight: 400;
    margin-bottom: 0;
}

.textbg h3 span {
    font-weight: 700;
}

.textbg h3 span em {
    font-style: normal;
    font-weight: 900;
}

.textbg h3 i {
    font-style: normal;
    font-weight: 100;
}

.textbg p {
    font-size: 2rem;
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.textbg p:last-of-type {
    margin-bottom: 0;
}

.accountPage .premiiSaptamanale {
    margin-top: 0;
    position: relative;
}

.accountPage .bigPrize {
    background: #fff;
    -webkit-box-shadow: 5px 5px 15px 5px rgb(65 65 65 / 18%);
    box-shadow: 5px 5px 15px 5px rgb(65 65 65 / 18%);
    border-radius: 25px;
    padding: 30px 60px;
    position: relative;
    z-index: 1;
    height: 100%;
}

.accountPage .bigPrize .incercari {
    background: var(--color-grey);
    margin-bottom: 15px;
    padding: 10px 15px;
    border-radius: 15px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4rem;
}

.accountPage .bigPrize .incercari span {
    font-weight: 700;
    display: inline-block;
    font-size: 2rem;
    color: var(--color-primary);
}

.accountPage .bigPrizeWin {
    position: relative;
    overflow: hidden;
}

.accountPage .bigPrizeWin {
    height: 600px;
    display: flex;
    align-items: center;
}

.accountPage .bigPrizeWin .inside {
    width: 100%;
}

.accountPage .bigPrizeWin .statusPremiu {
    position: absolute;
}

.accountPage .bigPrize .sanse {

}

.accountPage .bigPrize .sanse em {
    font-style: normal;
}

.personbcmodal {
    margin: 0 auto;
    padding-top: 40px;
}

.personbcmodal .minute {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 1.3rem;
}

.personbcmodal .minute img {
    width: 25px;
    margin-right: 5px;
    margin-left: 0;
    margin-right: 5px;
}

.personbcmodal .row {
}

.personalizaremodal .bcpersonalizat {
    max-width: 200px;
}

#bcModalPersonalizat .personbcmodal {
}

.boxAprobat {
}

.boxAprobat .personalizat {
    overflow: hidden;
    border-radius: 25px;
    margin-bottom: 10px;
}

.boxAprobat .personalizat img {
    border-radius: 25px;
}

.boxAprobat p {
    color: #197BB9 !important;
}

.personbcmodal p a {
    text-decoration: underline;
}

.personbcmodal h3 {
    font-weight: 300;
}

#bcModalPersonalizat .personalizat {
    position: relative;
}

#bcModalPersonalizat .modal-dialog a {
    color: var(--color-white);
}


#bcModalPersonalizat .userRole {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
}

#bcModalPersonalizat .userRole #bcDomeniu {
    margin: 0;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    font-size: 3rem;
}

#bcModalPersonalizat .userRole #bcPasiune {
    color: var(--color-white);
    font-weight: 700;
    font-size: 2rem;
}

.personbcmodal .bcpersonalizat {
    max-width: 200px;
    margin: 0 auto;
}

.personbcmodal .inside {
    position: relative;
    max-width: 880px;
}

.personbcmodal .inside .cerereInfo {
    width: 50%;
}

.mesajresponse .row {
    align-items: center;
}

.personbcmodal .inside .moment {
    border-radius: 25px;
}

.personbcmodal .inside .moment form {
    padding: 20px;
    max-width: 450px;
    margin: 0 auto;
}

#bcModalPersonalizat .modal-content {
    max-width: 500px;
}

.personbcmodal .inside .moment form button {
    display: none;
}

.personbcmodal .close {
    position: absolute;
    color: var(--color-white);
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 99rem;
    right: 20px;
    line-height: 24px;
    top: 20px;
    transform: rotate(45deg);
    cursor: pointer;
    z-index: 9999;
    border: 1px solid #fff;
    text-decoration: none;
}

.personbcmodal h3 {
    font-size: 4.5rem;
}

.personbcmodal h3 span {
    display: block;
    font-weight: 900;
}

.personbcmodal h3 em {
    font-style: normal;
    font-weight: 600;
}

.personbcmodal .inside select {
    width: 100%;
    color: #fff;
}

.personbcmodal .inside select option {
    background: #333;
    color: #fff;
}

.AccountPrizeSwipe {
    padding: 15px !important;
    padding-bottom: 50px !important;
}

.AccountPrizeSwipe .swiper-slide {
    background: var(--color-white);
    padding: 20px 30px;
    height: auto;
    -webkit-box-shadow: 5px 5px 15px 5px rgb(65 65 65 / 18%);
    box-shadow: 5px 5px 15px 5px rgb(65 65 65 / 18%);
    border-radius: 25px;
    margin-bottom: 30px;
    overflow: hidden;
}

.AccountPrizeSwipe .premiucastigat .images img {
    zoom: 1.5;
    height: auto !important;
}

.AccountPrizeSwipe .swiper-pagination-progressbar {
    top: auto !important;
    border-radius: 99rem;
    background: #eee;
    bottom: 85px !important;
}

.WinnersSwipe .swiper-pagination-progressbar {
    position: relative !important;
}

.AccountPrizeSwipe .swiper-wrapper {
    margin-bottom: 30px;
}

.AccountPrizeSwipe .prize {

}

.AccountPrizeSwipe .prize .images {
    margin-bottom: 15px;
}

.AccountPrizeSwipe .prize .images img {
    max-height: 150px;
}

.AccountPrizeSwipe .prize .sanse {

}

.premiiFestival {
    padding-bottom: 60px;
    margin-bottom: 60px;
}

body.contul-meu .premiiFestival h3 {
    margin-bottom: 60px;
}

.premiiCastigate .headingfull {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.premiiCastigate .headingfull .text {
    width: 48%;
    text-align: center;
}

.premiiCastigate .headingfull .text h2 {
    text-align: center;
    font-style: italic;
    font-weight: 900;
    font-size: 3.5rem;
}

.premiiCastigate .headingfull .text a {
    text-decoration: underline;
}

.premiiCastigate .headingfull .necastigator {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 40%;
}

.premiiCastigate .headingfull .necastigator h5 {
    text-transform: uppercase;
}

.premiiCastigate .headingfull .necastigator p {
    font-size: 1.55rem;
    font-weight: 500;
    text-align: center;
}

.premiiCastigate .headingfull .necastigator .color-error {
    margin-bottom: 0;
}

.premiiCastigate .headingfull .necastigator p a {
    color: #fff;
    text-decoration: underline;
}

.premiiCastigate .headingfull .necastigator .image {
    width: 50%;
    text-align: center;
}

.premiiCastigate .headingfull .necastigator .image img {
    display: block;
    margin: 0 auto;
}

.FestivalSwipe {
    padding-bottom: 60px !important;
}

.FestivalSwipe .swiper-slide {
    background: var(--color-white);
    border-radius: 18px;
    height: auto;
    box-shadow: 5px 5px 15px 5px rgb(65 65 65 / 18%);
}

.FestivalSwipe .premiu .statusPremiu {
    color: #fff;
    background: #E13EA0;
    border-radius: 99rem;
    font-size: 1.4rem;
    font-weight: 700;
    padding-top: 2px;
    position: absolute;
    width: 150px;
    transform: rotate(45deg);
    top: 28px;
    right: -35px;
    text-transform: uppercase;
}

.FestivalSwipe .premiu {
    text-align: center;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.FestivalSwipe .premiu .image {

}

.FestivalSwipe .premiu .image img {
    display: block;
    border-radius: 20px 20px 0 0;
}

.FestivalSwipe .premiu .content {
    background: var(--color-white);
    padding: 20px;
    border-radius: 0 0 20px 20px;
}

.FestivalSwipe .premiu .content .sanse p {
    background: #053C65;
    background: linear-gradient(to right, #053C65 0%, #2884DD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.FestivalSwipe .navi {
    position: relative;
    max-width: 120px;
    margin: 0 auto;
    bottom: -60px;
}

.FestivalSwipe .swiper-button-prev {
    background: #FAFAFA;
    color: var(--color-white) !important;
    -webkit-box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
    box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
    border-radius: 99rem;
    padding: 10px;
    width: 44px;
}

.FestivalSwipe .swiper-button-next {
    background: #FAFAFA;
    color: var(--color-white) !important;
    -webkit-box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
    box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
    border-radius: 99rem;
    padding: 10px;
    width: 44px;
}

.FestivalSwipe .swiper-pagination-progressbar {
    top: auto !important;
    border-radius: 99rem;
    background: #eee;
    bottom: 65px !important;
}

.FestivalSwipe .premiu .content .img {
    text-align: center;
}

.FestivalSwipe .premiu .content .img img {
    display: block;
    max-height: 40px;
    margin: 0 auto;
}

.stats-premiiplus {

}

.stats-premiiplus p {
    text-align: left;
    border-bottom: 1px solid #DDD;
    padding-bottom: 10px;
    display: flex;
}

.stats-premiiplus span {
    font-weight: 900;
    font-size: 2rem;
    margin-right: 20px;
    line-height: 1;
}

.stats-premiiplus em {
    font-style: normal;
    font-weight: 600;
    line-height: 1.4;
}

.AccountPrizeSwipe .prize .sanse p {
    background: #053C65;
    background: linear-gradient(to right, #053C65 0%, #2884DD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.AccountPrizeSwipe .prize .content {

}

.accountPage .bigPrizeWin .statusPremiu {
    color: #fff;
    background: rgb(4, 60, 101);
    background: linear-gradient(120deg, rgba(4, 60, 101, 1) 34%, rgba(40, 132, 221, 1) 100%);
    border-radius: 99rem;
    font-size: 1.4rem;
    font-weight: 700;
    padding-top: 2px;
    position: absolute;
    width: 150px;
    transform: rotate(45deg);
    top: 28px;
    right: -35px;
}

.AccountPrizeSwipe .prize .statusPremiu {
    color: #fff;
    background: rgb(4, 60, 101);
    background: linear-gradient(120deg, rgba(4, 60, 101, 1) 34%, rgba(40, 132, 221, 1) 100%);
    border-radius: 99rem;
    font-size: 1.4rem;
    font-weight: 700;
    padding-top: 2px;
    position: absolute;
    width: 150px;
    transform: rotate(45deg);
    top: 28px;
    right: -35px;
}

.AccountPrizeSwipe .prize .statusValidare {
    font-weight: 600;
}

.AccountPrizeSwipe .prize .content p {
    color: #5D5D5D;
    margin-bottom: 0;
}

.AccountPrizeSwipe .prize .content h5 {
    font-size: 1.6rem;
    font-weight: 700;
    min-height: 48px;
}

.AccountPrizeSwipe .prize .content h5 img {
    max-height: 35px;
    margin-top: 5px;
}

.premiiSaptamanale {

}

.AccountPrizeSwipe .navi {
    position: relative;
    max-width: 120px;
    margin: 0 auto;
}

.AccountPrizeSwipe .swiper-button-prev {
    background: #FAFAFA;
    color: var(--color-white) !important;
    -webkit-box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
    box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
    border-radius: 99rem;
    padding: 10px;
    width: 44px;
}

.AccountPrizeSwipe .swiper-button-next {
    background: #FAFAFA;
    color: var(--color-white) !important;
    -webkit-box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
    box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
    border-radius: 99rem;
    padding: 10px;
    width: 44px;
}

.prizeAccount {
    padding-bottom: 90px;
}

.newArhiva {
    padding-top: 80px;
    padding-bottom: 30px;
    text-align: center;
}

.newArhiva .container {
}

.newArhiva h1 {
    font-style: italic;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 3.5rem;
    margin-bottom: 30px;
    margin-top: 30px;
}

#modalSansaResponse .modal-content {
    max-width: 700px;
}

.newArhiva .descriere {
    color: #fff;
    margin-bottom: 60px;
    margin-top: 15px;
}


.newArhiva .statsArhiva {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.newArhiva .statsArhiva .left {
    width: 30%;
}

.newArhiva .statsArhiva .left .image {
    margin-bottom: 2.5rem;
}

.newArhiva .btndescarca {
    margin-left: 15px;
}

.newArhiva .statsArhiva .left .image img {
    display: block;
}

.newArhiva .statsArhiva .left p {
    color: white;
    margin-bottom: 15px;
    font-size: 1.6rem;
}

.newArhiva .statsArhiva .right {
    width: 65%;
    text-align: left;
}

.newArhiva .statsArhiva .right .text {
    text-align: center;
}

.newArhiva .statsArhiva .right .text h4 {
    text-transform: uppercase;
    color: white;
}

.newArhiva .statsArhiva .right .text p {
    color: white;
    text-align: center;
    margin-bottom: 30px;
}

.newArhiva .statsArhiva .right .stats {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.newArhiva .statsArhiva .right .stats li {
    width: 32%;
    margin-bottom: 30px;
    background: #fff;
    padding: 25px;
    border-radius: 15px;
}

.newArhiva .statsArhiva .right .stats .inside {

}

.newArhiva .statsArhiva .right .stats .inside h5 {
    color: #0E3056;
    margin-bottom: 0;
    text-align: left;
}

.newArhiva .statsArhiva .right .stats .inside p {
    margin-bottom: 0;
}

.newArhiva h1 {
    text-transform: uppercase;
}

.weeklyArchive {
    background: #FFF;
    border-radius: 18px;
    padding: 30px;
    margin-bottom: 30px;
}

.weeklyArchive h3, .weeklyArchive h2 {
    font-size: 3rem;
    font-style: italic;
    margin-bottom: 30px;
    font-weight: 900;

}

.weeklyArchive .engage {
    padding: 0 20px;
}

.weeklyArchive .engage .video {
    position: relative;
    width: 340px;
    height: 210px;
    margin-bottom: 20px;
    border-radius: 18px;
    overflow: hidden;
    background: #000;
}

.weeklyArchive .engage .video iframe {
    display: block;
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
}

.weeklyArchive .engage .img {
    margin-bottom: 20px;
}

.weeklyArchive .engage .img img {
    display: block;
    width: 100%;
    border-radius: 18px;
    max-height: 392px;
}

.weeklyArchive .haveSpace {
    margin-top: 90px;
}

/**
 * ENGAGEMENTS
 */
.responsetext {
    padding: 30px;
}

.responsetext .left {

}

.responsetext .right {

}

.responsetext .minuteimg {
    margin: 0 auto;
    max-width: 200px;
}

.responsetext .felicitaritext {
}

.avatarresponse .stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.avatarresponse .choice1, .avatarresponse .choice2 {
    max-height: 200px;
}

.avatarresponse .stats p {
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 15px;
    width: 48%;
    margin: 0;
    border-radius: 10px;
}

.avatarresponse .stats .choosen {
    -webkit-backdrop-filter: blur(5px);
    background: rgba(255, 255, 255, 0.2);
}

.avatarresponse .stats span {
    color: #8CABD2;
    font-weight: 700;
    font-size: 2.5rem;
    display: block;
}

.felicitariimg {
    position: relative;
}

.felicitariimg .textMeme {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    font-size: 4rem !important;
    max-width: 320px;
    padding: 0 20px;
    margin: 0 auto;
    line-height: 1.1;
    text-transform: uppercase;
}

.felicitariimg img {
    margin: 0 auto;
    border-radius: 25px;
}

.videoaction .descroption {
    margin: 0;
    padding: 20px;
    font-size: 2rem;
}

.video-container .playvideo {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    width: 40px;
    margin: 0 auto;
    height: 40px;
    right: 0;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1;
    -webkit-box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
    box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
}

.video-container {
    position: relative;
    max-height: 500px;
    overflow: hidden;
}

.videoaction video {
    max-width: 100%;
    border-radius: 25px 25px 0 0;
    display: block;
    margin: 0 auto;
}

.errormsg {
    font-size: 1.3rem !important;
    display: none;
    border-radius: 10px;
    color: #ff5e5e;
    margin-bottom: 10px !important;
}

.errormsg a {
    color: #fff !important;
    text-decoration: underline;
}

.videoresponse {
    padding: 15px;
}

.videoresponse .felicitariimg {
    margin-bottom: 0;
}

.videoresponse .felicitariimg img {
    max-height: 300px;
    display: block;
    border-radius: 25px;
}

#memeModal .modal-content, #quizModal .modal-content {
    max-width: 500px;
}

#pickModal .modal-content {

}

#pickModal .pickform {

}

.tutorialSwiper .swiper-pagination {
    position: relative;
}

#introModal {
    z-index: 99999999999;
}

#videoModal .modal-content, #VideoContextModal .modal-content, #IntrovideoModal .modal-content {
    padding: 0;
    border-radius: 25px;
    overflow: hidden;
    width: 100%;
}

#IntrovideoModal .modal-content {
    background: none;
    box-shadow: none;
}

iframe {

}

.modal-engage {
    max-width: 980px;
    margin: 0 auto;
    background: url(assets/images/bgroata.png);
    padding: 30px;
    background-size: cover;
    position: relative;
    z-index: 9999;
    border-radius: 18px;
}

.modal-engage .closeModal {
    position: absolute;
    background: #43A2CE !important;
    color: #fff !important;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 99rem;
    right: 0;
    line-height: 26px;
    top: -50px;
    transform: rotate(45deg);
    cursor: pointer;
    -webkit-box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
    box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
    z-index: 5;
    text-decoration: none;
}

.cerereInfo {
    padding: 90px 30px;
    position: relative;
    color: #fff;
}

#videoModal .modal-content, #VideoContextModal .modal-content, #IntrovideoModal .modal-content {
    max-width: 600px !important;
    min-width: 600px !important;
}

.cerereInfo p {
    font-size: 1.8rem;
}

.cerereInfo h3 {
}

#videoModal .video-container, #VideoContextModal .video-container {
    padding-top: 123%;
    height: 0px;
    position: relative;
}

#IntrovideoModal .video-container {
    padding-top: 123%;
    height: 0;
    position: relative;
}

.button-bilet {
    text-decoration: none !important;
}

.button-bilet span {
    background: #F2684C;
    color: #FFF !important;
    padding: 10px 30px;
    position: relative;
    border-radius: 10px;
}

.button-bilet span:before {
    content: "";
    background: url(assets/images/btnbefore.png);
    display: inline-block;
    width: 19px;
    height: 12px;
    margin-right: 10px;
    position: absolute;
    left: 6px;
    top: 15px;
}

.button-bilet span:after {
    content: "";
    background: url(assets/images/btnafter.png);
    display: inline-block;
    width: 19px;
    height: 12px;
    margin-right: 10px;
    position: absolute;
    right: -5px;
    top: 15px;
}

#videoModal .modal-content .video-container iframe, #VideoContextModal .modal-content .video-container iframe, #IntrovideoModal .modal-content .video-container iframe {
    border: none;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: none;
}

#videoModal .modal-content .video-container, #VideoContextModal .video-container, #IntrovideoModal .video-container {
    position: relative;
}

.videoSound .unmute {
    background-image: url(assets/images/mute.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: transparent;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
    position: absolute;
    bottom: 30px;
    right: 20px;
    z-index: 999;
}


.videoSound .mute {
    background-image: url(assets/images/unmute.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: transparent;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
    position: absolute;
    bottom: 30px;
    right: 20px;
    z-index: 5;
}

.sound-btn.unmute {
    background-image: url(assets/images/mute.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: transparent;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
    position: absolute;
    bottom: 50px;
    right: 20px;
    z-index: 5;
}

.sound-btn.mute {
    background-image: url(assets/images/unmute.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: transparent;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
    position: absolute;
    bottom: 50px;
    right: 20px;
    z-index: 999;
}

#videoModal .closeModalVideo {
    display: none;
}


.quizform .options-two {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.quizform .options-two .radio-check {
    width: 48%;
}

.quizform [type="radio"]:checked,
.quizform [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.quizform [type="radio"]:checked + label,
.quizform [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #053E68;
    font-size: 1.6rem;
    margin: 0;
}

.quizform [type="radio"]:checked + label:before,
.quizform [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
    box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
}

.quizform [type="radio"]:checked + label:after,
.quizform [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #053E68;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.quizform [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.quizform [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*  ------------------    */


.pickform [type="radio"]:checked,
.pickform [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.pickform [type="radio"]:checked + label,
.pickform [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #053E68;
    font-size: 1.6rem;
    margin: 0;
}

.pickform [type="radio"]:checked + label:before,
.pickform [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
    box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
}

.pickform [type="radio"]:checked + label:after,
.pickform [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #053E68;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.pickform [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.pickform [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.pickform .options {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.pickform .options p {
    width: 48%;
}

.radio-check {
    background: #FAFAFA;
    color: var(--color-white) !important;
    -webkit-box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
    box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
    text-align: left;
    padding: 1.25rem 3rem;
    border-radius: 99rem;
}

/* checkform */
.form-check {
    margin-bottom: 2.5rem;
}

.form-check label {
    margin: 0;
    display: flex;
    font-weight: 600;
    align-items: center;
    background: var(--color-white);
    color: var(--color-primary);
    padding: 20px;
    border-radius: 99rem;
    font-size: 1.6rem;
    -webkit-box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
    box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
    line-height: 1;
}

.form-check input[type="checkbox"] {
    margin-bottom: 0;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    margin-top: 0;
}


.quizform {

}

.memeaction {

}

.memeaction .memeimg {

}

.memeaction .memeimg img {
    max-width: 280px;
    border: 1px solid #fff;
    border-radius: 40px;
}

.memeaction h3 {

}


.message-action select {
    width: 100%;
    background: #fff;
    -webkit-box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
    box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--color-secondary);
    text-align: center;
}

.WinnersSwipe {
}

.WinnersSwipe .winner {
    position: relative;
}

.WinnersSwipe .winner .image {
    margin-bottom: 15px;
}

.WinnersSwipe .winner .text {
}

.WinnersSwipe .winner .image img {
    width: 100%;
    border-radius: 20px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.uploadPhotos {
    display: flex;
    justify-content: center;
    width: 220px;
    text-align: center;
}

.uploadPhotos img {
    max-height: 20px;
    display: block;
    margin-right: 10px;
}

.WinnersSwipe .winner .name {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
}

.listeCastigatori h4 {
    text-transform: uppercase;
}

/**
 * Contul meu new
 */

.contulMeu {
    padding-top: 63px;
    padding-bottom: 60px;
}

.accountHead {
    position: relative;
    margin-top: 30px;
    border-radius: 30px;
    overflow: hidden;
}

.accountHead .pozaworkshop {
    margin-bottom: 10px;
}

.accountHead .pozaworkshop img {
    max-width: 120px;
}


.accountHead .content .descriere {

}

.accountHead .content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    right: 0;
    left: 0;
    color: #fff;
    font-size: 1.8rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    z-index: 5;
    align-items: center;
}

.accountHead .content .left {
    width: 30%;
}

.accountHead .content .left h3 {

}

.accountHead .content .left h3 em {
    display: block;
    font-style: normal;
}

.accountHead .content .right {
    width: 25%;
}

.accountHead .content .right .statistica {
    display: flex;
    align-items: center;
}

.accountHead .content .right .statistica span {
    font-weight: 900;
    font-size: 3rem;
    margin-right: 10px;
    display: block;
}

.accountHead .content h4 {
    font-size: 5rem;
    color: #fff;

}

.accountHead .content h4 span {
    display: block;
}

.accountHead .content h4 em {
    font-weight: 400;
    font-style: normal;
}

.quizAccount {

}

.premiiCastigate {
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #FFF;
    border-radius: 18px;
}

.premiiCastigate .heading {
    width: 45%;
    padding-right: 5%;
    position: sticky;
    top: 65px;
    align-self: flex-start;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.premiiCastigate .heading .text {
}

.premiiCastigate .heading .text a {
    text-decoration: underline;
    font-weight: 700;
}

.premiiCastigate .heading .text h2 {
    font-size: 4rem;
    text-align: center;
    font-weight: 900;
    font-style: italic;
}

.premiiCastigate .needvalidation {
    padding: 30px;
    background: #F9F7F1;
    margin: 20px 0;
    border-radius: 20px;
}

.premiiCastigate .needvalidation a {
    color: #fff;
    text-align: center;
    padding: 10px 20px;
    border-radius: 10px;
    font-weight: 700;
    background: #F2684C;
    font-size: 1.4rem;
    margin: 0 auto;
}

.premiiCastigate .heading .action {
    text-align: center;
}

.premiiCastigate .heading .necastigator {
    display: flex;
    align-items: center;
    width: 66%;
    justify-content: space-between;
}

.premiiCastigate .heading .necastigator p {
    width: 40%;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;

}

.premiiCastigate .heading .necastigator .image {
    width: 50%;
}

.premiiCastigate .listing-premii {
    margin-bottom: 60px;
    width: 50%;
}

.premiiCastigate .listing-premii:last-of-type {
    margin-bottom: 0;
}

.premiiCastigate .listing-premii h4 {
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    text-align: center;
}

.premiiCastigate .listing-premii h4 small {
    font-size: 1.4rem;
    font-style: normal;
}

.premiiCastigate .listing-premii ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.premiiCastigate .listing-premii ul li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.premiiCastigate .listing-premii .content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 60%;
}

.premiiCastigate .listing-premii .content img {
    margin-right: 20px;
    max-width: 100px;
}

.premiiCastigate .listing-premii .content h5 {
    margin-bottom: 0;
    width: 40%;
    font-weight: 600;
    font-size: 1.6rem;
}

.premiiCastigate .listing-premii .status {
    width: 40%;
    text-align: center;
}

.videoPrezFestival {
    background: #42A2CE;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 555;
    top: 88px;
    text-align: center;
    bottom: 18px;
}

.videoPrezFestival iframe {
    border-radius: 18px;
    margin-bottom: 15px;
}

.videoContainerFestival {
    max-width: 70%;
    margin: 0 auto;
}

.premiiCastigate .listing-premii .status .smd {
    font-size: 12px;
    margin-bottom: 10px;
}

.premiiCastigate .listing-premii .status i {
    font-style: normal;
}

.premiiCastigate .listing-premii .status a {
    font-size: 1.2rem;
    display: block;
    padding: 10px 10px;
    border-radius: 10px;
}

.premiiCastigate .listing-premii .status p {
    margin-bottom: 0;
    display: inline-flex;
    align-items: center;
    font-weight: 700;
    flex-wrap: wrap;
    justify-content: center;
}

.premiiCastigate .listing-premii .status p em {
    font-weight: 400;
    display: flex;
    align-items: center;
    font-style: normal;
}

.premiiCastigate .listing-premii .status p .numepachet {
    display: block;
    border: 1px solid #18A5CD;
    width: 100% !important;
    padding: 5px;
    font-size: 1.1rem;
    margin-top: 5px;
    border-radius: 8px;
    font-weight: 600;
}

.premiiCastigate .listing-premii .status span {
    display: block;
    text-align: center;
    color: #F2684C;
}

.premiiCastigate .listing-premii .status p span {
    display: block;
    width: 100%;
}

.premiiCastigate .listing-premii .status p img {
    margin-right: 10px;
}

.premiiCastigate .listing-premii .descriere {
    width: 30%;
}

.premiiCastigate .listing-premii .descriere p {
    margin-bottom: 0;
}

.quizAccount .quiz {
    display: flex;
    border: 1px solid #18A5CD;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-radius: 18px;
    background: rgba(62, 143, 168, 0.2);
    margin-bottom: 30px;
}

.quizAccount .quiz .image {
    width: 350px;
}

.quizAccount .quiz .heading {
    color: #fff;
    margin-right: 100px;
    text-align: center;
}

.quizAccount .quiz .heading h4 {
    font-size: 2.2rem;
}

.quizAccount .quiz .image img {
    display: block;
    border-radius: 25px;
}

.quizContainer {
    max-width: 880px;
    padding-top: 90px;
    margin: 0 auto;
}

.quizExplain {
    padding: 0 40px;
    text-align: center;
}

.quizExplain h4 {
    font-weight: 700;
}

#quizResponse {
    display: none;
}

#quizForm {
}

#quizForm .explaintext {
    font-size: 1.3rem;
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    color: #999;
}

#quizForm .input-radio {
    display: flex;
    color: #fff;
    max-width: 420px;
    margin: 0 auto;
    margin-bottom: 30px;
}

#quizForm .input-radio label {
    font-size: 1.6rem;
    margin-bottom: 0;
    align-items: center;
    width: 100%;
    padding-left: 40px;
    position: relative;
}

#quizForm .input-radio input {
    position: relative;
    appearance: none;
    -webkit-appearance: none;
}

#quizForm .input-radio input:before {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #FFF;
    position: absolute;
    left: -25px;
    top: -2px;
    border-radius: 99rem;
}

#quizForm .input-checkbox {
    display: flex;
    color: #fff;
    max-width: 420px;
    margin: 0 auto;
    margin-bottom: 30px;
}

#quizForm .input-checkbox label {
    font-size: 1.6rem;
    margin-bottom: 0;
    width: 100%;
}

#quizForm .input-checkbox:before {

}

#quizForm .input-checkbox input[type="checkbox"]:before {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #FFF;
    position: absolute;
    left: -22px;
    top: -2px;
}

#quizForm .input-checkbox input[type="checkbox"] {
    position: relative;
    -webkit-appearance: none;
    appearance: none;
}

#quizForm .input-checkbox input[type="checkbox"]:checked:before, #quizForm .input-radio input[type="radio"]:checked:before {
    content: "";
    background-color: #18A5CD;

}

#quizForm .input-radio input[type="radio"] {

}

#quizForm .radio-buttons {
    display: flex;
    color: #fff;
    max-width: 120px;
    margin: 0 auto;
    margin-bottom: 30px;

}

#quizForm .radio-buttons .button-primary input[type="radio"] {
    display: none;
}

#quizForm .radio-buttons {

}

#quizForm h5 {
    font-weight: 500;
    padding-top: 10px;
    text-align: center;
    margin: 20px auto;
    padding: 0 30px;
}

#quizForm textarea {
    width: 100%;
    display: block;
    border-radius: 18px;
    color: #fff;
    background-color: rgba(62, 143, 168, 0.2);
    height: 200px;
    padding: 30px;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 1.6rem;
    border: 1px solid #18A5CD;
}

#quizForm textarea::placeholder {
    color: #fff;
}

#quizForm .question {
    padding: 30px;
    border: 1px solid #18A5CD;
    border-radius: 18px;
    display: none;
}

#quizResponse {
    padding: 30px;
    border: 1px solid #18A5CD;
}

#quizForm .question .subquestion {
    text-align: center;
    max-width: 420px;
    margin: 0 auto;
    margin-bottom: 30px;
    border: 1px solid #FFF;
    padding: 20px;
    border-radius: 18px;
}

#quizForm .question .subquestion .title {
    font-weight: 500;
}

#quizForm .question .subquestion .numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#quizForm .question .subquestion .numbers label {
    width: 18%;
    font-size: 2rem;
    border: 1px solid #fff;
    border-radius: 10px;
    margin: 0;
    height: 45px;
    position: relative;
    overflow: hidden;
}

#quizForm .question .subquestion .numbers label input[type="radio"] {
    display: none;
}

#quizForm .question .subquestion .numbers label span {
    display: block;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    cursor: pointer;
    line-height: 40px;
}

#quizForm .question .subquestion .numbers label input[type="radio"]:checked + span {
    background-color: #18A5CD;
    color: #fff;
}

#quizForm .active-question {
    display: block;
}

.quizAccount .quiz .action {
    width: 300px;
    text-align: center;
}

.button-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.button-shape svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 52px;
    transform: rotateY(180deg);
}

.button-shape .shape-fill {
    fill: #F3F3F3;
}

.accountStatus {
    padding: 30px 0;
    position: relative;
    background-repeat: no-repeat;
    padding-bottom: 15px;
}

.accountStatus .welcome-head {
    margin-bottom: 30px;
}

.accountStatus .welcome-head h1 {
    margin-bottom: 10px;
}

.accountStatus .welcomacc {
    height: 100%;
    position: relative;
}

.accountStatus .welcomacc img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 22px;
}

.statusFreedomDay, .statusinvartiri {
}

.accountStatus .editeazaDate {
    font-weight: 600;
    color: var(--color-white);
    font-size: 1.4rem;
    display: inline-block;
    margin-right: 10px;
    position: relative;
}

.accountStatus .editeazaDate p {
    display: none;
    font-weight: 400;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: #18308C;
    position: absolute;
    z-index: 5;
    top: 30px;
    box-shadow: 5px 5.5px 5px 0.5px rgba(0, 0, 0, 0.2);
    width: 320px;
    padding: 20px;
    border-radius: 20px;
}

.accountStatus .editeazaDate p a {
    font-weight: 600;
    text-decoration: underline;
    color: #fff;

}

.accountStatus .editeazaDate span {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.accountStatus .editeazaDate svg {
    width: 18px;
    margin-right: 5px;
}

.accountStatus .stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.accountStatus .stats .box {
    width: 32%;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    flex-wrap: wrap;
    background: rgba(62, 143, 168, 0.2);
    border: 1px solid #18A5CD;
}

.accountStatus .stats .box a {
    color: #fff;
}

.accountStatus .stats .box .star {
    position: absolute;
    width: 20px;
    left: 20px;
}

.accountStatus .stats .box .coduri {
    display: flex;
    align-items: center;
}

.accountStatus .stats .box .action {
    position: absolute;
    right: 20px;
}

.accountStatus .stats .box .coduri, .accountStatus .stats .box .info .titlebox {
    font-weight: 700;
    color: #fff;
}


.accountStatus .stats .box .coduri span, .accountStatus .stats .box .numberstats span {
    font-size: 4rem;
    font-weight: 700;
    color: #fff;
    margin-right: 20px;
    padding-left: 10px;
}

.accountStatus .stats .box-large {
    width: 66%;
    background: #F3F3F3;
    padding: 30px 30px;
    height: auto;
    box-shadow: 5px 5.5px 5px 0.5px #dddddd;
    border-radius: 25px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

.accountStatus .stats .box-large .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nivelulfull {
    flex-wrap: wrap;
}

.nivelulfull .one {
    width: 40%;
}

.nivelulfull .nivel {
    width: 55% !important;
}

.nivelulfull .coduri {
    display: none !important;
    width: 1% !important;
}

.accountStatus .stats .box-large .content .one {
    display: flex;
    width: 32%;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}


.accountStatus .stats .box-large .content .one h3 {
    width: 45%;
}

.accountStatus .stats .box-large .content .one img {
    width: 50%;
}

.accountStatus .stats .box-large .content .nivel {
    width: 32%;
    text-align: center;
    padding: 10px 20px;
    border-radius: 15px;
    box-shadow: 5px 3px 3px rgba(0, 0, 0, 0.1);
}

.accountStatus .stats .box-large .content .nivel h4 {
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: 300;
    color: #fff;
}

.accountStatus .stats .box-large .content .nivel h4 span {
    font-weight: 700;
}

.accountStatus .stats .box-large .content .nivel .premiu {
    margin-bottom: 0;
    color: #155EBA;
    font-size: 2rem;
    font-weight: 300;
}

.accountStatus .stats .box-large .content .nivel .premiu span {
    background: #E13EA0;
    background: linear-gradient(to right, #E13EA0 0%, #155EBA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.accountStatus .stats .box-large .content .coduri {
    width: 29%;
}

.accountStatus .stats .box-large .content .coduri p {
    display: flex;
    align-items: center;
}

.accountStatus .stats .box-large .content .coduri p {
    margin-bottom: 0;
}

.accountStatus .stats .box-large .content .coduri p img {
    margin-right: 10px;
}

.accountStatus .stats .box-large h3 {
    font-size: 2.5rem;
    color: #132956;
    margin-bottom: 0;
}

.accountStatus .stats .descriptionHow {
    display: none;
}

/**
 * Site Footer
 */

.site-footer {
    font-size: 1.4rem;
    padding: 30px 0;
}

.site-footer .links {
    padding-top: 15px;
    border-top: 1px solid #144179;
}

.site-footer a {

}

.site-footer .links {
}

.site-footer .links h4 {
    font-size: 3rem;
}

.site-footer .footer-menu {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
    justify-content: space-between;
}

.site-footer .footer-menu li {
    width: 49%;
    margin-bottom: 1.5rem;
}

.site-footer .footer-menu li a {
}

.site-footer .footer-menu li a:hover {
    color: #000;
}

.site-footer .infoline {
    text-transform: uppercase;
    text-align: right;
}

.site-footer .infoline span {
    display: block;
    font-size: 2.5rem;
}

.site-footer .infoline p {
    margin-bottom: 0;
    font-weight: 700;
}

.site-footer .infoline a {
    font-weight: 500;
}

.site-footer .infoline a:hover {
    color: #ccc;
}

#tutorialModal {
    background: radial-gradient(black, transparent) !important;
}

#tutorialModal .modal-content {
    width: 600px;
    background-size: cover;
    margin-top: 50px;
    max-width: initial;
}

#error {
    color: red;
    display: none;
}

.errorchoose {
    display: none;
    text-align: center;
    color: red;
    font-size: 1.3rem;
}

#sendspor {
    margin-bottom: 0;
}

#sendspor textarea {
    background: #fff;
    border-radius: 15px;
    display: block;
    width: 100%;
    color: var(--color-primary);
    height: 250px;
    font-weight: 400;
    margin-top: 15px;
}

#sendspor textarea::placeholder {
    color: var(--color-primary);

}

#tutorialModal .modal-content .tutorialStep {

}

#tutorialModal .modal-content .tutorialStep h4 span {
    color: var(--color-primary);
}

#tutorialModal .modal-content .tutorialStep p {
}

#tutorialModal .modal-content .tutorialStep .image {
    padding: 100% 0 0 0;
    position: relative;
    max-height: 400px;
}

#tutorialModal .modal-content .tutorialStep .image iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 18px;
    border: none;
}

#tutorialModal .swiper-button-prev {
    background-image: none;
    top: auto;
    bottom: 0;
    width: 90px;
    height: auto !important;
    display: block;
    z-index: 555;
    left: 5px;
    padding: 0;
    margin: 0;
    color: #fff;
}

.insert-another {
    margin-right: 20px;
}

#tutorialModal .swiper-button-disabled {
    display: none;
}

#tutorialModal .swiper-button-next {
    background-image: none;
    top: auto;
    bottom: 0;
    width: 90px;
    height: auto !important;
    display: block;
    z-index: 555;
    right: 5px;
    padding: 0;
    margin: 0;
}

#tutorialModal .swiper-pagination-bullet {
    background: #fff;
}

#tutorialModal .modal-content .tutorialStep .image img {
    border-radius: 18px;
}

#tutorialModal .modal-content .tutorialStep .image video {
    border-radius: 18px;
    display: block;
    max-width: 100%;
    height: auto;
}

.quizactionimg {
    display: block;
    margin-bottom: 15px;
    border-radius: 25px;
}

#hartaModal {

}

#hartaModal .harta-content {
    padding-top: 50px;
    max-width: 400px;
}

#hartaModal .harta-content h4 {
    font-size: 3rem;
    font-weight: 600;
}

#pollModalResponse .felicitariimg img {

}

.pickaction h3 {
    font-size: 2rem;
}

.pickaction img {
    max-height: 200px;
}

.checkaction h3 {
    font-size: 2rem;
}

/**
 * Print
 */
.teasingBc {
    border-top: 1px solid #aaa;
    padding-top: 20px;
}

.teasingBc .bcard img {
    max-height: 250px;
}

.teasingBc .bcard {
    position: relative;
}

.teasingBc .bcard .button {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 150px;
    padding: 1.25rem 1rem;
    right: 0;
    margin: 0 auto;
}

.teasingBc p {

}

.iconpwa {
    top: 42%;
    left: 0;
    z-index: 2;
    transform: translateY(-50%);
    position: fixed;
    padding: 5px 5px;
    background: rgba(0, 0, 0, 0.5);
    line-height: 1;
    border-radius: 0 5px 5px 0;
    padding-right: 8px;
    text-decoration: none;
}

.iconpwa:before {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    background: red;
    border-radius: 9rem;
    position: absolute;
    top: -2px;
    right: -2px;
}

.iconpwa img {
    width: 18px;
}

#popup_pwa {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999999;
    display: none;
    overflow: hidden;
    outline: 0;
    background: rgba(222, 222, 222, 0.8);
}

#popup_pwa .inside-info {
    position: relative;
    max-width: 95%;
    pointer-events: auto;
    background: var(--color-primary);
    color: var(--color-white);
    outline: 0;
    margin: 0 auto;
    padding: 20px;
    border-radius: 25px;
    margin-top: 50px;
    padding-top: 50px;
}

#popup_pwa .inside-info .closeInfoModal {
    position: absolute;
    background: #fff;
    color: var(--color-primary) !important;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 99rem;
    right: 20px;
    line-height: 26px;
    top: 20px;
    transform: rotate(45deg);
    cursor: pointer;
    -webkit-box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
    box-shadow: -3px -3px 10px 3px rgb(204 204 204 / 40%);
    z-index: 5;
    text-decoration: none;
}


@media print {
    [canvas] {
        -webkit-transform: translate(0px, 0px) !important;
        -ms-transform: translate(0px, 0px) !important;
        transform: translate(0px, 0px) !important;
    }

    [off-canvas] {
        display: none !important;
    }
}


.isMobile {
    display: none !important;
}

.isDesktop {
    display: block !important;
}

.button-transparent {
    background: none;
    padding: 10px 30px;
    text-decoration: none !important;
    box-shadow: -2px -2px 10px rgb(221 221 221 / 60%);
    border-radius: 99rem;
    font-weight: 700;
    display: inline-block;
}

body.home-template .prizeSection {
    padding-bottom: 0;
    position: relative;
    background-size: cover;
}

.linesbg {
    position: relative;
}

.linesbg {
    background-color: #132956;
    background-image: url("assets/images/linesbg.png");
    background-size: cover;
}

body.home-template .prizeSection .column-8 {
    overflow: hidden;
    padding-bottom: 25px;
}

body.home-template .premiiSaptamanale .container:after {
    bottom: -25px;
}

.pwaInfo {

}

.pwaInfo .description {
    max-width: 980px;
    margin: 60px auto;
    margin-top: 0;
}

.pwaInscris {
    padding: 30px;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 5px 5px 15px 5px rgb(65 65 65 / 18%);
    box-shadow: 5px 5px 15px 5px rgb(65 65 65 / 18%);
    border-radius: 18px;
    display: none;
}

.pwaInscris img {
    max-height: 70px;
}

.pwaInfo .devices {
    padding-top: 90px;
    max-width: 80%;
    margin: 0 auto;
}

.pwaInfo .devices .device {
    border-radius: 18px;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.pwaInfo .devices .device .content img {
    border-radius: 18px;
}

.pwaInfo .devices .device .content {
    width: 45%;
}

.pwaInfo .devices .device .right {
    width: 45%;
}

.pwaInfo .devices .device .right video {
    max-height: 600px;
    width: auto;
    border-radius: 25px;
}

.codSpecial img {
    height: 80px;
}


#conversejs.theme-default, .ct-gui.theme-default, #ct-gui-loading-screen {
    --chatbubble-box-shadow: none !important;
}


#conversejs.theme-default, .ct-gui.theme-default, #ct-gui-loading-screen {
    --chatbubble-box-shadow: none !important;
}

.ct-gui.theme-default .ct-body {
    background-size: 65% !important;
}

#conversejs.converse-overlayed .chatbox.chatroom .box-flyout {
    box-shadow: none !important;
    border: none !important;
    border-radius: 10px !important;
}


#js--sc--container {
    position: relative;
    margin: 0 auto;
    width: 400px;
    height: 400px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 18px;
}

#js--sc--container .mesaj {

}

.response-roata {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 18px;
    background-size: cover;
    text-align: center;
    padding: 40px;
    display: none;
    z-index: 1111;
    overflow: hidden;
    background: #FFF;
}

.response-roata .content {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-around;
}

.response-roata .icon {
    margin-bottom: 20px;
}

.response-roata h4 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 3rem;
}

#roataBody {
    max-width: 420px;
    margin: 0 auto;
    margin-bottom: 30px;
}

#roataBody {

}

#roataBody p small {
    display: block;
    margin-top: 20px;
}

#mesajPremiu {
    padding: 30px;
    max-width: 450px;
    text-align: center;
    z-index: 54;
    position: absolute;
    display: flex;
    align-items: center;
    height: 100%;
    background: url("assets/images/bg_fix.png");
    border: 1px solid #18a5cd;
    border-radius: 18px;
    width: 100%;
}

#qouteImg {
    max-width: 320px;
    border-radius: 18px;
}

#mesajPremiu .inside {
    z-index: 55;
    position: relative;
}

#mesajPremiu #msg {
    margin-top: 15px;
}

#mesajPremiu .icon {
    width: 150px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#mesajPremiu h4 {
    font-weight: 600;
    margin-top: 30px;
    text-transform: uppercase;
}


#mesajPremiu h4 span {
    display: block;
    font-size: 5rem;
}

#razuiestePremiu {

}

#razuiestePremiu .modal-content {
    padding: 0;
    background: none;
}

/* magazine partenere */
#stores {
    position: relative;
}

#citystores, #citystorestactics {
    position: absolute;
    margin: 0;
    top: 11px;
    left: 0;
}

#stores-list, #stores-listtactics {
    display: table;
    font-size: 1.4rem;
}


.mobileBar {
    position: fixed;
    left: 0;
    top: 200px;
    z-index: 5;
    border-radius: 0 15px 15px 0;
    background: #44A3CF;
    overflow: hidden;
}

.mobileBar ul {
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mobileBar a {
    display: block;
}

.mobileBar a:hover {
    color: var(--color-white);
}

.mobileBar p {
    width: 53px;
    font-weight: 600;
    margin: 0 auto;
    color: #FFF;
    line-height: 1.2;
}

.mobileBar li {
    text-align: center;
    font-weight: 500;
    font-size: 1rem;
    padding: 10px 8px;
    color: #FFF;
    transition: 0.3s;
    margin-bottom: 0;
}

.mobileBar li:hover {
    background: #3a90b7;
    transition: 0.3s;
}

.mobileBar li:last-of-type {
    margin-bottom: 0;
}

.mobileBar span {
    display: block;
}

.mobileBar span.minute {
    font-size: 2rem;
    font-weight: 900;
    color: #FFF;
    line-height: 1;
    margin-bottom: 7px;
}

.mobileBar span em {
    font-style: normal;
    padding: 3px 10px;
    border: 1px solid var(--color-primary);
    border-radius: 5px;
    line-height: 1;
    margin-bottom: 5px;
    display: inline-block;
}

.mobileBar span img {
    max-width: 65px;
    max-height: 25px;
}

.message-action .vizualizari {
    color: #999;
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.message-action .vizualizari span {
    color: #fff;
    font-weight: 700;
}

.roatalevels {
    border: 1px solid #18A5CD;
    padding: 20px;
    border-radius: 18px;
}

.roatalevels h6 {
    font-size: 1.4rem;
    font-weight: 600;
    color: #18A5CD;
    margin-bottom: 5px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
}

.roatalevels ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
}

.roatalevels ul li {
    margin-bottom: 0;
}

.roatalevels ul li span {
    font-weight: 700;
    display: block;
}

.premii-campanie {
    margin-bottom: 30px;
}

.premii-premii video {
    max-width: 100%;
}

.premii-campanie .premiu {
    background-image: url(assets/images/bgcarusel.png);
    background-size: cover;
    padding: 30px;
    border: 1px solid #18A5CD;
    border-radius: 10px;
    text-align: center;
    max-width: 260px;
    margin: 0 auto;
    height: 345px;
    display: flex;
    align-items: center;
}

.premii-campanie .premiu p {
    color: #fff;
    margin-bottom: 0;
    font-weight: 700;
}

.swiper-pagination {
}

.swiper-pagination-bullet {
    background: #404E56 !important;
}

.premii-campanie .premiu img {
}

.premii-campanie .premiu .title img {
    max-height: 80px;
}

.premii-campanie .premiu p {
}

.premii-campanie .premiu .title em {
    font-style: normal;
    text-transform: lowercase;
}

.conversejs converse-chats.converse-chatboxes {
    z-index: 1 !important;
}

.premii-mari {

}

.premii-mari video {
    max-width: 100%;
}


.premii-mari .descriere {
    color: #fff;
    font-weight: 700;
}

.premii-mari .minute {
    font-weight: 700;
    margin-bottom: 30px;
    border: 1px solid;
    display: inline-block;
    padding: 5px 10px;
    font-size: 1.3rem;
    border-radius: 10px;
}

.premii-mari .keys {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 20px;
}

.premii-mari .keys li {
    width: 30%;
}

.premii-mari .keys li a {
    display: block;
    transition: 0.3s;
    opacity: 1;
}

.premii-mari .keys li a img {
    display: block;
    max-height: 180px;
    margin: 0 auto;
}

.premii-mari .keys li a:hover {
    opacity: 0.8;
    transition: 0.3s;
}

.section-premii {
    -webkit-backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, 0.3);
    border-radius: 18px;
    padding: 30px;
    margin-bottom: 60px;
}

.section-premii video {
    max-width: 90%;
    margin-top: -94px;
    margin-bottom: -40px;
}

.section-premii .descriere {
    max-width: 350px;
    margin: 0 auto;
}

.section-premii .cardsprizes {
    margin: 0 30px;
}

.section-premii .cardsprizes .swiper-slide {
    border-radius: 18px;
}

.section-premii .swiper-slide {
    opacity: 0.7;

}

.section-premii .swiper-slide .text {
    display: none;
}

.section-premii .swiper-slide-active {
    opacity: 1;
}

.section-premii .swiper-slide-active .text {
    display: block;
}

.section-premii .cardsprizes .premiu {
    border-radius: 18px;
    overflow: hidden;
    position: relative;
}

.section-premii .cardsprizes .premiu .text {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    max-width: 300px;
    padding: 0 10px;
    margin: 0 auto;
    text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.6);
}

.section-premii .cardsprizes .premiu .text em {
    display: inline-block;
    margin-bottom: 10px;
    border: 1px solid #fff;
    font-size: 1.3rem;
    padding: 5px 10px;
    border-radius: 8px;
    font-weight: 600;
    font-style: normal;
}

.section-premii .cardsprizes .premiu .text p {
    padding: 0 40px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 10px;
    color: #fff;
    font-size: 2.5rem;
}


.section-premii .cardsprizes .premiu .text a {
    display: block;
    width: 150px;
    padding: 10px;
    margin: 0 auto;
    margin-bottom: 5px;
    text-shadow: none;
}

.section-premii .cardsprizes {
    margin-top: -60px;
}

.section-premii .cardsprizes .premiu img {
    border-radius: 18px;
    display: block;
}


.section-premii .swiper-pagination {
    position: relative !important;
    margin-top: 30px;
}

.section-premii .swiper-pagination-bullet {
    background: #fff !important;
}

.festival-section {
    margin-bottom: 60px;
}

.festival-section .clipici {
    position: absolute;
    top: 0;
    z-index: -1;
}

.festival-section .title {

}

.festival-section .title img {
    max-height: 180px;
}

.festivalSwiper {

}

.festivalSwiper .swiper-pagination {
    position: relative !important;
    margin-top: 30px;
}

.festivalSwiper .premiu {
    text-align: center;
}

.festivalSwiper .premiu .icon {
    position: relative;
    display: flex;
    justify-content: space-around;
    margin-bottom: 15px;

}

.festivalSwiper .premiu .icon img {
    display: block;
    margin: 0 auto;
    max-height: 250px;
    margin-top: 70px;
}


.festivalSwiper .premiu .icon span {

}

.festivalSwiper .premiu .sanse {
    margin-bottom: 10px;
}

.festivalSwiper .premiu .logo {

}

.festivalSwiper .premiu .logo img {
    max-height: 45px;
}

.festivalSwiper .premiu .text {
}

.festivalSwiper .swiper-pagination-bullet {
    background: #fff !important;
}

.festivalSwiper .premiu .text p {
    max-width: 70%;
    margin: 0 auto;
    margin-bottom: 10px;
}

.festivalSwiper .premiu .action {
    margin-bottom: 10px;
}

.festivalSwiper .premiu .action a {
    margin-bottom: 0;
    color: #fff;
    padding: 10px 20px;
    transition: none;
}

.festivalSwiper .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
    width: 15px;
    height: 22px;
}

.festivalSwiper .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
    width: 13px;
    height: 21px;
}

.festivalSwiper .swiper-slide {

}

.festivalSwiper .swiper-slide .premiu .text {
    visibility: hidden;
}


.festivalSwiper .swiper-slide-active .premiu .text {
    visibility: visible;
}


.festivalSwiper .swiper-slide-active {
}

.festivalSwiper .swiper-slide-active .premiu {
}

.festivalSwiper .swiper-slide-active .premiu .icon {

}

.festivalSwiper .swiper-slide-active .premiu .icon img {
    max-height: 380px;
    margin-top: 0;
}

.festivalSwiper .swiper-slide-next {
}

.festivalSwiper .swiper-slide-next .premiu {

}

.festivalSwiper .swiper-slide-prev {
}

.festivalSwiper .swiper-slide {
}

.festivalSwiper .swiper-slide-prev .premiu {

}

.festivalSwiper .premiu em {
    border: 1px solid #fff;
    padding: 5px 20px;
    font-weight: 600;
    border-radius: 10px;
    font-size: 1.3rem;
    font-style: normal;
    display: inline-block;
    text-transform: uppercase;
}

.newRoata {
    padding: 30px;
    -webkit-backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, 0.3);
    border-radius: 18px;
    position: relative;
}

#newRoata {
    position: absolute;
    top: -90px;
}

.newRoata .explainRoata {

}

.newRoata .explainRoata p {
    margin-top: 15px;
}

.newRoata .explainRoata .title-section {
    text-align: left;
}

.newRoata .explainRoata .if {
    padding-bottom: 20px;
    text-align: left;
}


.docs .custom-file-upload {
    display: block;
    padding: 10px 20px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 99rem;
    font-size: 14px;
    font-weight: 700;
    max-width: 320px;
    margin: 0 auto;
    color: #F2684C;
}

.docs .custom-file-upload:hover {
    border: 1px solid var(--color-primary);
}

#uploadDocs h3 {
    padding-top: 50px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 2.5rem;
}

.docs label {
    font-weight: 400;
}

.newRoata .explainRoata .level {
    margin: 0 auto;
    margin-bottom: 2.5rem;
    border-bottom: 1px solid #fff;
    padding: 0 70px;
    padding-bottom: 20px;
}

.newRoata .explainRoata em {
    padding: 10px 20px;
    font-weight: 400;
    border-radius: 99rem;
    font-size: 1.1rem;
    font-style: normal;
    display: inline-block;
    text-align: center;
}


.newRoata .explainRoata .minuteDisponibile {
    width: 49%;
}

.newRoata .explainRoata .minuteDisponibile em {
    border: 1px solid #18A5CD;
    color: #fff;
    display: block;
}

.roata-section {

}

.levelselect {
    margin-bottom: 15px;
    text-align: left;
}

.showHowMany {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.roata-section .roata1 img, .roata-section .roata2 img {
    margin-bottom: 20px;
}

.levelselect ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    border: 1px solid #18A5CD;
}

#SefulModal .actions h4 {
    padding-top: 30px;
}

#rateEngagement {
    text-align: center;
    margin: 0 auto;
    max-width: 320px;
    position: relative;
    z-index: 999999;
}

#storiesModal .modal-content {
    width: 420px;
    background: #42A2CE;
    color: #FFF;
    padding: 30px;
}

#storiesModal .modal-content .closeModal {
    color: var(--color-primary) !important;
    background: #FFF;
}

.festivalForm {

}

.festivalForm .festivalInfo {
    position: relative;
    margin-bottom: 20px;
}

.festivalForm .festivalInfo .contentInfo {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    align-items: center;
}

.festivalForm .festivalInfo .contentInfo .left {
    width: 50%;
}

.festivalForm .festivalInfo .contentInfo .left img {
    max-width: 120px;
    transform: rotate(-6deg);
}

.festivalForm .festivalInfo .contentInfo .right {
    width: 50%;
}

.festivalForm .festivalInfo .contentInfo h4 {
    color: var(--color-primary);
    font-weight: 400;
    margin-right: 15px;
    margin-left: 15px;
    font-size: 20px;
}

#storiesModal .modal-content .explain {
    text-align: center;
}

.festivalForm .festivalChoices {

}

.festivalForm .festivalChoices .choice {
    margin-bottom: 10px;
}

.festivalForm .festivalChoices .choice:last-of-type {

}

.festivalForm .festivalChoices .choice input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    height: 1px;
    margin: 0;
    display: none;
}

.festivalForm .festivalChoices .choice label {
    background: #F2684C;
    color: #FFF;
    cursor: pointer;
    padding: 15px;
    border-radius: 15px;
    text-align: center;
    max-width: 80%;
    font-size: 14px;
    margin: 0 auto;
}

.festivalForm .festivalChoices .choice label em {
    font-style: normal;
    position: relative;
}

.festivalForm .festivalChoices .choice label em:before {
    content: "";
    background: url(assets/images/btnbefore.png);
    display: inline-block;
    width: 19px;
    height: 12px;
    margin-right: 10px;
    position: absolute;
    left: -25px;
    top: 7px;
}

.festivalForm .festivalChoices .choice label em:after {
    content: "";
    background: url(assets/images/btnafter.png);
    display: inline-block;
    width: 19px;
    height: 12px;
    margin-right: 10px;
    position: absolute;
    right: -34px;
    top: 7px;
}

.story-result {
    text-align: center;
}

.festivalForm .festivalChoices .choice label:hover {
    background: #752f1a;
    transition: 0.3s;
}

#responseStory {

}

#responseStory h3 {

}

#responseStory p {

}

#loopprize {
    max-width: 100%;
    display: block;
    margin-bottom: 15px;
}

#rateEngagement h6 {
    font-weight: 500;
}

label img {
    pointer-events: auto;
}

.emojiStatus {
    max-width: 320px;
}

#rateEngagement .alegeri {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}

#rateEngagement .alegeri p {
    margin-bottom: 0;
}

#rateEngagement .alegeri label {
    display: block;
    margin: 0 auto;
    cursor: pointer;
}

#rateEngagement .alegeri label img {
    display: block;
}

#rateEngagement input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    height: 1px;
    margin: 0;
}

.levelselect li {
    margin-bottom: 0;
    font-size: 1.3rem;
    cursor: pointer;
    text-align: center;
    padding: 10px;
    width: 33.33%;
}

.levelselect li span {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 99rem;
    text-align: center;
    margin-right: 5px;
    background: #84AEC5;
    line-height: 20px;
}

.hasnotif {
    width: 10px;
    height: 10px;
    background: red;
    display: block;
    z-index: 1;
    border-radius: 99rem;
    right: 10px;
    position: absolute;
}

.levelselect .active {
    position: relative;
    color: #FFF;
    background: #42A2CE;
}

.levelselect .active span {
    color: #106698;
    background: #FFF;
    font-weight: 700;
}

.levelselect span {

}

.levelselect .active span {
    position: relative;
}

.levelselect .active span:before {

}

.levelselect ul li:nth-of-type(2) {

}

.levelselect ul li:nth-of-type(2).active span:before {
    background: rgb(85, 201, 250);
}

.engagements .userWelcome {
    max-width: 500px;
    text-align: center;
    margin: 0 auto;
}

.engagements .userWelcome h1 {
    font-weight: 900;
    font-style: italic;
    font-size: 3.5rem;
}

#userlevel {
    padding: 20px;
    border-radius: 18px;
    background: #FFF;
    margin-bottom: 30px;
}

#userlevel .levels {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#userlevel .levels .level {
    margin-bottom: 10px;
    font-size: 1.3rem;
    display: flex;
    align-items: center;
}

#userlevel .levels .level span {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 99rem;
    text-align: center;
    margin-right: 5px;
    background: #84AEC5;
    line-height: 20px;
}

#userlevel .levels .level em {
    font-style: normal;
    text-transform: lowercase;
    margin-right: 5px;
    display: inline-block;
}

#userlevel .levels .level em:first-letter {
    text-transform: uppercase;
}

#userlevel .levels .level span.active {
    background: #106698;
    color: #FFF;
    font-weight: 700;
}

#userlevel progress {
    display: block;
    height: 5px;
    margin-bottom: 10px;
}

#userlevel .minute {
    text-align: center;
    font-size: 1.4rem;
    margin-bottom: 0;
}

#userlevel progress::-webkit-progress-bar {
    background-color: #eee;
    border-radius: 7px;

}

#userlevel progress::-webkit-progress-value {
    background: rgb(135, 206, 232);
    background: linear-gradient(90deg, rgba(135, 206, 232, 1) 0%, rgba(33, 81, 147, 1) 81%);
    border-radius: 7px;
}

#userlevel progress::-moz-progress-bar {
    height: 5px;
}

#progressBar {
    width: 100%;
    height: 5px;
    appearance: none;
    display: none;
    margin-bottom: 15px;
    padding: 0 10px;
}

#progressBar::-webkit-progress-bar {
    background: #ddd;
    border-radius: 3px;
}

#progressBar::-webkit-progress-value {
    background: linear-gradient(90deg, rgba(135, 206, 232, 1) 0%, rgba(33, 81, 147, 1) 81%);
    border-radius: 3px;
}

#progressBar::-moz-progress-bar {
    height: 5px;
    background: linear-gradient(90deg, rgba(135, 206, 232, 1) 0%, rgba(33, 81, 147, 1) 81%);
}

.engagements {
    margin-bottom: 30px;
}

.weekengagements {
}

.preengage {
    padding-right: 15px;
}

.weekengagements .thisweeklist .listingEngages {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.weekengagements .thisweeklist .listingEngages .active {
    width: 48%;
    position: relative;
}

.weekengagements .thisweeklist .listingEngages .active .engage .info {
    background: #FFF;
    color: var(--color-primary);
    font-size: 14px;
    padding: 0;
    font-weight: 500;
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
}

.weekengagements .thisweeklist .listingEngages .engage {
    border-radius: 18px;
    position: relative;
    overflow: hidden;
}

.weekengagements .thisweeklist .listingEngages .engage .title {
    font-size: 1.6rem;
    line-height: 1.3;
    margin-bottom: 15px;
}

.clasic-engagement .title-section {
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.weekengagements .thisweeklist .listingEngages .active .current-engage {
    position: relative;
    height: 420px;
}

.weekengagements .thisweeklist .listingEngages .active .bulina {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2;
    width: 85px;
}

.weekengagements .thisweeklist .listingEngages .active .title {
    font-weight: 600;
    text-transform: uppercase;
}

.weekengagements .thisweeklist .listingEngages .active .current-engage .engage-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.weekengagements .thisweeklist .listingEngages .engage .info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 15px;
    background: rgb(20, 65, 121);
    background: linear-gradient(0deg, rgba(20, 65, 121, 1) 0%, rgba(255, 255, 255, 0) 81%);
    padding-top: 60px;
    color: #FFF;
}

.weekengagements .thisweeklist .listingEngages .small-engage:first-of-type {

}

.weekengagements .thisweeklist .listingEngages .disabledenage:after {
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.weekengagements .thisweeklist .listingEngages .small-engage {
    width: 48%;

}

.weekengagements .thisweeklist .listingEngages .small-engage .newiCon {
    height: 200px;
    overflow: hidden;
    border-radius: 18px;
    position: relative;
    margin-bottom: 15px;
}

.weekengagements .thisweeklist .listingEngages .small-engage .locked {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    background: #FFF;
    padding: 5px 20px;
    border-radius: 0 0 18px 0;
}

.weekengagements .thisweeklist .listingEngages .small-engage .bulina5mica {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2;
    width: 60px;
}

.weekengagements .thisweeklist .listingEngages .small-engage .acumulate {
    position: absolute;
    z-index: 5;
    right: 10px;
    top: 20px;
    width: 60px;
}

.weekengagements .thisweeklist .listingEngages .small-engage .title {
    font-size: 1.4rem;
    margin-bottom: 0;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 15px;
}

.weekengagements .thisweeklist .listingEngages .small-engage .engage-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    filter: grayscale(1);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.weekengagements .thisweeklist .listingEngages .inactive {
    width: 48%;
    display: block;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.bulina5 {
    position: absolute;
    width: 90px;
    top: 40px;
    right: 22px;
}

.questionwide {
    position: relative;
    margin-bottom: 15px;
}

.locked-done {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    background: #FFF;
    padding: 5px 20px;
    border-radius: 0 0 18px 0;
}

.locked-done img {

}

.questionwide .qinfo {
    position: absolute;
    bottom: 0;
    padding: 15px;
    background: rgb(20, 65, 121);
    background: linear-gradient(0deg, rgba(20, 65, 121, 1) 0%, rgba(255, 255, 255, 0) 81%);
    color: #FFF;
    margin: 0;
    right: 0;
    left: 0;
    text-align: center;
    text-transform: uppercase;
    padding-top: 50px;
    border-radius: 0 0 10px 10px;
}

.questionwide img {
    border-radius: 10px;
}

.weekengagements .thisweeklist .listingEngages .bigdisabledenage {

}

.weekengagements .thisweeklist .listingEngages .bigdisabledenage {

}

.weekengagements .thisweeklist .listingEngages .bigdisabledenage .acumulate {
    position: absolute;
    z-index: 5;
    right: 10px;
    top: 20px;
    width: 80px;
}

.weekengagements .thisweeklist .listingEngages .bigdisabledenage .title {
    background: #FFF;
    color: var(--color-primary);
    font-size: 14px;
    padding: 0;
    font-weight: 500;
    margin: 10px;
    border-radius: 10px;
    position: absolute;
    bottom: 20px;
    left: 15px;
    right: 15px;
    text-align: center;
    padding: 20px;
}

.weekengagements .thisweeklist .listingEngages .bigdisabledenage .locked {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    background: #FFF;
    padding: 5px 20px;
    border-radius: 0 0 18px 0;
}

.weekengagements .thisweeklist .listingEngages .bigdisabledenage .newiCon {
    height: 420px;
    overflow: hidden;
    border-radius: 18px;
    position: relative;
    margin-bottom: 15px;
}

.weekengagements .thisweeklist .listingEngages .bigdisabledenage .newiCon .engage-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    filter: grayscale(1);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.weekengagements .thisweeklist .listingEngages .inactive small {
    width: 100%;
}

.weekengagements .thisweeklist .listingEngages .inactive {

}


.alte-campanii {
}

.campanii-magazine {
    margin-top: 60px;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.alte-campanii .container {
    padding: 30px;
}


.campanii-magazine .container {
    text-align: center;
}

.campanii-magazine .content {
}

.stepsForm {
    text-align: center;
    margin-bottom: 0;
}

.stepsForm .button {
    width: 80%;
}

.stepsForm .choices {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.stepsForm .choices .button {
    width: 45%;
}

.stepsForm .step2, .stepsForm .step3 {
    display: none;
}

.stepsForm .step .question-title {
    font-style: italic;
    font-weight: 900;
    font-size: 2.5rem;
    text-transform: uppercase;
    line-height: 1.2;
}

.free-Response {
    text-align: center;
    max-width: 480px;
}

.free-Response .statistica {
    background: #F9F7F1;
    border-radius: 18px;
    padding: 15px;
    font-size: 14px;
}

.stepcorrect {

}

#escapeForm .step {
    display: block;
}

.engagement-modal-response .modal-content {
    max-width: 450px;
}

.felicitariplus {
    text-align: center;
    padding: 20px;
}

#correctWrongResponse .modal-content {
    padding: 30px;
}

.title-response-section {
    font-style: italic;
    font-weight: 900;
    font-size: 2.5rem;
    text-transform: uppercase;
    text-align: center;
}

.stepsForm .choice {
    margin-bottom: 15px;
}

.stepsForm .choice:last-of-type {
    margin-bottom: 0;
}

.free-engagement {
    padding: 30px;
}

.title-engagement {
    text-transform: uppercase;
    text-align: center;
    font-style: italic;
    font-weight: 900;
    font-size: 3rem;
    padding: 0 30px;
    color: #42A2CE;
}

.stepsForm {

}

.alegeri-dileme {

}

.alegeri-dileme .dilema {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.alegeri-dileme .dilema:last-of-type {
    margin-bottom: 0;
}

.alegeri-dileme .dilema p {
    margin-bottom: 5px;
    font-size: 1.4rem;
    font-weight: 500;
}

.alegeri-dileme .dilema .icon {
    width: 50%;
}

.alegeri-dileme .dilema .icon img {
    width: 100%;
    border-radius: 18px;
}

.alegeri-dileme .dilema .action {
    width: 45%;
    text-align: center;
}

#numarr {
    display: block;
    font-size: 3rem;
    font-weight: 900;
    line-height: 1;
}

#selectedvalue {
    font-weight: 500;
}

.stepsForm .step {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.stepsForm .step .choice {
    width: 48%;
    position: relative;
}

.stepsForm .step .choice p {
    min-height: 52px;
    margin-bottom: 10px;
    margin-top: 10px;
}

#final-image {
    max-height: 320px;
    border-radius: 18px
}

.stepsForm .step .choice img {
    border-radius: 18px;
    width: 100%;
}

#contextual2form {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 30px
}

#contextual2form h5 {
    padding: 0 30px;
    text-transform: uppercase;
    font-weight: 900;
    font-style: italic;
}

#videoPrezMasina {
    border-radius: 18px;
}

.videoMasina {
    position: relative;
}

.modal-nivel .button-blue {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    width: 210px;
    margin: 0 auto;
}

.free-engagement .text-explain {
    text-align: center;
    line-height: 1.2;
    margin-bottom: 25px;
    font-size: 15px;
}

.level-icp {
    border: 1px solid #fff;
    border-radius: 20px;
    max-width: 320px;
    margin: 0 auto;
    padding: 10px;
    text-transform: uppercase;
}

.level-icp span {
    font-size: 1.1rem;
    display: block;
    margin-bottom: 5px;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
}

.level-icp p {
    margin-bottom: 0;
    font-size: 1.3rem;
}

.level-icp p em {
    font-style: normal;
    font-weight: 800;
    font-size: 1.6rem;
}

.premii-instant {
    background: #FFF;
    padding: 30px;
    border-radius: 18px;
    height: 100%;
    margin-bottom: 30px;
}

.premii-instant-after {
}

.premii-instant-after .plinko {
    position: relative;
}

.premii-instant-after .plinko .info {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}

.premii-instant .action {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.premii-instant .action .infoplinko {
    width: 45%;
}

.premii-instant .action h1 {
    font-weight: 900;
    font-style: italic;
    font-size: 3.5rem;
}

.premii-instant .action .plinko {
    position: relative;
    width: 45%;
}

.premii-instant .action .plinko .info {
}

.premii-instant .action .plinko .info p {
    margin-bottom: 0;
    text-align: center;
}

.premii-instant .action .minuteDisponibile {
    font-size: 1.3rem;
    font-weight: 600;
}

.premii-instant .listare {
    width: 48.5%;
    text-align: center;
    position: relative;
}

.premii-instant .listare-after {
    width: 48.5%;
    text-align: center;
    position: relative;
    background: #ddd;
    border-radius: 18px;
}

.premii-instant .listare-after .plinkoSwiperBig {
    margin-bottom: 15px;
}

.premii-instant .listare-after .plinkoSwiperBig .icon {
    text-align: center;
    border-right: 1px solid #42A2CE;
}

.premii-instant .listare-after .plinkoSwiperBig .icon img {
    max-height: 50px;
}

.premii-instant .videoPrez {
    margin: 0 auto;
}

.premii-instant .videoPrez iframe {
    border-radius: 18px;
}

.prizeCards .premiu .icon {
    margin-bottom: -60px;
}

.modal-masina .loadinglabel {
    background: #42A2CE;
}

.loadinglabel {
    background: #eee;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 18px;
    z-index: 5555;
    display: none;
}

.loadinglabel img {
    position: absolute;
    top: 50%;
    display: block;
    text-align: center;
    width: 80px;
    margin: 0 auto;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

.premiu-masina {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    color: #FFF;
    background-image: url('assets/images/bgmasina.png');
    background-size: cover;
    border-radius: 18px;
    padding: 30px;
    margin-bottom: 30px;
}

.premiu-masina .left {
    width: 45%;
}

.premiu-masina .right {
    width: 45%;
    text-align: center;
}

.premiu-masina .infoalert {
    font-size: 12px;
    margin: 0 auto;
    border: 1px solid #888;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
}

.premiu-masina .right h2 {
    font-weight: 900;
    font-style: italic;
    font-size: 3.5rem;
}

.premiu-masina .right .sanse {
        display: inline-flex;
    align-items: center;
    padding: 1.4rem 3.5rem;
    font-weight: 500;
    border-radius: 18px;
    text-transform: uppercase;
    font-size: 12px;
}

.premiu-masina .right .info {
    font-size: 1.3rem;
    font-weight: 600;
}

.prizeCards .premiu .info {
    background: #42A2CE;
    padding: 15px;
    border-radius: 12px;
    padding-top: 60px;
}

.prizeCards .premiu .info .title {
    margin-bottom: 0;
    color: #FFF;
}

.prizeCards .premiu .info .title em {
    font-size: 2.5rem;
    font-weight: 700;
    display: block;
}

.prizeCards .swiper-button-prev, .prizeCards .swiper-button-next {
    top: 30% !important;
    width: 40px;
    height: 40px;
}

.twosections {
    margin-bottom: 60px;
}

.twosections .row > * {
    padding-right: 15px;
    padding-left: 15px;
}

.premii-festival {
    background: #42A2CE;
    display: flex;
    height: 100%;
    border-radius: 18px;
    flex-wrap: wrap;
}

.premii-festival .content-festival {
    width: 100%;
    position: relative;
    padding: 30px;
}

.premii-festival h1 {
    font-weight: 900;
    font-style: italic;
    font-size: 3.5rem;
    color: #FFF;
    text-align: center;
}

.premii-festival .header-festival {
    color: #FFF;
    margin: 0 auto;
    margin-bottom: 30px;
}

.premii-festival .header-festival h1 {
    font-weight: 900;
    font-style: italic;
    font-size: 4rem;
}

.premii-festival .listare {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.premii-festival .listare .festival {
    width: 32%;
    margin-bottom: 20px;
}

.premii-festival .listare .festival .description {
    position: relative;
}

.premii-festival .listare .festival .description .cand {
    text-align: center;
    font-size: 1.2rem;
    margin-bottom: 5px;
    color: #FFF;
    text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.1);
}

.premii-festival .listare .festival .description .main {
}

.premii-festival .listare .festival .alert {
    margin-bottom: 0;
}

.premii-festival .listare .festival .info {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}

.premii-festival .listare .festival .alert {
    color: #FFF;
}

#roataModal {

}

#roataModal .before-plinko {
    border-radius: 18px;
}

.before-plinko .title-section {
    margin-top: 60px;
}

#roataModal .modal-plinko .closeModal {

}

#roataModal .before-plinko .descriere {
    padding: 0 15px;
    font-weight: 500;
    margin-bottom: 15px;
}

#roataModal .before-plinko .descriere small {
    display: block;
}

#roataModal .before-plinko .icon {
    margin-bottom: 15px;

}


#roataModal .before-plinko .icon img {
    display: block;
    width: 100%;
}

#roataModal .before-plinko .explainplinko {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    font-size: 1.25rem;
}

#roataModal .before-plinko .explainplinko p {
    display: flex;
    align-items: center;
}

#roataModal .before-plinko .explainplinko p em {
    font-style: normal;
    font-weight: 500;
}

#roataModal .before-plinko .explainplinko p img {
    display: block;
    margin-right: 5px;
}

#roataModal .before-plinko .plinkoSwiper .icon {
    text-align: center;
    border-right: 1px solid #42A2CE;
}

#roataTitle {
    font-weight: 900;
    font-style: italic;
    font-size: 3rem;
    color: #144179;
}

#roataBody small {
    display: block;
}

#coduriBonus h4 {
    font-weight: 900;
    text-transform: uppercase;
    font-style: italic;
}

#roataModal .before-plinko .plinkoSwiper .icon img {
    display: inline-block;
    max-height: 50px;
}

#roataModal .invartire {
    position: relative;
    display: none;
}

#roataModal .invartire .videoSound {
    display: none;
}

#roataModal .invartire .videoSound .mute {
    left: 20px;
    top: 20px;
}

#roataModal .invartire .videoSound .unmute {
    left: 20px;
    top: 20px;
}

#roataModal .invartire video {
    max-width: 100%;
    display: block;
    border-radius: 18px;
}

.topSwiper .autoplay-progress {
    position: absolute;
    top: 20px;
    right: 20px;
}

.autoplay-progress {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 10;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #FFF;
}

.autoplay-progress svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    stroke-width: 4px;
    stroke: #FFF;
    fill: none;
    stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
    stroke-dasharray: 125.6;
    transform: rotate(-90deg);
}

#contextualResponse .modal-content {
    max-width: 500px;
}

#contextualResponse .contextual-response {
    display: none;
}

#contextualResponse .contextual-response .haswon {
    display: none;
}

#contextualResponse .contextual-response .notwon {
    display: none;
}

#contextualResponse .contextual-roata {
    padding: 15px;
    border-radius: 10px;
    margin-top: 30px;
    position: relative;
}

#roataImage {
    max-height: 200px;
}

#contextualResponse .contextual-roata .playvideocontextual {
    position: absolute;
    bottom: 30px;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 150px;
}

#contextualResponse .contextual-roata video {
    max-width: 100%;
    display: block;
    margin-bottom: 15px;
}

.openContextual {
    background: #144179;
    position: fixed;
    top: 20%;
    right: 0;
    width: 95px;
    text-align: center;
    padding: 10px;
    color: #FFF;
    font-weight: 600;
    font-size: 1.3rem;
    border-radius: 15px 0 0 15px;
    line-height: 1.3;
}

.openContextual:hover {
    color: #FFF;
}

.openContextual em {
    font-size: 1.2rem;
    margin-bottom: 5px;
    display: block;
    text-transform: uppercase;
}

.openContextual img {
    max-width: 60px;
    display: inline-block;
}

.consolare-modal {

}

.consolare-modal .context-response {
    display: none;
}

.consolare-modal .context-response .haswon {
    display: none;
}

.consolare-modal .context-response .notwon {
    display: none;
}

#roataModal .modal-content .invartire .title-section {
    font-size: 5rem;
    text-align: center;
}

#roataModal .modal-content .invartire .videoSound {

}

#roataModal .modal-content .invartire .title img {
    max-height: 100px;
}

#roataModal .modal-content .invartire video {
    max-width: 100%;
}

.inside-engagements {
    padding: 30px;
    background: #FFF;
    border-radius: 18px;
    margin-bottom: 30px;
}

.new-engagements {
    position: relative;
    margin-bottom: 60px;
}

.new-engagements .explain {
    position: absolute;
    top: 100px;
    text-align: center;
    left: 100px;
    z-index: 5;
}

.new-engagements .explain .descriere h4 {
    color: #fff;
}


.slide-prizes .premiu .descriere h4 em {
    font-style: normal;
    text-transform: lowercase;
}

.slide-prizes .premiu .descriere h4 img {
    max-height: 60px;
}

.new-engagements .sorin {
    text-align: right;
}

.new-engagements .sorin video {
    max-width: 100%;
}

.new-engagements .sorin img {
}

.new-engagements .action {
    padding-top: 80px;
}

.new-engagements .action .lottie {
    position: absolute;
    width: 230px;
    height: 230px;
    top: 10px;
    right: 40px;
}

.new-engagements .explain {
}

.new-engagements .explain h4 {
    font-weight: 400;
    font-size: 1.8rem;
    max-width: 250px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.new-engagements .val2024 .explain a {
    color: var(--color-white);
    margin-top: 30px;
    display: inline-block;
}

.new-engagements .val2024 .action {
    position: relative;
}

.new-engagements .val2024 .action .startEngage {
    position: absolute;
    bottom: 30%;
    width: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.explainharta {
    max-width: 450px;
    margin: 0 auto;
}

.explainharta h4 {
    font-weight: 400;
    max-width: 350px;
    margin: 0 auto;
    text-align: center;
    font-size: 1.8rem;
}

.hartaBasic {
    position: relative;
    margin-top: 60px;
    padding-bottom: 90px;
}

.hartaBasic img {
    display: block;
}

.hartaBasic .thisweeklist {

}

.hartaBasic .thisweeklist ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}

.hartaBasic .thisweeklist li {
    width: 33%;
}

.hartaBasic .thisweeklist li img {

}

.hartaBasic .thisweeklist {

}

.hartaBasic a {
}

.contextual2024 .modal-content h3 {
    padding: 30px;
    font-size: 3rem;
    text-transform: uppercase;
    font-weight: 900;
    font-style: italic;
    padding-bottom: 0;
}

#playContextuala {
    position: relative;
    display: block;
    margin-bottom: 0 !important;
    border-radius: 18px;
}

.contextual2024 p {
    padding: 20px;
}

.messagebody {
    margin-bottom: 20px;
}

#quoteform {

}

.choice input[type="checkbox"] {
    display: none;
}

.choice input[type="checkbox"]:checked + label {
    background: #4F9DD0;
    color: #fff;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}

#recunoasteModalResponse .modal-content {
    max-width: 680px;
}

.tipsefSwiper .form label {

}

.tipsefSwiper .form label:hover {

}

.contextual2024 .explainleft h4 {
    text-transform: uppercase;
    font-size: 3rem;
    font-weight: 600;
}

.contextual2024 .explainleft img {
    max-height: 200px;
}

.contextual2024 .explainright {
    position: relative;
    z-index: 5;
}

.contextual2024 .explainright h5 {
    font-weight: 500;
}

.contextual2024 .explainright .addcode {

    text-decoration: none;
}

.contextual2024 .modal-content {
    overflow: hidden;
}

#openMistery {
    padding: 0 40px;
}

#openMistery div {
    display: flex;
    justify-content: space-between;
}

#openMistery input[type="number"] {
    width: 23%;
    background: url(assets/images/bginput.png);
    font-size: 2rem;
    background-size: cover;
    border-radius: 10px;
    color: #fff;
    text-align: center;
}

.contextual2024 .seif {
    position: absolute;
    width: 300px;
    right: -44px;
    bottom: -70px;
}

.video-engage-two {
    padding-top: 100%;
    height: 0px;
    position: relative;
    border-radius: 20px;
    max-height: 500px;
    overflow: hidden;
}

.video-engage-two .playbtn {
    position: absolute;
    top: 50%;
    z-index: 5;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

.video-engage-two iframe {
    border: none;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    border-radius: 20px;
}

#bigin {
    display: none;
    border-radius: 10px;
    width: 500px;
    position: relative;
    padding-top: 200px;
    margin: 0 auto;
    margin-bottom: 15px;
}

#bigin iframe {
    object-fit: cover;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    border: none;
    border-radius: 10px;
}

.visibility-hidden {
    visibility: hidden;
}

.presentcode {
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

body.harta-sefiei .mobileBar {
    display: none;
}

.campanii-magazine .title {
    margin: 0;
    font-weight: 700;
    font-size: 2rem;
}

.campanii-magazine p {
    margin-bottom: 10px;
}

.campanii-magazine .title img {
    max-height: 80px;
}

.coduriMag {
}

.coduriMag img {
    border-radius: 18px;
    width: 100%;
}

.campanii-magazine .content .icon {
    display: block;
    border-radius: 18px;
}

.genereazaQoute {
    display: none;
    margin-top: 20px;
}


.acte-modal .questions h6 {
    font-family: var(--font-family);
    margin-bottom: 10px;
}

.acte-modal .confirmQuestions .actions {
    display: flex;
    justify-content: center;
    align-items: center;
}

.acte-modal .confirmQuestions .actions .backto {
    color: #FFF;
    font-weight: 700;
    margin-right: 25px;
}

.acte-modal .confirmQuestions img {
    max-width: 150px;
}

.acte-modal .questions {
    padding: 30px;
}

.acte-modal .questions h6 a {
    font-weight: 400;
    font-size: 1.3rem;
    display: block;
}

.acte-modal .questions .domiciliu {
    margin-bottom: 30px;

}

.acte-modal .questions label {
    display: inline-block;
    font-size: 1.6rem;
}

.acte-modal .questions input[type="radio"] {
    width: 16px;
    height: 16px;
}

.acte-modal h3 {
    font-size: 2.2rem;
    margin-bottom: 30px;
    text-align: center;
    margin-top: 30px;
}

.acte-modal .actions a {
    text-decoration: none !important;
}

#docsformModal {
    margin-bottom: 0;
}

.uploadstep {
    min-width: 420px;
}

#nivelModal .modal-content {
    max-width: 600px;
    padding-top: 50px;
}

#nivelModal .modal-content video {
    max-width: 100%;
    border-radius: 18px;
    margin-bottom: 10px;
}

.statusminuteDisponibile, .statusminute {

}

.userLvl .numberstats img {
    max-height: 55px;
    margin-right: 10px;
}

.userLvl .opendescription {
    margin-top: 15px;
}

.newaccountheader {
    padding: 60px 0;
}

.newaccountheader .newuserinfo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.newaccountheader .newuserinfo .details {
    width: 48%;
}

#roataModal .before-plinko .color-red {
    line-height: 1.3;
    font-size: 1.3rem;
    padding: 0 20px;
}

.swiper-button-next, .swiper-button-prev {
    color: var(--color-primary) !important;
}

.newaccountheader .newuserinfo .details .other-infos {
    text-align: center;
}

.newaccountheader .newuserinfo .details .other-infos h1 {
    font-style: italic;
    font-weight: 900;
    font-size: 3.5rem;
}

.newaccountheader .newuserinfo .details .other-infos a {
}

.newaccountheader .newuserinfo .details .other-infos ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.newaccountheader .newuserinfo .details .other-infos li {
    text-align: right;
    font-weight: 600;
    font-size: 1.4rem;
    margin-right: 25px;
    margin-bottom: 0;
}

.newaccountheader .newuserinfo .details .other-infos li a {
    display: flex;
    align-items: center;
}

.newaccountheader .newuserinfo .details .other-infos li a img {
    max-width: 22px;
    margin-right: 15px;
}

.newaccountheader .newuserinfo .details .other-infos li:last-of-type {
}

.newaccountheader .newuserinfo .newstats {
    width: 48%;
}

.newaccountheader .newuserinfo .newstats ul {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #FFF;
}

.newaccountheader .newuserinfo .newstats li {
    margin-bottom: 15px;
    padding: 0;
    list-style: none;
}

.newaccountheader .newuserinfo .newstats li:last-of-type {
    margin-bottom: 0;
}

.newaccountheader .newuserinfo .newstats .stat {
    background: #44A3CF;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 18px;
    padding: 15px 10px;
    position: relative;
    align-items: center;
}

.newaccountheader .newuserinfo .newstats .stat .icon {
    width: 50px;
    text-align: center;
}

.newaccountheader .newuserinfo .newstats .stat .icon img {
    display: inline-block;
}

.newaccountheader .newuserinfo .newstats .stat .minute {
    flex: 1;
    position: relative;
}

.newaccountheader .newuserinfo .newstats .stat em {
    font-style: normal;
    font-size: 1.2rem;
}

.newaccountheader .newuserinfo .newstats .stat .isopen {
    position: absolute;
    right: 20px;
    top: 30px;
}

.newaccountheader .newuserinfo .newstats .stat p {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 1;
}

.newaccountheader .newuserinfo .newstats .stat .description {
    display: none;
    padding: 0 10px;
    margin-top: 10px;
    border-top: 1px solid #fff;
    padding-top: 10px;

}

.newaccountheader .newuserinfo .newstats .stat .description span {
    display: flex;
    align-items: center;
}

.newaccountheader .newuserinfo .newstats .stat .description span em {
    font-weight: 700;
    font-size: 1.8rem;
    margin-right: 10px;
}

.newaccountheader .newuserinfo .newstats .stat .description a {
    position: relative;
    z-index: 10;
    font-size: 1.3rem;
    display: block;
    text-decoration: underline;
    color: #FFF;
}

.cover-all {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 5;
}

.intro-section {
    padding-top: 30px;
    text-align: center;
    min-height: 88dvh;
}

.response-roata .showbutton {
    display: none;
}

.response-roata .showinvartire {
    display: none;
}

.response-roata .showextrashansa {
    display: none;
}

.response-roata .introduPlinko {
    display: none;
}

.response-roata .showincarca {
    display: none;
}

.response-big .showbutton {
    display: none;
}

.bigprizePreview .isInfo {
}

body.intro-page .site-header, body.intro-page .site-footer {
    display: none !important;
}

body.intro-page .mobileBar {
    display: none !important;
}

body.intro-page .ct-converse-chat {
    display: none !important;
}

.iframeModal .modal-content {
    padding: 0;
    background: #fafafa;
}

.iframeModal .modal-content .embed-verificare {

}

.iframeModal .modal-content .embed-verificare iframe {
    min-height: 650px;
    display: block;
    border-radius: 18px;
    min-width: 500px;
}

@media only screen and (max-width: 992px) {
    .videoPrezFestival {
        top: 135px;
    }

    .videoContainerFestival {
        max-width: 100%;
        padding: 0 15px;
        padding-top: 50px;
    }

    .festival-list .festivalinside img {
        max-height: 200px;
    }

    .iframeModal .modal-content .embed-verificare iframe {
        display: block;
        border-radius: 18px;
        min-width: 100%;
    }

    .iconpwa {
        z-index: 999;
    }

    .iframeModal .modal-content {
        width: 100%;
    }

    #citystores {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
        border: 1px solid #DDD;
    }

    .userLvl .opendescription {
        margin-top: 0px;
    }

    .uploadstep {
        min-width: auto;
    }

    body.home-template {
    }

    .site-main .explain {

    }

    .invitatii .invitatie .text p {
        font-size: 1.3rem;
    }

    .site-main .sorin {
        padding: 0;
        text-align: center;
    }

    .site-main {
        margin-top: 70px;
        margin-bottom: 30px;
    }


    .preengage {
        padding-right: 0;
    }

    .weekengagements .thisweeklist .listingEngages .active .current-engage {

    }

    .weekengagements .thisweeklist .listingEngages .small-engage:first-of-type {
    }

    .weekengagements .thisweeklist .listingEngages .small-engage:last-of-type {
    }

    .engagements {
        margin-bottom: 0;
    }

    .premii-instant {
        display: block;
        padding: 15px;
    }


    .engagements .container {
        margin-bottom: 30px;
    }

    .premii-instant .action {
        width: 100%;
    }

    .site-main .explain h1 {
        padding: 0;
        font-size: 3rem;
        max-width: 260px;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .prizeCards .swiper-pagination {
        position: relative !important;
        margin-top: 45px;
        margin-bottom: 15px;
    }

    .prizeCards .swiper-button-next, .prizeCards .swiper-button-prev {
    }

    .prizeCards .swiper-button-prev {
    }

    .site-main .explain h1 {

    }

    .prizeCards .swiper-button-next {
    }

    .seif-description {
        text-align: center;
    }

    .seif-main {
        padding-top: 0;
    }

    .seif-main .seifbg {
        top: auto;
        position: relative;
        left: 0;
        right: 0;
        z-index: 1;
        text-align: center;
        margin: 0 auto;
        display: block;
        max-width: 170px;
    }

    #seifstatus {
        margin-bottom: 15px;
        display: block;
    }

    .seif-description .isInfo small {
        margin-bottom: 15px;
    }

    .engagements .isSorin {
        position: absolute;
        left: -2px;
        z-index: -1;
        top: 50px;
    }


    .cifru-seif .swiper .swiper-button-next {
        bottom: -5px;
        left: -6px;
        right: 0;
        margin: 0 auto;
        transform: rotate(90deg);
        top: auto;
    }

    .cifru-seif .swiper .swiper-slide span {
        font-size: 2rem;
        font-weight: 900;
        border: 1px solid #fff;
        height: 50px;
        display: block;
        width: 50px;
        line-height: 45px;
        border-radius: 10px;
    }

    .cifru-seif .swiper {
        height: 210px !important;
        width: 60px !important;
    }

    .numbers-cifru {
        width: 250px;
    }

    body.harta-sefiei {
        background-image: url("assets/images/bg_harta.png");
    }

    body.harta-sefiei .site-main {
        padding-top: 50px;
    }

    .engagements .container {

    }

    .weekengagements .thisweeklist {
        margin-bottom: 30px;
        text-align: center;
    }

    .engagements .title-section {
        margin: 0 auto;
    }

    .weekengagements .thisweeklist ul {
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .weekengagements .thisweeklist li {
        width: 30%;
    }

    .newRoata .explainRoata .if {
        margin-bottom: 0;
    }

    .roatalevels {
        padding: 15px;
        margin-bottom: 15px;
    }

    .showHowMany {
        display: block;
    }

    .newRoata .explainRoata .minuteDisponibile {
        width: 70%;
        margin: 0 auto;
    }


    .weekengagements .thisweeklist li a {
        margin: 0 auto;
    }

    .weekengagements .thisweeklist li a img {
        margin: 0 auto;
    }

    #seifstatus a {
    }

    .slide-prizes .premiu .descriere h4 {
        font-size: 1.6rem;
    }

    #storesModal .modal-mypass h3 {
        padding-top: 10px;
    }

    #stores-list {
        font-size: 1.3rem;
        display: block;
        height: 400px;
    }

    .fixed-table-pagination ul li {
        margin-right: 6px;
    }

    .ct-gui.ct-converse-chat {
        bottom: 90px !important;
        right: 10px !important;
    }

    #conversejs.theme-default.converse-overlayed .chatbox.chatroom .box-flyout {

    }

    .pwaInfo .devices {
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .pwaInfo .devices .device {
        width: 100%;
        display: block;

    }

    .pwaInfo .devices .device .content {
        width: 100%;
    }

    .pwaInfo .devices .device .right {
        width: 100%;
    }

    .pwaInfo .devices .device:first-of-type {
        margin-bottom: 30px;
        padding: 20px;
    }

    .pickform [type="radio"]:checked + label, .pickform [type="radio"]:not(:checked) + label {
        font-size: 1.2rem;

    }

    body.home-template .premiiSaptamanale .container:after {
        bottom: -15px;
    }

    .radio-check {
        padding: 1.2rem 2rem
    }

    .row {
        display: block;
    }

    .column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12 {
        width: 100%;
    }

    .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-12 {
        margin: 0;
    }

    .button, input[type='button'], input[type='reset'], input[type='submit'] {
        font-size: 1.4rem;
    }

    .roulette-container .playroulette {
        padding: 2px;
        width: 120px;
        height: 45px;
        box-shadow: 2px 2.5px 3px 0.5px #dddddd;
    }

    .weekengagements {
        padding-left: 0;
    }

    .roulette-container .playroulette span {
        line-height: 45px;
    }

    .isMobile {
        display: block !important;
    }

    .isDesktop {
        display: none !important;
    }

    .site-header .inside-header .main-menu {
        display: none;
    }

    .prizeSection .bigPrize {
        display: block;
    }

    .prizeSection .bigPrize .leftSide {
        width: 100%;
        margin-bottom: 30px;
        padding: 1.5rem;
    }

    .prizeSection .bigPrize .rightSide {
        width: 100%;
        padding: 1.5rem;
    }

    .MainArea .animationtext {
        max-height: 300px;
    }

    .accountPage .bigPrize .incercari span {
        margin-top: 0 !important;
        margin-right: 0;
    }

    .coduriM .content .left h3, .alteCamp .content h3 {
        font-size: 2.2rem;
    }

    .prizeSection {
        padding: 30px 0;
    }

    .premiiSaptamanale {
        margin-top: 0px;
        overflow: hidden;
    }

    .premiiInstant h3 {
        font-size: 2.2rem;
    }

    .premiiPePlus .iconplus {
        margin-top: 0;
    }

    .premiiInstant .minuteDisponibile {
        margin-bottom: 0;
    }

    .premiiInstant p {
        font-size: 1.5rem;
        text-align: center;
        margin-top: 2rem;
    }

    .alteCampanii .content {
        text-align: center;
    }

    .site-footer {
        padding: 30px 0;
        padding-bottom: 90px;
    }


    .site-footer .infoline p {
        margin-bottom: 0;
        text-align: left;
        font-weight: 600;
    }


    .site-header .site-title h1 {
        font-size: 1.8rem;
    }

    #videoModal .modal-content, #VideoContextModal .modal-content, #IntrovideoModal .modal-content {
        max-width: 100% !important;
        min-width: 100% !important;
    }

    .site-header .inside-header .right-area .action-area img {
        display: block;
    }

    .site-header .inside-header .right-area .notificari {
        margin-right: 15px;
        position: relative;
    }

    .showDescriptionSmall .descriptionHow {
        position: relative;
        margin-top: 15px;
    }

    .modal-content {
    }

    .hasnotif {
        right: 0;
        top: -4px;
    }

    .site-footer .footer-menu {
        display: block;
        font-size: 1.4rem;
    }

    .site-footer .footer-menu li {
        display: block;
        width: 100%;
    }

    .site-header .inside-header .right-area .action-area .submitcode {
        display: block;
        line-height: 1;
        padding: 10px 14px;
        font-size: 1.3rem;
        margin-right: 15px;
        cursor: pointer;
        transition: 0.3s;
    }

    .MainArea .engagement-action .inside p {
    }

    .MainArea .engagement-action .explainText {
        font-size: 1.4rem;
        line-height: 1.4;
        margin-bottom: 5px;
    }

    .site-header .inside-header {
        padding: 15px 0;
    }

    .modal-content .message-action {
        min-width: auto;
    }

    .message-action .engage-description {
        padding: 0;
    }

    .form-engage form {
        padding: 0;
    }

    .form-engage form .input-radio label {
        font-size: 1.4rem;
        line-height: 1.2;
    }

    .engagements {
        overflow: hidden;
    }

    .prizeSection .bigPrize .leftSide .content h3 {
        font-size: 4rem;
    }

    .prizeSection .bigPrize .leftSide .content p {
        font-size: 1.6rem;
        margin-bottom: 0;
    }

    .site-header .inside-header .right-area .action-area .notificationsOpen {
        margin-right: 15px;
    }

    .form-engage form .input-radio {
        margin-bottom: 10px;
    }

    .notificationsList {

    }

    .notificationsList .closeNotif {
    }

    .notificationsList ul {
    }

    .PrizeSwipe {
    }

    .PrizeSwipe .swiper-slide {
        height: 400px;
        margin-bottom: 0;
    }

    .bonusCodesList {
    }

    .bonusCodesList .use {
        width: 38%;
    }

    .premiiInstant {
        padding: 30px 0;
    }

    .alteCampanii {
        padding: 30px 0;
    }

    .premiiPePlus .content {
        padding: 0;
    }

    .premiiPePlus .content h3 {
        font-size: 2.2rem;
        max-width: 100%;
        margin-top: 0;
    }

    #bigin {
        width: 100%;
    }

    .premiiPePlus .content p {

    }

    .fullWidthRow .coduriM .content {
        display: block;
    }

    .fullWidthRow .coduriM .content .left {
        width: 100%;
    }

    #sendspor textarea {
        height: 185px;
    }

    .coduriMagazine img {
        border-radius: 18px;
        margin-bottom: 15px;
    }

    .fullWidthRow .coduriM .content .right {
        width: 100%;
    }

    body.home-template .prizeSection .column-8, .premiiSaptamanale {
        overflow: hidden;
    }

    .premiiPePlus .pragruri {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .otherCamps {
        display: block;
    }

    .alteCamp {
        width: 100%;
        display: block;
        margin-bottom: 30px;
        padding-bottom: 0;
    }

    .alteCamp .content {
        width: 100%;
    }

    .alteCamp .image {
        width: 100%;
        height: auto;
    }

    .accountHead .content h4 {
        font-size: 2.3rem;
    }

    .accountStatus {
        padding-top: 0;
    }

    .accountStatus .stats .box .coduri span, .accountStatus .stats .box .numberstats span {
        width: 60px;
        display: block;
    }

    .accountStatus .stats {
        display: block;
        padding-left: 0;
    }

    .accountStatus .stats .box {
        width: 100%;
        padding: 10px;
        border-radius: 15px;
    }

    .userLvl .numberstats img {
        display: block;
        margin-right: 30px;
    }

    .accountStatus .stats .box-large .content {
        display: block;
    }

    .accountStatus .stats .box-large .content .one {
        width: 100%;
    }

    .accountStatus .stats .box {
        margin-bottom: 15px;
    }

    .accountStatus .welcomacc {
        margin-bottom: 30px;
        height: 230px;
        margin-bottom: 30px;
    }

    .accountStatus .welcome-head {
        margin-bottom: 30px;
    }

    .new-engagements .action .lottie {
        width: 120px;
        height: 120px;
        right: 5px;
        z-index: -1;
    }

    .new-engagements {
        margin-bottom: 30px;
        overflow: hidden;
    }

    .accountStatus .stats .box .star {
        left: 10px;
        top: 12px;
    }

    .premiiCastigate .headingfull {
        display: block;
    }

    .premiiCastigate .headingfull .text {
        width: 100%;
    }

    .premiiCastigate .headingfull .text h2 {
        margin-bottom: 15px;
    }

    .personbcmodal .tip {
        top: -50px !important;
    }

    .personbcmodal .explainText {
        font-size: 1.4rem;
    }

    .premiiCastigate .headingfull .necastigator {
        display: block;
        width: 100%;
    }

    .premiiCastigate .headingfull .necastigator p {
        width: 100%;
        margin-bottom: 15px;
    }

    .premiiCastigate .headingfull .necastigator .image {
        width: 100%;
    }

    .accountStatus .stats .box .star img {
        width: 15px;
    }

    .accountStatus .stats .box-large .content .nivel {
        width: 100%;
        display: block;
        text-align: center;
    }

    .premiiPePlus .pragruri .curent .coduri p {
        width: 80%;
    }

    .accountStatus .stats .box-large {
        width: 100%;
        padding: 20px;
    }

    .alteCamp .image img {
        position: relative;
        display: block;
        margin: 0 auto;
        margin-top: 30px;
        margin-left: -35px;
    }

    .accountStatus .stats .box-large .content .one h3 {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .accountStatus .stats .box-large .content .coduri p {
        width: 80%;
        margin: 0 auto;
    }

    .accountStatus .stats .box-large .content .coduri {
        width: 100%;

    }

    .accountStatus .stats .box-large .content .nivel {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .accountStatus .stats .box-large .content .one img {
        width: 60%;
        display: block;
        margin: 0 auto;
    }

    .quizAccount .quiz {
        display: block;
        margin-bottom: 30px;
    }

    .savecodepachet {
    }

    .quizAccount .quiz .image {
        width: 100%;
    }

    .premiiCastigate .heading {
        display: block;
    }

    .premiiCastigate .heading .text {
        width: 100%;
    }

    .premiiCastigate .heading .text h2 {
        font-size: 2.5rem;
        margin-bottom: 15px;
    }

    .quizAccount .quiz .heading {
        width: 100%;
        margin-right: 0;
        margin-top: 15px;
    }

    .newArhiva .descriere {
        font-size: 1.4rem;
        margin-bottom: 30px;
    }

    .premiiCastigate .heading .necastigator {
        width: 100%;
        display: block;
    }

    .newArhiva {
        padding-bottom: 0;
        background-position: right;
        background-size: cover;
    }

    .linesbg {
        background-position: right;
        background-size: cover;
    }

    .weeklyArchive {
        margin-bottom: 0;
    }

    .newArhiva .statsArhiva .right .stats .inside h5 {
        width: 65px;
    }

    .newArhiva .statsArhiva .right .stats .inside p {
        flex: 1;
    }

    .newArhiva .statsArhiva .right .stats .inside {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .newArhiva .statsArhiva .right {
        width: 100%;
    }

    .newArhiva .statsArhiva .right .stats li {
        width: 100%;
    }

    .newArhiva .statsArhiva {
        display: block;
    }

    .newArhiva .statsArhiva .left {
        width: 100%;
        margin-bottom: 30px;
    }

    .premiiCastigate .listing-premii h4 {
        text-align: center;
    }

    .premiiCastigate .listing-premii ul li:last-of-type {
        margin-bottom: 0;
    }

    .premiiCastigate .listing-premii .content {
        width: 48%;
        margin-bottom: 20px;
        text-align: center;
        display: block;
    }

    .premiiCastigate .listing-premii .content h5 {
        font-size: 1.4rem;
    }

    .premiiCastigate .listing-premii .content img {
        margin-right: 0;
    }

    .premiiCastigate .heading .necastigator p {
        width: 100%;
        font-size: 1.4rem;
    }

    .PrizeSwipe .prize .content h5 span {
        display: block;
    }

    .premiiCastigate .listing-premii .content h5 {
        width: 98%;
    }

    #quizForm h5 {
        padding: 0;
        margin: 0;
    }

    #quizForm .radio-buttons {

    }

    #quizForm .radio-buttons {
        max-width: 100%;
        display: block;
        text-align: center;
        margin-top: 20px;
    }

    #quizForm .radio-buttons .button-primary {
        width: 70%;
        margin: 0 auto;
    }

    .harta-sefiei {
        padding: 0 5px;
        position: relative;
        z-index: 5;
        margin-top: 15px;
    }

    .harta-sefiei .explain-harta h1 img {
        max-height: 80px;
    }

    .the-map {

    }

    .caseta .content .sorin, .caseta .content .stats {
        font-size: 1rem;
    }

    .the-map .row {
        display: flex;
    }

    .the-map .column-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .the-map .column-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .harta-sefiei .the-map .pas {
        height: 75px;
    }

    .accountStatus .stats .box .coduri span, .accountStatus .stats .box .numberstats span {
        margin-right: 10px;
        padding-left: 2px;
        font-size: 2.8rem;
    }

    .premiiCastigate .listing-premii .status p {
        margin-bottom: 0;
        display: inline-flex;
        align-items: center;
        font-weight: 700;
        font-size: 1.3rem;
    }

    .accountStatus .stats .box .action {
        right: 10px;
        top: 25px;
    }

    .opendescription {
        width: 25px;
        height: 25px;
        line-height: 22px;
    }

    .opendescription img {
    }

    .premiiCastigate .listing-premii .descriere {
        width: 100%;
    }

    .premiiCastigate .listing-premii .status {
        width: 45%;
    }

    .premiiCastigate {
        padding: 15px;
        display: block;
    }

    .premiiCastigate .needvalidation {
        padding: 15px;
    }

    .premiiCastigate .needvalidation a {
        font-size: 1.3rem;
    }

    #uploadDocs1 .modal-content h3,
    #uploadDocs2 .modal-content h3,
    #uploadDocs3 .modal-content h3 {
        text-transform: uppercase;
        text-align: center;
        font-weight: 400;
        padding: 0 30px;
    }

    .happyday .row img {
        max-height: 100px;
    }

    .premiiCastigate .heading {
        width: 100%;
        padding-right: 0;
        border-right: 0;
        position: relative;
    }

    .premiiCastigate .listing-premii {
        width: 100%;
    }

    .premiiCastigate .heading {
        top: 0;
        margin-bottom: 30px;
        border-bottom: 1px solid #DDD;
        padding-bottom: 30px;
    }

    .premiiCastigate .heading .necastigator .image {
        width: 100%;
    }

    .quizAccount .quiz .action {
        width: 100%;
    }

    .coduriM .content .left {
        width: 100%;
        margin-bottom: 15px;
    }

    .coduriM .content .right {
        width: 100%;
    }

    .coduriM .content .right img {
        display: block;
    }

    .coduriM .content {
        padding: 20px;
        display: block;
    }

    .coduriM {
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0;
    }

    .coduriM .content .right img {
        margin-bottom: -10px;
    }

    .alteCampanii .column-5 {
        margin-bottom: 30px;
    }

    .engagement-list {
        display: block;
    }

    .alteCamp .image {
        position: relative;
    }

    .engagement-list article {
        width: 100%;
        display: block;
        margin-bottom: 30px;
    }

    .engagement-list article .content {
        width: 100%;
    }

    .engagement-list article .explain {
        width: 100%;
    }

    h1 {
        font-size: 3rem;
    }

    h3 {
        font-size: 2.5rem;
    }

    .newContextual .content {
        display: block;
    }

    .newContextual .content .text {
        width: 100%;
    }

    .contextual-modal .newContextual {
        padding: 20px;
    }

    .newContextual .content .text h3 span {
    }

    .newContextual .content .text h3 {
        font-size: 2rem !important;
        text-align: center;
        padding-top: 50px;
    }

    .newContextual .content .text p {
        text-align: center;
    }

    .newContextual .content .image {
        width: 100%;
    }

    .newContextual .content .image img {
        max-width: 150px;
        display: block;
        margin: 0 auto;
    }

    .newContextual .content .actions {
        width: 100%;
        text-align: center;
    }

    .engagement-list .isQuiz ul li {
        font-size: 1.6rem;
    }

    .site-header .inside-header .right-area .action-area .menuOpen img {
        display: block;
    }

    .notificationsList h4 {
        font-size: 2rem;
    }

    .pageContent {
        padding-top: 60px;
    }

    .accountheader .welcome {
        margin-bottom: 30px;
    }

    .accountsection .stats {
        padding-left: 0;
    }

    .accountsection {
        padding-bottom: 10px;
    }

    .accountsection .bonusCodes h5 {
        font-size: 1.6rem;
    }

    .accountsection .businessCard .description {
        margin-bottom: 0;
    }

    #submitCodeForm p input[type="text"] {
        padding: 1.25rem 3rem;
    }

    .accountsection .box .coduri .textbig {
        min-width: 40px;
    }

    #submitCodeForm {
        display: block;
    }

    #submitCodeForm p {
        width: 100%;
    }

    .accountHead .content .descriere {
        font-size: 1.4rem;
        margin-bottom: 0;
    }

    #submitCodeForm p .button {
        width: 100%;
        margin-top: 15px;

    }

    #submitCodeForm p input[type="text"] {
        margin-bottom: 15px;
    }

    .interactiuniPage, .CastigatoriPage {
        padding-top: 90px;
    }


    .CastigatoriPage h1 {
        font-size: 2rem;
        margin-bottom: 2rem !important;
    }

    .listeCastigatori {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .bonusuriHome h3 {
        font-size: 2.5rem;
        margin-bottom: 0;
    }

    body.home-template .prizeSection {
        padding-top: 50px;
    }

    .bonusuriHome p {
        font-size: 1.1rem;
    }

    .mobileBar li a {
        color: #fff;
    }

    .bonusuriHome {
        padding: 15px;
        bottom: 15px
    }

    .premiiSaptamanale {
        padding-left: 0;
    }

    .premiiInstant #bigprz {

    }

    .otherCamps {
        margin-bottom: 30px;
    }

    .main-menu-mobile {
        position: fixed;
        background-size: cover;
        background-position: center;
        z-index: 990000000000;
        top: 0px;
        left: 0;
        right: 0;
        bottom: 0;
        padding-top: 30px;
        display: none;
        background: #EEEDEB;
    }

    .main-menu-mobile ul {
        list-style: none;
        margin: 0;
        width: 100%;
        padding: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
    }

    .newaccountheader {
        padding: 30px 0;
    }

    .newaccountheader .newuserinfo .details .other-infos {
        display: block;
    }

    #videoModalResponse .modal-content {
        min-width: 100%;
    }

    .bulina5 {
        display: none;
    }

    .free-engagement .title-engagement {
        font-size: 2.5rem;
    }

    .stepsForm .step .question-title {
        font-size: 2rem;
    }

    .inside-engagements {
        padding: 15px;
    }

    .newaccountheader .newuserinfo .details {
        width: 100%;
    }

    .newaccountheader .newuserinfo .newstats {
        width: 100%;
    }

    .newaccountheader .newuserinfo {
        display: block;
    }

    .main-menu-mobile li {
        font-size: 3rem;
        padding: 0 15px;
    }

    .main-menu-mobile li a {
        color: var(--color-primary);
    }

    .main-menu-mobile .closeMenu {
        position: absolute;
        background: var(--color-primary);
        width: 30px;
        height: 30px;
        text-align: center;
        border-radius: 99rem;
        right: 20px;
        line-height: 26px;
        top: 20px;
        transform: rotate(45deg);
        cursor: pointer;
        color: #fff;
    }

    .modal-content {
        min-width: auto;
        padding: 20px;
    }

    .modal-content .infoline {

    }

    .accountsection .bonusCodesList .use {
        display: block;
        margin-top: 15px;
        text-align: center;
        width: 100%;
    }

    .textbg {
        padding: 30px 0;
        margin-bottom: 30px;
    }

    .textbg h3 span {
        display: block;
    }

    .textbg p {
        font-size: 1.6rem;
    }

    .textbg h3 {
        font-size: 4rem;
    }

    .accountPage .bigPrize {
        margin-bottom: 40px;
        padding: 15px;
    }


    .button-primary span {

    }

    .PrizeSwipe {
        padding-bottom: 30px !important;
    }

    .PrizeSwipe .navi, .WinnersSwipe .navi {
    }

    .PrizeSwipe .swiper-pagination-progressbar {
        bottom: 60px !important;
    }

    .mobileBar {
        position: fixed;
        bottom: env(safe-area-inset-bottom, 0px);
        left: 0;
        right: 0;
        border-radius: 10px 10px 0 0;
        background-size: cover;
        top: auto;
        z-index: 999999 !important;
        height: 58px;
        transform: translateY(0);
        will-change: transform;
    }

    .topSwiper .swiper-pagination {

        position: relative;
    }

    .newaccountheader .newuserinfo .details .other-infos .left {
        width: 100%;
        text-align: center;
    }

    .newaccountheader .newuserinfo .details .other-infos .right {
        width: 100%;
    }

    .newaccountheader .newuserinfo .details .other-infos ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .newaccountheader .newuserinfo .details .other-infos ul li {
        text-align: center;
        width: 48%;
        margin-right: 0;
    }

    .newaccountheader .newuserinfo .newstats .stat p {
        font-size: 1.6rem;
    }

    .newaccountheader .newuserinfo .details .other-infos ul {
        margin-bottom: 30px;
    }

    .mobileBar ul {
        text-transform: uppercase;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .mobileBar li {
        width: 30%;
        text-align: center;
        margin-top: 1rem;
        font-weight: 500;
        margin-bottom: 0;
        padding: 10px 0;
        margin-top: 0;
    }

    .newRoata {
        padding: 15px;
    }

    .roata-section p:last-of-type {
    }

    .newRoata .explainRoata .title {
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .newRoata .explainRoata .title img {
        max-height: 90px;
    }

    .alte-campanii .content img {
        max-height: 350px;
        margin: 0 auto;
    }

    .alte-campanii .container {
        border-bottom: none;
        padding-bottom: 0;
    }

    #seifstatus .button-minute {
        display: block;
        margin-top: 5px;
    }


    .thisweeklist .button:first-of-type {
        font-size: 1.4rem;
        border-radius: 10px;
        display: inline-block;
    }

    .clasic-engagement p.titlu {
        font-size: 1.4rem;
        line-height: 1.4;
    }

    .engagement-modal .engagement-image img {

        margin-top: 15px;
        border-radius: 15px;
        margin-bottom: 10px;
        max-height: 200px;
    }

    .engagement-modal .title-section {
        max-width: 310px;
    }

    .clasic-engagement {
        padding: 15px;
    }

    .engagement-felicitari {
        width: 100%;
        padding: 0;
        padding-top: 20px;
    }

    .engagement-modal .engagement-puzzle {
        padding: 0;
    }

    .engagement-modal .engagement-puzzle .actions {
        padding: 0 20px;
    }

    .userLvl .numberstats img {
        margin-right: 10px;
        max-height: 50px;
    }

    .accountStatus {
        padding-bottom: 0;
    }

    .accountStatus .stats .userLvl .action {

    }

    .formContent {
        display: block;
    }

    .formContent .content-swiper {
        width: 100%;
    }

    #statuiesefModal .engagement-image {
        max-width: 100%;
        margin-bottom: 15px;
    }

    .formContent .actions-swipe {
        width: 100%;
    }

    .engagement-puzzle-img {
        border-radius: 19px;
        display: block;
    }

    .engagementResponse .diploma {
        width: 100%;
    }

    .engagementResponse .stats {
        width: 100%;
        padding: 0;
        font-size: 1.4rem;
        margin-top: 15px;
    }

    #rateEngagement {
    }

    .engagement-felicitari .minicarte {
        padding: 30px;
    }

    #SefulModal .actions h4 {
        padding-top: 0;
    }

    .engagementResponse .stats span {
        width: 38px;
        height: 38px;
        line-height: 23px;
        font-size: 1.3rem;
    }

    .responsetext {
        padding: 0;
    }

    .mobileBar span {
        display: block;
        margin-bottom: 7px;
    }

    .mobileBar p {
        width: auto;
        margin-bottom: 10px;
    }

    .mobileBar span em {
        font-style: normal;
        padding: 3px 10px;
        border: 1px solid var(--color-dark);
        border-radius: 5px;
        line-height: 1;
        margin-bottom: 10px;
        display: inline-block;
        color: var(--color-dark);
    }

    .premii-instant .listare {
        width: 100%;
        margin-bottom: 30px;
        padding-top: 0;
    }

    #scratCh {
        width: 300px;
        height: 450px;
    }

    .modal-content .button-primary {
    }

    .premii-festival {
        margin-top: 30px;
        padding-bottom: 20px;
        margin-bottom: 30px;
    }

    .title-section-big {
        font-size: 3rem;
    }

    #rateEngagement {
        padding: 0;
        max-width: 100%;
    }

    #videoModalResponse .modal-content {
        padding: 10px;
    }

    .altecampaniiOnline .campanie {
        width: 100%;
    }

    #coduriM {
        margin-bottom: 30px;
    }

    #videoModalResponse .quizVideo .question .icon img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        top: 0;
        left: 0;
        right: 0;
        max-width: 100%;
    }

    .alte-campanii .column-6 img {
        display: block;
        margin-bottom: 15px;
    }

    .altecampaniiOnline {
        display: block;
    }

    .altecampaniiOnline .campanii-magazine {
        width: 100%;
        display: block;
    }

    .altecampaniiOnline .campanii-magazine .campanie {
        width: 100%;
    }

    .altecampaniiOnline .campanii-magazine .campanie .content {
        display: block;
        margin-bottom: 0;
    }

    .altecampaniiOnline .campanii-magazine .campanie .content .image {
        width: 100%;
    }

    .altecampaniiOnline .campanii-magazine .campanie .content .inside {
        width: 100%;
        text-align: center;
    }

    .altecampaniiOnline .program-leasure {
        width: 100%;
    }

    .altecampaniiOnline .program-leasure .leasure {
        margin-bottom: 0;
    }

    .altecampaniiOnline .campanii-magazine .campanie .content .image img {
        margin-bottom: 15px;
    }

    .premii-instant .listare .videoPrez {
        position: relative;
        margin-bottom: -90px;
    }

    .premii-festival .listare {
        display: block;
    }

    .premii-festival .listare .festival {
        width: 100%;
    }

    .alte-campanii .image {

    }

    .clasic-engagement .emojicontainer .lottie {
        width: 100px;
    }

    .emojiStatus .lottie {
        width: 200px;
        margin: 0 auto;
    }

    .alte-campanii .image img {
        max-height: 300px;
    }

    .mobileBar span img {
        max-height: 20px;
        display: block;
        margin: 0 auto;
    }

    .prizeSection .bigPrize {
        padding: 30px;
    }

    .premiiSaptamanale h3 {
        font-size: 2.2rem;
    }

    body.home-template .prizeSection {
        padding-bottom: 0;
    }

    .prizeSection .bigPrize h3 {
        padding-right: 0;
        font-size: 2.2rem;
    }

    .prizeSection .bigPrize h3 a {
        right: 0;
        top: -5px;
    }

    .prizeSection .bigPrize h3 a img {
        width: 35px;
    }

    .mobileBar p {
        margin-bottom: 0;
        font-size: 1rem;
    }

    .response-roulette {
        padding: 10px;
    }

    .response-roulette .image {
        margin-bottom: 0;
    }

    .quizAccount .quiz .heading h4 {
        font-size: 2rem;
    }

    #quizForm .input-checkbox, #quizForm .input-radio {
        max-width: 100%;
    }

    .quizExplain h4 {
        font-weight: 700;
        font-size: 2rem;
    }

    .openHowBonus {
        right: 10px;
        top: 45px;
    }

    #mesajPremiu #msg {
        margin-bottom: 0;
    }

    #mesajPremiu {
        padding: 15px;
    }

    .accountsection .box .coduri {
        display: flex;
        align-items: center;
        color: #5D5D5D;
        font-weight: 700;
        width: 50%;
        line-height: 1.2;
        margin-bottom: 20px;
    }

    .prizeAccount {
        padding-bottom: 0;
    }

    #tutorialModal .modal-content {
        width: auto;
        max-width: 100%;
    }

    #tutorialModal .swiper-button-next {
        top: auto;
        bottom: 10px;
    }

    #tutorialModal .swiper-button-prev {
        top: auto;
        bottom: 10px;
    }

    .premiiSaptamanaleNoWin .content {
        margin-left: 0;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .accountsection .box .submitcode {
        margin: 0 auto;
    }

    .memeaction h3 {
        font-size: 2rem;

    }

    .memeaction select {
        margin-bottom: 10px;
        font-size: 1.4rem;
        text-align-last: center;
    }

    #memeform p {
        margin-bottom: 10px;
    }

    .felicitariimg img {
        border-radius: 25px;
    }

    .felicitariimg .textMeme {
        font-size: 2rem !important;
    }

    .responsetext .minuteimg, .modal-content .icon img {
    }

    .codurisection {

    }

    .accountsection .box .coduri {
        width: 100%;
        display: inline-flex;
    }

    .MainArea .engagement-action {
        margin-top: 30px;

    }

    .MainArea .engagement-action .inside {
        text-align: center;
    }

    .MainArea .engagement-action .video-main {
        display: block;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 15px;
        width: 100%;
    }

    .personbcmodal img {
        margin: 0 auto;
    }

    body {
        overflow-x: hidden;
    }

    .MainArea .engagement-action {
        background: none;
        padding: 0;
    }

    .engagement-action .imageElement img {
        position: relative;
        top: 0;
    }

    body.home-template .prizeSection {
        padding-top: 0;
    }

    .personbcmodal .inside {

        display: block;
    }

    .personbcmodal .inside .cerereInfo {
        width: 100%;
        padding: 20px;
    }

    .personbcmodal .inside .moment form {
        padding-top: 0;
    }


    #bcModalPersonalizat .personalizat {
        padding-top: 20px;
    }

    .premiiSaptamanale h3 .icon {
        position: absolute;
        top: -3px;
        cursor: pointer;
        margin-left: 0;
        width: 40px;
        height: 40px;
    }

    .clasic-engagement .explain {
    }

    .clasic-engagement .explain img {
        max-height: 220px;
    }

    .personbcmodal .inside .moment {
        width: 100%;
        margin-top: 30px;
    }

    .personbcmodal .close {

    }

    #carteModal .modal-content, #memeModalResponse .modal-content, #roastModal .modal-content, #roastModalResponse .modal-content, #captionModal .modal-content, #captionModalResponse .modal-content, #aiModal .modal-content, #aiModalResponse .modal-content {
        max-width: 100%;
        min-width: 100%;
        background: none;
        padding: 0;
    }

    .engage-descriptio .w-100 .minute img {
        max-width: 150px;
        margin-top: 10px;
    }

    .engage-descriptio .w-100 h3 {
        font-weight: 500;
        font-size: 1.6rem;
    }

    .engage-descriptio .w-100 {
        padding: 0 10px;
    }

    .engage-description {
        padding: 20px;
        margin-bottom: 10px;
    }

    .premiiInstant .content img {
        display: none;
    }

    .PrizeSwipe {
        margin-top: 100px;
    }

    .engage-description h3 {
        font-size: 2rem;
    }

    .felicitariresponse img {

    }

    .form-engage {
        display: block;
        padding: 0 10px;
    }

    .MainArea .engagement-action .inside p {
        max-width: 100%;
    }

    .message-action {
    }

    .message-action select {
        font-size: 1.6rem;
        text-align: -webkit-center;
    }

    .engage-description .minute {
        font-size: 1.2rem;
        margin-bottom: 5px;
        margin-top: 15px;
    }

    .engage-description .minute img {
        width: 20px;
        margin-right: 5px;
    }

    .newRoata .explainRoata .minuteDisponibile {
        margin-bottom: 10px;
    }

    .modal-content .alege {

    }

    .modal-content .message-action {
        padding: 15px;
        position: relative;
        min-width: auto;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        background: rgba(255, 255, 255, 0.2);
        border-radius: 25px;
    }

    .modal-content .tip {
        position: absolute;
        top: -80px;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 5;
        width: 200px;
    }

    #captionform {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #captionform .alege {
        width: 100%;
    }

    #captionform .input-radio {
        width: 48%;
    }

    .textRoast {
        font-size: 2rem !important;
        margin: 0;
        left: 0;
        padding: 0;
        right: 0;
    }

    .captionResponse {
        padding: 0;
        background: none;
    }

    .sprk {
        position: absolute;
        max-width: 34%;
        left: 0;
        bottom: 0;
    }

    .newArhiva {
        padding-top: 50px;
        margin-bottom: 30px;
    }

    .weeklyArchive {
        padding: 15px;
    }

    .newArhiva h1 {
        font-size: 2.5rem;
    }

    .weeklyArchive .engage .img img {
        min-height: auto;
    }

    .happyday .row p {
        margin-bottom: 15px;
    }

    .weeklyArchive .engage {
        padding: 0;
        margin-bottom: 20px;
    }

    .weeklyArchive h3, .weeklyArchive h2 {
        font-size: 2.5rem;
        padding: 0 10px;
        margin: 30px 0;
    }

    .weeklyArchive .engage .video {
        width: 100%;
        height: 350px;
    }

    .cerereInfo h3 {
        margin-bottom: 20px;
        margin-top: 0;
        font-size: 2rem;
    }


    .accountPage .bigPrize .incercari {

    }

    .coduriMagazine {
        text-align: center;
    }

    .code-popup .where .pachet {
        display: none;
        position: absolute;
        bottom: 3rem;
        left: 18rem;
        max-width: 150px;
        border-radius: 5px;
        border: 1px solid #fff;
        height: 84px;
    }

    .MainArea {
        overflow: hidden;
    }

    .felicitariimg img {
        max-height: 300px;
    }

    .accountStatus .editeazaDate {
    }

    .felicitariimg .textMeme {
        max-width: 270px;
        font-size: 3rem;
    }

    .quizform .options-two {
        display: block;
    }

    .quizform .options-two .radio-check {
        width: 100%;
    }

    .contentInteractiuni {
        padding-top: 0;
    }

    .interactiuniSwiper .swiper-slide h4 {
        font-size: 2rem;
    }

    .interactiuniSwiper article .meme h4 {
        font-size: 2.5rem;
        text-transform: uppercase;
        font-weight: 600;
        bottom: 20px;
    }

    .interactiuniSwiper .isQuiz ul li {
        font-size: 1.6rem;
    }

    .interactiuniSwiper .swiper-slide {
        padding: 15px;
    }

    .contentInteractiuni h3 {
        margin-bottom: 15px !important;
    }

    .interactiuniSwiper article.isMeme .content .meme {
        max-height: 300px;
        overflow: hidden;
    }

    .interactiuniPage {
        background-position: left center;
    }


    .mar27 .iconPremiu {
        margin-bottom: 30px;
    }

    .mar27 .iconPremiu img {
        max-height: 110px;
    }

    .premiiSaptamanale {
        padding-bottom: 20px;
    }

    .premiiSaptamanale .container:after {
        bottom: -20px;
    }

    .premiiFestival {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .premiiFestival h2 {
        font-size: 2.5rem;
    }

    .alteCampanii .content h3, .coduriMagazine .content h3 {
        font-weight: 300;
        max-width: 450px;
        font-size: 2.5rem;
    }

    .codSpecial img {
        height: 40px;
    }

    .accountsection .statssmall {
        padding: 10px 20px;
    }

    #bcModalPersonalizat .personbcmodal {
        width: 100%;
    }

    .contulMeu {
        padding-bottom: 0;
    }

    #bcModalPersonalizat .personbcmodal h2 {
        font-size: 3rem;
        margin: 0;
    }

    .personbcmodal h3 {

    }

    #returnPremiuHome {
        margin: 0;
    }

    .FestivalSwipe {
        padding-bottom: 90px !important;
    }

    .minicampanii .row {
        display: flex;
        flex-direction: column-reverse;
    }

    .statusPremiiCastigate {

    }

    .explainharta img {
        max-height: 90px;
    }

    .explainharta h4 {
    }

    .accountsection .bonusCodes .opendescription {
        right: 36px;
    }

    .hartaBasic {
        margin-top: 30px;
        padding-bottom: 0;
    }

    .explainharta {
        padding-top: 0;
    }

    .hartaBasic .thisweeklist li {
        width: 30%;
    }

    .modal-mypass {
        width: 100%;
        min-width: auto;
        padding: 10px;
    }

    .winners-listing #prizeHrFilter {
        margin: 0;
        border: 1px solid #ddd;
        width: 100%;
        margin-top: 10px;
        position: relative;
        top: auto;
    }

    .fixed-table-toolbar .float-right {
        float: none !important;
    }

    .fixed-table-toolbar .search-input {
        width: 100%;
    }

    .modal-mypass .closeModal {
        top: 15px;
        right: 15px;
    }

    .winners-table .nume-castigator, .winners-table td {
        font-size: 1.3rem;
    }

    .fixed-table-pagination ul {
        display: block;
        text-align: center;
    }

    .fixed-table-pagination ul li {
        font-size: 1.4rem;
        display: inline-block;
    }

    .modal-mypass h3 {
        font-size: 2rem;
        padding-top: 40px;
        margin-bottom: 10px;
    }

    .modal-mypass h4 {
        font-size: 1.6rem;
    }

    .winners-listing {
        position: relative;
        max-height: 500px;
        overflow-y: auto;
    }

    #prize-list li {
        width: 100%;
    }

    #locations #cityHrFilter {
        position: relative;
        width: 100%;
        top: 14px;
    }

    #location-list .in-stock {
        width: 10px;
        height: 10px;
        display: block;
        overflow: hidden;
        padding: 0;
        background: green;
        margin: 0 auto;
    }

    .alte-campanii {
        margin-top: 0px;
        text-align: center;
    }

    .newRoata .explainRoata p {
        margin-top: 0;
    }

    .premiiPePlus .openlevels {
        position: absolute;
        right: 30px;
        top: -10px;
        width: 40px;
    }

    #filterwinners, #prizeFilter, #filterwinnerstrecut, #prizeFiltertrecut {
        width: 100%;
    }

    #locations {
        max-height: 500px;
        overflow-y: auto;
        padding-top: 10px;
    }

    .winners-table .date {
        max-width: 73%;
    }

    .contextual-modal .contextualModals .content {
        display: block;
    }

    .contextual-modal .contextualModals .content .text {
        width: 100%;
        padding: 0;
    }

    .contextual-modal .contextualModals .content .image {
        width: 100%;
    }

    .contextual-modal .contextualModals .content .image .text-center {
        margin-bottom: 0;
    }

    .accountHead .content {
        display: block;
        top: auto;
        bottom: 20px;
        transform: none;
    }

    .accountHead .content .right .statistica {
        display: flex;
        align-items: center;
        margin-bottom: 0;
        font-size: 1.4rem;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .accountHead .content .descriere {

    }

    .accountHead .content .left {
        width: 100%;
    }

    .stresscontent .videoPressContainer video {
        max-width: 100%;
    }

    .stresscontent .explain {
        padding-top: 25px;
    }

    .accountHead .content .right {
        width: 100%;
    }

    .clasic-engagement .explain .image-engage {
        margin-bottom: 20px;
    }

    .clasic-engagement .explain {
        padding-right: 0;
    }

    .clasic-engagement {
    }

    .clasic-engagement .explain h4 {
        font-size: 2.2rem;
        margin-bottom: 20px;
        font-weight: 600;
    }

    .clasic-engagement .emojicontainer {
        margin-bottom: 30px;
    }

    .clasic-engagement .explain .title {
        font-size: 1.2rem;
    }

    .avatarresponse .responsetext img {
        max-height: 220px;
    }

    .new-engagements .explain h4 {
        font-size: 1.6rem;
        max-width: 90%;
    }

    .new-engagements .explain {
        text-align: center;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .section-premii .cardsprizes {
        margin-bottom: 30px;
    }

    .festivalSwiper .swiper-slide-active .premiu {

    }

    .festivalSwiper .swiper-slide-active .premiu .icon img {
        max-height: 320px;
    }

    .levelselect ul {
        padding: 0 10px;
    }

    .festivalSwiper .premiu .text p {
        max-width: 100%;
    }

    .festival-section {
        margin-bottom: 30px;
        overflow: hidden;
    }

    .festivalSwiper {
        margin-top: -75px;

    }

    .campanii-magazine .row:first-of-type {
        margin-bottom: 30px;
    }

    .festival-section .titlu {
        position: relative;
        z-index: 5;
    }

    .campanii-magazine .content, .campanii-magazine .content {
        padding: 0;
        margin-bottom: 30px;
    }

    .section-premii {
        margin-bottom: 30px;
    }

    .campanii-magazine {
        margin-top: 30px;
    }

    .caseta {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 10px 10px 0 0;
        z-index: 55;
    }

    .harta-sefiei .legenda {
        display: none;
    }


    .legenda-harta {
        display: none;
        background: url(assets/images/bg_harta.png);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 999999;
        padding: 15px;
        background-size: cover;
    }

    .legenda-harta .closeLegenda {
        background: var(--color-primary);
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 28px;
        border-radius: 99rem;
        text-align: center;
        position: absolute;
        color: #fff;
        transform: rotate(45deg);
        right: 20px;
        z-index: 5;
        top: 20px;
    }

    .legenda-harta .header-legenda {
        text-align: center;
    }

    .legenda-harta .header-legenda h4 {
        text-align: center;
        text-transform: uppercase;
        font-weight: 400;
        padding-top: 40px;
    }

    .legenda-harta .header-legenda img {
        max-height: 60px;
    }

    .legenda-harta .prizes {
        margin-top: 30px;
    }

    .legenda-harta .header-legenda p {
        font-size: 1.3rem;
    }

    .legenda-harta .closeLegenda {

    }

    .legenda-harta .prizes {

    }

    .legenda-harta .prizes h2 {
        margin-bottom: 0;
    }

    .legenda-harta .prizes h2 img {
        max-height: 60px;
    }

    .legenda-harta .prizes h4 {
        font-weight: 400;
        font-size: 1.6rem;
        margin-bottom: 5px;
    }

    .legenda-harta .prizes h5 img {
        max-height: 40px;
    }


    .legenda-harta ul {
        list-style: none;
        margin: 0;
        padding-left: 40px;
    }

    .legenda-harta .title-section {
        max-width: 100%;
    }

    .contextual2024 p {
        padding-bottom: 0;
    }

    .legenda-harta li {
        display: flex;
        flex-wrap: wrap;
        text-transform: uppercase;
        font-size: 1.3rem;
        align-items: center;
    }

    .legenda-harta li span {
        margin-right: 15px;
    }

    .legenda-harta li span img {
        max-height: 25px;
    }

    body {
    }

    .level-icp {
        margin-bottom: 20px;
    }

    .needvalidation p {
        font-size: 1.2rem;
    }

    .weekengagements p {
        text-align: center;
    }

    .section-premii .cardsprizes .premiu .text p {
        padding: 0 10px;
    }

    .section-premii .cardsprizes .premiu .text em {
        font-size: 1.1rem;
    }

    .new-engagements {
        padding: 0;
        background: none;
        border: none;
        padding-bottom: 125px;
    }

    .mobile-eng {
        padding-top: 60px;
    }

    .mobile-eng .main-title {
        max-width: 165px;
        position: absolute;
        top: 20px;
        left: 10px;
        z-index: -1;
    }

    .premii-mari .keys li a img {
        max-height: 140px;
    }

    .mobile-eng .sorin-title {

    }

    .site-main .container {
        padding: 0;
    }

    .new-engagements .action {
        padding-top: 0;
    }

    .hartaBasic a {
        bottom: 30px;
        margin: 0 auto;
    }

    .harta-sefiei .column-5 {
        z-index: -1;
        position: relative;
    }

    .counterContext {
        top: 75px;
        width: 100px;
        height: 100px;
        z-index: 555;
    }

    #contextual5 .title-section {
        padding-top: 30px;
    }

    .openContextual {
        z-index: 999;
    }

    #carteVizitaForm {
        margin-bottom: 15px;
    }

    #sefulForm .button {
        width: 200px;
        margin-bottom: 20px;
        font-size: 1.5rem;
    }

    #exaplinFestival {
        margin-bottom: 30px;
    }

    #mesajPremiu .icon {
        width: 125px;
    }

    .harta-sefiei .explain-harta h1 {
        margin-bottom: 0;
    }

    .harta-sefiei .showlegenda {
        display: inline-block;
        margin-bottom: 15px;
        font-size: 1.3rem;
        color: #fff;
        text-transform: uppercase;
    }

    .harta-sefiei .showlegenda span {
        font-weight: 800;
        background: #98E4E4;
        display: inline-block;
        width: 25px;
        height: 25px;
        line-height: 23px;
        border-radius: 99rem;
        text-align: center;
        margin-left: 5px;
        color: #3E8FA8;
    }

    body.castigatori .openrevendicare {
        display: block;
        width: 100%;
    }

    .response-roata h4 {
        font-size: 2rem;
        margin-bottom: 10px;
    }

    .response-roata small {
        display: block;
        margin-top: 10px;
    }

    .responsetext .minuteimg, .modal-content .icon img {
    }

    .clasic-engagement .actions {
        padding: 0 10px;
    }

    .title-section {
        text-align: center;
        font-size: 30px;
        line-height: 1.3;
        margin: 0 auto;
        margin-bottom: 2.5rem;
    }

    .savecodepachet {
        padding: 20px 10px;
    }

    #storiesModal .modal-content {
        width: 100%;
        min-width: 100%;
    }

    .premiiCastigate {
    }

    .section-premii .cardsprizes {
        margin-top: 0;
    }

    .newaccountheader .newuserinfo .newstats .stat .description {
        font-size: 1.4rem;
    }

    .newaccountheader .newuserinfo .newstats .stat .description a {
        display: block;
        margin-top: 10px;
    }

    .premii-campanie {
        text-align: center;
        overflow: hidden;
    }

    .premii-mari {
        margin-bottom: 30px;
    }

    .storiesModal .swiper-backface-hidden .swiper-slide {
        width: 100% !important;
    }

    .section-premii video {
        margin-top: -55px;
    }

    .newRoata {
        padding-top: 30px;
    }

    .premii-campanie .container {
        padding: 0;
        overflow: hidden;
    }

    .scartch-container {
        overflow: hidden;
    }

    .new-engagements .sorin video {
        max-width: 83%;
    }

    .clasic-engagement {
        padding: 15px;
    }

    .clasic-engagement .actions .titlu {
        font-size: 1.4rem;
    }

    .clasic-engagement .actions form label {
        font-size: 1.3rem;
        padding: 13px;
    }

    .weekengagements .thisweeklist .listingEngages {
        display: block;
    }

    .weekengagements .thisweeklist .listingEngages .active {
        width: 100%;
        margin-bottom: 15px;
    }

    .weekengagements .thisweeklist .listingEngages .inactive {
        width: 100%;
    }

    #videoModalResponse .quizVideo .question .icon .info {
        font-size: 1.4rem;
    }

    #videoModalResponse .quizVideo .question .icon {
        height: 190px;
    }

    .clasic-engagement .actions {
        padding: 0;
    }

    .showHowMany, .newRoata .explainRoata .title-section, .newRoata .explainRoata .if {
        text-align: center;
    }

    .engagement-modal .modal-content {
        max-width: 100%;
    }

    #rateEngagement .alegeri label img {
        display: block;
        max-width: 40px;
        margin: 0 auto;
        margin-bottom: 7px;
    }

    .skillsponse .stats p {
        margin-bottom: 0;
        font-size: 1.3rem;
    }

    .explainharta {
    }

    .prize-popup .modal-content .actions {

    }

    .prize-popup .modal-content .actions .button {
        width: 100%;
    }

    .insert-another {
        margin-right: 10px;
    }

    .counterContext p {
        font-size: 1rem;
    }

    .listeCastigatori {
    }

    .site-main .sorin img {
        margin-bottom: 50px;
    }

    .listeCastigatori a {
        display: block;
        margin-bottom: 10px !important;
    }

    .stickylevels {
        top: 65px;
    }

    .seif-main {
        margin-bottom: 0;
        padding-bottom: 15px;
    }

    .harta-sefiei .the-map .pas5, .harta-sefiei .the-map .pas15, .harta-sefiei .the-map .pas8, .harta-sefiei .the-map .pas23, .harta-sefiei .the-map .pas20, .harta-sefiei .the-map .pas30, .harta-sefiei .the-map .pas33, .harta-sefiei .the-map .pas38 {
        background-size: contain;
    }

    .caseta .content .sorin img {
        margin-bottom: 0;
    }

    #quizForm .input-checkbox label {
        align-items: flex-start;
    }

    #quizForm .input-checkbox input {
        flex: 1;
    }

    #bigPrizeModal .modal-content {
        min-height: 355px;
    }

    .conversejs {
        bottom: 90px !important;
    }

    .site-main .explain p {
    }

    #statuiesefForm {
    }

    #roataModal .modal-plinko {
        max-width: 100%;
        border-radius: 18px;
        overflow: hidden;
        min-height: 450px;
    }

    #roataModal .before-plinko .color-red {

    }

    #roataBody small {
        margin-bottom: 10px;
        line-height: 1.35;
    }

    .response-roata .icon {
        margin-bottom: 10px;
    }

    .before-plinko .title-section {
        margin-top: 60px !important;
        margin-bottom: 20px
    }

    .prizeCards .premiu .info .title {
        min-height: 131px;
    }

    .bonusCodesList li {
    }

    .bonusCodesList .cod {
        width: 50%;
        text-align: center;
    }

    .bonusCodesList .date {
        width: 50%;
        text-align: center;
    }

    .bonusCodesList .use {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    .bonusCodesList {
        min-width: 100%;
    }

    #coduriBonus .modal-content {
        width: 100%;
    }

    .clasic-engagement .enginfo {
        padding: 15px;
    }

    .pagina-premii {
        padding-top: 70px;
    }

    .modalNewResponse img {
        max-height: 250px;
        max-width: 100%;
    }

    #codeModal h4 {
        font-size: 2.5rem;
    }

    .weekengagements .thisweeklist .listingEngages .engage .title {
        font-size: 1.6rem;
    }

    .weekengagements .thisweeklist .listingEngages .small-engage .title {
        font-size: 1.4rem;
        padding: 0;
    }

    .ct-gui.theme-default {
        z-index: 5 !important;
        position: relative;
    }

    #conversejs.theme-default {
        z-index: 5 !important;
        position: relative !important;
    }

    #roataTitle {
        font-size: 2.5rem;
    }

    #roataImage {
        max-height: 120px;
        padding-top: 20px;
    }

    .premii-instant .videoPrez {
        margin-bottom: 15px;
    }

    .premii-instant-after {
        margin-bottom: 30px;
    }

    .engagements .userWelcome h1 {
        font-size: 3rem;
    }

    .premii-instant .action h1 {
        font-size: 3rem;
        max-width: 250px;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .premiifestivalFirst {
        margin-top: 0;
        padding-top: 30px;
    }

    .premii-instant .listare-after {
        width: 100%;
    }

    .premii-festival .header-festival h1 {
        font-size: 3rem;
        max-width: 250px;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .alte-campanii h1 {
        font-size: 3rem;
        max-width: 250px;
        margin: 0 auto;
        margin-bottom: 15px;
        padding-left: 0;
    }

    .storiesSwiper .swiper-slide {
        border-radius: 18px;
    }

    .storiesSwiper .swiper-pagination-bullet {
        width: 60px;
    }

    .WinnersSwipe {
        padding-bottom: 20px !important;
    }

    .stepsForm .button {
        width: 100%;
    }

    .premii-instant .videoPrez {
        max-width: 100%;
    }

    .twosections .row > * {
        padding-left: 5px;
        padding-right: 5px;
    }

    #storiesModal .modal-content .explain p {

    }

    #roataImage {

    }

    .response-roata {
        padding: 20px;
    }

    #roataBody {
    }

    .festivalForm {
        margin-bottom: 0;
    }

    .festivalForm .festivalInfo .contentInfo h4 {
        font-size: 16px;
    }

    .festivalForm .festivalInfo .contentInfo .left img {
        max-width: 100px;
    }

    .video-slide {
        margin-bottom: 20px;
    }

    .site-main .video-main {
        padding-left: 0;
    }
    .mobileBar span.minute {
        margin-bottom: 7px;
    }
    .mobileBar ul {
        padding: 0 10px;
    }
    .premii-instant .action {
        display: block;
    }
    .premii-instant .action .infoplinko {
        width: 100%;
    }
    .premii-instant .action .plinko {
        width: 100%;
    }
    .premiu-masina {
        display: block;
        background: #1F52A2;
        padding: 15px;
    }
    .premiu-masina .left {
        width: 100%;
    }
    .premiu-masina .right {
        width: 100%;
    }
    .premiu-masina .right h2 {
        font-size: 3rem;
        margin-top: 15px;
        max-width: 200px;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .premiu-masina .right .info {
        margin-bottom: 0;
    }
    .premiu-masina .infoalert {
    }
    #videoModalResponse .mt-5 {
        margin-top: 0 !important;
    }
    #rateEngagement {

    }
    #final-image {
        max-height: 260px;
    }
    #escapeModalReponse .free-Response img {
        max-height: 260px;
    }
    .modal-masina h1 {
        font-size: 3rem;
        padding-top: 30px;
        margin-bottom: 0;
    }
    .quizMasina h4 {
        font-size: 1.6rem;
    }
    #levelCreator .modal-content video, #levelGuru .modal-content video {
        max-width: 100%;
    }
}