.text-transparent {
    color: transparent !important
}

.text-transparent:hover {
    color: transparent !important
}

.bg-transparent {
    background-color: transparent
}

.text-white {
    color: #fff !important
}

.text-white:hover {
    color: #fff !important
}

.bg-white {
    background-color: #fff
}

.text-black {
    color: #000 !important
}

.text-black:hover {
    color: #000 !important
}

.bg-black {
    background-color: #000
}

.text-yellow {
    color: #fde800 !important
}

.text-yellow:hover {
    color: #fde800 !important
}

.bg-yellow {
    background-color: #fde800
}

.text-yellow2 {
    color: #f9ca07 !important
}

.text-yellow2:hover {
    color: #f9ca07 !important
}

.bg-yellow2 {
    background-color: #f9ca07
}

.text-green {
    color: #2abd7d !important
}

.text-green:hover {
    color: #2abd7d !important
}

.bg-green {
    background-color: #2abd7d
}

body,
html {
    margin: 0;
    padding: 0
}

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

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

.position-xs-initial {
    position: initial !important
}

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

@media (min-width:576px) {
    .position-sm-absolute {
        position: absolute !important
    }
}

@media (min-width:576px) {
    .position-sm-relative {
        position: relative !important
    }
}

@media (min-width:576px) {
    .position-sm-initial {
        position: initial !important
    }
}

@media (min-width:576px) {
    .position-sm-fixed {
        position: fixed !important
    }
}

@media (min-width:768px) {
    .position-md-absolute {
        position: absolute !important
    }
}

@media (min-width:768px) {
    .position-md-relative {
        position: relative !important
    }
}

@media (min-width:768px) {
    .position-md-initial {
        position: initial !important
    }
}

@media (min-width:768px) {
    .position-md-fixed {
        position: fixed !important
    }
}

@media (min-width:992px) {
    .position-lg-absolute {
        position: absolute !important
    }
}

@media (min-width:992px) {
    .position-lg-relative {
        position: relative !important
    }
}

@media (min-width:992px) {
    .position-lg-initial {
        position: initial !important
    }
}

@media (min-width:992px) {
    .position-lg-fixed {
        position: fixed !important
    }
}

@media (min-width:1200px) {
    .position-xl-absolute {
        position: absolute !important
    }
}

@media (min-width:1200px) {
    .position-xl-relative {
        position: relative !important
    }
}

@media (min-width:1200px) {
    .position-xl-initial {
        position: initial !important
    }
}

@media (min-width:1200px) {
    .position-xl-fixed {
        position: fixed !important
    }
}

@media (min-width:1920px) {
    .position-xxl-absolute {
        position: absolute !important
    }
}

@media (min-width:1920px) {
    .position-xxl-relative {
        position: relative !important
    }
}

@media (min-width:1920px) {
    .position-xxl-initial {
        position: initial !important
    }
}

@media (min-width:1920px) {
    .position-xxl-fixed {
        position: fixed !important
    }
}

body,
html {
    font-family: Raleway, sans-serif;
    font-weight: 400;
    font-size: 10px
}

body ::-webkit-input-placeholder,
html ::-webkit-input-placeholder {
    text-decoration: none
}

body ::-moz-placeholder,
html ::-moz-placeholder {
    text-decoration: none
}

body :-ms-input-placeholder,
html :-ms-input-placeholder {
    text-decoration: none
}

body ::-ms-input-placeholder,
html ::-ms-input-placeholder {
    text-decoration: none
}

body ::placeholder,
body a,
body h1,
body h2,
body h3,
body input,
body label,
body li,
body p,
body span,
body td,
body textarea,
body th,
html ::placeholder,
html a,
html h1,
html h2,
html h3,
html input,
html label,
html li,
html p,
html span,
html td,
html textarea,
html th {
    text-decoration: none
}

body ::-webkit-input-placeholder:active,
body ::-webkit-input-placeholder:hover,
html ::-webkit-input-placeholder:active,
html ::-webkit-input-placeholder:hover {
    text-decoration: none;
    color: #000
}

body ::-moz-placeholder:active,
body ::-moz-placeholder:hover,
html ::-moz-placeholder:active,
html ::-moz-placeholder:hover {
    text-decoration: none;
    color: #000
}

body :-ms-input-placeholder:active,
body :-ms-input-placeholder:hover,
html :-ms-input-placeholder:active,
html :-ms-input-placeholder:hover {
    text-decoration: none;
    color: #000
}

body ::-ms-input-placeholder:active,
body ::-ms-input-placeholder:hover,
html ::-ms-input-placeholder:active,
html ::-ms-input-placeholder:hover {
    text-decoration: none;
    color: #000
}

