/* Fonts */
@font-face {
    font-family: 'Circular Std';
    src: url('../fonts/CircularStd-Regular.eot');
    src: url('../fonts/CircularStd-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/CircularStd-Regular.woff2') format('woff2'),
    url('../fonts/CircularStd-Regular.woff') format('woff'),
    url('../fonts/CircularStd-Regular.ttf') format('truetype'),
    url('../fonts/CircularStd-Regular.svg#CircularStd-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Circular Std';
    src: url('../fonts/CircularStd-Black.eot');
    src: url('../fonts/CircularStd-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/CircularStd-Black.woff2') format('woff2'),
    url('../fonts/CircularStd-Black.woff') format('woff'),
    url('../fonts/CircularStd-Black.ttf') format('truetype'),
    url('../fonts/CircularStd-Black.svg#CircularStd-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Circular Std';
    src: url('../fonts/CircularStd-Medium.eot');
    src: url('../fonts/CircularStd-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/CircularStd-Medium.woff2') format('woff2'),
    url('../fonts/CircularStd-Medium.woff') format('woff'),
    url('../fonts/CircularStd-Medium.ttf') format('truetype'),
    url('../fonts/CircularStd-Medium.svg#CircularStd-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Circular Std';
    src: url('../fonts/CircularStd-Bold.eot');
    src: url('../fonts/CircularStd-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/CircularStd-Bold.woff2') format('woff2'),
    url('../fonts/CircularStd-Bold.woff') format('woff'),
    url('../fonts/CircularStd-Bold.ttf') format('truetype'),
    url('../fonts/CircularStd-Bold.svg#CircularStd-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* General */
body {
    font-family: "Circular Std", sans-serif;
    color:#221A3B;
    padding-top: 128px;
    font-size: 16px;
    line-height: 20px;
}
a {
    color:#7940F2;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #E3E0EC;
}
img {
    max-width: 100%;
    height: auto;
}
.select2-container {
    width: 100% !important;
}
.select2-container--default .select2-results__option--selected {
    background-color: #f1f0f5;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 50%;
    right: 13px;
    width: 10px;
    margin-top:-13px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: none;
    border-style: solid;
    border-width: 0;
    left: 0;
    margin-left: 0;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    width: 10px;
    background: url('../img/arrow-down.svg') no-repeat center center;
    height: 6px;
    transition: all 0.3s;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {

    border-color: none;
    border-style: solid;
    border-width: 0;
    left: 0;
    margin-left: 0;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    width: 10px;
    background: url('../img/arrow-down.svg') no-repeat center center;
    height: 6px;
    transform:rotate(-180deg);
}
input[type=number] {
    -moz-appearance:textfield;
}
.select2-selection {
    outline: none !important;
}
.custom-select.form-control {
    font-size:13px;
    height:48px;
    padding: .375rem .75rem;
    line-height: 24px;
    color:#221A3B;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: #5B5374;
    opacity: 1;
    position:relative;
    top:-1px
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #C7C1D9;
}
.select2-results__option {
    padding: 14px 10px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-results__option:last-child {
    border-radius: 0 0 8px 8px;
}
.select2-dropdown {
    background-color: white;
    border: 1px solid #C7C1D9;
    border-radius: 8px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #7940f2;
    color: white;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #221A3B;
    padding-left:0;
    line-height: 34px;
}
.select2-container--default .select2-selection--single {
    background: #F1F0F5;
    border: 1px solid #C7C1D9;
    box-sizing: border-box;
    border-radius: 8px;
    font-size:16px;
    height: calc(2.14em + .75rem + 2px);
    padding: .375rem .75rem;
    line-height: 24px;
    color:#221A3B;
    -webkit-appearance: none;
}
.select2-container--focus.select2-container--default .select2-selection--single {
    background:#fff;
    border-color:#7940F2
}

.form-control {
    background: #F1F0F5;
    border: 1px solid #C7C1D9;
    box-sizing: border-box;
    border-radius: 8px;
    font-size:16px;
    height: calc(2.14em + .75rem + 2px);
    padding: .375rem .75rem;
    line-height: 24px;
    color:#221A3B;
    -webkit-appearance: none;
}
.form-control:focus {
    color: #221A3B;
    background-color: #fff;
    border-color: #7940F2;
    outline: 0;
    box-shadow: none;
}
.form-control::-webkit-input-placeholder { /* WebKit browsers */
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: #5B5374;
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: #5B5374;
    opacity:  1;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: #5B5374;
    opacity:  1;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: #5B5374;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #000;
    border-color: #C7C1D9;
    background-color: #F1F0F5;
}
.custom-control-label::before {
    top: 0;
    left: -24px;
    width: 24px;
    height: 24px;
    background-color: #f1f0f5;
    border: #C7C1D9 solid 1px;
}
.custom-control-label::after {
    position: absolute;
    top: 0;
    left: -24px;
    display: block;
    width: 24px;
    height: 24px;
    content: "";
}
.custom-control-label {
    padding-left: 8px;
    color:#5B5374;
    font-size:14px;
    line-height: 24px;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("../img/check.png");
    background-size:14px 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
    .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
        background-image: url("../img/check@2x.png");
        background-size:13px 10px;
    }
}
.custom-checkbox .custom-control-label::before {
    border-radius: 4px;
    width:24px;
    height:24px;
    top:0;
}
.form-group {
    margin-bottom: 18px;
}
.container {
    width:1262px;
    max-width:100%;
}
.btn-primary, .btn-primary:hover, .btn-primary:focus {
    background: #7940F2;
    border-color: #7940F2;
    box-shadow: 0px 1px 8px rgba(34, 26, 59, 0.32);
    border-radius: 480px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 24px;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.16em;

    color: #FFFFFF;
}
.btn-primary:hover {
    opacity:0.9
}

.btn-secondary, .btn-secondary:hover, .btn-secondary:focus {
    background: #FC3A48;
    border-color: #FC3A48;
    border-radius: 480px;
    padding: 15px;
    line-height: 24px;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.16em;

    color: #FFFFFF;
}
.btn-secondary:hover {
    opacity:0.9
}
/* Header */
.page-title {
    margin: 0 0 50px;
    font-size:40px;
}
.page-title span {
    color:#fd4a43;
    background: -webkit-linear-gradient(#FC3A48, #fe573e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.scrolled .navbar-light {
    padding-top: 8px;
    padding-bottom: 8px;
}
.scrolled header {
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
}
.navbar-light {
    padding-top: 32px;
    padding-bottom: 32px;
    transition: all 0.3s;
}
.navbar-light .navbar-nav .nav-link:not(.btn) {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.16em;
    color: #221A3B;
    padding-right: 16px;
    padding-left: 16px;
}
.navbar-light .navbar-nav .nav-link.btn-primary {
    color: #fff;
    padding: 3px 18px;
    margin-left: 16px;
}
@media (max-width: 1240px) {
    .navbar-light {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    body {
        padding-top: 114px;
    }
}
@media (max-width: 1140px) {
    .navbar-nav-row {
        flex-direction: row;
    }
}
@media (max-width: 767px) {
    .page-title {
        font-size: 35px;
    }
}
@media (max-width: 640px) {
    body {
        font-size: 15px;
        line-height: 18px;
    }
    .navbar-light .navbar-brand {
        max-width: 180px;
    }

}
@media (max-width: 575px) {
    body {
        padding-top: 104px;
    }
    .navbar-light {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .navbar-light .navbar-brand {
        max-width: 160px;
    }
    .navbar-light .navbar-nav .nav-link:not(.btn) {
        font-size: 12px;
        letter-spacing: 1px;
    }
    .navbar-light .navbar-nav .nav-link.btn-primary {
        padding: 3px 15px;
        margin-left: 0px;
        font-size: 11px;
        letter-spacing: 1px;
    }
    .page-title {
        font-size: 32px;
        margin-bottom: 30px;
    }
}
@media (max-width: 480px) {
    .navbar-light .navbar-brand {
        max-width: 150px;
    }
    .page-title {
        font-size: 30px;
        margin-bottom: 20px;
    }
}
@media (max-width: 420px) {
    body {
        padding-top: 84px;
    }
    .navbar-light .navbar-nav .nav-link:not(.btn) {
        font-size: 11px;
        letter-spacing: 0;
    }
    .page-title {
        font-size: 27px;
        margin-bottom: 20px;
    }
}
@media (max-width: 400px) {
    .navbar-light .navbar-nav .nav-link.btn-primary {
        padding: 3px 12px;
        margin-left: 0px;
        font-size: 10px;
        letter-spacing: 0;
    }
}
@media (max-width: 390px) {
    .navbar-light .navbar-brand {
        max-width: 150px;
        margin-right: 0;
    }
}
@media (max-width: 360px) {
    .navbar-light .navbar-brand {
        max-width: 140px;
        margin-right: 0;
    }
}
@media (max-width: 340px) {
    .navbar-light .navbar-brand {
        max-width: 120px;
        margin-right: 0;
    }

}
/* Section 1 */
.slide-wrap {
    background: #F5F3FB;
    border-radius: 24px;
    overflow: hidden;
}
.slide-caption {
    top: 48%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 4;
    padding-left:32px;
    padding-right: 32px;
}
.slide-caption h1 {
    font-family: "Circular Std", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 41px;
    line-height: 81px;
    margin-bottom: 20px;
}

/* .slide-caption h1 span {
    border-bottom: 1px solid #FB2B4E;
} */

.partners.slide-caption h1 {
    font-family: "Circular Std", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 81px;
    margin-bottom: 13px;
}

.slide-caption p {
    font-family: "Circular Std", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.16em;
    margin-bottom: 40px;
}
.btn-rounded, .btn-rounded:hover, .btn-rounded:focus {
    font-family: "Circular Std", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.13em;
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 50px;
    padding:15px 16px 15px 20px;
    text-decoration: none;
    transition: all 0.3s;
}
.btns-wrap {
    width: 510px;
    max-width:100%;
}
.btns-wrap .btn-primary {
    margin-top: 25px;
}
.btns-wrap .btn-rounded, .btns-wrap .btn-rounded:hover, .btns-wrap .btn-rounded:focus {
    letter-spacing: 0.07em;
}
.btn-rounded i {
    margin-right:8px;
}
.btn-facebook {
    color: #226EE1;
    border: 1px solid #226EE1;
    padding-left:0;
    padding-right: 0;
    text-align: center;
}
.btn-facebook:hover {
    background:#226EE1;
    color:#fff;
    padding-left:0;
    padding-right: 0;
}
.btn-facebook:hover i {
    color:#fff;
}


.btn-partner {
    color: #7940f2;
    border: 1px solid #7940f2;
    padding-left:13px 0;
    text-align: center;
}
.btn-partner:hover {
    background:#7940f2;
    color:#fff;
    padding-left:0;
    padding-right: 0;
}
.btn-partner:hover i {
    color:#fff;
}

.btn-partner-1 {
    color: #ff6937 !important;
    border: 1px solid #ff6937;
    padding-left:13px 0;
    text-align: center;
    margin-top:23px;
}
.btn-partner-1:hover {
    background:#ff6937;
    color:#fff !important;

}
.btn-partner-1:hover i {
    color:#fff;
}



.btn-partner-2 {
    color: #ff6937 !important;
    border: 1px solid #ff6937;
    padding-left:13px 0;
    text-align: center;
    margin-top:50px;
}
.btn-partner-2:hover {
    background:#ff6937;
    color:#fff !important;

}
.btn-partner-2:hover i {
    color:#fff;
}






.btn-google {
    color: #FB2B4E;
    border: 1px solid #FB2B4E;
    padding-left:0;
    padding-right: 0;
    text-align: center;
}
.btn-google:hover {
    background:#FB2B4E;
    color:#fff;
    padding-left:0;
    padding-right: 0;
}
.btn-google:hover i {
    color:#fff;
}
.btn-email, .btn-email:hover, .btn-email:focus {
    padding-top:13px;
    padding-bottom: 13px;
}
.or {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.16em;
    color: #C7C1D9;
    margin-top: 19px;
    margin-bottom: 19px;
}
.or span {
    background:#fff;
    z-index: 2;
    position: relative;
    display:inline-block;
    padding:5px;
}
.or::before {
    height: 1px;
    display: block;
    content: "";
    background: #E3E0EC;
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 50%;
}
@media (max-width: 1240px) {
    .slide-caption h1 {
        font-size: 55px;
        margin-bottom: 10px;
    }
    .slide-caption p {
        font-size: 21px;
        margin-bottom: 60px;
    }
    .btn-rounded, .btn-rounded:hover, .btn-rounded:focus,
    .btn-primary, .btn-primary:hover, .btn-primary:focus {
        font-size: 13px;
    }
}
@media (max-width: 1140px) {
    .slide {
        max-width: 85%;
        font-size: 0;
        float: none;
    }
    .slide-caption h1 {
        font-size: 53px;
    }
    .slide-caption p {
        font-size: 20px;
        margin-bottom: 50px;
    }
    .btns-wrap {
        width: 484px;
    }
}
@media (max-width: 992px) {
    .slide-caption h1 {
        font-size: 45px;
        line-height: 60px;
        margin-bottom: 5px;
    }
    .slide-caption p {
        font-size: 17px;
        margin-bottom: 40px;
    }
    .btns-wrap .btn-rounded, .btns-wrap .btn-rounded:hover, .btns-wrap .btn-rounded:focus {
        letter-spacing: 0.03em;
    }
    .slide-caption {
        padding-left: 22px;
        padding-right: 22px;
    }
    .btn-rounded, .btn-rounded:hover, .btn-rounded:focus, .btn-primary, .btn-primary:hover, .btn-primary:focus {
        font-size: 12px;
    }
    .btns-wrap {
        width: 424px;
    }
    .btns-wrap .btn-rounded, .btns-wrap .btn-rounded:hover, .btns-wrap .btn-rounded:focus {
        padding-top:10px;
        padding-bottom: 10px;
    }
    .btn-rounded,  .btn-rounded:hover,  .btn-rounded:focus {
        padding-top:12px;
        padding-bottom: 12px;
    }
    .btn-primary, .btn-primary:hover, .btn-primary:focus {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .btn-email, .btn-email:hover, .btn-email:focus {
        padding-top: 9px;
        padding-bottom: 9px;
    }
}
@media (max-width: 840px) {
    .slide {
        max-width: 75%;
    }
}
@media (max-width: 767px) {
    .slide-caption h1 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 5px;
    }
    .slide-caption p {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .btns-wrap .btn-primary, .btns-wrap .btn-primary:hover, .btns-wrap .btn-primary:focus {
        margin-top: 20px;
    }
    .btns-wrap .btn-rounded, .btns-wrap .btn-rounded:hover, .btns-wrap .btn-rounded:focus {
        letter-spacing: 0em;
    }
    .btns-wrap .btn-rounded, .btns-wrap .btn-rounded:hover, .btns-wrap .btn-rounded:focus, .btns-wrap .btn-primary, .btns-wrap .btn-primary:hover, .btns-wrap .btn-primary:focus {
        font-size: 11px;
    }
    .btn-rounded, .btn-rounded:hover, .btn-rounded:focus, .btn-primary, .btn-primary:hover, .btn-primary:focus {
        font-size: 12px;
    }
    .btns-wrap {
        width: 370px;
    }
    .slide-wrap {
        padding-top: 40px;
    }
}
@media (max-width: 680px) {
    .slide {
        max-width: 70%;
    }
}
@media (max-width: 640px) {
    .slide {
        max-width: 60%;
    }
    .slide-caption h1 {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 5px;
    }
    .slide-caption p {
        font-size: 13px;
        margin-bottom: 10px;
        letter-spacing: 0.5px;
    }
    .btns-wrap .btn-rounded, .btns-wrap .btn-rounded:hover, .btns-wrap .btn-rounded:focus, .btns-wrap .btn-primary, .btns-wrap .btn-primary:hover, .btns-wrap .btn-primary:focus {
        font-size: 9px;
    }
    .btns-wrap {
        width: 320px;
    }
    .btns-wrap .btn-rounded, .btns-wrap .btn-rounded:hover, .btns-wrap .btn-rounded:focus {
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .btn-email, .btn-email:hover, .btn-email:focus {
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .btns-wrap .btn-primary, .btns-wrap .btn-primary:hover, .btns-wrap .btn-primary:focus {
        margin-top: 15px;
    }
}
@media (max-width: 575px) {
    .slide-wrap {
        padding-top: 60px;
    }
    .btn-rounded, .btn-rounded:hover, .btn-rounded:focus {
        padding-top: 11px;
        padding-bottom: 11px;
    }
    .form-control {
        height: calc(1.8em + .75rem + 2px);
    }
    .btn-primary, .btn-primary:hover, .btn-primary:focus {
        padding-top: 9px;
        padding-bottom: 9px;
    }
    .btn-email, .btn-email:hover, .btn-email:focus {
        padding-top: 4px;
        padding-bottom: 4px;
    }
}
@media (max-width: 534px) {
    .slide-wrap {
        padding-top: 80px;
    }
    .slide-caption {
        padding-left: 18px;
        padding-right: 18px;
    }
    .btns-wrap {
        width: 310px;
    }
    .slide {
        max-width: 55%;
    }
}
@media (max-width: 480px) {

    .btns-wrap .col-6, .btns-wrap .col {
        -ms-flex: 0 0 100%;
        flex: none;
        max-width: 100%;
        margin-bottom: 10px;
        padding: 0 15px !important;
    }
    .slide-caption {
        width: 100%;
    }
    .slide-caption {
        padding-left: 22px;
        padding-right: 22px;
    }
    .btns-wrap {
        width: 50%;
    }
    .btns-wrap .btn-primary, .btns-wrap .btn-primary:hover, .btns-wrap .btn-primary:focus {
        margin-top: 0;
    }
    .slide-wrap {
        padding-top: 120px;
    }

    .slide {
        max-width: 80%;
    }
}
@media (max-width: 420px) {
    .slide {
        max-width: 70%;
    }
    .btns-wrap {
        width: 55%;
    }
}
@media (max-width: 350px) {
    .btns-wrap {
        width: 65%;
    }
    .slide-caption h1 {
        font-size: 26px;
    }
    .slide-wrap {
        padding-top: 150px;
    }
}
@media (max-width: 340px) {
    .slide-caption p {
        margin-bottom: 15px;
        letter-spacing: 0;
        line-height: 1.2;
    }
}
/* Section 2 */
.h2, h2 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 15px;
}
.section-2 {
    padding-top: 70px;
    padding-bottom: 98px;
}
.video-wrap {
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(91, 83, 116, 0.2);
    border-radius: 24px;
    margin-top:30px;
    width:816px;
    max-width: 90%;
    margin-left:auto;
    margin-right:auto;
    border-radius: 0;
}

.play-btn {
    width: 50px;
    height: 58px;
    display: inline-block;
    top:50%;
    margin-top:-29px;
    left:50%;
    margin-left:-25px;
    z-index: 3;
    background: url(../img/video-icon.png) center center / cover no-repeat;
    background-size: 100%;
}
.play-btn-2 {
    width: 40px;
    height: 50px;
    display: inline-block;
    top: 50%;
    margin-top: -25px;
    left: 50%;
    margin-left: -20px;
    z-index: 3;
    background: url(../img/video-icon.svg) center center / cover no-repeat;
    background-size: 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
    .play-btn {
        background-image: url(../img/video-icon@2x.png);
    }
}
.video-layer {
    z-index: 2;
}
.circle-1, .circle-2, .circle-3 {
    background: #F6F3FC;
    z-index: 1;
    border-radius: 100%;
}
.circle-1 {
    width:65px;
    height:65px;
    right:33px;
    top:88px;
}
.circle-2 {
    width: 65px;
    height: 65px;
    left: 98px;
    bottom: 172px;
}
.circle-3 {
    width: 316px;
    height: 316px;
    left: 98px;
    bottom: -130px;
}
@media (max-width: 1240px) {
    .section-2 {
        padding-top: 95px;
        padding-bottom: 88px;
    }
}
@media (max-width:1140px) {
    .circle-1 {
        width: 55px;
        height: 55px;
        right: 23px;
        top: 88px;
    }
    .circle-3 {
        width: 266px;
        height: 266px;
        left: 0;
        bottom: -110px;
    }
    .circle-2 {
        width: 55px;
        height: 55px;
        left: 10px;
        bottom: 152px;
    }
}
@media (max-width: 840px) {
    .section-2 {
        padding-top: 75px;
        padding-bottom: 78px;
    }
    .play-btn-2 {
        width: 30px;
        height: 40px;
        margin-top: -20px;
        margin-left: -15px;
    }
}
@media (max-width: 767px) {
    .h2, h2 {
        font-size: 28px;
        line-height: 35px;
        margin-bottom: 15px;
    }
}
@media (max-width: 640px) {
    .h2, h2 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .section-2 {
        padding-top: 55px;
        padding-bottom: 58px;
    }
    .circle-3 {
        width: 206px;
        height: 206px;
        left: 0;
        bottom: -80px;
    }
    .circle-1 {
        width: 35px;
        height: 35px;
        right: 13px;
        top: 88px;
    }
    .circle-2 {
        width: 40px;
        height: 40px;
        left: 10px;
        bottom: 132px;
    }
    .play-btn {
        width: 40px;
        height: 48px;
        margin-top: -24px;
        margin-left: -20px;
    }
}
@media (max-width: 420px) {
    .circle-3 {
        width: 136px;
        height: 136px;
        left: 0;
        bottom: -50px;
    }
    .play-btn {
        width: 30px;
        height: 38px;
        margin-top: -15px;
        margin-left: -18px;
    }
    .h2, h2 {
        font-size: 24px;
    }
}
/* Visit stores */
.slim-grid > .row > div, .slim-grid > .row > article, .slim-grid {
    padding-left: 8px;
    padding-right: 8px;
}
.slim-grid {
    width: 1247px;
}
.slim-grid-fluid {
    width:100%;
}
.slim-col {
    padding-left:8px;
    padding-right: 8px;
}
.slim-grid .row {
    margin-left:-8px;
    margin-right:-8px;
}

.store-block {
    margin-bottom: 48px;
    padding:8px;
    background: #fff;
    box-shadow: 0px 2px 4px rgba(91, 83, 116, 0.2);
    border-radius: 18px;
    position: relative;
    transition: all 0.3s;
}
.store-block-description {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    padding:10px 16px;
    color: #5B5374;
}
.store-block-description p {
    margin-bottom: 1.4rem;
}
.store-block-description .social-icons {
    padding-right: 0;
}
.store-block-description .social-icons a {
    font-size: 16px;
    padding: 5px;
    display: inline-block;
    margin-left: 20px;
    color: #2CA8F7;
}

.store-block-description .social-icons a.twitter {
    color: #2CA8F7;
}

.store-block-description .social-icons a.facebook {
    color: #1973EA;
}

.store-block-description .social-icons a.instagram {
    color: #CE4262;
}



.hover-effect:hover {
    margin-top:-8px;
    box-shadow: 0px 8px 16px rgba(91, 83, 116, 0.3);;
}
.store-block .a {
    background: #FFFFFF;
    position: relative;
    border-radius: 18px;
    display: block;
}
.store-block .h2, .store-block-caption p  {
    z-index: 3;
    position: relative;
    color:#fff;
    margin:0;
    text-align: center;
}
.store-block .h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    padding-bottom: 5px;
}
.store-block .store-img {
    border-radius: 18px;
    width:100%
}
.store-block .store-logo {
    position: absolute;
    left:15px;
    top:10px;
}
.store-block-caption {
    position: absolute;
    padding-bottom: 15px;
    left:20px;
    right: 20px;
    bottom:0;
    top:auto;
}
.store-block-caption p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    padding-top:9px;
    text-align: center;
    width: 200px;
    margin: 0 auto;
}
.store-block .a:before {
    display:block;
    content:"";
    z-index: 2;
    left:0;
    right:0;
    top:0;
    bottom:0;
    border-radius: 18px;
    position: absolute;
    background: linear-gradient(360deg, rgba(34, 26, 59, 0.96) 0.02%, rgba(34, 26, 59, 0.96) 19.28%, rgba(34, 26, 59, 0) 82.25%);
}
@media (max-width: 1140px) {
    .page-title {
        font-size: 35px;
    }
    .store-block .h2 {
        line-height: 25px;
        font-size:20px;
    }
    .store-block-caption p {
        font-size:15px;
        padding-top:0
    }
    .navbar-light .navbar-toggler {
        color: #221A3B;
        border-color: transparent;
    }
    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2834, 26, 59, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
}
@media (max-width: 1280px) {
    .visit-stores, .marketplace, .seatplay-1, .seatplay-2 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .page-title {
        padding-left:10px;
        padding-right: 10px;
    }
}
@media (max-width: 767px) {
    .visit-stores, .marketplace, .seatplay-1, .seatplay-2 { 
        margin-top: 30px;
    }
    .page-title {
        font-size: 30px;
    }
    .hover-effect:hover {
        margin-top: 0;
        box-shadow: 0px 2px 4px rgba(91, 83, 116, 0.2);
    }

}
@media (max-width: 420px) {
    .store-block .h2 {
        font-size: 20px;
    }
    .store-block-caption p {
        font-size:14px;
    }
    .seatplay-1 .video-layer {
        margin-top: 10px;
    }
    .store-block {
        margin-bottom: 18px;
    }
    .page-title {
        font-size: 27px;
        margin-bottom: 15px;
        margin-top: 15px;
    }
}
/* End visit store */

/*--stat pages--*/

.stat-page {max-width:1000px;margin:20px auto;padding-bottom:30px;}
.stat-page p {margin-bottom:25px;}
.stat-page h2 {font-size:25px; margin:30px 0;}
.stat-page h3 {font-size:20px; margin:30px 0;}
.stat-card {    
    background: #fff;
    border:none; padding:15px; margin:20px 0;
    box-shadow: 0px 4px 16px rgba(34, 26, 59, 0.12);
    border-radius: 24px; min-height:380px;}
.about-us .stat-card {
    min-height: auto;
}

.stat-card-sm {    
    background: #fff; text-align:center;
    border:none; padding:15px; margin:30px 0;
    box-shadow: 0px 4px 16px rgba(34, 26, 59, 0.12);
    border-radius: 24px; min-height:240px;}

.stat-card-partner {    
    background: #fff; text-align:center;
    border:none; padding:15px; margin:30px 0;
    box-shadow: 0px 4px 16px rgba(34, 26, 59, 0.12);
    border-radius: 24px; min-height:240px; font-size:14px;}

.stat-card-partner h4 {font-size:16px;}
.stat-card-partner p {margin:20px 0;}

.stat-card h4, .stat-card-sm h4 {font-size:20px;}
.stat-card p, .stat-card-sm p {text-align:left;margin-top:20px;}

.top-30 {margin-top:30px;}
.top-70 {margin-top:70px;}

.about-boxes {padding:10px 15px 25px 15px;}
.about-boxes h4 {font-size:18px;margin:25px 0;}

.sec-mystuff {text-align:center;margin-bottom:25px;}
.sec-mystuff h1 {font-size:28px;}
.wish-item {background-color:#fff;border-radius:24px;text-align:center}


.sec-partner h4 {font-size:20px;}

/* Product */
.slider-wrapper {
    padding-left: 150px;
    padding-right: 54px;
    padding-bottom: 58px;
}
.slick-next::before {
    content: '';
    opacity: 1;
    background: url(../img/arrow-right.svg) no-repeat center;
    width: 10px;
    height: 10px;
    display: block;
    background-size: 8px;
    margin-left:6px;
}
.seats-box {
    background: linear-gradient(180deg, #E7E4EE 0%, #F1EFF5 100%);
    border-radius: 32px;
    padding:8px 24px;
}
.seat {
    margin: 16px auto;
    box-shadow: 0px 4px 8px rgba(34, 26, 59, 0.08);
    width: 80px;
    height: 80px;
    border-radius: 100%;
    opacity: 1;
    position: relative;
    cursor: pointer;
}
.seat span {
    background: url('../img/seat-icon-on.png') no-repeat center;
    background-color: #FFFFFF;
    background-size: 39px;
    border-radius: 100%;
    width: 76px;
    height: 76px;
    position: absolute;
    top:2px;
    left:2px;
    z-index: 5;
}
.seat:before {
    position:absolute;
    content:"";
    display:block;
    width:80px;
    height:80px;
    z-index: 1;
    background: #fff;
    border-radius: 100%;
}
.seat.seat-reserve:before {
    position:absolute;
    content:"";
    display:block;
    width:80px;
    height:80px;
    z-index: 2;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff6937+0,fb2c4e+100 */
    background: #ff6937; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNjkzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYjJjNGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  #ff6937 0%, #fb2c4e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ff6937 0%,#fb2c4e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ff6937 0%,#fb2c4e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6937', endColorstr='#fb2c4e',GradientType=1 ); /* IE6-8 */
    border-radius: 100%;
}
.seats-box .seat.seat-taken span {
    background-image: url('../img/seat-icon-off.png');
}
.seats-box .seat.seat-winner span {
    background-image: url('../img/80.svg');
    background-size: 40px;
}
.seats-box .seat.seat-reserved span {
    background-image: url('../img/seat-reserved.png');
}
.seat-notification {
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0px -4px 16px rgba(34, 26, 59, 0.12);
    /*backdrop-filter: blur(4px);*/
    border-radius: 24px 24px 0 0;
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 140px;
    padding-top:16px;
    width:auto;
    padding-bottom: 16px;
    z-index: 2;
}
.seat-notification .btn-pay {
    letter-spacing: 0.16em;
}
.winner-notification,
.reserve-notification {
    display:none;
    opacity:0;
    bottom:140px;
}
.reserve-message {
    padding-left: 44px;
    position: relative;
}
.reserve-message img {
    position: absolute;
    left:0;
    top:2px;
}
.reserve-message span {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}

.reserve-message span.card-balance {
    font-size: 14px;
    line-height: 30px;
}

.winner-message {
    font-size:16px;
    line-height: 20px;
    color: #27D395;
    background: -webkit-linear-gradient(#27D395, #44E4AB);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.looser-message {
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 20px;
    color: #000;
}

.looser-message a, .looser-message a:hover {
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
}

.winner .btn-pay {
    letter-spacing: 0.16em;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
    .seat span {
        background-image:url('../img/seat-icon-on@2x.png');
    }
    .seats-box .seat.seat-taken span {
        background-image: url('../img/seat-icon-off@2x.png');
    }
    .seats-box .seat.seat-winner span {
        background-image: url('../img/80.svg');
    }
    .seats-box .seat.seat-reserved span {
        background-image: url('../img/seat-reserved@2x.png');
    }
}
.seat.occupied {
    background-image:url('../img/seat-icon-off.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
    .seat.occupied {
        background-image:url('../img/seat-icon-off@2x.png');
    }
}
.seat-content {
    padding:0 16px;
}
.slider-nav-thumbnails {
    width: 88px;
    position: absolute;
    left:32px;
    top:15px;
}
.slick-vertical .slick-slide.slick-current {
    border: 1px solid #221A3B;
    box-shadow: 0px 2px 8px rgba(227, 224, 236, 0.88);
    outline:none;
}
.slick-vertical .slick-slide:focus {
    outline:none;
}
.slick-vertical .slick-slide {
    border-radius: 8px;
    overflow: hidden;
    cursor:pointer;
    margin-bottom: 24px;
}
.form-check-label {
    width:40px;
    height: 40px;
    display: inline-block;
    padding:3px;
    border-radius: 100%;
    box-shadow: 0px 2px 8px rgba(227, 224, 236, 0.8);
    border:1px solid transparent;
    cursor: pointer;
}
.active-option .form-check-label {
    border:1px solid #221A3B;
}
.form-check-label span {
    margin-bottom: 0;
    width: 32px;
    height: 32px;
    display: inline-block;
    border-radius: 100%;
    border: none;
}
.form-check-label span.white {
    box-shadow: 0px 2px 8px rgba(199, 193, 217, 0.8);
}
.product-time {
    letter-spacing: 0.16em;
}
.shadow-box {
    background: #FFFFFF;
    box-shadow: 0px 2px 16px rgba(227, 224, 236, 0.72);
    border-radius: 24px;
    overflow: hidden;
}
.color-options {
    padding:32px;
    border-top:1px solid #E3E0EC;
}
.seat-prices h4,
.color-options h4 {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    color:#221A3B;
    margin-bottom:18px;
}
.seat-prices {
    padding: 40px;
    box-shadow: 0 4px 16px rgba(34, 26, 59, 0.12);
    position: absolute;
    width: auto;
    left: 0;
    right: 0;
    bottom: 0;
}
.pb-150 {
    padding-bottom: 150px;
}
.strike {
    display: inline-block;
    position: relative;
}
.strike:before {
    display: block;
    content:"";
    width:100%;
    height:3px;
    margin-top:-1px;
    background: #C7C1D9;
    position: absolute;
    top:50%;
}
.seat-prices h4 {
    margin-bottom: 0;
}
.seat-prices h4 + div {
    font-size:32px;
    line-height: 40px;
    margin:0;
    font-weight: 400;
}
.seat-prices .winner-price-1 h4 + div {
    color:#FB2B4E;
    background: -webkit-linear-gradient(#FB2B4E, #FF6937);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
}

.seat-prices .retail-price-1 div,
.seat-prices .retail-price-1 h4 {
    color:#C7C1D9;
}
.no-seats {
    color: #ACA5C0;
    margin-top:108px;
}
.no-seats.seat-notification-on {
    margin-top:88px;
}
.seats-header {
    padding: 33px 0px 15px;
}
.seats-header > div {
    padding-bottom:12px;
}
.reserve-seat {
    color:#FC3948;
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
}
.reserve-seat img {
    margin-right:6px;
}
.reserve-seat a, .reserve-seat a:hover, .reserve-seat a:focus {
    color: #221A3B;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    /* border-bottom: 1px solid; */
}
.seatplay-product h1 {
    font-size: 32px;
    line-height: 48px;
    padding-right: 50px;
    position: relative;
    z-index: 2;
    margin-top: 32px;
    padding-left: 32px;
    padding-bottom: 13px;
}
.share-btn {
    position: absolute;
    z-index: 3;
    right: 28px;
    top: 36px;
}
.seatplay-product h1 span {
    font-size: 60%;
    font-weight: 400;
}
.shadow-0 {
    box-shadow: none;
}
.sticky-sidebar {
    padding-top: 0px;
    transition: all 0.3s;
    top: 0;
}
.product-nav li a {
    color: #5B5374;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    display: block;
}
.product-nav li a.active {
    color:#221A3B;
    font-weight: bold;
}
.product-nav li a.active:before {
    display:block;
    content:"";
    position: absolute;
    left:0;
    top:50%;
    margin-top:-14px;
    width:2px;
    border-radius: 4px;
    height:28px;
    background: linear-gradient(180deg, #FB2B4E 0%, #FF6937 100%);
}
.product-nav li {
    margin-bottom: 27px;
}

#product-nav {
    padding-top:64px;
}
.product-nav.nav {
    display: block;
}
.mb-64 {
    margin-bottom: 64px;
}
.mt-64 {
    margin-top:64px;
}
.card .table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #dee2e6;
    border-top: none;
    background: #F1F0F5;
    font-weight: bold;
}
.card .table td {
    color:#5B5374;
    font-weight: normal;
}
.card .table td, .table th {
    padding: 18px 40px;
}
#description .card-body {
    padding:40px 40px 13px;
    color:#5B5374;
}
#about .card-body .about p,
#description .card-body p {
    margin-bottom: 27px;
    line-height: 24px;
}
#history .card-header {
    padding-left:25px;
    padding-right: 25px;
}
#history td:last-child,
#history th:last-child {
    text-align: center;
    padding-right: 15px;
}
#history .winner td {
    color:#27D395;
    font-weight: 600;
    background: -webkit-linear-gradient(180deg, #27D395 0%, #44E4AB 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#about .card-body {
    padding:24px 24px 10px;
    color:#5B5374;
}
#about .tags {
    padding-top:10px;
}
#grab-seat:focus, #description:focus, #history:focus, #about:focus {
    outline:none;
}
@media (max-width: 1199px) {
    .no-seats {
        margin-top: 58px;
    }
    .seat-notification .btn-pay {
        line-height: 42px;
        font-size: 15px;
        letter-spacing: 0.08em;
    }
    .winner-notification, .reserve-notification {
        bottom: 100px;
    }
    .reserve-message span {
        font-size: 20px;
    }
}
@media (min-width:992px) and (max-width: 1100px) {
    .seats-box {
        padding: 8px 18px;
    }
    .col-sm-15 {
        padding: 0;
    }
    .navbar-light .navbar-nav .nav-link.load-card {
        min-width: 120px;
    }
    .seat-notification .btn-pay {
        font-size: 13px;
    }
    .winner-message {
        font-size: 14px;
    }
}
@media (max-width: 991px) {
    .slider-nav-thumbnails .slick-slide {
        width: 50px !important;
        height: auto;
        margin-bottom: 10px;
    }
    .reserve-message span.card-balance {
        font-size: 18px;
        line-height: 24px;
    }
    .reserve-message img {
        position: relative;
        padding-right: 10px;
    }
    .reserve-message {
        font-size: 14px;
        text-align: center;
        margin-bottom: 10px;
        padding: 0;
    }
    .slider-wrapper {
        padding-left: 120px;
    }
    .color-options {
        padding: 16px 20px 20px;
    }
    .seat {
        background-size: 24px;
        width: 45px;
        height: 45px;
    }
    .seat:before {
        width: 45px;
        height: 45px;
    }
    .seat.seat-reserve::before {
        width: 45px;
        height: 45px;
    }
    .seat span {
        background-size: 24px;
        width: 41px;
        height: 41px;
    }

    .seatplay-product h1 {
        font-size: 27px;
    }
    .seatplay-product {
        padding-left: 7px;
        padding-right: 7px;
        margin-top: 20px;
    }
    .marketplace, .checkout {
        margin-top: 30px;
    }
    .no-seats {
        margin-top: 45px;
    }
    .pb-150 {
        padding-bottom: 107px;
    }
    .seat {
        margin: 8px auto;
    }
    .seats-box {
        padding: 8px 14px;
        border-radius: 22px;
    }
    .seats-box > .row > div {
        padding: 0 6px;
    }
    .seat-prices {
        padding: 26px 20px 20px;
    }
    .seat-prices h4 + div {
        font-size: 22px;
        line-height: 30px;
    }
    .seat-prices h4, .color-options h4 {
        font-size: 14px;
        margin-bottom: 14px;
    }
    .card .table td, .table th {
        padding: 10px 20px;
    }
    .mt-64 {
        margin-top: 44px;
    }
    .mb-64 {
        margin-bottom: 44px;
    }
    #product-nav {
        padding-top: 44px;
    }
    #description .card-body {
        padding: 25px 30px 13px;
    }
    .product-nav li {
        margin-bottom: 18px;
    }
    .seat-notification .btn-pay {
        font-size: 13px;
        letter-spacing: 0;
        padding: 10px;
        margin: auto;
        line-height: 32px;
    }
    .winner-message {
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        margin-bottom: 10px;
    }
    .looser-message {
        text-align: center;
        margin-bottom: 10px;
    }

    .seats-box .seat.seat-winner span {
        background-size: 30px;
    }
}
@media only screen and (max-width: 767px) {
    #description .card-body {
        padding: 20px 20px 13px;
    }
    .checkout {
        padding-left:8px;
        padding-right: 8px;
    }
    .seat-notification {
        position: relative;
        bottom:0px;
        left:0;
        right:0;
    }
    .seat-notification .btn-pay {
        margin-top:0;
    }
    .reserve-message span {
        font-size: 16px;
    }
    .pb-150 {
        padding-bottom: 0;
    }
    .no-seats {
        margin-top: 45px;
        margin-bottom: 45px;
    }
    #grab-seat > div:first-child {
        margin-bottom: 44px;
    }
    .seat-prices h4, .color-options h4 {
        margin-bottom: 7px;
    }

    .seatplay-product h1 {
        font-size: 28px;
        line-height: 38px;
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 22px;
    }
    .seat-prices {
        position: relative;
    }
    #product-nav {
        position: relative !important;
        top:0 !important;
    }
    .product-nav li:last-child {
        margin-bottom: 0;
    }
    /* Force table to not be like tables anymore */
    .resp-table table, .resp-table thead, .resp-table tbody, .resp-table th, .resp-table td, .resp-table tr {
        /* display: block; */
    }
    .resp-table th.th, .resp-table .dummy-cell {
        display:none;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    .resp-table thead tr {
        /* position: absolute;
        top: -9999px;
        left: -9999px; */
    }
    .resp-table {
        margin:25px 0px;
    }
    .resp-table td {
        /* Behave like a "row" */
        /* border: none;
        position: relative;
        padding: 10px 10px 10px 50%;
        white-space: normal;
        text-align:left;
        display: block; */
    }
    .resp-table td:before {
        /* Now like a table header */
        /* position: absolute; */
        /* Top/left values mimic padding */
        /* top: 0px;
        left: 6px;
        width: 45%;
        padding:5px 10px;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
        font:16px/1.42857 'Circular Std';
        background:none repeat scroll 0 0 #f1f0f5; */
    }
    .resp-table td.btns-wrapper:before {
        width:95%;
    }
    .resp-table td.btns-wrapper{
        padding-left:5%;
    }
    .cart-buttons {
        margin-top:20px;
    }
    .resp-table td.subtotal:before {
        font:25px/1.42857 'Bebas Neue Regular';
    }
    .resp-table td.cart-buttons:before {
        padding: 0px;
    }
    .card .resp-table td {
        padding-left: 50%;
        text-align: left;
    }
    #history td:last-child, #history th:last-child {
        text-align: left;
        padding-right: 15px;
    }
    #history tr:last-child td:last-child::after {
        display:none;
    }
    #history td:last-child::after {
        content: "";
        display: block;
        position: absolute;
        z-index: 3;
        bottom: 2px;
        top: auto;
        height: 1px;
        background: #dee2e6;

        left: 0;
        right: 0;
    }
    #history .resp-table {
        margin-bottom: 25px !important;
    }
    /*
  Label the data
  */
    .resp-table .left-text img {
        margin-top:-10px;
    }
    .resp-table td:before {
        content: attr(data-title);
    }
    .seat {
        background-size: 39px;
        width: 80px;
        height: 80px;
    }
    .seat span {
        background-size: 39px;
        width: 76px;
        height: 76px;
    }
    .seat::before {
        width: 80px;
        height: 80px;
    }
    .seat.seat-reserve::before {
        width: 80px;
        height: 80px;
    }
    .share-btn {
        right: 24px;
        top: 25px;
    }
    .slick-next::before {
        margin-left: 12px;
    }
    #history td:last-child::after {
        bottom: 3px;
    }
}
@media (max-width: 576px) {

    .no-mobile {display:none;}

    .form-check-label span {
        width: 26px;
        height: 26px;
    }
    .seat-notification .btn-pay {
        font-size: 12px;
        letter-spacing: 0;
    }
    .reserve-message span {
        font-size: 18px;
    }

    .reserve-message span.card-balance {
        font-size: 12px;
        line-height: 14px;
    }

    .seatplay-product h1 {
        font-size: 16px;
        line-height: 18px;
        padding-left: 15px;
        padding-right: 25px;
        margin-top: 12px;
    }
    .form-check-label {
        width:34px;
        height: 34px;
    }
    .seat {
        background-size: 28px;
        width: 60px;
        height: 60px;
    }
    .seat span {
        background-size: 28px;
        width: 56px;
        height: 56px;
    }
    .seat::before {
        width: 60px;
        height: 60px;
    }
    .seat.seat-reserve::before {
        width: 60px;
        height: 60px;
    }
    .seat-prices h4 + div {
        font-size: 20px;
        line-height: 26px;
    }
    #history td:last-child::after {
        bottom: 2px;
    }
}
@media (max-width: 390px) {
    .seat-prices h4 {
        font-size: 13px;
        line-height: 1.2;
        margin-bottom: 5px;
    }
    .seat-prices .col-4:nth-child(2) {
        padding:0;
    }
    .seat-prices .col-4:nth-child(3) {
        padding-left:0;
    }
    .slider-nav-thumbnails {
        width: 50px;
        position: absolute;
        left: 18px;
        top: 0px;
    }
    .slick-next::before {
        margin-left: -3px;
    }
    .slider-wrapper {
        padding-left: 70px;
        padding-right: 40px;
    }
    .seat-prices {
        padding: 26px 10px 20px;
    }
    .resp-table {
        margin: 0;
    }
    .resp-table td::before {
        font-size: 14px;
        line-height: 30px;
    }
    #history .resp-table {
        margin-bottom: 0px !important;
    }
    .resp-table td::before {
        font-size: 14px;
        line-height: 25px;
        left:0;
    }
    .card {
        overflow: hidden;
    }
    #history .card-header {
        padding-left: 10px;
        padding-right: 10px;
    }
    #history td:last-child::after {
        bottom: 1px;
    }
}
@media (max-width: 350px) {

}
@media (min-width: 577px) {
    .col-sm-15{
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

}
/* End Product */
/* Marketplace */
.breadcrumbs {
    margin-bottom: 32px;
}
.breadcrumbs ul {
    padding:0;
    margin:0;
    list-style-type: none;
}
.breadcrumbs li {
    display: inline-block;
    vertical-align: middle;
}
.breadcrumbs li a {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #5B5374;
    padding-right: 18px;
    margin-right: 9px;
    background: url("../img/breadcrumbs-arrow.svg") no-repeat center right;
}
.breadcrumbs li span {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    color: #221A3B;
}
.marketplace-products {
    background: #F5F3FB;
    padding:5px 28px 32px 32px;
    border-radius: 18px;
    margin-bottom: 90px;
}
.product {
    background: #fff;
    border-radius: 18px;
    text-align: center;
    padding: 20px;
    margin-bottom: 32px;
    box-shadow: 0px 2px 4px rgba(91, 83, 116, 0.2);
    transition: all 0.3s;
}

.product:hover, .product:focus {
    text-decoration: none;
    margin-top:-8px;
    box-shadow: 0px 8px 16px rgba(91, 83, 116, 0.3);
}
.product h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.08em;
    color: #221A3B;
    padding:8px 15px 0;
}
.grab-a-seat .product h2 {
    font-size: 16px;
    line-height: 18px;
    padding-left: 0;
    padding-right: 0;
    height: 80px;
    margin-top: 10px;
}
.grab-a-seat .product h3 {
    padding-bottom: 7px;
}
.slim-grid .marketplace-products .row > div {
    padding-left: 12px;
    padding-right: 12px;
}
.slim-grid-2 > .row {
    margin:0 -12px;
}
.slim-grid-2 > .row > div {
    padding:0 12px;
}
.tags ul {
    margin: 0 0 14px;
    padding: 0;
}
.tags a {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #221A3B;
    background: #F1F0F5;
    border-radius: 4px;
    display: block;
    padding: 4px 8px;
    transition: all 0.3s;
}
.tags a:hover, .tags a:focus {
    text-decoration: none;
    background: #ed7247;
    color:#fff
}
.tags li {
    margin: 6px 12px 6px 0;
    list-style-type: none;
    display: inline-block;
}
.tags li:first-child {
    margin-left: 0;
}
.product .prices {
    margin: 0;
    padding: 0 4px;
}
.price-1 {
    font-weight: normal;
    font-size: 22px;
    line-height: 30px;
    text-decoration-line: line-through;
    color: #C7C1D9;
}
.price-2 {
    font-weight: bold;
    font-size: 22px;
    line-height: 30px;
    color: #221A3B;
}
.price-won {
    font-weight: bold;
    font-size: 22px;
    line-height: 30px;
    color: #ff6937;
}


