.modalContainer{
    display:none;
    background:rgba(13,13,13,.97);
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    align-items:center;
    justify-content:center;
    z-index:50;
    box-sizing:border-box
}
.isModaled .modalContainer{
    display:flex
}
.modalWrap{
    display:none
}
.modal{
    position:relative;
    width:62.5vw;
    height:36.46vw;
    background:rgba(19,19,19,.9);
    border:1px solid rgba(255,255,255,.2);
    box-sizing:border-box
}
.modal:before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-image:url(../images/modal-bgLight.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
    mix-blend-mode:overlay;
    pointer-events:none
}
.visibleModal{
    display:block
}
.modalBtnContainer{
    text-align:center
}
.modalBtn{
    margin-top:2.08vw;
    background-color:#3a86ef;
    color:#fff;
    box-shadow:0 0 1.04vw #3a86ef40;
    font-size:1.04vw;
    font-weight:700;
    letter-spacing:.1vw;
    padding:.89vw 1.88vw;
    border:none;
    border-radius:5.21vw;
    cursor:pointer;
    transition:background-color .2s,opacity .2s
}
.modalBtn:hover{
    background-color:#569af8
}
.modalBtn:disabled{
    opacity:.15;
    cursor:default
}
.modalBtn img{
    margin-bottom:.15vw;
    vertical-align:middle;
    width:.94vw
}
.modalHeader{
    background:#181818;
    border-bottom:.05vw solid #272626;
    padding:0 2.08vw;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:5.21vw
}
.modalHeader .crossIcon{
    opacity:.15;
    cursor:pointer;
    transition:opacity .2s;
    width:1.56vw
}
.modalHeader .crossIcon:hover{
    opacity:.3
}
.modalHeader-title{
    font-weight:700;
    font-size:1.15vw;
    letter-spacing:.06vw;
    color:#fff
}
.modalHeader-subtitle{
    font-weight:700;
    font-size:.83vw;
    letter-spacing:.04vw;
    color:rgba(255,255,255,.5)
}
.modalContent{
    position:relative;
    font-size:.83vw;
    color:#fff;
    letter-spacing:.04vw;
    height:calc(100% - 5.21vw);
    box-sizing:border-box;
    overflow:auto
}
.modalContent-offerText{
    margin:2.08vw
}
.modalOffer .modalHeader-title,.modalPrivacyPolicy .modalHeader-title,.modalPersonalData .modalHeader-title{
    font-size:1.25vw;
    letter-spacing:.06vw;
    margin-bottom:.42vw
}
.modalContent-offerText a{
    color:#fff
}
.modalSystem .modalContent{
    overflow:unset
}
.modalSystem .modalHeader-title{
    font-size:1.25vw;
    letter-spacing:.06vw
}
.modalSystem-titles{
    display:flex;
    align-items:stretch
}
.modalSystem-titlesMobile{
    display:none
}
.modalSystem-titles div{
    width:50%;
    height:4.95vw;
    line-height:4.95vw;
    text-align:center;
    border-bottom:.05vw solid #272626;
    font-size:1.25vw;
    letter-spacing:.06vw;
    box-sizing:border-box
}
.modalSystem-titles div:first-child{
    border-right:.05vw solid #272626
}
.modalSystem-titles div img{
    vertical-align:middle;
    margin-right:1.04vw;
    margin-bottom:.1vw
}
.modalSystem-valuesWrap{
    height:calc(100% - 5vw);
    overflow:hidden
}
.modalSystem-values{
    display:flex;
    align-items:stretch;
    min-height:100%
}
.modalSystem-valuesMinContainer,.modalSystem-valuesRecommendContainer{
    width:50%;
    padding:0 2.08vw;
    box-sizing:border-box;
    min-height:100%
}
.modalSystem-valuesMinContainer{
    border-right:.05vw solid #272626
}
.modalSystem-value{
    border-bottom:1px solid rgba(255,255,255,.05);
    display:flex;
    align-items:center;
    justify-content:start;
    padding:1.35vw 0;
    box-sizing:border-box
}
.modalSystem-value:last-child{
    border-bottom:none
}
.modalSystem-value img{
    margin-right:1.04vw
}
.modalSystem-value_title{
    font-size:.94vw;
    font-weight:700;
    letter-spacing:.05vw;
    margin-bottom:.26vw;
    color:#fff
}
.modalSystem-value_subtitle{
    font-size:.83vw;
    letter-spacing:.04vw;
    color:#fff;
    opacity:.5
}
.modalInstructions{
    position:relative
}
.modalInstructions .modalHeader-title{
    margin-bottom:0;
    color:#d5d5d5;
    position:relative;
    left:-1.41vw
}
.modalInstructions .modalHeader-title span{
    margin-bottom:.42vw;
    color:#fff
}
.modalInstructions .modalHeader-subtitle{
    color:#3a86ef;
    transition:.2s;
    cursor:pointer;
    margin-top:.42vw
}
.modalInstructions .modalHeader-subtitle svg{
    vertical-align:middle;
    margin-bottom:.11vw;
    margin-left:.25vw;
    fill:#3a86ef;
    stroke:#3a86ef;
    transition:fill .2s,stroke .2s;
    width:1.51vw;
    height:1.51vw
}
.modalInstructions .modalHeader-subtitle:hover{
    color:#569af8
}
.modalInstructions .modalHeader-subtitle:hover svg{
    fill:#569af8;
    stroke:#569af8
}
.modalInstructions-arrow{
    opacity:.35;
    transition:opacity .2s;
    cursor:pointer;
    color:#fff;
    display:inline-block
}
.modalInstructions-arrow:hover{
    opacity:.55
}
.modalHeader .modalInstructions-arrow{
    margin-top:7px
}
.modalInstructions-arrow img{
    width:1.56vw
}
.modalInstructions-arrow.modalInstructions-arrowDisabled{
    opacity:.1;
    cursor:default
}
.modalInstructions-arrow.modalInstructions-arrowDisabled:hover{
    opacity:.1
}
.modalInstructions-arrowLeft{
    margin-right:1.04vw
}
.modalContent{
    height:calc(100% - 5.3vw)
}
.modalFooter{
    height:3.39vw
}
.modalInstructions .modalFooter{
    padding:.26vw 2.08vw 0;
    display:flex;
    justify-content:space-between;
    box-sizing:border-box;
    position:absolute;
    bottom:0;
    left:0;
    width:100%
}
.modalFooter .modalInstructions-arrow{
    min-width:11.98vw
}
.modalFooter .modalInstructions-arrow *{
    vertical-align:middle
}
.modalFooter .modalInstructions-arrowLeft{
    text-align:left
}
.modalFooter .modalInstructions-arrowRight{
    text-align:right
}
.modalFooter .modalInstructions-arrowLeft img{
    margin-right:.78vw;
    margin-bottom:.1vw;
    width:1.25vw
}
.modalFooter .modalInstructions-arrowRight img{
    margin-left:.78vw;
    margin-bottom:.1vw;
    width:1.25vw
}
.modalFooter .modalInstructions-arrow span{
    font-weight:700;
    font-size:.83vw;
    letter-spacing:.04vw;
    line-height:1.25vw
}
.modalInstructions-circlesNavigations{
    display:flex;
    margin-top:2px
}
.modalInstructions-circlesNavigation{
    color:rgba(255,255,255,.5);
    cursor:pointer;
    border:2px solid rgba(255,255,255,.35);
    background:0 0;
    border-radius:50%;
    width:1.25vw;
    height:1.25vw;
    line-height:1.04vw;
    box-sizing:border-box;
    text-align:center;
    font-size:.73vw;
    font-weight:700;
    letter-spacing:.04vw;
    padding-left:.05vw;
    margin:0 .26vw;
    transition:color .2s,border-color .2s,background .2s
}
.modalInstructions-circlesNavigation:hover{
    color:#fff;
    border-color:rgba(255,255,255,.75)
}
.modalInstructions-circlesNavigation_active{
    border-color:#ff3a3a;
    background:#ff3a3a;
    color:#fff
}
.modalInstructions-circlesNavigation_active:hover{
    border-color:#ff3a3a;
    background:#ff3a3a;
    color:#fff
}
.modalInstructions .modalContent{
    position:relative;
    overflow:hidden;
    padding-bottom:3.39vw
}
.modalInstructionsInner-gallery{
    position:absolute;
    top:0;
    left:0;
    width:500%;
    height:100%
}
.modalInstructions .modalInstructionsInner{
    width:20%;
    height:100%;
    float:left;
    padding:2.08vw 2.08vw 5.47vw;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:row-reverse;
    height:100%;
    box-sizing:border-box;
    position:relative
}
.modalInstructions-contentText,.modalInstructions-contentImages{
    width:28.13vw
}
.modalInstructions-contentImages{
    height:100%
}
.modalInstructions-contentText_title{
    color:#fff;
    font-size:1.46vw;
    margin-bottom:1.82vw
}
.modalInstructions-contentText_subtitle{
    color:#fff;
    font-size:1.25vw;
    margin-bottom:1.56vw
}
.modalInstructions-contentText_subtitle-2{
    color:#828282;
    font-size:1.25vw
}
.modalInstructionsInner_image{
    position:relative;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    cursor:pointer
}
.modalInstructionsInner_image:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.75);
    background-image:url(../images/magnifyingGlass.svg);
    background-position:center center;
    background-repeat:no-repeat;
    opacity:0;
    z-index:5;
    transition:opacity .2s,background .2s
}
.modalInstructionsInner_image:hover:before{
    opacity:1
}
.modalInstructionsInner_image:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-sizing:border-box;
    border:.05vw solid rgba(255,255,255,.55);
    opacity:.75;
    z-index:6
}
.modalInstructionsInner_image img{
    position:absolute;
    bottom:1vw;
    right:1vw;
    width:2vw;
    height:2vw;
    z-index:3
}
.modalInstructionsInner-1_image-1{
    width:28.13vw;
    height:13.54vw;
    margin-bottom:1.04vw;
    background-image:url(../images/small-images/instructions-1-1.html)
}
.modalInstructionsInner-1_image-2{
    width:13.54vw;
    height:9.17vw;
    display:inline-block;
    margin-right:.73vw;
    background-image:url(../images/small-images/instructions-1-2.html)
}
.modalInstructionsInner-1_image-3{
    width:13.54vw;
    height:9.17vw;
    display:inline-block;
    background-image:url(../images/small-images/instructions-1-3.html)
}
.modalInstructionsInner-2_image-1{
    width:28.13vw;
    height:11.35vw;
    margin-bottom:1.04vw;
    background-image:url(../images/small-images/instructions-3.html)
}
.modalInstructionsInner-2_image-2{
    width:28.13vw;
    height:11.35vw;
    background-image:url(../images/small-images/instructions-4.html)
}
.modalInstructionsInner-3_image-1{
    width:28.13vw;
    height:23.75vw;
    margin-bottom:1.04vw;
    background-image:url(../images/small-images/instructions-5.html)
}
.modalInstructionsInner-4_image-1{
    width:28.13vw;
    height:23.75vw;
    background-image:url(../images/small-images/instructions-6.html)
}
.modalInstructionsInner-5_image-1{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-position:center;
    background-size:100% 100%;
    background-repeat:no-repeat;
    mix-blend-mode:screen;
    background-image:url(../images/instructions-7-1.png)
}
.modalInstructionsInner-5_image-2{
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:50% -3.39vw;
    background-image:url(../images/instructions-7-2.png);
    display:flex;
    align-items:flex-end;
    justify-content:center;
    background-size:auto 100%
}
.modalInstructionsInner-5_image-2 span{
    font-size:1.88vw;
    margin-bottom:2.86vw
}
.modalRegistration .modalContent{
    padding:2.08vw
}
.inputFieldContainer{
    margin-bottom:1.25vw;
    position:relative
}
.inputFieldTitles{
    margin-bottom:.52vw;
    display:flex;
    align-items:flex-end;
    justify-content:space-between
}
.inputFieldTitle{
    font-size:.83vw;
    font-weight:700;
    color:rgba(255,255,255,.5)
}
.inputFieldDesc{
    font-size:.83vw;
    color:rgba(255,255,255,.25)
}
.inputFieldDesc-mobile{
    display:none;
    opacity:.25;
    font-size:12px;
    margin-top:5px
}
.inputFieldWrapper{
    position:relative
}
.inputFieldWrapper input{
    position:relative;
    background:rgba(0,0,0,.075)!important;
    width:100%;
    height:100%;
    border:1px solid rgba(255,255,255,.25)!important;
    color:#fff;
    padding:.94vw 1.15vw .94vw 3.33vw;
    box-sizing:border-box;
    font-size:.94vw;
    line-height:1.25vw;
    height:3.13vw;
    transition:background .2s,border-color .2s
}
.inputFieldWrapper-textarea{
    background:rgba(0,0,0,.075);
    border:1px solid rgba(255,255,255,.25);
    transition:background .2s,border-color .2s
}
.inputFieldWrapper-textarea:hover{
    background:rgba(0,0,0,.2);
    border-color:rgba(255,255,255,.35)
}
.inputFieldWrapper-textarea.inputFieldWrapper_active{
    background:rgba(0,0,0,.25);
    border-color:rgba(255,255,255,.45)
}
.inputFieldWrapper-textarea.inputFieldWrapper_active:hover{
    background:rgba(0,0,0,.25);
    border-color:rgba(255,255,255,.45)
}
.inputFieldContainer-textarea{
    margin-bottom:0
}
.inputFieldContainer-textarea .inputFieldWrapper{
    height:13.23vw!important;
    width:100%!important;
    overflow:hidden
}
.inputFieldContainer-textarea textarea{
    min-height:13.23vw!important;
    width:100%!important;
    padding:1.3vw 1.56vw 3.91vw!important;
    font-size:.83vw;
    letter-spacing:.05vw;
    resize:none!important
}
.inputFieldWrapper:hover input{
    background:rgba(0,0,0,.2)!important;
    border:1px solid rgba(255,255,255,.35)!important
}
.inputFieldWrapper.inputFieldWrapper_active input{
    background:rgba(0,0,0,.25);
    border:1px solid rgba(255,255,255,.45)
}
.inputField-password input,.inputField-passwordRepeat input{
    font-size:1.25vw;
    letter-spacing:.1vw
}
.inputFieldWrapper input::placeholder{
    font-size:.94vw;
    color:rgba(255,255,255,.5);
    font-weight:400;
    letter-spacing:.05vw
}
.inputFieldResult{
    position:absolute;
    top:50%;
    margin-top:-.42vw;
    font-size:.73vw;
    right:1.04vw;
    color:#fff;
    display:none;
    pointer-events:none
}
.invalidInput .inputFieldResult{
    display:block
}
.inputFieldResult.inputFieldResult-correct{
    color:#43c352;
    fill:#43c352
}
.inputFieldResult.inputFieldResult-wrong{
    color:#b73e3e;
    fill:#b73e3e
}
.inputFieldWrapper:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:.5;
    transition:opacity .2s
}
.inputFieldWrapper.inputFieldWrapper_active:before{
    opacity:.9
}
.inputField-email:before{
    background:url(../images/mailIcon.svg) 1.04vw center no-repeat;
    background-size:1.25vw
}
.inputField-vk:before{
    background:url(../images/vkIcon.svg) 1.04vw center no-repeat;
    background-size:1.09vw
}
.inputField-login:before{
    background:url(../images/userIcon.svg) 1.04vw center no-repeat;
    background-size:1.25vw
}
.inputField-password:before,.inputField-passwordRepeat:before{
    background:url(../images/keyIcon.svg) 1.04vw center no-repeat;
    background-size:1.25vw
}
.checkAgreeContainer{
    display:flex;
    align-items:center;
    margin-top:2.6vw
}
.checkAgreeContainer label{
    position:relative;
    height:2.08vw
}
.checkAgreeContainer label input{
    position:absolute;
    opacity:0
}
.checkAgreeContainer label span{
    position:relative;
    padding-left:3.13vw;
    cursor:pointer
}
.checkAgreeContainer label span:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:2.08vw;
    height:2.08vw;
    background-color:rgba(0,0,0,.075);
    background-image:none;
    background-position:center;
    background-repeat:no-repeat;
    border:1px solid rgba(255,255,255,.25);
    box-sizing:border-box;
    transition:border-color .2s,background .2s
}
.checkAgreeContainer label span:hover:before{
    background-color:rgba(0,0,0,.2);
    border-color:rgba(255,255,255,.45)
}
.checkAgreeContainer label input:checked~span:before{
    background-image:url(../images/checkIcon.svg)
}
.checkAgreeContainer>span,.checkAgreeContainer>span>span{
    color:rgba(255,255,255,.5);
    font-size:.83vw;
    transition:color .2s
}
.checkAgreeContainer>span>span{
    text-decoration:underline;
    cursor:pointer
}
.checkAgreeContainer>span>span:hover{
    color:rgba(255,255,255,.7)
}
.invalidInput.checkAgreeContainer label span::before{
    border-color:rgba(182,62,62,.45)!important
}
.modalRestorePassword .modalContent{
    padding:2.08vw
}
.modalRestorePassword .modal{
    width:41.67vw;
    height:17.19vw
}
.modalRestorePassword .modalRestorePassword-desc{
    margin-top:2.08vw;
    font-size:.83vw;
    opacity:.25;
    letter-spacing:.05vw
}
.modalRestorePasswordNew .modalContent{
    padding:2.08vw;
    height:calc(100% - 3.3vw)
}
.modalRestorePasswordNew .modal{
    width:41.67vw;
    height:20vw
}
.modalSupport .modalContent{
    padding:1.95vw 2.08vw
}
.uploadImages{
    position:absolute;
    bottom:1.3vw;
    left:1.56vw;
    z-index:10
}
.uploaderImages{
    position:absolute;
    bottom:1.3vw;
    right:1.56vw;
    display:none
}
.uploaderImagesCustom{
    position:absolute;
    bottom:1.3vw;
    right:1.56vw;
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    z-index:10
}
.uploaderImagesCustom img{
    opacity:.5;
    margin-right:.52vw;
    transition:opacity .2s
}
.uploaderImagesCustom .uploaderImagesCustom-textTitle{
    font-size:.63vw;
    font-weight:700;
    opacity:.5;
    transition:opacity .2s
}
.uploaderImagesCustom .uploaderImagesCustom-textRule{
    font-size:.52vw;
    opacity:.35;
    transition:opacity .2s
}
.uploaderImagesCustom:hover img{
    opacity:1
}
.uploaderImagesCustom:hover .uploaderImagesCustom-textTitle{
    opacity:1
}
.uploaderImagesCustom:hover .uploaderImagesCustom-textRule{
    opacity:.75
}
.uploadImages .uploadImageContainer{
    position:relative;
    width:2.08vw;
    height:2.08vw;
    display:inline-block;
    margin-right:.52vw;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    background-color:#161414;
    cursor:pointer
}
.uploadImages .uploadImageContainer:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.75) url(../images/trashIcon.svg) center no-repeat;
    opacity:0;
    transition:opacity .2s
}
.uploadImages .uploadImageContainer:hover:before{
    opacity:1
}
.uploadImages .uploadImageContainer:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:.05vw solid #707070;
    transition:border-color .2s
}
.uploadImages .uploadImageContainer:hover:after{
    border-color:rgba(106,106,106,.75)
}
.modalPayment .modalBtn img{
    margin-bottom:.05vw;
    vertical-align:middle;
    width:1.56vw
}
.modalPayment .modalContent{
    padding:2.08vw
}
.modalPayment .inputFieldTitle{
    font-size:.83vw;
    font-weight:700;
    letter-spacing:.05vw
}
.isUnregUser .modalPaymentBtn{
    opacity:.15;
    pointer-events:none;
    cursor:default
}
.modalPaymentInfoActivator{
    display:none
}
.paymentDescWindow{
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:rgba(20,20,20,.99);
    z-index:3;
    transition:left .2s;
    padding:5.33vw;
    box-sizing:border-box
}
.paymentIsDesced .paymentDescWindow{
    left:0
}
.paymentContent{
    position:relative;
    display:flex;
    align-items:stretch;
    justify-content:space-between;
    background:rgba(19,19,19,.9)
}
.paymentBorder{
    width:.05vw;
    height:20.21vw;
    background:rgba(255,255,255,.1)
}
.paymentOptions{
    height:20.21vw;
    display:grid;
    grid-gap:1.04vw;
    grid-template-columns:9.58vw 9.58vw 9.58vw
}
.paymentOptions li{
    position:relative;
    height:9.58vw;
    border:.05vw solid #494949;
    background:linear-gradient(rgba(255,255,255,0.08),rgba(167,167,167,0.065));
    display:inline-block;
    vertical-align:top;
    padding:.94vw;
    box-sizing:border-box;
    text-align:center;
    cursor:pointer;
    transition:background .2s
}
.paymentOptions li:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:linear-gradient(rgba(255,255,255,0.08),rgba(167,167,167,0));
    opacity:0;
    transition:opacity .2s
}
.paymentOptions li:hover:before{
    opacity:1
}
.paymentOptions li:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:url(../images/paymentBoxLightBg.png);
    mix-blend-mode:overlay;
    background-repeat:no-repeat;
    background-position:top -.52vw center;
    z-index:1
}
.paymentOptions li:nth-child(3n){
    margin-right:0
}
.paymentOptions li:nth-child(n+4){
    margin-bottom:0
}
.paymentOptions li div:nth-child(2){
    font-size:.73vw;
    letter-spacing:.08vw;
    margin-top:.52vw
}
.paymentOptions li .paymentOption{
    position:relative;
    z-index:2
}
.paymentOption-moneyImg{
    height:4.27vw
}
.paymentOptions li .paymentOptions-donate{
    font-size:1.25vw;
    font-weight:700;
    letter-spacing:.08vw;
    margin-top:0
}
.paymentOptions li .paymentOptions-donate img{
    margin-bottom:-.21vw;
    width:1.56vw
}
.infoFormContainer{
    width:23.44vw
}
.paymentInfoConvertTitle{
    font-size:1.25vw;
    line-height:1.72vw;
    letter-spacing:.07vw
}
.paymentInfoConvertTitle div{
    margin-top:.52vw
}
.paymentInfoConvertTitle img{
    margin-bottom:-.21vw;
    width:30px
}
.paymentInfoConvertDesc{
    font-size:.73vw;
    opacity:.25;
    line-height:.99vw;
    margin-top:.78vw
}
.infoFormContainer hr{
    border:none;
    margin:1.3vw 0;
    border-top:.05vw solid #fff;
    opacity:.1
}
.inputField-paymentSum:before{
    background:url(../images/donateIcon.svg) 1.04vw center no-repeat;
    background-size:1.25vw
}
.infoFormContainer .checkAgreeContainer{
    margin-top:1.04vw
}
.modalContentPaymentUnreg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(20,20,20,.99);
    z-index:100;
    padding:4.69vw;
    box-sizing:border-box;
    display:none
}
.isUnregUser .modalContentPaymentUnreg{
    display:block
}
.modalContentPaymentUnreg-title{
    font-size:1.25vw;
    font-weight:300;
    text-align:center;
    margin-bottom:3.13vw
}
.unregForm{
    width:28.13vw;
    margin:0 auto
}
.unregForm input{
    height:2.5vw;
    padding:.68vw .83vw .68vw 2.6vw;
    font-size:.83vw;
    line-height:1.15vw
}
.inputFieldWrapper:before{
    background-size:1.25vw
}
.modalContentPaymentUnreg .inputField-login:before{
    background:url(../images/userIcon.svg) .83vw center no-repeat;
    background-size:auto 1.04vw
}
.modalContentPaymentUnreg .inputField-password:before,.modalContentPaymentUnreg .inputField-passwordRepeat:before{
    background:url(../images/keyIcon.svg) .83vw center no-repeat;
    background-size:1.04vw
}
.unregForm-discord{
    vertical-align:middle;
    text-align:center;
    margin-top:1.04vw
}
.unregForm-discord a{
    text-decoration:none
}
.unregForm-discord a img{
    vertical-align:middle;
    margin-right:.52vw
}
.unregForm-discord a span{
    color:#5d68c0;
    opacity:.75;
    transition:opacity .2s
}
.unregForm-discord:hover a span{
    opacity:1
}
.unregForm-forget,.unregForm-createAcc{
    text-align:center;
    margin-top:2.08vw;
    font-size:.73vw
}
.unregForm-forget span,.unregForm-createAcc span{
    text-decoration:underline;
    color:#fff;
    cursor:pointer;
    opacity:.5;
    transition:opacity .2s
}
.unregForm-forget span:hover,.unregForm-createAcc span:hover{
    opacity:.75
}
.unregForm-createAcc{
    font-size:.83vw;
    margin-top:.52vw
}
.unregForm-enterBtnContainer{
    text-align:center;
    margin-top:1.04vw
}
.unregForm-enterBtn{
    text-align:center;
    display:inline-block;
    padding:.78vw 2.08vw;
    color:rgba(255,255,255,.75);
    background:rgba(0,0,0,.1);
    font-size:.73vw;
    font-weight:700;
    cursor:pointer;
    border:2px solid #3a86ef;
    border-radius:100px;
    transition:color .2s,background .2s;
    -moz-user-select:none;
    -ms-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -webkit-touch-callout:none
}
.unregForm-enterBtn:hover{
    color:#fff;
    background:rgba(0,0,0,.2)
}
.modalPremium .modalHeader-title img{
    margin-left:.52vw;
    margin-bottom:-.1vw;
    width:1.25vw
}
.modalPremium .modalHeader-subtitle{
    color:#3a86ef;
    fill:#3a86ef;
    cursor:pointer;
    font-size:.83vw;
    font-weight:700;
    margin-top:.42vw;
    text-align:center;
    transition:color .2s,fill .2s,opacity .2s
}
.premiumOptionsContainer .inputFieldContainer{
    margin-bottom:1.77vw
}
.modalPremium .modalHeader-subtitle:hover{
    color:#569af8;
    fill:#569af8
}
.modalPremium .modalHeader-subtitle svg{
    width:.73vw;
    height:.63vw;
    margin-bottom:0;
    margin-left:.1vw
}
.premiumIsDesced .modalHeader-subtitle,.premiumIsChoiced .modalHeader-subtitle{
    opacity:.35;
    cursor:default
}
.premiumIsDesced .modalHeader-subtitle:hover{
    opacity:.35;
    cursor:default;
    color:#3a86ef;
    fill:#3a86ef
}
.modalPremium .modalContent{
    position:relative;
    padding:2.08vw
}
.premiumOptionsContainer{
    position:relative
}
.premiumOptions{
    display:grid;
    grid-template-columns:13.8vw 13.8vw 13.8vw 13.8vw;
    grid-gap:1vw
}
.premiumOption{
    position:relative;
    height:21.88vw;
    border:1px solid rgba(255,255,255,.3);
    display:flex;
    flex-direction:column
}
.premiumNew{
    background:linear-gradient(rgba(255,255,255,0.08),rgba(167,167,167,0.05))
}
.premiumProfi{
    background:linear-gradient(rgba(255,72,170,0),rgba(236,65,255,0.1))
}
.premiumElite{
    background:linear-gradient(rgba(255,230,64,0),rgba(255,203,33,0.1))
}
.premiumOption_header{
    position:absolute;
    top:-.57vw;
    left:50%;
    margin-left:-4.84vw;
    width:9.69vw;
    height:2.6vw;
    background-repeat:no-repeat;
    background-position:center;
    font-size:.83vw;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    letter-spacing:.08vw;
    z-index:2;
    background-size:100%
}
.premiumNew .premiumOption_header{
    background-image:url(../images/premiumHeader-new.svg)
}
.premiumProfi .premiumOption_header{
    background-image:url(../images/premiumHeader-profi.svg)
}
.premiumElite .premiumOption_header{
    background-image:url(../images/premiumHeader-elite.svg)
}
.premiumOption_lightBg{
    position:absolute;
    top:0;
    left:0;
    margin-top:-4.43vw;
    margin-left:-10%;
    width:120%;
    height:15.63vw;
    background-repeat:no-repeat;
    background-position:center;
    background-size:100% 100%;
    background-image:url(../images/paymentBoxLightBg.png);
    mix-blend-mode:overlay;
    z-index:1;
    opacity:.7;
    pointer-events:none
}
.premiumOption_days{
    position:relative;
    font-size:6.25vw;
    font-weight:700;
    text-align:center;
    margin-top:2.08vw
}
.premiumOption_days:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center;
    background-image:url(../images/premiumDaysBg.svg);
    mix-blend-mode:overlay;
    background-size:90%
}
.premiumOption_daysTitle{
    text-align:center;
    font-size:.83vw;
    font-weight:700;
    margin-top:-.26vw
}
.premiumBuyBtn{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:3.75vw;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.04vw;
    font-weight:700;
    cursor:pointer;
    background:transparent;
    transition:background .2s
}
.premiumBuyBtn:hover{
    background:#3a86ef
}
.premiumBuyBtn img{
    margin-left:.52vw;
    width:1.09vw
}
.premiumBuyBtn:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    border-top:1px solid #303030;
    border-bottom:1px solid rgba(0,0,0,.75)
}
.premiumOption_discount{
    color:#ff3a3a;
    font-size:.83vw;
    margin-top:.52vw;
    text-align:center
}
.premiumOption_cost{
    margin-top:3.65vw;
    text-align:center;
    margin-top:auto;
    margin-bottom:4.9vw
}
.premiumOption_costTitle{
    font-size:.73vw;
    opacity:.5
}
.premiumOption_costValue{
    margin-top:.26vw;
    font-size:.94vw
}
.premiumOption_costValue span{
    font-size:.63vw
}
.premiumElite .premiumOption_days span{
    position:relative;
    z-index:2
}
.premiumElite .premiumOption_days:after{
    content:'';
    position:absolute;
    top:1.25vw;
    left:0;
    width:100%;
    height:6.15vw;
    background-repeat:no-repeat;
    background-position:center;
    background-image:url(../images/premiumDayEliteBg.png);
    z-index:1;
    opacity:.9;
    background-size:contain
}
.premiumOptions_desc{
    font-size:.83vw;
    opacity:.25;
    text-align:center;
    margin-top:1.04vw;
    color:#fff
}
.premiumOptions_desc-mobile{
    display:none
}
.premiumBuy{
    display:none
}
.premiumDescriptionsContainer{
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:rgba(20,20,20,.99);
    z-index:3;
    transition:left .2s;
    padding:2.08vw 2.08vw 2.6vw;
    box-sizing:border-box
}
.premiumIsDesced .premiumDescriptionsContainer{
    left:0
}
.premiumDescriptions_header{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.premiumDescriptions_headerBack{
    width:8.85vw;
    font-size:.94vw;
    font-weight:700;
    color:rgba(255,255,255,.15);
    fill:rgba(255,255,255,.15);
    cursor:pointer;
    transition:color .2s,fill .2s
}
.premiumDescriptions_headerBack:hover{
    color:rgba(255,255,255,.25);
    fill:rgba(255,255,255,.25)
}
.premiumDescriptions_headerBack svg{
    margin-right:.73vw;
    vertical-align:middle;
    width:1.56vw;
    height:1.56vw;
    margin-bottom:.21vw
}
.premiumDescriptions_headerEmpty{
    width:8.85vw
}
.premiumDescriptions_headerText{
    font-size:1.25vw;
    font-weight:300;
    padding-right:2.08vw;
    opacity:.75;
    height:1.75vw
}
.premiumDescriptionsList{
    margin-top:2.08vw;
    display:grid;
    grid-gap:1vw;
    grid-template-columns:10.78vw 10.78vw 10.78vw 10.78vw 10.78vw;
    margin-bottom:2.6vw
}
.premiumDescriptionsList li{
    display:inline-block;
    height:10.78vw;
    background:rgba(0,0,0,.35);
    border:.05vw solid #373737;
    box-sizing:border-box;
    vertical-align:top
}
.premiumDescriptionsItem_icon{
    height:7.29vw;
    display:flex;
    align-items:center;
    justify-content:center
}
.premiumDescriptionsItem_icon img{
    height:65%;
    max-width:75%
}
.premiumDescriptionsItem_text{
    text-align:center;
    font-size:.73vw;
    opacity:.75;
    padding:0 .83vw .52vw;
    box-sizing:border-box;
    line-height:.99vw
}
.modalImage{
    width:100%;
    height:100%
}
.modalImageContainer{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    padding:4.69vw 8.85vw;
    box-sizing:border-box
}
.modalImage .crossIcon{
    position:absolute;
    top:3.13vw;
    right:3.13vw;
    opacity:.15;
    cursor:pointer;
    transition:opacity .2s
}
.modalImage .crossIcon:hover{
    opacity:.3
}
.modalImage .modalImageLeft{
    left:3.13vw;
    -webkit-tap-highlight-color:transparent
}
.modalImage .modalImageRight{
    right:3.13vw;
    -webkit-tap-highlight-color:transparent
}
.modalImage_imageContainer{
    width:100%;
    max-width:69.67vw;
    height:100%;
    max-height:37.5vw;
    border:1px solid #a1a1a1;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover
}
.modalImage_imageContainer.squareImage{
    max-width:49.67vw
}
.modalImage_imageContainer *{
    outline:none
}
.modalImage_imageContainer:before{
    outline:none
}
.modalImage_imageContainer:after{
    outline:none
}
.modalThanks .modalContent{
    padding:2.08vw
}
.modalThanks .modalThanks-desc{
    font-size:1.83vw;
    opacity:1;
    letter-spacing:.05vw;
    text-align:center
}
.modalThanks .modalInstructionsInner-gallery{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.modalThanks .modalInstructionsInner{
    width:100%;
    height:100%;
    float:left;
    padding:2.08vw 2.08vw 5.47vw;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:row-reverse;
    height:100%;
    box-sizing:border-box;
    position:relative
}
.modalVideoTrailer{
    width:100%;
    height:100%
}
.modalVideoTrailer .crossIcon{
    position:absolute;
    top:3.13vw;
    right:3.13vw;
    opacity:.15;
    cursor:pointer;
    transition:opacity .2s
}
.modalVideoTrailer .crossIcon:hover{
    opacity:.3
}
.modalVideoTrailer video{
    width:90%;
    height:auto
}
.modalMessageSuccess{
    display:none;
    justify-content:space-between;
    align-items:center;
    position:fixed;
    bottom:-80px;
    left:0;
    width:100%;
    padding:16px 80px;
    background:#282828;
    transition:bottom .5s;
    z-index:30;
    color:#fff;
    box-sizing:border-box
}
.closeTimerLine{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:1px;
    background:rgba(255,255,255,.15)
}
.modalMessageSuccess-message{
    display:inline-block;
    vertical-align:top
}
.modalMessageSuccess-messageContainer{
    display:flex;
    align-items:center
}
.modalMessageSuccess-messageContainer img{
    opacity:.9;
    margin-right:40px;
    width:60px
}
.modalMessageSuccess-messageTitle{
    margin:0;
    font-size:16px;
    margin-bottom:3px;
    letter-spacing:1px
}
.modalMessageSuccess-messageMain{
    margin:0;
    font-size:14px;
    color:rgba(255,255,255,.75);
    letter-spacing:1px
}
.modalMessageSuccess-messageClose{
    height:30px;
    cursor:pointer;
    opacity:.15;
    transition:opacity .2s
}
.modalMessageSuccess-messageClose:hover{
    height:30px;
    opacity:.3
}
.modalMessageSuccess-messageClose svg{
    width:30px;
    height:100%;
    fill:#fff
}
.invalidInput input{
    border-color:rgba(182,62,62,.45)!important
}
.invalidInput .inputFieldWrapper-textarea{
    border-color:rgba(182,62,62,.45)!important
}