body ::placeholder:active,
body ::placeholder:hover,
body a:active,
body a:hover,
body h1:active,
body h1:hover,
body h2:active,
body h2:hover,
body h3:active,
body h3:hover,
body input:active,
body input:hover,
body label:active,
body label:hover,
body li:active,
body li:hover,
body p:active,
body p:hover,
body span:active,
body span:hover,
body td:active,
body td:hover,
body textarea:active,
body textarea:hover,
body th:active,
body th:hover,
html ::placeholder:active,
html ::placeholder:hover,
html a:active,
html a:hover,
html h1:active,
html h1:hover,
html h2:active,
html h2:hover,
html h3:active,
html h3:hover,
html input:active,
html input:hover,
html label:active,
html label:hover,
html li:active,
html li:hover,
html p:active,
html p:hover,
html span:active,
html span:hover,
html td:active,
html td:hover,
html textarea:active,
html textarea:hover,
html th:active,
html th:hover {
    text-decoration: none;
    color: #000
}

h1 {
    font-size: 28px;
    line-height: 30px;
    font-weight: 700
}

h2.popupH2 {
    font-size: 44px;
    line-height: 54px;
    font-weight: 800;
    background: #cc1430;
    background: linear-gradient(94deg, #cc1430 19%, #e73967 54%, #800d20 98%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: .8;
    text-transform: uppercase;
    margin-bottom: 20px
}

p.popupP {
    font-size: 11px;
    line-height: 12px;
    font-weight: 800;
    color: #333
}

p.popupP--small {
    font-size: 9px;
    line-height: 10px;
    font-weight: 700;
    color: #333
}

p.popupP span {
    font-size: 11px;
    line-height: 14px;
    color: #c20c28
}

#timer {
    font-size: 28px;
    line-height: 32px;
    font-family: Arial
}

button.popupBtn {
    font-size: 16px;
    line-height: 20px;
    font-weight: 900;
    text-align: center
}

button.popupLink {
    font-size: 9px;
    line-height: 16px;
    font-weight: 700;
    text-align: center
}

@media (min-width:576px) {
    h1 {
        font-size: 28px;
        line-height: 30px;
        font-weight: 700
    }

    h2.popupH2 {
        font-size: 44px;
        line-height: 54px;
        font-weight: 800;
        background: #cc1430;
        background: linear-gradient(94deg, #cc1430 19%, #e73967 54%, #800d20 98%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        opacity: .8;
        text-transform: uppercase;
        margin-bottom: 20px
    }

    p.popupP {
        font-size: 11px;
        line-height: 12px;
        font-weight: 800;
        color: #333
    }

    p.popupP--small {
        font-size: 9px;
        line-height: 10px;
        font-weight: 700;
        color: #333
    }

    p.popupP span {
        font-size: 11px;
        line-height: 14px;
        color: #c20c28
    }

    #timer {
        font-size: 28px;
        line-height: 32px;
        font-family: Arial
    }

    button.popupBtn {
        font-size: 16px;
        line-height: 20px;
        font-weight: 900;
        text-align: center
    }

    button.popupLink {
        font-size: 9px;
        line-height: 16px;
        font-weight: 700;
        text-align: center
    }
}

@media (min-width:768px) {
    h1 {
        font-size: 33.6px;
        line-height: 36px;
        font-weight: 700
    }

    h2.popupH2 {
        font-size: 52.8px;
        line-height: 64.8px;
        font-weight: 800;
        background: #cc1430;
        background: linear-gradient(94deg, #cc1430 19%, #e73967 54%, #800d20 98%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        opacity: .8;
        text-transform: uppercase;
        margin-bottom: 20px
    }

    p.popupP {
        font-size: 13.2px;
        line-height: 14.4px;
        font-weight: 800;
        color: #333
    }

    p.popupP--small {
        font-size: 10.8px;
        line-height: 12px;
        font-weight: 700;
        color: #333
    }

    p.popupP span {
        font-size: 13.2px;
        line-height: 16.8px;
        color: #c20c28
    }

    #timer {
        font-size: 33.6px;
        line-height: 38.4px;
        font-family: Arial
    }

    button.popupBtn {
        font-size: 19.2px;
        line-height: 24px;
        font-weight: 900;
        text-align: center
    }

    button.popupLink {
        font-size: 10.8px;
        line-height: 19.2px;
        font-weight: 700;
        text-align: center
    }
}

@media (min-width:992px) {
    h1 {
        font-size: 33.6px;
        line-height: 36px;
        font-weight: 700
    }

    h2.popupH2 {
        font-size: 52.8px;
        line-height: 64.8px;
        font-weight: 800;
        background: #cc1430;
        background: linear-gradient(94deg, #cc1430 19%, #e73967 54%, #800d20 98%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        opacity: .8;
        text-transform: uppercase;
        margin-bottom: 20px
    }

    p.popupP {
        font-size: 13.2px;
        line-height: 14.4px;
        font-weight: 800;
        color: #333
    }

    p.popupP--small {
        font-size: 10.8px;
        line-height: 12px;
        font-weight: 700;
        color: #333
    }

    p.popupP span {
        font-size: 13.2px;
        line-height: 16.8px;
        color: #c20c28
    }

    #timer {
        font-size: 33.6px;
        line-height: 38.4px;
        font-family: Arial
    }

    button.popupBtn {
        font-size: 19.2px;
        line-height: 24px;
        font-weight: 900;
        text-align: center
    }

    button.popupLink {
        font-size: 10.8px;
        line-height: 19.2px;
        font-weight: 700;
        text-align: center
    }
}