.review-container {margin:30px 0;width:90%; margin:auto;}
.review-row {padding:15px; background-color:#f1f0f5; border:none; border-radius:12px;margin:20px 0;}
.review-ind {font-size:10px; margin-bottom:10px;}
.review-btn {
    background: #7940F2;
    box-shadow: 0px 1px 8px rgba(34, 26, 59, 0.32);
    border-radius: 50px;
    padding:5px 15px;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.16em;
    color: #fff;
}
.review-btn:hover {
    opacity:0.9
}


.star-on {color:#ff6937;margin-right:10px;}
.star-off {color:#ddd;margin-right:10px;}
.star-off-ind {color:#ccc;margin-right:10px;}
.star-rating {font-weight:600; font-size:22px;margin-right:12px;}


.slim-grid .marketplace-products .row.prices > div {
    padding-left:8px;
    padding-right:8px;
}
.page-link {
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #221A3B;
    border:none;
    background: none;
    padding:2px 8px;
    margin:0 5px
}
.rotate-180 {
    transform: rotate(-180deg);
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background: #7940F2;
    box-shadow: 0px 1px 8px rgba(34, 26, 59, 0.32);
    border-radius: 4px;
    border:none;
}
.page-link:hover {
    z-index: 2;
    color: #221A3B;
    text-decoration: none;
    background-color: transparent;
    border-color: none;
}
.page-link:focus {
    box-shadow: none;
}
.page-link img {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    top: -1px;
    margin-left: 3px;
}
.page-link img.rotate-180 {
    margin-left:0;
    margin-right: 3px;
}
@media (max-width: 1280px) {
    .price-1, .price-2 {
        font-size: 20px;
    }
    .marketplace-products {
        padding: 5px 22px 30px 26px;
    }
}
@media (max-width: 1140px) {
    .price-1, .price-2 {
        font-size: 22px;
    }
}
@media (max-width: 767px) {
    .product:hover, .product:focus {
        margin-top: 0;
        box-shadow: 0px 2px 4px rgba(91, 83, 116, 0.2);
    }
    .marketplace-products {
        padding: 5px 16px 24px 20px;
        margin-bottom: 50px;
    }
}
@media (max-width: 575px) {
    .marketplace-products {
        padding: 5px 18px 26px 22px;
        margin-bottom: 40px;
    }
    .breadcrumbs {
        display: none;
        margin-bottom: 22px;
    }
    .price-1, .price-2 {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .navbar-brand img {
        width: 34px;
    }
}

@media (min-width: 991px) {
    .navbar-brand img {
        width: 200px;
    }
}


/*  Logged Header */
.navbar-light .navbar-nav.tabs-item .nav-link {
    font-size: 16px;
    line-height: 26px;
    color: #5B5374;
    letter-spacing: 0;
    border-bottom:2px solid transparent;
    padding-left:30px;
    padding-right: 30px;
}
.cart-link {
    margin-right: 26px;
}
.navbar-nav.tabs-item {
   /* padding-left: 50px;*/
    text-align: right;
}
.navbar-light .navbar-nav.tabs-item .active .nav-link {
    border-color:#7940F2;
    color:#7940F2;
}
.navbar-light .navbar-nav.tabs-item .active:first-child .nav-link {
    border-color: #FF6A37;
    border-radius: 0px;
    color:#FF6A37;
    
}

.navbar-light .navbar-nav.tabs-item .winners.active .nav-link {
    border-color: #27D395;
    border-radius: 0px;
    color:#27D395;
    
}

.user-item .dropdown-toggle span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #322950;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    color:#fff;
    font-size:14px;
    display: inline-block;
    margin-left:4px;
    vertical-align: middle;
    border-radius: 100%;
    font-weight: bold;
}
.navbar-light .navbar-nav .nav-link.load-card {
    padding: 0px 16px;
    /* Orange Gradient */
    background: linear-gradient(180deg, #FB2B4E 0%, #FF6937 100%);
    box-shadow: 0px 1px 8px rgba(34, 26, 59, 0.32);
    border-radius: 480px;
    color:#fff;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.08em;
    margin-right: 17px;
    transition:all 0.3s;
}

.navbar-light .navbar-nav .nav-link.load-card:hover {
    background: linear-gradient(180deg, #1d1437 0%, #1d1437 100%);
}

.load-card-item span {
    margin-left:10px;
}
.dropdown-toggle::before {
    display: inline-block;
    content: "";
    width:8px;
    height:5px;
    vertical-align: middle;
    background: url('../img/arrow-down.svg') no-repeat center center;
    transition:all 0.3s;
    margin-right:3px;
}
.user-item [aria-expanded="true"]::before {
    transform: rotate(180deg);
}
.user-item .dropdown-menu::before {
    width: 0;
    height: 0;
    display: block;
    content: "";
    border-style: solid;
    border-width: 0 16px 16px 16px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    z-index: -1;
    right: 5px;
    top: -9px;
}
.nav-item.user-item {
    margin-left: 17px;
}
.user-item .dropdown-divider {
    height: 0;
    margin: 0;
    overflow: hidden;
    border-top: 1px solid #DCD7EA;
}
.user-item .dropdown-menu {
    background: #FFFFFF;
    box-shadow: 0px 2px 16px rgba(227, 224, 236, 0.72);
    border-radius: 8px;
    border:none;
    position:relative;
    padding:0;
    min-width: 168px;
    margin-top:8px;
}

.user-item .btn.focus, .user-item .btn:focus {
    outline: 0;
    box-shadow: none;
}
.user-item .dropdown-menu a img {
    position:absolute;
    transform: translateY(-50%);
    left:17px;
    top:50%;
}
.user-item .dropdown-menu a {
    color: #221A3B;
    line-height: 48px;
    position: relative;
    padding-left:40px;
    padding-right: 10px;
    font-size:14px;
    display: block;
}
.user-item .dropdown-menu a:hover {
    background: rgba(245, 243, 251, 0.7);
    text-decoration: none;
}
.user-item .dropdown-menu a:first-child:hover {
    border-radius:8px 8px 0 0;
}
.user-item .dropdown-menu a:last-child:hover {
    border-radius:0 0 8px 8px;
}
.dropdown-toggle::after {
    display: none;
}
@media (max-width: 1250px) {
    .navbar-light .navbar-nav.tabs-item .nav-link {
        font-size: 12px;
    }
}

@media (max-width: 991px) {
    .navbar-nav.tabs-item {
        padding-left: 0;
        display: block;
        text-align: right;
        width: auto;
        padding-right: 3px;
    }
    body .nav-item.user-item {
        margin-left: 0;
        padding-right: 0px;
    }
    #navbarSupportedContent-middle {
        padding-right: 14px;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .load-card-item {
        padding-top: 20px;
        padding-bottom: 15px;
        padding-right: 3px;
    }
    .navbar-light .navbar-nav.tabs-item .nav-link {
        display: inline-block;
        padding-right: 0px;
        padding-left: 17px;
    }
    body header {
        box-shadow: 0 0 4px rgba(0,0,0,0.3);
    }
    .navbar-light {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    body .indented {
        font-size: 16px;
    }
}
/* End Logged Header */

/* Seatplay acquisiting */
.price-bar {
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(91, 83, 116, 0.2);
    border-radius: 16px;
    padding:16px 10px;
    margin-bottom: 26px;
}
.seatplay-1 {
    margin-bottom: 200px;
}
.seatplay-2 {
    margin-bottom: 100px;
}
.seatplay-cols {
    margin-bottom: 24px;
}
.seatplay-1 .video-layer {
    z-index: 2;
    height: 100%;
}
.seatplay-2 .card-body.parent-body {
    padding: 30px 80px 35px;
}
.card {
    background: #FFFFFF;
    border:none;
    box-shadow: 0px 4px 16px rgba(34, 26, 59, 0.12);
    border-radius: 24px;
}
.card-header {
    padding: 22px 0 20px;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid #E3E0EC;
}
.card-header.parent-header:first-child {
    border-radius: 24px 24px 0 0;
}
.accordion > .card > .card-header {
    padding: 0;
    border-radius: 16px 16px 0 0;
    background: #F1F0F5;
}
.accordion > .card .card-body {
    color: #5B5374;
    background: rgba(241,240, 245, 0.5);
    border-radius: 0 0 16px 16px;
    padding: 28px 40px;
}
.accordion button {
    position: relative;
}
.accordion button:before {
    content:"";
    width:2px;
    height: 14px;
    background: #221A3B;
    position: absolute;
    right: 33px;
    top:50%;
    margin-top:-7px;
    z-index: 3;
}
.accordion button:after {
    content:"";
    width:14px;
    height: 2px;
    background: #221A3B;
    position: absolute;
    right: 27px;
    top:50%;
    margin-top:-1px;
    z-index: 3;
}
.accordion button[aria-expanded="true"]:before {
    display: none;
}
.accordion h2 button, .accordion h2 button:hover, .accordion h2 button:focus {
    font-size: 20px;
    line-height: 25px;
    text-align: left;
    color: #221A3B;
    width: 100%;
    text-decoration: none;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 24px;
    padding-right: 50px;
}
.accordion > .card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}
.accordion > .card:not(:first-of-type) {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
body .accordion > .card {
    overflow: hidden;
    border-radius: 16px;
    box-shadow: none;
    margin-bottom: 16px;
}
.card-header h2 {
    font-size: 24px;
    line-height: 32px;
    color: #221A3B;
    margin:0;
}

#more-products {text-align:center;margin-bottom:50px;}
#more-products h6 {color: #221A3B;}
#more-products h2 {
    font-size: 24px;
    line-height: 32px;
    color: #221A3B;
    margin:10px 0 50px 0;
}



.video-wrap-2 video,
.video-wrap-2 img {
    width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.cards-bar {
    margin-bottom: 16px;
}
.cards-bar img {
    margin-bottom: 4px;
}
.seatplay-info span {
    line-height: 14px;
}
.seatplay-info img {
    margin-right:4px;
}
.video-wrap-2, .block-wrap {
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(34, 26, 59, 0.12);
    border-radius: 24px;
    height:100%;
    overflow: hidden;
}
.block-wrap {
    padding:24px;
}
.lock-field {
    position:relative;
}
.lock-field:before {
    width: 18px;
    height: 21px;
    background: url('../img/lock-icon.svg') no-repeat center center;
    background-size: 100%;
    display: block;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -11px;
    z-index: 3;
    content:''
}
.form-group.validated:before {
    width: 12px;
    height: 8px;
    background: url('../img/checkmark.svg') no-repeat center center;
    background-size: 100%;
    display: block;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -4px;
    z-index: 3;
    content:''
}
form .validated input:not(:placeholder-shown) {
    border-color:#221A3B;
    box-shadow: 0px 2px 4px rgba(91, 83, 116, 0.2);
    padding-left:130px;
}
.cards-bar.validated img {
    opacity:0.2
}
.cards-bar.validated img.selected {
    opacity:1
}
.btn-pay {
    background: linear-gradient(180deg, #E7E4EE 0%, #F1EFF5 100%);
    border-radius: 480px;
    width:203px;
    padding:15px;
    max-width:100%;
    transition: all 0.3s;
    /* line-height: 57px; */
}

.btn-solve-riddle {
    padding: 5px;
    margin: 2px;
}


.form-control-riddle {
    background: #F1F0F5;
    border: 1px solid #C7C1D9;
    box-sizing: border-box;
    border-radius: 8px;
    font-size:12px;
    color:#221A3B;
    padding: 0 10px;
    -webkit-appearance: none;
}
.form-control-riddle:focus {
    color: #221A3B;
    background-color: #fff;
    border-color: #7940F2;
    outline: 0;
    box-shadow: none;
}
.form-control-riddle::-webkit-input-placeholder { /* WebKit browsers */
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: #5B5374;
}
.form-control-riddle:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: #5B5374;
    opacity:  1;
}
.form-control-riddle::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: #5B5374;
    opacity:  1;
}
.form-control-riddle:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: #5B5374;
}

.winner-riddle-notification {
    color: #FB2B4E;
}



.btn-pay span.buy_time_left {
    font-size: 12px;
    font-weight: bold;
}

.btn-o-sm {
    background: linear-gradient(180deg, #E7E4EE 0%, #F1EFF5 100%);
    border-radius: 100px;
    padding:0 15px;
    max-width:100%;
    transition: all 0.3s;
    line-height: 57px;
    font-size:14px;
}


.btn-pay:hover, .btn-pay:focus, .btn-pay.focus, .btn-pay.btn-hover, .btn-o-sm.btn-hover {
    color:#fff;
    background: linear-gradient(180deg, #FB2B4E 0%, #FF6937 100%) !important;
    box-shadow: 0px 1px 8px rgba(34, 26, 59, 0.32);
}


.orange {color:#ff6937;}



body .indented {
    font-size:14px;
}
.indented + label {
    display: none;
    position:absolute;
    font-size:13px;
    top:50%;
    transform:translateY(-50%);
    left:.75rem;
    color:#ACA5C0;
    margin:0 0 0 1px;
}
body .indented:focus {
    padding-left: 130px;
}
body .indented:not(:placeholder) {
    padding-left: 130px;
}
body .indented:not(:placeholder-shown) {
    padding-left: 130px;
}
body .indented:focus + label,
body .indented:not(:placeholder-shown) + label {
    display: block;
}
body .indented:focus::placeholder {
    color:#fff;
    opacity:0;
}

body .indented:focus::-webkit-input-placeholder { /* WebKit browsers */
    color:#fff;
    opacity:0;

}
body .indented:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#fff;
    opacity:0;

}
body .indented:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#fff;
    opacity:0;

}
body .indented:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#fff;
    opacity:0;

}
@media (max-width: 991px) {
    .seatplay-2 .card-body.parent-body {
        padding: 30px 40px 35px;
    }
    .card-header h2 {
        font-size: 20px;
    }
}
@media (max-width: 767px) {
    .btn-pay {
        line-height: 44px;
        margin-top: 20px;
    }
    .accordion h2 button, .accordion h2 button:hover, .accordion h2 button:focus {
        font-size: 18px;
        line-height: 22px;
        padding-top:17px;
        padding-bottom: 17px;
    }

}
@media (max-width: 575px) {
    .card-header {
        padding: 18px 0 13px;
    }
    .card-header h2 {
        font-size: 20px;
    }
    .seatplay-2 .card-body.parent-body {
        padding: 20px 20px 10px;
    }
    .accordion > .card .card-body {
        padding: 20px 20px;
    }
}
@media (max-width: 420px) {
    .seatplay-2 .card-body.parent-body {
        padding: 20px 20px 15px;
    }
    .accordion h2 button, .accordion h2 button:hover, .accordion h2 button:focus {
        font-size: 17px;
        line-height: 20px;
    }
}
/* End Seatplay acquisition */
/* Grab a seat */
.retail-price h3, .winner-price h3, .seats-left {
    font-size: 14px;
    line-height: 18px;
    margin:0;
}
.retail-price h3 {
    color: #C7C1D9;
}
.winner-price h3, .seats-left {
    color: #221A3B;
}
.seats-left .mp-tag {
    color: #221A3B;
    float: right;
    font-weight: bold;
}
.grab-a-seat .page-item.active .page-link {
    background: linear-gradient(180deg, #FB2B4E 0%, #FF6937 100%);
}
.grab-a-seat .price-2 {
    color:#FB2B4E;
    background: -webkit-linear-gradient(#FB2B4E, #FF6937);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* End Grab a seat */
/* Section 3 */

.section-3 {
    padding:0px 0 66px
}
.section-3 .h3, .section-3 h3 {
    font-size: 32px;
    line-height: 40px;
}
.pr-8 {
    padding-right:8px
}
.pl-8 {
    padding-left: 8px;
}
.section-3 .btn-primary {
    background: #7940F2;
    box-shadow: 0px 1px 8px rgba(34, 26, 59, 0.32);
    border-radius: 480px;
    width:320px;
    padding-top:13px;
    padding-bottom: 13px;
    max-width: 100%;
    margin-bottom: 48px;
}
.section-3 .round-icon {
    background: #F5F3FB;
    border-radius: 480px !important;
    display: inline-block;
    width: 104px;
    height: 104px;
    line-height: 104px;
    text-align: center;
    margin-bottom: 35px;
    margin-top: 21px;
}
.product-card {
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(91, 83, 116, 0.2);
    border-radius: 20px;
    margin-bottom: 30px;
    margin-top: 30px;
    padding-top: 46px;
    border: none;
    min-height: 530px;
}
.product-card p {
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 32px;
}
.card-inner {
    padding:0 30px;
}
@media (max-width: 1240px) {
    .card-inner {
        padding: 0 20px;
    }
    .section-3 .h3, .section-3 h3 {
        font-size: 26px;
        line-height: 40px;
    }
    .section-3 .col-sm-6:first-child {
        padding-left: 0;
    }
    .section-3 .col-sm-6:last-child {
        padding-right: 0;
    }
}
@media (max-width: 1140px) {
    .product-card p {
        min-height: 108px;
    }
}
@media (max-width: 992px) {
    .section-3 .col-sm-6:first-child {
        padding-left: 16px;
    }
    .section-3 .col-sm-6:last-child {
        padding-right:16px;
    }
    .product-card p {
        min-height: inherit;
    }
    .section-3 .btn-primary {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}
@media (max-width: 840px) {
    .section-3 {
        padding: 0px 0 46px;
    }
}
@media (max-width: 767px) {
    .product-card p {
        min-height: 108px;
    }
    .section-3 .h3, .section-3 h3 {
        font-size: 25px;
    }
    .section-3 .round-icon {
        width: 90px;
        height: 90px;
        line-height: 90px;
    }

}
@media (max-width: 640px) {
    .section-3 .h3, .section-3 h3 {
        font-size: 22px;
    }
}
@media (max-width: 575px) {
    .product-card p {
        min-height: inherit;
    }
    .product-card {
        padding-top: 30px;
        margin-bottom: 0;
    }
    .section-3 .btn-primary {
        margin-bottom: 35px;
    }
    .section-3 .col-sm-6:first-child,
    .section-3 .col-sm-6:last-child {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 420px) {
    .section-3 .btn-primary {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}
/* Footer */
#main-footer {
    margin-bottom: 48px;
}
footer .round-icon {
    width: 80px;
    height: 80px;
    display: inline-block;
    background: #322950;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    line-height: 80px;
    border-radius: 50%;
    margin-bottom: 20px;
    overflow: hidden;
}
.footer .footer-columns {
    background: #221A3B;
    border-radius: 24px 24px 0 0;
    width:1232px;
}
.footer-menu a, .footer-menu, .footer-menu p, .footer-menu h5 {
    color:#fff;
}
.footer-menu {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #5B5374;
    width:1232px !important;
}
.footer-menu ul {
    margin:0;
}
.footer-menu .social-icons a {
    font-size: 20px;
    padding: 5px 10px;
    display: inline-block;
    margin-left: 20px;
}
.footer-menu .social-icons a:first-child {
    margin-left: 0;
}
.footer-menu ul a {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
}
.footer-menu ul li {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
}

.footer-columns p, .footer-columns h5 {
    color:#fff
}
.footer-columns p {
    font-size: 14px;
    line-height: 18px;
    width:192px;
    margin:0 auto;
    max-width: 100%;
}
.footer-columns h5 {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 15px;
}
.footer-columns .round-icon {
    margin-top: 48px;
}
.footer-menu ul {
    list-style-type: none;
    padding-left:0
}
.footer-menu ul li {
    display: inline-block;
}
.footer-columns p {
    margin-bottom: 44px;
}
.social-icons {
    /* padding-right: 15px; */
}
.logo-2 {
    margin-left: 25px;
}
.footer-menu, .copyright {
    background: #140F26;
}
.copyright {
    border-radius: 0 0 24px 24px;
    font-size: 14px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.4);
    padding-bottom: 15px;
    padding-top: 15px;
    width:1232px !important;
}
@media (max-width: 1240px) {
    #main-footer {
        margin-bottom: 28px;
    }
    #main-footer {
        margin-bottom: 28px;
        padding: 0 15px;
    }
    .footer-menu .social-icons a {
        margin-left: 10px;
    }
}
@media (max-width: 1140px) {
    .footer-menu .social-icons a {
        margin-left: 0px;
    }
    .footer-menu .col-md-2 {
        padding-left: 0;
    }
}
@media (max-width: 992px) {
    .logo-2 {
        margin-left: 15px;
        max-width: 85%;
    }
    .social-icons {
        padding-right: 5px;
    }
    .footer-menu .social-icons a {
        margin-left: 0px;
    }
}
@media (max-width: 850px) {
    .footer-menu .social-icons a {
        padding: 5px 7px;
    }
}
@media (max-width: 767px) {
    .logo-2 {
        margin-left: auto;
        max-width: 170px;
        margin-right: auto;
        display: block;
        margin-bottom: 32px;
    }
    .footer-menu .col-md-2 {
        padding-left: 15px;
    }
    .social-icons {
        padding-top: 32px;
    }
    .footer-menu .social-icons a:first-child,
    .footer-menu .social-icons a {
        margin-left: 10px;
        margin-right: 10px;
    }
    .footer-menu .social-icons a {
        padding: 5px 10px;
    }
    footer .round-icon {
        width: 75px;
        height: 75px;
        line-height: 75px;
    }
    .social-icons {
        padding-right: 0px;
    }
}
@media (max-width: 575px) {
    .footer-columns p {
        margin-bottom: 0;
    }
    .footer-columns .col-sm-4:last-child p {
        margin-bottom: 44px;
    }
    #main-footer {
        margin-bottom: 0;
    }
}
@media (max-width: 390px) {
    .logo-2 {
        margin-left: auto;
        max-width: 150px;
    }
    .footer-menu ul a {
        font-size: 13px;
    }
}
@media (max-width: 340px) {
    .footer-menu ul a {
        font-size: 12px;
    }
}
/* Modal */
.modal-header .close {
    float: none;
    font-size: 27px;
    font-weight: 300;
    line-height: 12px;
    color: #221A3B;
    text-shadow: none;
    opacity: 1;
    display: block;
    padding: 20px;
    margin: 0;
    top: 0;
    position: absolute;
    right: 0;
}
.modal-dialog {
    max-width: 608px;
}
.modal-content {
    position: relative;
    border: none;
    border-radius: 24px;
    outline: 0;
}
.modal-header {
    padding: 33px 20px 20px;
    border-bottom: none;
    border-radius: 0;
}
.modal-title {
    font-family: "Circular Std", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 40px;
}
.modal-body {
    padding: 18px 32px 0;
}
.modal-backdrop {
    background: transparent;
}
.modal-backdrop.show {
    opacity: 0.8;
    background: rgba(134, 122, 174, 0.8);
}
.pl-14 {
    padding-left: 14px;
}
.modal-is-open .section {
    filter: blur(5px);
}
.forgot-pass {
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
}
.not-signed {
    font-size: 14px;
    color: #5B5374;
    margin-bottom: 20px;
}
.not-signed a {
    font-weight: bold;
}
.show-hide-pass {
    width:16px;
    height:12px;
    background: url('../img/eye-icon.png') no-repeat center center;
    background-size: 100%;
    display: block;
    position: absolute;
    right:16px;
    top:50%;
    margin-top:-6px;
    z-index: 3;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
    .show-hide-pass {
        background: url('../img/eye-icon@2x.png') no-repeat center center;
        background-size: 16px 12px;
    }
}
.input-icon {
    padding-right: 40px;
}
@media (max-width: 767px) {
    .modal-title {
        font-size: 28px;
    }
}
@media (max-width: 640px) {
    .modal-title {
        font-size: 24px;
    }
    .modal-body {
        padding: 18px 20px 0;
    }
    #main-footer {
        margin-bottom: 0px;
        padding: 0px;
    }
    .footer .footer-columns, .copyright{
        border-radius: 0;
    }
}
@media (max-width: 480px) {
    .modal-title {
        font-size: 22px;
    }
    .modal-header {
        padding: 33px 20px 10px;
    }
}
@media (max-width: 400px) {
    .modal-body {
        padding: 18px 15px 0;
    }
}

/* Load amount */
.load-your-wallet {
    margin-bottom: 80px;
}

@media (max-width: 767px) {
    .load-your-wallet {
        margin-top: 30px;
    }

    .grab-a-seat {
        margin-top: 30px;
    }
}

.load-card-box {
    padding: 30px 33px 40px;
}
.current-balance {
    top: 50%;
    right: 2.5%;
    z-index: 3;
    color: #fff;
    font-size: 80px;
    line-height: 72px;
    margin-top: -20px;
    font-weight: 600;
}
.amount {
    background:#F1F0F5;
    line-height: 97px;
    border-radius: 8px;
    border:1px solid #F1F0F5;
    display: block;
    text-align: center;
    margin-bottom:16px;
    cursor:pointer;
    position: relative;
}
label.amount:before{
    transition: all 0.3s;
    opacity:0;
}
label.amount:before {
    position:absolute;
    opacity:0;
    display:block;
    content:"";
    border-radius: 8px;
    z-index: 2;
    top:-2px;
    bottom:-2px;
    left:-2px;
    right:-2px;
    background: #fb2b4e; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiMmI0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjY5MzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fb2b4e 0%, #ff6937 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fb2b4e 0%,#ff6937 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fb2b4e 0%,#ff6937 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb2b4e', endColorstr='#ff6937',GradientType=0 ); /* IE6-8 */
}

label.amount:after {
    position:absolute;
    display: block;
    opacity:1;
    content:"";
    border-radius: 7px;
    z-index: 3;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#F1F0F5;
}
input:checked + label.amount:before{
    opacity:1;
}
.load-your-wallet h2 {
    font-size: 16px;
    line-height: 18px;
    padding-left: 0;
    padding-right: 0;
    height: 80px;
    margin-top: 10px;
    color:#221A3B;
}

.amount span {
    color: #221A3B;
    font-size:28px;
    position:relative;
    z-index: 5;
}
.amount.border-dashed span {
    font-size:24px;
}
.border-dashed {
    border:1px dashed #C7C1D9;
}
input:checked + label.amount {
    /*border-color:*/
    box-shadow: 0px 4px 16px rgba(34, 26, 59, 0.12);
    position: relative;
    top:1px
}
input:checked + .amount span {
    font-weight: bold;
}
input:checked + label.amount span {
    color: #FB2B4E;
    background: -webkit-linear-gradient(#FB2B4E, #FF6937);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Checkout */
.checkout .h2 {
    font-size: 24px;
    line-height: 26px;
    margin:0
}

.checkout .h3 {
    font-size: 18px;
    line-height: 20px;
    margin:0
}
.separator-line {
    height:1px;
    background:#E3E0EC;
}

.separator-line-dark {
    height:1px;
    background:#cdc9d8;
}


.your-info, .payment-method {
    line-height: 26px;
    padding:24px 24px 24px;
}
.custom-radio label {
    cursor:pointer;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23221A3B;'/%3e%3c/svg%3e");
}
.shipping-address .h2, .billing-address .h2,
.payment-method .h2, .payment-method p,
.your-info .h2, .your-info p {
    padding-bottom: 17px;
}
.shipping-address, .billing-address {
    padding:24px 24px 8px;
}
.your-info .row > div:first-child {
    padding-left: 8px;
}
.your-info .row > div:last-child {
    padding-right: 8px;
}
.p-24 {
    padding:24px;
}
.billing-address-separate {
    display:none;
    padding-left:16px;
    padding-right: 16px;
    padding-bottom:8px;
}
.checkout {
    margin-bottom: 40px;
}
.checkout-product  {
    position: relative;
    min-height: 120px;
    padding-left: 120px;
}
.checkout .checkout-product .h2 {
    font-size: 32px;
    line-height: 32px;
    font-weight: 600;
    margin: 0;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    display: block;
    text-align: right;
    padding-right: 24px;
    padding-left: 120px;
}
.checkout .checkout-product .h2 span {
    font-size: 60%;
    font-weight: 400;
}
.checkout-product img {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
}

/*---------------*/

.checkout-market {
    position: relative;
    min-height: 120px;
    padding-left: 20px;
}
..checkout-market .h2 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    display: block;
    text-align: right;
    padding-right: 24px;
    padding-left: 120px;
}
.checkout-market .h2 span {
    font-size: 60%;
    font-weight: 400;
}



.total span {
    font-size: 22px;
}
.checkout-total,
.checkout-product-info {
    font-size: 16px;
    line-height: 20px;
    padding: 12px 16px;
}
.checkout-total .row,
.checkout-product-info .row {
    padding-top:6px;
    padding-bottom: 6px;
}
.shipping-address .col-12, .billing-address .col-12,
.payment-method .col-12 {
    padding-left: 8px;
    padding-right: 8px;
}
.payment-method img {
    position: relative;
    top:-1px
}
.info-block {
    background: #F1F0F5;
    padding:16px 100px 16px 16px;
    border-radius: 24px;
}
.info-block-in {
    background: #F1F0F5;
    padding:16px 10px 16px 16px;
    border-radius: 24px;
}

.info-block div {
    font-size: 16px;
    line-height: 26px;
    position:relative;
}
.item-color{
    color:#777;
}
.item-color-2 {
    color:#8169bc
}
.won-price {
    line-height: 39px;
}
.won-price span {
    position: relative;
    top:5px;
}
.won-price img {
    margin-right:4px;
}
.item-discount {
    color:#e9575d
}
.info-block a, .info-block a:hover {
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -13px;
    z-index: 3;
    color: #FF6B37;
    text-decoration: none;
    line-height: 26px;
}

.info-block a.normal, .info-block a.normal:hover {
    position: relative;
    right: 0;
    top: 0;
    margin-top: 10px;
    color: #FF6B37;
    text-decoration: none;
}
@media (max-width: 991px) {
    .load-your-wallet h2,
    .checkout .h2 {
        font-size: 20px;
        line-height: 22px;
    }
    .load-card-box {
        padding: 30px 23px 40px;
    }
    .amount span {
        font-size: 26px;
    }
    .amount.border-dashed span {
        font-size: 22px;
    }
    .checkout .checkout-product .h2 {
        font-size: 27px;
    }
    .checkout-form .btn-pay {
        margin-top: 0;
    }
    .your-info, .payment-method {
        line-height: 22px;
        padding: 22px 18px 22px;
    }
    .shipping-address, .billing-address {
        padding:22px 18px 8px
    }
    .current-balance {
        font-size: 60px;
        line-height: 60px;
    }
}
@media (max-width: 767px) {
    .current-balance {
        font-size: 45px;
        line-height: 60px;
    }
    .amount {
        line-height: 90px;
    }
}
@media (max-width: 740px) {
    .amount {
        line-height: 70px;
    }
    .amount span {
        font-size: 22px;
    }
    .amount.border-dashed span {
        font-size: 20px;
    }
}
@media (max-width: 650px) {
    .amount {
        line-height: 60px;
    }
    .amount span {
        font-size: 20px;
    }
    .amount.border-dashed span {
        font-size: 18px;
    }
    .current-balance {
        font-size: 35px;
        line-height: 50px;
    }
    .load-card-box {
        padding: 25px 15px 25px;
    }
}
@media (max-width: 576px) {
    .select2-container--default .select2-selection--single {
        height: calc(1.8em + .75rem + 2px);
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 30px;
    }
    .select2-results__option {
        padding: 12px 10px;
    }
    .checkout .checkout-product .h2 {
        font-size: 24px;
    }
    .ended {
        display: block;
    }
    .total span {
        font-size: 20px;
    }
    .shipping-address-block .slim-grid .row div {
        padding:0
    }
    .amount {
        line-height: 80px;
    }
    .current-balance {
        font-size: 45px;
        line-height: 55px;
    }
}
@media (max-width: 420px) {
    .amount {
        line-height: 60px;
    }
    .current-balance {
        font-size: 35px;
        line-height: 50px;
    }
}
[data-notify="container"] {
    padding-right: 35px;
    width:800px;
    max-width: 94%;
}
[data-notify="container"].alert-success {
    background: linear-gradient(180deg, #27D395 0%, #44E4AB 100%);
    box-shadow: 0px 2px 16px rgba(227, 224, 236, 0.72);
    border-radius: 8px;
    font-size:14px;
    line-height: 18px;
    color:#140F26
}
[data-notify="container"] .close, [data-notify="container"] .close:hover {
    float: right;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-shadow: none;
    opacity: 1;
    position: absolute !important;
    right: 20px !important;
    top: 50% !important;
    margin-top: -8px;
}
[data-notify="icon"] {
    position: relative;
    top: -2px;
    margin-right: 5px;
}
[data-notify="title"] {
    font-weight: 600;
}
.circles-icon span:after{
    width: 4px;
    height: 4px;
    content:"";
    border-radius: 100%;
    background: #fff;
    display: inline-block;
    position: absolute;
    left: 22px;
    top:2px;
    vertical-align: middle;
}
.circles-icon span:before {
    width: 6px;
    height: 6px;
    content:"";
    border-radius: 100%;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 12px;
    top:1px;
}
.circles-icon span {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #fff;
    display: inline-block;
    visibility: visible;
    vertical-align: middle;
    position: relative;
    margin-right: 25px;
    top:-1px
}
.going-to-seatplay {
    font-weight: 600;
}
.countdown {
    display: none;
    opacity: 0;
    position: absolute;
    z-index: 5;
    background: rgba(255,255,255,0.8);
    left: 0;
    right: 0;
    top: 0;
    bottom: 150px;
}
.countdown h3 {
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 3px
}
.countdown p {
    margin-bottom: 11%;
}
.countdown-inner {
    position: relative;
    top: 22%;
    padding: 0 20px;
}
.counter {
    width:160px;
    height:160px;
    border-radius: 100%;
    display: inline-block;
    background: #fb2b4e; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiMmI0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjY5MzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fb2b4e 0%, #ff6937 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fb2b4e 0%,#ff6937 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fb2b4e 0%,#ff6937 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb2b4e', endColorstr='#ff6937',GradientType=0 ); /* IE6-8 */
}
.counter span {
    font-size: 80px;
    line-height: 154px;
    width: 154px;
    height: 154px;
    background: rgba(255,255,255,1);
    display: block;
    border-radius: 100%;
    padding: 0;
    /* margin: 2px; */
    position: relative;
    left: 3px;
    top: 3px;
}
.declaring-winner .countdown {
    display: block;
}
.declaring-winner .reserve-seat-form {
    filter: blur(4px);
}
@media (max-width: 1400px) {
    .counter {
        width:140px;
        height:140px;
    }
    .counter span {
        font-size: 70px;
        line-height: 134px;
        width: 134px;
        height: 134px;
    }
}
@media (max-width: 1199px) {
    .countdown p {
        margin-bottom: 6%;
    }
    .counter {
        width:110px;
        height:110px;
    }
    .counter span {
        font-size: 60px;
        line-height: 104px;
        width: 104px;
        height: 104px;
    }
    .countdown h3 {
        font-size: 22px;
    }
}
@media (max-width: 576px) {
    .counter {
        width:90px;
        height:90px;
    }
    .countdown h3 {
        font-size: 20px;
    }
    .counter span {
        font-size: 50px;
        line-height: 84px;
        width: 84px;
        height: 84px;
    }
}
@media (max-width: 340px) {
    .seats-box {
        padding: 8px 12px 8px 5px;
        border-radius: 22px;
    }
}

.mobile-top-icons .load-card-item {
	padding-top: 0;
	padding-bottom: 0;
}
.mobile-top-icons .nav-link {
	padding-left: 0;
	padding-right: 0;
	padding-right: 0;
	margin-left: 0;
	padding: 0 10px;
}
.mobile-top-icons .load-card-item .nav-link {
	margin-right: 0;
	margin-left: 0;
}
.mobile-top-icons li:first-child img,
.mobile-top-icons li:nth-child(2) img {
	height: 32px;
}
.initials {
	width: 34px;
	height: 34px;
	line-height: 34px;
	background: #322950;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
	text-align: center;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	margin-left: 4px;
	vertical-align: middle;
	border-radius: 100%;
	font-weight: bold;
}

@media (min-width:992px) and (max-width:1199px) {
	.navbar-nav.tabs-item {
	padding-left: 0;
	}
}
@media (max-width:991px) {
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		position: relative;
		display: block;
	}
        .user-item .dropdown-menu a:hover {
	   background: transparent;
	   text-decoration: none;
        }
	.user-item .dropdown-menu a {
	   text-align: right;
	}
        #navbarSupportedContent-middle {
	    padding-right: 3px;
        }
	.user-item .dropdown-menu a img {
           position: absolute;
           transform: translateY(-50%);
           left: 17px;
           right: auto;
           top: 50%;
	}
	.user-item .dropdown-menu a {
	   display: inline-block;
           text-align: left;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		position: relative;
		display: inline-block;
		min-width: 100%;
		text-align: right;
	}
	.user-item .dropdown-divider {
		clear: both;
	}
	.user-item .dropdown-menu a {
		padding-right: 0;
		display: inline-block;
		text-align: left;
		float: right;
		clear: right;
	}
	.user-item .dropdown-menu {
		background: #FFFFFF;
		box-shadow: none;
		border-radius: 0;
		border: none;
		position: relative;
		padding: 0;
		min-width: 100%;
		margin-top: 8px;
		padding-left: 0;
		padding-right: 0;
	}
	.navbar-nav .btn-group {
		display: block;
		box-shadow: none;
	}
	.hide-element {
		display:none !important;
	}
	.navbar-toggler {
		position: relative;
		top: -1px;
		padding-right: 0;
	}
       .load-card-item span {
	   margin-left: 5px;
	   color: #221A3B;
        }
	header .navbar-light .navbar-brand {
		/*max-width: 33px;*/
		margin: 0;
		padding: 0;
	}
	header .navbar-light .navbar-brand {
		position: relative;
		top: -2px;
	}
}
@media (max-width:350px) {
	.mobile-top-icons .load-card-item .nav-link {
		margin-right: 0;
		margin-left: 0px;
		padding-right: 0;
	}
	.mobile-top-icons li:nth-child(2) img,
	.mobile-top-icons li:first-child img {
		height: 28px;
	}
	.load-card-item span {
		margin-left: 5px;
	}
	.mobile-top-icons li:first-child img, .mobile-top-icons li:nth-child(2) img {
	height: 26px;
	}
	.navbar-toggler {
		padding-left: 0;
	}
	.mobile-top-icons .nav-link {
		padding: 0 8px;
	}
	.initials {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size:13px;
	}
}

.relative {
    position:relative;
}

.badge-80 {
    position:absolute;
    top: -100px; 
    right: -70px;
}

@media (max-width:990px) {
    .badge-80 {
        position:absolute;
        top: -90px; 
        right: -30px;
    }
}

.language a {
    color:  #FB2B4E;
    border: 1px solid  #FB2B4E;
    border-radius: 50%;
    padding: 5px;
    text-decoration: none;
    font-size: 12px;

}

.btn-apply {
    background: #FB2B4E;
    border: 1px solid  #FB2B4E;
    color: #fff;
    font-size: 14px;
    padding: 5px 15px;
    border-radius: 8px;
    line-height: 24px;
    height: calc(2.14em + .75rem + 2px);
}

@media (max-width: 990px) {
    .btn-apply {
        margin-top: 10px;
    }
}

.success {
    background: linear-gradient(180deg, #27D395 0%, #44E4AB 100%);
    box-shadow: 0px 2px 16px rgba(227, 224, 236, 0.72);
    border-radius: 8px;
    font-size:14px;
    line-height: 18px;
    color:#140F26;
    padding: 10px;
}

.auctions-info {
    margin-bottom: 10px;
}
.auctions-info img {
    height: 20px;
    width: 20px;
    max-width: 20px;
}

.auctions-info div {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.auctions-info .feature-icon {
    color: gold;
    font-size: 18px;
}