@media (min-width:1200px) {
    h1 {
        font-size: 39.2px;
        line-height: 42px;
        font-weight: 700
    }

    h2.popupH2 {
        font-size: 61.6px;
        line-height: 75.6px;
        font-weight: 800;
        background: #cc1430;
        background: linear-gradient(94deg, #cc1430 19%, #e73967 54%, #800d20 98%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        opacity: .8;
        text-transform: uppercase;
        margin-bottom: 20px
    }

    p.popupP {
        font-size: 15.4px;
        line-height: 16.8px;
        font-weight: 800;
        color: #333
    }

    p.popupP--small {
        font-size: 12.6px;
        line-height: 14px;
        font-weight: 700;
        color: #333
    }

    p.popupP span {
        font-size: 15.4px;
        line-height: 19.6px;
        color: #c20c28
    }

    #timer {
        font-size: 39.2px;
        line-height: 44.8px;
        font-family: Arial
    }

    button.popupBtn {
        font-size: 22.4px;
        line-height: 28px;
        font-weight: 900;
        text-align: center
    }

    button.popupLink {
        font-size: 12.6px;
        line-height: 22.4px;
        font-weight: 700;
        text-align: center
    }
}

@media (min-width:1920px) {
    h1 {
        font-size: 50.4px;
        line-height: 54px;
        font-weight: 700
    }

    h2.popupH2 {
        font-size: 79.2px;
        line-height: 97.2px;
        font-weight: 800;
        background: #cc1430;
        background: linear-gradient(94deg, #cc1430 19%, #e73967 54%, #800d20 98%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        opacity: .8;
        text-transform: uppercase;
        margin-bottom: 20px
    }

    p.popupP {
        font-size: 19.8px;
        line-height: 21.6px;
        font-weight: 800;
        color: #333
    }

    p.popupP--small {
        font-size: 16.2px;
        line-height: 18px;
        font-weight: 700;
        color: #333
    }

    p.popupP span {
        font-size: 19.8px;
        line-height: 25.2px;
        color: #c20c28
    }

    #timer {
        font-size: 50.4px;
        line-height: 57.6px;
        font-family: Arial
    }

    button.popupBtn {
        font-size: 28.8px;
        line-height: 36px;
        font-weight: 900;
        text-align: center
    }

    button.popupLink {
        font-size: 16.2px;
        line-height: 28.8px;
        font-weight: 700;
        text-align: center
    }
}

strong {
    font-weight: 700
}

strong * {
    font-weight: 700
}

.text-italic {
    font-style: italic
}

.text-bold {
    font-weight: 700
}

.text-normal {
    font-weight: 400
}

.text-underline {
    text-decoration: underline
}

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

.popup_10s {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 60%;
    height: auto;
    background-color: #fff;
    z-index: 11;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .75);
    box-shadow: 10px 10px 22px 0 rgba(0, 0, 0, .75)
}

@media (min-width:1024px) {
    .popup_10s {
        width: 90%
    }
}

@media (min-width:1200px) {
    .popup_10s {
        width: 82%
    }
}

@media (min-width:1366px) {
    .popup_10s {
        width: 72%
    }
}

@media (min-width:1440px) {
    .popup_10s {
        width: 68%
    }
}

@media (min-width:1920px) {
    .popup_10s {
        width: 62%
    }
}

.popup_10s__left {
    width: 40%;
    background-color: #eee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popup_10s__left .imgBox {
    width: 60%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.popup_10s__left .imgBox img {
    width: 80%;
    height: auto
}

.popup_10s__right {
    width: 60%;
    background-image: url(../images/right.png);
    background-size: cover;
    background-position-x: 100%
}

.popup_10s__right__container {
    width: 80%;
    margin: 40px auto;
    text-align: center
}

.popup_10s__right__container p {
    margin: 5px 0
}

.popup_10s__right__container p.popupP--small {
    margin-bottom: 20px
}

.popup_10s__right__container .imgBox {
    width: 70%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px
}

.popup_10s__right__container .imgBox img {
    width: 100%;
    height: 100%
}

.popup_10s__right__container .imgBox #timer {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 700
}

.popup_10s__right__container .imgBox #timer .s {
    color: #c20c28
}

.popup_10s__right__container .popupBtn {
    border: none;
    background: linear-gradient(94.83deg, #cc1430 19.89%, #e73967 54.6%, #800d20 94.77%);
    width: 100%;
    max-width: 400px;
    margin-bottom: 20px;
}

.popup_10s__right__container .popupBtn a {
    color: #fff
}

.popup_10s__right__container .popupLink {
    border: none;
    background: 0 0;
    cursor: pointer;
}

.bg_10s {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: 10
}

.d-none {
    display: none
}

@media (max-width:991px){
    h2.popupH2{
        font-size: 32px;
    }
}