@import url("/res/css/stylesheet.css");

.test {
    background-color: yellow;
    border: 1px dashed black;
    padding: 15px;
    text-align: center;
    margin: 50px 0;
}

* {
    font-family: 'Cera Pro', sans-serif;
    font-size: 11px;
    color: #11181F;
}

*:focus {
    outline: none!important;
    box-shadow: none!important;
}

h1 {
    font-size: 20px;
    line-height: 130%;
}

h2 {
    font-size: 18px;
    line-height: 130%;
}

h3 {
    font-size: 17px;
    line-height: 130%;
}

h4 {
    font-size: 16px;
    line-height: 130%;
}

h5 {
    font-size: 16px;
    line-height: 130%;
}

h6 {
    font-size: 14px;
    line-height: 130%;
}

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

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

body {
    min-width: 320px;
    background-image: url('/res/img/mainBG.jpg');
    background-position: right 70% top -100px;
    background-repeat: no-repeat;
    background-size: 150%;
}

header {
    padding-top: 5px;
    background: #fff;
}

a.blueLink {
    text-decoration: none;
    transition: all .25s;
    color: #0d6efd;
    font-weight: bold;
}

a.blueLink:hover {
    color: #1c1f23;
}

.hMobBorder {
    height: 1px;
    margin-top: 15px;
    background: radial-gradient(71.55% 129.69% at 28.45% 74.22%, #8D54E0 0%, #8DC8FF 96.2%);
}

header .hRightSide, header .hLeftSide {
    margin-top: 10px;
}

main {
    padding-top: 20px;
    overflow: hidden;
}

.headerMenu a.link {
    font-size: 16px;
    font-weight: 500;
    margin-right: 20px;
    color: #11181F;
    text-decoration: none;
    transition: all .2s;
}
.lite-version-link,
.headerMenu a.link.lite-version-link{
    display: inline-flex !important;
    gap: 10px;
    align-items: center;
    height: 20px;
}
.lite-version-link img,
.headerMenu a.link.lite-version-link img{
    width: 20px;
    height: 20px;
    display: block;
}
.headerMenu a.link.active, .headerMenu a.link:hover {
    color: #0E82EF;
}

.colorBtn {
    padding: 0 30px;
    height: 53px;
    line-height: 53px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 1.1px;
    background: radial-gradient(71.55% 129.69% at 28.45% 74.22%, #8D54E0 0%, #8DC8FF 96.2%);
    box-shadow: 0 9px 20px rgba(142, 95, 227, 0.4);
    border-radius: 40px;
    transition: all .2s;
    border: 0;
}

.btnType1, .btn-primary {
    padding: 10px 25px;
    line-height: 29px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 1.1px;
    background: radial-gradient(71.55% 129.69% at 28.45% 74.22%, #8D54E0 0%, #8DC8FF 96.2%);
    box-shadow: 0 9px 20px rgba(142, 95, 227, 0.4);
    border-radius: 40px;
    transition: all .2s;
    border: 0;
}

.btnType1 > span, .btn-primary > span {
    color: #fff;
}

#show-referals-history-btn {
    margin-left: 15px;
}

.colorBtn:hover, .btnType1:hover, .btn-primary:hover {
    color: #fff;
    cursor: pointer;
    box-shadow: 0 9px 20px rgba(142, 95, 227, 0.4);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), radial-gradient(71.55% 129.69% at 28.45% 74.22%, #8D54E0 0%, #8DC8FF 96.2%);
}

.btnType2, .btn-secondary {
    padding: 10px 25px;
    background: #0E82EF;
    border-radius: 40px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    transition: all .25s;
}

.btnType2:hover, .btn-secondary:hover {
    cursor: pointer;
    background: #1B3BAD;
}

.user-security-codes .btn-secondary {
    padding: 0 20px;
    text-transform: initial;
    height: 40px;
    font-size: 100%;
}

.user-security-codes .form-field .form-control {
    height: 40px;
}

.form-control {
    font-size: 12px;
    color: #888B8F;
    line-height: 16.8px;
}

.btnType3 {
    padding: 10px 20px;
    border-radius: 40px;
    font-weight: 700;
    font-size: 12px;
    line-height: 25px;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    border: 2px solid #4122FF;
    color: #4122FF;
    transition: all .25s;
}

.btnType3:hover {
    background: #4122FF;
    color: #fff;
}

#langBtn {
    width: 24px;
    height: 24px;
    border: 1px solid #CBCCCE;
    border-radius: 5px;
    background-size: cover;
    background-position: center center;
    margin-right: 20px;
}

.langWrapper {
    position: relative;
}

.pointer:hover {
    cursor: pointer;
}

#langSelect {
    box-shadow: 0 7px 25px rgba(141, 84, 224, 0.25);
    border-radius: 10px;
    position: absolute;
    z-index: 9;
    background: #fff;
    right: -50%;
    margin-right: 10px;
    margin-top: 10px;
    overflow: hidden;
    transition: all .3s;
}

.langWrapper.closed #langSelect {
    max-height: 0;
    transition: max-height 0.2s ease-in;
}

.langWrapper.opened #langSelect {
    max-height: 800px;
    transition: max-height 0.2s ease-in;
}

#langSelect .lang_elem {
    width: 100%;
    padding: 11px 15px;
    text-align: left;
    display: flex;
    text-decoration: none;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #11181F;
    transition: all .2s;
}

#langSelect .lang_elem:hover {
    background: #B3DAFF;
}

#langSelect .lang_elem img {
    width: 22px;
    height: 22px;
    border: 1px solid #CBCCCE;
    border-radius: 2px;
    margin-right: 12px;
}

footer {
    background: #F5F6F6;
    padding-top: 5px;
    padding-bottom: 30px;
}

.fLogo {
    max-width: 100%;
    padding-top: 5px;
}

footer .footerMenu, .footerApps {
    padding-top: 35px;
}

.footerApps a {
    display: block;
    width: 100%;
}

.footerApps > a img {
    width: 100%;
    max-width: 130px;
}

footer .socIcons a:last-child img {
    max-width: 100%;
}

footer .copyrightWrp, footer .socIcons {
    margin-top: 20px;
}

footer .socIcons {
    text-align: right;
}

footer .socIcons a:not(:last-child) img {
    margin-right: 10px;
}

footer .copyrightWrp, footer .copyrightWrp a, footer .socIcons a {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #A7AAAC;
    text-decoration: none;
}

footer .copyrightWrp a {
    border-bottom: 1px solid #A7AAAC;
    transition: all .2s;
}

footer .copyrightWrp a:hover, footer .socIcons a:hover {
    color: #525252;
}

.footerMenuWrp .col {
    text-align: left;
}

.footerMenuWrp a {
    display: block;
    text-decoration: none;
    color: #11181F;
    font-size: 14px;
    font-weight: 400;
}

.footerMenuWrp a:hover {
    color: #0E82EF;
}

.mobMenuWrp {
    transition: all .25s;
    background: radial-gradient(71.55% 129.69% at 28.45% 74.22%, rgba(141, 84, 224, 0.6) 0%, rgba(141, 200, 255, 0.6) 96.2%);
    position: fixed;
    left: 0;
    top: 57px;
    bottom: 0;
    padding: 0;
    max-height: calc(100% - 58px);
    overflow-y: auto;
    z-index: 1019;
}

.mobMenuWrp.opened .mobMenuCont {
    max-width: 228px;
    min-height: 100%;
    background: #fff;
    margin-top: 1px;
    overflow-y: auto;
    padding: 0 15px;
}

.mobMenu .mobApps {
    margin-top: 15px;
}

.mobMenu .mobApps img {
    max-width: 100%;
}

.mobMenuLinks {
    margin-top: 20px;
}

.mobMenu .linkB {
    color: #11181F;
    font-size: 13px;
    font-weight: 500;
    line-height: 19.5px;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
}

.mobMenu .linkS {
    color: #11181F;
    font-weight: 400;
    font-size: 11px;
    line-height: 16.5px;
    text-decoration: none;
    display: block;
    margin-top: 10px;
}

.mobMenu .linkB.active, .mobMenu .linkB:hover, .mobMenu .linkS.active, .mobMenu .linkS:hover {
    color: #0E82EF;
}

.mobCopyrightWrp {
    margin-top: 20px;
}

.mobCopyrightWrp .copyright, .mobCopyrightWrp a {
    color: #A7AAAC;
    font-size: 10px;
    line-height: 10px;
    margin-top: 10px;
}

.mobCopyrightWrp a {
    color: #888B8F;
    text-decoration: none;
    display: inline-block;
    border-bottom: 1px solid #888B8F;
}

.mobMenuWrp.closed {
    max-width: 0;
    opacity: 0;
}

.mobMenuWrp.opened {
    max-width: 100%;
    opacity: 1;
}

.mobSocIcons {
    margin-top: 20px;
}

.mobSocIcons a {
    color: #888B8F;
    text-decoration: none;
    font-size: 11px;
    line-height: 16.5px;
    font-weight: 400;
    margin-top: 15px;
}

.mobSocIcons a:nth-child(2) {
    margin-left: 20px;
}

.mobSocIcons a img {
    margin-right: 7px;
}

.userBlockIcon.btnType1 {
    width: 26px;
    height: 26px;
    padding: 0;
    display: block;
    line-height: 22px;
    float: left;
}

.userBlockIcon img {
    width: 18px;
}

.userBlockWrp {
    display: flex;
}

.userInfoBlock {
    margin-left: 15px;
    display: none;
}

.userInfoBlock .line1 a {
    color: #11181F;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
}

.userInfoBlock .line2 {
    font-size: 14px;
}

.userInfoBlock a:not(:first-child), .userBlock .line2 img:not(:first-child) {
    margin-left: 15px;
}



/* modals */
.vr-modal {
    background: rgba(9, 0, 63, .5);
}

.vr-modal .modal-dialog .modal-content {
    padding: 20px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
}

.modal-content .modal-title {
    color: #11181F;
    font-size: 20px;
}

.vr-modal .btn-close {
    width: 10px;
    height: 10px;
    position: absolute;
    right: 12px;
    top: 12px;
    padding: 12px;
    z-index: 9;
}

.modal-header, .modal-body, .modal-content, .modal-footer {
    border: 0;
    border-radius: 0;
}

.modal-header {
    padding: 0;
    text-align: center;
    display: block;
}

.modal-body .form-group {
    margin-bottom: 20px;
}

.form-field .form-control {
    background: #FFFFFF;
    border: 1px solid #0E82EF;
    box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.03);
    border-radius: 15px!important;
    height: 50px;
}

.form-field select.form-control:hover {
    cursor: pointer;
}

.fSelect {
    position: relative;
}

.fSelect:after {
    content: '▼';
    display: block;
    position: absolute;
    right: 10px;
    top: calc(50% - 10px);
    z-index: 3;
}

a.openRestoreModal {
    color: #8D54E0;
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px solid #8D54E0;
    margin-top: 20px;
    display: inline-block;
    line-height: 16px;
}

a.openRestoreModal:hover {
    border-bottom: 0;
}


.modal-body.email .signin_telegram, .modal-body.telegram .signin_email {
    display: inline-block;
}

.fCaptcha .showerror {
    margin-top: 20px;
    margin-bottom: 0;
}

#signin .modal-body, #resetPassword .modal-body, #register .modal-body {
    padding-bottom: 0;
}

#lostpass-recaptcha > div, #register-recaptcha > div {
    margin: 0 auto;
}

#register .form-check-label, #register .form-check-label a {
    font-size: 14px;
    color: #11181F;
    line-height: 19.6px;
    font-weight: 400;
}

/* /modals */



.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 26px;
    margin-right: 10px;
    margin-bottom: -3px;
    float: left;
}

.switch input {
    display: none;
}

.switch input:checked+.slider {
    background-color: #8D54E0;
}

.slider.round {
    border-radius: 20px;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #87858b;
    transition: .4s;
}

.switch input:checked+.slider:before {
    transform: translateX(12px);
}

.slider.round:before {
    border-radius: 50%;
}

.slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 3px;
    bottom: 2px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    transition: .4s;
}

.sliderCont {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-left: 0;
}

main > .container {
    padding-bottom: 50px;
}

.faqElem {
    background: #fff;
    margin-bottom: 10px;
    box-shadow: 0 7px 25px rgba(30, 120, 255, 0.25);
    border-radius: 15px;
    border: 1px solid #B3DAFF;
}

.faqElem:hover {
    background: #F4EDFF;
    border: 1px solid #DFC9FF;
}

.faqElem .faqElemHeader:hover {
    cursor: pointer;
}

.faqElem .faqElemHeader:hover {
    cursor: pointer;
    color: #0a53be;
}

.faqElem .faqElemHeader img {
    position: absolute;
    transform: rotate(180deg);
    transition: all .4s;
    right: 8px;
    top: 10px;
    width: 18px;
}

.faqElem.opened .faqElemHeader img {
    transform: rotate(0);
}

.faqElemTxt {
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
}

.faqElemTxt .wrp {
    width: calc(100% - 40px);
    margin-left: 20px;
    padding-top: 10px;
    border-top: 1px solid #B3DAFF;
}

.faqElem.closed .faqElemTxt {
    max-height: 0;
    opacity: 0;
    transition: all .25s;
}

.faqElem.opened .faqElemTxt {
    max-height: 999999999999999px;
    transition: all .25s;
    opacity: 1;
}

.faqElem .faqElemHeader, .newsListElem a.title {
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    position: relative;
    text-decoration: none;
    padding: 10px 25px 10px 15px;
}

.newsListElem a.title {
    padding: 0;
    transition: all .25s;
}

.newsListElem a.title:hover {
    color: #1c1f23;
}

.newsListElem .newsDate {
    margin: 7px 0 15px 0;
    opacity: .7;
}

.newsListElem:first-child {
    flex: 0 0 100%;
    margin-top: 0!important;
}

.pageTitle {
    margin-bottom: 25px;
    font-weight: 700;
}

.reservFilters .psBtn, .accMenu a {
    font-size: 12px;
    text-decoration: none;
    line-height: 26px;
    padding: 0 10px;
    display: inline-block;
    color: #585D62;
    border-radius: 30px;
    transition: background .25s;
}

.reservFilters .psBtn.active, .accMenu a.active, .reservFilters .psBtn:hover, .accMenu a:hover {
    background: #8D54E0;
    color: #fff;
}

.sPage .pageTitle {
    margin-bottom: 5px;
}

.reserves_block {
    margin-top: 25px;
}

.reserves_block .elem {
    background: #FFFFFF;
    border: 1px solid #B3DAFF;
    box-shadow: 0 7px 25px rgba(30, 120, 255, 0.25);
    border-radius: 20px;
    padding: 10px 15px;
    margin-top: 10px;
}

.reserves_block .elem .name {
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
}

.reserves_block .elem .value {
    float: right;
    color: #0E82EF;
    font-size: 12px;
    line-height: 30px;
}

.reserves_block .elem img {
    max-width: 20px;
    max-height: 20px;
    width: auto;
    height: auto;
    margin-right: 10px;
}

.rectangle {
    justify-content: center;
    align-items: center;
    padding: 15px;
    background: #FFFFFF;
    border: 1px solid #B3DAFF;
    box-shadow: 0 7px 25px rgba(30, 120, 255, 0.25);
    border-radius: 15px;
    min-height: 100%;
    text-align: center;
}

.rectangle .text {
    max-width: 240px;
    margin: 0 auto;
    margin-top: 10px;
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
}

.rectangle img {
    max-width: 150px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.warranties .icons {
    width: 290px;
    margin-top: 30px;
}

.warranties .icons .elem {
    width: 50%;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    float: left;
    margin-bottom: 10px;
}
.warranties .icons .elem a{
    color: #11181F;
}
.warranties .icons .elem img {
    margin-right: 15px;
}

.warranties .infoBlock, .rectangle2, .newsListElem .rectangle2 {
    position: relative;
    height: 100%;
    font-size: 11px;
    line-height: 16.5px;
    font-weight: 400;
    color: #32383E;
}

.newsListElem .rectangle2 {
    border-radius: 25px;
    padding: 10px 20px;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #D9DADB;
    box-shadow: inset -10px 10px 24px rgba(255, 255, 255, 0.56);
}

.warranties .leftside .links {
    margin-top: 20px;
}

.warranties .leftside .links a {
    text-decoration: none;
    color: #8D54E0;
    margin-right: 20px;
}

.documents .elemWrp img {
    width: 100%;
}

.documents .col-12 {
    margin-bottom: 35px;
}

#authBtn span {
    color: #fff;
}

.page404, .page401 {
    padding-top: 50px;
    padding-bottom: 80px;
}

.page404 img {
    max-width: 100%;
}

.page401 img {
    max-width: 60%;
}

.page404 .col-12 {
    text-align: center;
}

.page404 .btn, .page401 .btn {
    width: 100%;
    margin-top: 15px;
}

.page401 .d-flex > div {
    margin-top: 25px;
}

.techbreak .w-100 {
    text-align: center;
}

h5.subHeader {
    font-size: 13px;
    color: #585D62;
    font-weight: 400;
    margin-bottom: 10px;
}

.rectangle h5 {
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 0;
}

.rectangle a.phone {
    color: #11181F;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    line-height: 35px;
}

.rectangle .mail a {
    text-decoration: none;
    color: #8D54E0;
    margin-right: 10px;
    font-size: 12px;
}

.rectangle .mail a.mailto {
    border-bottom: 1px solid #8D54E0;
}

.contMap .elem {
    overflow: hidden;
    border-radius: 15px;
}

.rectangle .lvl {
    text-transform: lowercase;
    color: #fff;
    padding: 5px 15px;
    background: #0E82EF;
    font-size: 14px;
    line-height: 18.2px;
    font-weight: 400;
    display: inline-block;
    margin-top: 5px;
    border-radius: 30px;
}

.rectangle .lvl::first-letter {
    text-transform: capitalize;
}

.rectangle .percent {
    font-size: 36px;
    line-height: 29px;
    color: #8D54E0;
    font-weight: 700;
}

.rectangle .desc {
    font-size: 12px;
    line-height: 22px;
    font-weight: 600;
    text-transform: lowercase;
}

#errorModalBtn {
    display: none;
}

#errorModal .modal-body {
    text-align: center;
}

.text {
    font-size: 11px;
    line-height: 16.5px;
    font-weight: 400;
}

.col-12.pagination {
    overflow-x: auto;
}

.pagination > nav {
    margin: 0 auto;
}

.pagination > nav > ul {
    padding-bottom: 15px;
}

.pagination > nav .page-link {
    width: 36px;
    height: 36px;
    border-radius: 50%!important;
    display: inline-block;
    margin: 0 4px;
    line-height: 32px;
    padding: 0;
    border: 2px solid #4122FF;
    font-weight: 700;
    color: #4122FF;
    text-align: center; 
    cursor:pointer; 
}

.pagination > nav .page-link.pageFirst svg {
    transform: rotate(-90deg);
    height: 25px;
    margin-top: -3px;
    margin-left: -2px;
}

.pagination > nav .page-link.pageLast svg {
    transform: rotate(90deg);
    height: 25px;
    margin-top: -3px;
    margin-right: -2px;
}

.pagination > nav .page-link:hover {
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: #fff;
    stroke: #fff;
    fill: #fff;
}

.pagination > nav a.page-link:hover path {
    stroke: #fff;
}

.pagination > nav .active .page-link {
    background: radial-gradient(71.55% 129.69% at 28.45% 74.22%, #8D54E0 0%, #8DC8FF 96.2%);
    box-shadow: 0 9px 20px rgba(142, 95, 227, .4);
    border: 0;
    line-height: 36px;
}

.copyBtn.green {
    filter: hue-rotate(210deg) brightness(1)!important;
}

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

    /* ACCOUNT */
.accountWrp .pageTitle {
    margin-bottom: 10px;
}

.accMenu {
    display: flex;
    overflow-x: auto;
    margin-top: 10px;
    padding-bottom: 8px;
}

    /* Orders history */
.orderElemWrp {
    padding: 20px 15px;
    background: #FFFFFF;
    border: 1px solid #B3DAFF;
    box-shadow: 0 7px 25px rgba(30, 120, 255, 0.25);
    border-radius: 20px;
    margin-bottom: 10px;
}

.repeatBtn {
    text-align: center;
    display: block;
    text-decoration: none;
    font-size: 14px;
    color: #8D54E0;
    transition: all .25s;
}

.repeatBtn * {
    transition: all .25s;
}

.repeatBtn span {
    color: #8D54E0;
}

.repeatBtn:hover span {
    color: #6214d3;
    text-shadow: 0 0 1px #6214d3;
}

.repeatBtn:hover img {
    transform: rotate(-180deg);
}

h3.orderDetail {
    color: #8D54E0;
    text-align: center;
    margin-bottom: 0;
}

.orderElemWrp h3.orderDetail:hover {
    cursor: pointer;
}

.miniIcon {
    width: 24px;
}

.orderValues {
    margin-top: 10px;
    display: flex;
    padding: 0;
}

.orderValues .valuteWrp {
    text-align: center;
    width: calc(50% - 15px);
}

.orderValues .orderArrow {
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.orderValues .orderArrow img {
    width: 15px;
}

.orderValues .valuteWrp .summ {
    font-size: 14px;
    font-weight: 500;
    line-height: 18.2px;
    margin-top: 5px;
}

.orderValues .valuteWrp .pAddress {
    font-size: 9px;
    font-weight: 400;
    line-height: 13.5px;
    color: #A7AAAC;
}

.orderValues .valuteWrp .vTo {
    max-width: 100%;
    word-break: break-all;
}

.orderValues .repeatBtn {
    margin-top: 10px;
}

.orderElemWrp .repeatBtn img {
    width: 16px;
}

.btn-small {
    font-size: 90% !important;
}

    /* /Orders history */

    /* Settings */
.apiWrp h4, #settings-entry h4 {
    margin-bottom: 15px;
    text-align: left;
}

#settings-entry .rectangle, #settings-entry .rectangle2 {
    padding: 30px;
}

.settingsSubs {
    text-align: left;
}

.two-auth .switch + p {
    font-size: 14px;
    line-height: 24px;
    padding-left: 50px;
}

#settings-entry .rectangle2 {
    height: calc(100% - 25px);
}
    /* / Settings */


    /* Referals */
.referalsStats.statsBlock {
    border-radius: 20px;
    margin: 0;
    border: 1px solid rgba(180, 128, 255, 0.5);
}

.referalsStats.statsBlock .elem.separator {
    display: none;
}

.referalsStats.statsBlock .elem .value {
    color: #8D54E0;
    font-size: 18px;
    line-height: 23.4px;
}

.referalsStats.statsBlock .elem .text, .referalsStats.statsBlock .elem .value {
    font-weight: 500;
    text-align: center;
}

.referalsStats.statsBlock .elem {
    border: 1px solid rgba(180, 128, 255, 0.5);
    padding: 15px 5px;
}

.referalsStats.statsBlock .elem:nth-child(1) {
    border-top-left-radius: 20px;
    order: 1;
}

.referalsStats.statsBlock .elem:nth-child(3) {
    border-top-right-radius: 20px;
    order: 2;
}

.referalsStats.statsBlock .elem:nth-child(7) {
    order: 3;
}

.referalsStats.statsBlock .elem:nth-child(11) {
    order: 4;
}

.referalsStats.statsBlock .elem:nth-child(13) {
    order: 5;
}

.referalsStats.statsBlock .elem:nth-child(9) {
    order: 6;
    border-bottom-left-radius: 20px;
}

.referalsStats.statsBlock .elem:nth-child(5) {
    order: 7;
    border-bottom-right-radius: 20px;
}

.refLink .text {
    max-width: 100%!important;
    margin-bottom: 20px;
}

.copyBtn {
    font-size: 13px;
    line-height: 19.5px;
    padding-left: 22px;
    color: #8D54E0;
    font-weight: 400;
    position: relative;
    display: inline-block;
    text-transform: capitalize;
    transition: all .25s;
}

.copyBtn:hover {
    cursor: pointer;
    filter: brightness(0.5);
}

.copyBtn:before {
    content: '';
    width: 18px;
    height: 18px;
    background: url('/res/img/copy.svg');
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.refLinkInp {
    width: 100%;
    background: #E5F2FF;
    border-radius: 15px;
    height: 45px;
    color: #0E82EF;
    font-size: 11px;
    font-weight: 500;
    border: none;
    padding: 0 15px;
}

#refout-psid {
    margin-top: 20px;
    border-radius: 10px;
}

#refout-psid:hover {
    cursor: pointer;
}

.refUserElem {
    padding: 20px 0;
    border-bottom: 1px solid #D9DADB;
}

.refUserElem .userElemMail {
    font-size: 13px;
    line-height: 17px;
    font-weight: 500;
}


.refUserElem .userElemLvlDate > div {
    margin-right: 15px;
    font-size: 12px;
    line-height: 16.8px;
    font-weight: 400;
    color: #0E82EF;
    display: inline-block;
    text-transform: lowercase;
}
.refUserElem .userElemLvlDate > div:before {
    content: '';
    display: inline-block;
    margin-right: 5px;
    margin-bottom: -3px;
    width: 16px;
    height: 16px;
}

.refUserElem .userElemLvlDate .lvl:before {
    background: url('/res/img/user_icon.png');
}

.refUserElem .userElemLvlDate .date:before {
    background: url('/res/img/date_icon.png');
}

.refUserElem .userElemAmount {
    background: radial-gradient(71.55% 129.69% at 28.45% 74.22%, #8D54E0 0%, #8DC8FF 96.2%);
    border-radius: 10px;
    font-size: 14px;
    line-height: 18.2px;
    font-weight: 500;
    color: #fff;
    padding: 8px;
    float: right;
}

.form-field textarea.form-control {
    height: 200px;
}

    /* / Referals */

/* //ACCOUNT */

/* Reviews */

.reviewElem {
    padding: 15px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid #D9DADB;
    box-shadow: inset -10px 10px 24px rgba(255, 255, 255, .56);
    border-radius: 15px;
    margin-top: 10px;
}

.reviewElem:first-child {
    margin-top: 0;
}

.reviewElem .reviewBody {
    color: #32383E;
    font-size: 14px;
    line-height: 18px;
}

.reviewBottom > div {
    display: inline-block;
}

.reviewBottom .revRait {
    width: 103px;
    float: right;
}

.reviewBottom {
    margin-top: 10px;
}

.reviewBottom .revName {
    max-width: calc(100% - 103px);
    font-size: 15px;
    font-weight: bold;
}

.reviewBottom .revRait svg {
    stroke: #565656;
}

.rait-0-stars svg * {
    fill: #ebebeb!important;
}

.rait-1-stars svg:nth-child(n+2) * {
    fill: #ebebeb!important;
}

.rait-2-stars svg:nth-child(n+3) * {
    fill: #ebebeb!important;
}

.rait-3-stars svg:nth-child(n+4) * {
    fill: #ebebeb!important;
}

.rait-4-stars svg:nth-child(n+5) * {
    fill: #ebebeb!important;
}
.change__stars{text-align: center;}
.rating__group {
    display: inline-block;
    position: relative;
    width: 125px;
    height: 25px;
    background-image: url('/res/img/raitStarBigGr.svg');
    background-size: 25px auto;
    background-repeat: repeat-x;
}

.rating__star {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    height: 25px;
    font-size: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: 25px auto;
    background-repeat: repeat-x;
    cursor: pointer;
}

.rating__star:hover,
.rating__star:checked {
    background-image: url('/res/img/raitStarBigGold.svg');
    z-index: 9;
}

.rating__star:hover~.rating__star {
    background-image: url('/res/img/raitStarBigGr.svg');
}

.rating__star:nth-of-type(1) {
    z-index: 5;
    width: 25px
}

.rating__star:nth-of-type(2) {
    z-index: 4;
    width: 50px
}

.rating__star:nth-of-type(3) {
    z-index: 3;
    width: 75px
}

.rating__star:nth-of-type(4) {
    z-index: 2;
    width: 100px
}

.rating__star:nth-of-type(5) {
    z-index: 1;
    width: 125px
}

#liveRevForm label {
    margin: 15px 0 10px 0;
}

/* / Reviews */



/* INDEX
indexReviewsBg.jpg
*/
.indexReviews > .col-12 {
    position: relative;
}

.indexReviews > .col-12 > h2 {
    margin-bottom: 20px;
}

.indexReviews .reviewElem {
    z-index: 9;
    position: relative;
    backdrop-filter: blur(12px);
}

.indexReviews > .col-12 > img {
    position: absolute;
    z-index: 2;
}

.indexReviews > .col-12 > .img1 {
    left: -40px;
    top: 80px;
    width: 150px;
}

.indexReviews > .col-12 > .img2 {
    width: 100px;
    right: -15px;
    top: 200px;
}

.indexReviews > .col-12 > .img3 {
    display: none;
}

.indexReviews > .col-12 > .img4 {
    width: 120px;
    right: calc(50% - 60px);
    bottom: 35px;
}

.indexReviews > .col-12 a {
    margin-top: 105px;
    position: relative;
    z-index: 3;
}

.blueBlock {
    margin: 30px 0;
    padding: 20px 0;
    background: #4122FF;
}

.blueLine .text {
    color: #fff;
    font-size: 14px;
    line-height: 19.5px;
    font-weight: 300;
    text-align: left;
    padding-left: 25px;
    display: inline-block;
    width: calc(100% - 100px);
    padding-right: 30px;
    margin-top: 10px;
    margin-bottom: 30px;
}
.blueLine .text p{
    color: #fff;
}
.blueLine a {
    display: block;
    max-width: 290px;
    margin: auto auto 0;
    width: 100%;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    border: 2px solid #fff;
    line-height: 32px;
    text-transform: uppercase;
    font-size: 13px;
    transition: all .25s;
}

.blueLine .col-12 {
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
}

.blueLine .blueLine-img {
    max-width: 100px;
    max-height: 100px;
    float: left;
}
.blueLine img{
    display: block;
    max-width: 100px;
    max-height: 100px;
}

.blueLine a:hover {
    background: #0044a9;
}

.indexApp .leftSide {
    text-align: center;
}

.indexApp .leftSide img {
    width: 100%;
    max-width: 350px;
}

.indexApp .rightSide .appsTextBlock {
    padding: 15px;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: inset -10px 10px 24px rgba(255, 255, 255, .56);
    backdrop-filter: blur(22px);
    border-radius: 15px;
    margin-top: -80px;
}

.indexApp .rightSide .appsTextBlock h2 {
    margin-bottom: 15px;
}

.indexApp .rightSide .appsTextBlock a {
    text-decoration: none;
}
.indexApp .rightSide .appsTextBlock .colorBtn{
    display: block;
}

.indexApp .rightSide .appsTextBlock a img {
    max-width: calc(50% - 20px);
    margin-right: 10px;
    margin-top: 10px;
}

.indexQuickChange {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    margin-top: 50px;
}

.indexQuickChange .elem {
    padding: 0 10px;
}

.indexQuickChange .elem > .row {
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: inset -10px 10px 24px rgba(255, 255, 255, 0.56);
    backdrop-filter: blur(12px);
    border-radius: 15px;
    padding: 15px 10px;
    text-align: center;
}

.indexQuickChange .col-12:nth-child(1) .elem > .row {
    background: radial-gradient(71.55% 129.69% at 28.45% 74.22%, rgba(141, 84, 224, 0.5) 0%, rgba(141, 200, 255, 0.5) 96.2%);
}

.indexQuickChange .col-12:nth-child(2) > .elem > .row {
    background: radial-gradient(71.55% 129.69% at 28.45% 74.22%, rgba(43, 72, 153, 0.5) 0%, rgba(255, 95, 00, 0.5) 96.2%);
}

.indexQuickChange .col-12:nth-child(3) .elem > .row {
    background: radial-gradient(71.55% 129.69% at 28.45% 74.22%, rgba(255, 139, 102, 0.4) 0%, rgba(237, 70, 200, 0.4) 100%);
}

.indexQuickChange .col-12:nth-child(4) .elem > .row {
    background: radial-gradient(71.55% 129.69% at 28.45% 74.22%, rgba(84, 224, 216, 0.5) 0%, rgba(141, 173, 255, 0.5) 96.2%);
}

.indexQuickChange .col-12:nth-child(5) .elem > .row {
    background: radial-gradient(71.55% 129.69% at 28.45% 74.22%, rgba(255, 208, 87, 0.5) 0%, rgba(255, 196, 141, 0.5) 96.2%);
}

.indexQuickChange .elem .valuteImg {
    max-width: 40px;
    max-height: 40px;
}

.indexQuickChange .elem .el1 > span, .indexQuickChange .elem .el3 > span {
    display: block;
    font-size: 15px;
    line-height: 19.5px;
    font-weight: 500;
    margin-top: 5px;
}

.indexQuickChange .elem a.el2 {
    background: transparent;
    text-decoration: none;
    text-align: center;
    padding: 0;
    border-radius: 50%;
    display: block;
}

.indexQuickChange .elem a.el2 span {
    text-transform: uppercase;
    font-size: 10px;
    line-height: 11.2px;
    font-weight: 600;
}

.indexQuickChange .elem a.el2 img {
    filter: grayscale(1) brightness(.7);
    max-width: 15px;
}

.indexQuickChange .elem .desc {
    margin-top: 10px;
}

.indexQuickChange .elem .desc span {
    opacity: .5;
    font-size: 14px;
}

.indexQuickChange .elem .desc b {
    display: block;
    font-size: 14px;
}

.indexQuickChange .elem .btn a {
    background: #fff;
    text-decoration: none;
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #11181F;
    line-height: 30px;
    border-radius: 15px;
    margin-top: 10px;
}

.indexQuickChange > .col-12 {
    margin-top: 10px;
    z-index: 9;
}

.indexQuickChange .elem .btn a:hover {
    background: rgba(255, 255, 255, .3);
    box-shadow: 0 0 3px rgba(0, 0, 0, .7);
}

.indexQuickChange > img.coin {
    position: absolute;
    width: 100%;
    height: 100%;
}

.indexQuickChange > img.coin.img3 {
    max-width: 144px;
    max-height: 144px;
    left: 0;
    top: 0;
}

.indexQuickChange > img.coin.img1 {
    max-width: 182px;
    max-height: 157px;
    right: -15px;
    top: 20%;
}

.indexQuickChange > img.coin.img2 {
    max-width: 120px;
    max-height: 120px;
    left: 10%;
    top: 45%;
}

.indexQuickChange > img.coin.img4 {
    max-width: 200px;
    max-height: 200px;
    right: 20%;
    bottom: 0;
}

/* /INDEX */


/* EXCHANGE */

.exchangeSideHeader {
    color: #0E82EF;
    font-size: 13px;
    line-height: 19.5px;
    margin-bottom: 10px;
    font-weight: 500;
}

.exchangeBlock {
    background: #FFFFFF;
    border: 1px solid #B3DAFF;
    box-shadow: 0 7px 25px rgba(30, 120, 255, 0.25);
    border-radius: 15px;
    padding: 15px;
}

.topMenuBlock .arrow {
    transition: all .25s;
    transform: rotate(180deg);
    width: 20px;
    float: right;
}

.form-group#leftSumm {
    position: relative;
}

.form-group#leftSumm .form-currency, .form-group#rightSumm .form-currency {
    position: absolute;
    right: 10px;
    top: 0;
    font-weight: 500;
    font-size: 12px;
    color: #11181F;
    line-height: 50px;
}

.exhcnageHeader p {
    font-size: 13px;
    font-weight: 400;
    color: #585D62;
}

.exchangeBlock .topMenuBlock {
    margin-bottom: 10px;
    position: relative;
}

.exchangeBlock .topMenuBlock .valuteName {
    font-size: 16px;
    color: #11181F;
    font-weight: 600;
}

.exchangeBlock .topMenuBlock > .miniIcon {
    margin-top: -5px;
}

#leftSumm > .form-field, #rightSumm > .form-field {
    position: relative;
    border: none;
    border-radius: 15px;
}

#leftSumm > .form-field > input {
    background: #E5F2FF;
    border: none;
    padding-left: 15px;
    color: #0E82EF;
    font-size: 16px;
    font-weight: 600;
}

.exchangeBlock .currenciesBlock {
    position: absolute;
    top: 30px;
    width: calc(100% + 32px);
    left: -16px;
    background: #fff;
    border: 1px solid #B3DAFF;
    box-shadow: 0 7px 25px rgba(30, 120, 255, 0.25);
    border-radius: 0 0 20px 20px;
    opacity: 0;
    z-index: -1;
    transition: all .4s;
    overflow-y: auto;
    max-height: 0;
}

.exchangeBlock .topMenuBlock.opened .currenciesBlock {
    top: 35px;
    z-index: 99;
    opacity: 1;
    max-height: 400px;
    overflow-y: auto;
}

.exchangeBlock .topMenuBlock.opened .currenciesBlock::-webkit-scrollbar {
    width: 10px;
}

.exchangeBlock .topMenuBlock.opened .currenciesBlock::-webkit-scrollbar-track {
    -webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.4) inset;
    background-color: #f1f1f1;
    border-radius: 10px;
}

.exchangeBlock .topMenuBlock.opened .currenciesBlock::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), radial-gradient(71.55% 129.69% at 28.45% 74.22%, #8D54E0 0%, #8DC8FF 96.2%);
}

.leftSide .exhcangeBlockHeader:hover {
    cursor: pointer;
}

.leftSide .exhcangeBlockHeader:hover span {
    color: #0E82EF;
}

a.psBtn.nav-link {
    padding: 0;
    text-align: left;
}

.billPsList {
    -webkit-padding-start: 0;
}

.form-text.text-muted * {
    font-size: 12px;
    color: #11181F;
}

[data-side="to"] .exchangeSideHeader {
    color: #8D54E0;
}

#rightSumm > .form-field > input {
    background: #F4EDFF;
    border: none;
    padding-left: 15px;
    color: #8D54E0;
    font-size: 16px;
    font-weight: 600;
}

ul.nav.psBtnsWrp {
    padding: 0 15px;
    margin-bottom: 10px;
}

ul.nav.psBtnsWrp a {
    font-size: 10px;
    line-height: 33px;
    text-transform: uppercase;
    color: #4122FF;
    margin-top: 10px;
    font-weight: 600;
    padding: 0 15px;
}

ul.nav.psBtnsWrp a.active, ul.nav.psBtnsWrp a:hover {
    background: radial-gradient(71.55% 129.69% at 28.45% 74.22%, #8D54E0 0%, #8DC8FF 96.2%);
    border-radius: 40px;
    color: #fff;
}

.exchangeBlock input.search-input {
    border: none;
    padding-left: 40px;
    border-bottom: 1px solid #c1c1c1;
    border-radius: 0!important;
    margin-bottom: 10px;
}

.exchangeBlock .searchIcon {
    position: absolute;
    top: 5px;
    left: 15px;
}

.exchangeBlock .valute {
    color: #888B8F;
    font-size: 12px;
    line-height: 17px;
    float: right;
}

.currency__item.psItem {
    margin-bottom: 5px;
}

.currency__item.psItem:hover {
    cursor: pointer;
}

.currency__item.psItem.active * {
    color: #fff;
}

.has-error {
    border-color: #f00!important;
}

.btn-disabled {
    pointer-events: none!important;
    background: #98A0A4!important;
}

#home-exchange .propsCont {
    margin-top: 25px;
}

.gotoPaymAgree {
    font-size: 13px;
    line-height: 19.5px;
}
.gotoPaymAgree label{
    display: block;
    position: relative;
    padding: 2px 0 2px 26px;
    line-height: 16px !important;
    font-size: 14px;
    margin-bottom: 6px;
}
.gotoPaymAgree label:last-of-type{
    margin-bottom: 0;
}
.gotoPaymAgree label a{
    font-size: 14px;
}
.gotoPaymAgree label input{
    display: none;
}
.gotoPaymAgree label input + span{
    width: 20px;
    height: 20px;
    border: 1px solid #8D54E0;
    position: absolute;
    top: 0;
    left: 0;
}
.gotoPaymAgree label input:checked + span{
    background: #8D54E0 url('/res/img/check.svg') center no-repeat;
}
.gotoPaymAgree a {
    color: #585D62;
}
.gotoPaymAgree a:hover{
    text-decoration: none;
}

#goto-payment {
    width: 100%;
}

li.currency__item.psItem[attr-disabled="disabled"] {
    opacity: .3;
    filter: grayscale(1);
    cursor: default;
}

#calcError span {
    text-align: center;
    display: block;
    padding: 30px;
    color: #f00;
}

#calcError span b {
    display: block;
    font-size: 120%;
}

.tooltip-address {
    position: absolute;
    font-size: 13px;
    background: rgba(255, 255, 255, .7);
    border-radius: 5px;
    z-index: 3;
}

.orderPage .exchangeBlock {
    padding-bottom: 25px;
}

.opMobCurr {
    background: #fff;
    border-radius: 0 0 35px 35px;
    min-height: 55px;
    margin-top: -20px;
    width: 100%;
    padding: 10px;
    position: relative;
}

.opMobCurr .leftSide.col-6 * {
    text-align: left;
}

.opMobCurr .rightSide.col-6 * {
    text-align: right;
}

.opMobCurr b {
    display: block;
    font-size: 13px;
    line-height: 13px;
    color: #11181F;
}

.opMobCurr span {
    font-size: 10px;
    font-weight: 400;
    color: #888B8F;
}

.opMobCurr .arrowRight {
    width: 14px;
    height: 14px;
    position: absolute;
    right: calc(50% - 7px);
    top: calc(50% - 7px);
    opacity: 1;
    transform: rotate(90deg);
    padding: 0;
}

.opMobCurr .leftSide img {
    float: left;
    margin-right: 10px;
    max-width: 24px;
    max-height: 24px;
}

.opMobCurr .rightSide img {
    float: right;
    margin-left: 10px;
    max-width: 24px;
    max-height: 24px;
}

/* // exchange */

.alert-warning {
    border: 2px solid #f9952e;
    color: #b33200;
}

.opStage .stageHeader {
    font-weight: 600;
}

.qrCode > img {
    width: 100%;
    max-width: 200px;
}

.opFormGroup input {
    font-size: 12px;
}

.separator-line {
    border-bottom: 1px solid #8dbcfc;
    position: relative;
}

.separator-line > .stars {
    background: url('/res/img/star.png') center center repeat-x;
    width: 54px;
    height: 18px;
    position: absolute;
    top: -8px;
    left: calc(50% - 27px);
    filter: hue-rotate(37deg);
}

.goMob {
    float: left;
    padding-right: 15px;
    padding-bottom: 10px;
}

.goMob img {
    width: 120px;
}

.photoExample {
    width: 100%;
    max-width: 160px;
}

.verifText {
    font-size: 12px;
    line-height: 16.5px;
}

.verifBottomBtns {
    margin-top: 15px;
}

.verifBottomBtns .btn-small {
    padding: 10px 30px;
}

.qrBtnOpen {
    color: #0E82EF;
}

.qrBtnOpen img {
    transform: rotate(-90deg);
    height: 20px;
}

img.photoExample.d-sm-none {
    max-width: 130px;
    padding-right: 15px;
}

.valuteIcon {
    max-width: 20px;
    max-height: 20px;
    width: auto;
    height: auto;
}

.opFormGroup .valuteIcon {
    position: absolute;
    top: calc(50% - 10px);
    left: 10px;
}

.opFormGroup {
    position: relative;
}

.opFormGroup label.miniLbl {
    position: absolute;
    left: 40px;
    font-size: 10px;
    color: #888B8F;
    top: 4px;
}

.opFormGroup input.miniLbl {
    padding-left: 40px;
    padding-top: 12px;
    padding-right: 50px;
    font-size: 13px;
    font-weight: 500;
    color: #11181F;
    height: 45px;
}

.opFormGroup button.fCopyBtn {
    position: absolute;
    border: 0;
    background: transparent;
    height: 28px;
    top: calc(50% - 14px);
    right: 5px;
    filter: hue-rotate(295deg);
    transition: all .25s;
}

.opFormGroup button.fCopyBtn.copied {
    filter: hue-rotate(230deg) brightness(1.3);
    transition: all .25s;
}

.opStageButtons .btn {
    padding: 8px 25px;
}

.opNote {
    font-weight: bold;
    font-size: 115%;
}

.text-danger {
    color: #f00!important;
}

.bottomTechLine {
    margin-top: 20px;
}

.bottomTechLine a {
    text-decoration: none;
    color: #8D54E0;
    font-weight: bold;
    transition: all .25s;
}

.bottomTechLine a:hover {
    color: #409cf3;
    text-shadow: 1px 1px 1px #fff;
}

.qrCode {
    display: none;
}

.transferLinkLine span {
    display: block;
    font-size: 90%;
    color: #888B8F;
    margin-top: 5px;
}

.sqrElem .rectangle a.phone:hover {
    color: #5d62db;
}

.loyality.sPage .rectangle{
    padding: 10px!important;
    border-radius: 20px!important;
}

.partners.sPage .rectangle .text {
    margin-top: 0;
    max-width: initial;
}

.balanceList.rectangle2 {
    border: 1px solid #D9DADB;
    border-radius: 15px;
    padding: 0;
    backdrop-filter: blur(22px);
    background: rgba(255, 255, 255, .3);
}

.balanceList.rectangle2 .blElem {
    padding: 10px 15px;
    border-bottom: 1px solid #D9DADB;
    display: flex;
}

.balanceList.rectangle2 .blElem .blElemValute, .balanceList.rectangle2 .blElem .blElemAmoun {
    color: #585D62;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 18.2px;
    margin-left: 10px;
    font-weight: 500;
}

.balanceList.rectangle2 .blElem .blElemAmoun {
    margin-left: auto!important;
}

.balanceList.rectangle2 .blElem:first-child {
    border-radius: 15px 15px 0 0;
}

.balanceList.rectangle2 .blElem:last-child {
    border-bottom: 0;
    border-radius: 0 0 15px 15px;
}

.balanceList.rectangle2 .blElem:hover {
    cursor: pointer;
}

.balanceList.rectangle2 .blElem.active, .balanceList.rectangle2 .blElem:hover {
    background: #E5F2FF;
}

.balanceList.rectangle2 .blElem.active *, .balanceList.rectangle2 .blElem:hover * {
    color: #0E82EF;
}

#balance-list > .rectangle2 {
    height: auto;
}

.balanceBtnsList button {
    width: 100%;
    background: transparent;
    border-color: #CBCCCE;
    color: #11181F;
    padding: 14px 0;
    text-align: center;
}

.balanceBtnsList button.active, .balanceBtnsList button:hover {
    border-color: #0E82EF;
    color: #0E82EF;
    background: transparent;
    cursor: pointer;
}

.balanceHistory {
    padding-bottom: 30px;
}

.depoEntryWrp {
    padding-top: 30px;
}

.depoEntryWrp select:hover, #ps-choose {
    cursor: pointer;
}

.choose-valute-tabs {
    margin-bottom: 15px;
}

#choose-valute .miniIcon {
    margin-right: 10px;
    max-height: 24px;
}

.ps-element {
    padding: 5px;
    border-radius: 5px;
}

.ps-element:hover {
    cursor: pointer;
    background: #8D54E0;
    color: #fff;
}

.balanceList.rectangle2 {
    height: auto;
}

.sumvalute {
    line-height: 50px;
    position: absolute;
    right: 10px;
}

#ps-choose {
    padding: 0 10px;
    line-height: 50px;
}

#billCreatedCont, #billPaymCont {
    min-height: 500px;
}

.bill__radio {
    display: flex;
}

.bill__radio .form-check {
    margin-left: 10px;
}

.bill__radio .form-check .form-check-input {
    margin-left: -20px;
}

#billCreatedCont .form-group {
    margin-bottom: 10px;
}

#billCreatedCont .form-group label {
    margin-bottom: 5px;
}

.searchWrp {
    position: relative;
}

#billCreatedCont .bill__radio .form-check:hover {
    cursor: pointer;
}

.bill__info-value {
    font-weight: bold;
}

.copyWrp {
    position: relative;
}

.copyWrp .copyBtn {
    position: absolute;
    top: 13px;
    right: 10px;
}

.copyWrp .copyBtn:before {
    width: 24px;
    height: 24px;
}

.bill__block-info-contacts a {
    text-decoration: none;
    margin-right: 15px;
    color: #1c1f23;
    transition: all .3s;
}

.bill__block-info-contacts a svg {
    filter: hue-rotate(45deg);
    margin-right: 5px;
}

.bill__block-info-contacts a:hover {
    color: #6f42c1;
}

.bill__block-info-contacts p {
    margin-top: 15px;
}

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

.fS2 .select2-container {
    background: #FFFFFF;
    border: 1px solid #0E82EF;
    box-shadow: inset 0 3px 0 rgb(0 0 0 / 3%);
    border-radius: 15px!important;
}

.fS2 .select2-container .selection .select2-selection {
    height: 50px;
    background: transparent;
    border: 0;
}

.fS2 .select2-container .selection .select2-selection__rendered {
    line-height: 50px;
}

.fS2 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px!important;
}

.fSelect.fS2:after {
    display: none;
}

.warelm-text{
    font-size: 16px;
    line-height: 1.3;
    text-align: center;
}

.warranties .rectangle {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.warranties .rectangle img{
    display: block;
    max-width: 100%;
    max-height: 32px;
    margin: 0;
}

.warranties .rectangle a{
    display: flex;
    margin: 0;
    align-items: center;
    justify-content: center;
}

.opAddress {
    margin-top: 15px;
}

.mobOpAdresses {
    padding: 0 20px;
}

.opAddress b {
    word-break: break-all;
}

#percentageAlerts {
    float: right;
}

#percentageAlerts > div {
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    border: 2px solid #ffce09;
    background: #ffff44;
    color: #ff3100;
    font-weight: bold;
    transition: all .25s;
}

#percentageAlerts > div:hover {
    cursor: pointer;
    background: #ff3100;
    color: #ffff44;
}

#home-exchange #rightSumm > .form-field {
    margin-bottom: 10px;
}

.bannerEstate {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    padding: 30px;
    box-shadow: 0px 7px 25px rgb(141 84 224 / 25%);
    border-radius: 35px;
    margin-top: 30px;
}

.bannerEstate a.bannerHP {
    height: 53px;
    text-align: center;
    padding: 0 25px;
    border: 2px solid #4122FF;
    border-radius: 50px;
    color: #4122FF;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 49px;
    font-weight: 700;
    text-decoration: none;
    transition: all .3s;
}

.bannerEstate a.bannerHP:hover {
    color: #fff;
    background: #4122FF;
}

.bannerEstate .linkBlock {
    display: flex;
    align-items: center;
}

.bannerEstate .bannerImg {
    position: absolute;
    right: 200px;
}

.crossBtnWrp {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 20px;
}

#crossBtn {
    display: inline-block;
    transform: rotate(0deg);
    transition: all .5s;
}

#crossBtn:hover {
    cursor: pointer;
    transform: rotate(180deg);
}
.copy-alert-warp{
  color: #D4B12C;
  position: fixed;
  z-index: 100;
  max-height: 100%;
  max-width: 100%;
  bottom: 0;
  right: 0;
  padding: 0 20px 50px 0;}
.copy-alert{
  width: auto;
  padding: 15px 30px;
  color: #fff;
  font-size: 16px;
  margin-bottom: 10px;
  text-align: right;
  background: radial-gradient(71.55% 129.69% at 28.45% 74.22%, #8D54E0 0%, #8DC8FF 96.2%);
  box-shadow: 2px 2px 5px 1px rgba(0,0,0,.3);
}
.copy-alert-a{
    color: #360030 !important;
}


.lite_offer{
    padding: 10px;
    text-align: center;
    border-bottom: 2px solid #8d5959;
}

.qrBtnOpen .arrowQr {
    display: none;
}

.qrBtnOpen:hover {
    cursor: pointer;
}

.directions-text{
    margin-bottom: 50px;
    padding: 60px;
    background: #FFFFFF;
    box-shadow: 0px 7px 25px rgba(141, 84, 224, 0.25);
    border-radius: 35px;
    font-size: 16px;
}
.directions-text a{
    color: #0E82EF;
    text-decoration: underline;
}
.directions-text a:hover{
    text-decoration: none;
}
.directions-text h2{
    margin: 0 0 30px;
}
.directions-text p{
    margin: 0 0 30px;
}
.directions-text p:last-of-type{
    margin-bottom: 0;
}
.directions-text ul{
    margin: 0 0 30px;
    list-style: none;
    padding: 0;
}
.directions-text ul li{
    font-weight: 500;
    margin: 0 0 15px;
}
.directions-text ul li:last-of-type{
    margin-bottom: 0;
}
@media (min-width: 576px) {

    .indexQuickChange {
        overflow: initial;
    }

    .page404 h2 {
        display: inline;
        margin-right: 20px;
        margin-bottom: 0;
    }

    .page404 .btn {
        width: auto;
        margin-top: 0;
    }

    .indexApp .leftSide img {
        max-width: 100%;
    }

    .indexApp .rightSide .appsTextBlock {
        margin-top: 0;
        backdrop-filter: none;
        box-shadow: 0 7px 25px rgba(141, 84, 224, 0.25);
    }

    .indexApp .rightSide .appsTextBlock a img {
        margin-top: 25px;
    }

    .indexQuickChange .elem .valuteImg {
        width: 100%;
        height: auto;
        max-width: 41px;
        max-height: 41px;
    }

    .indexQuickChange > .col-12 {
        margin-top: 25px;
    }

    .indexQuickChange > img.coin.img4 {
        right: auto;
        left: 10%;
    }

    .indexQuickChange > img.coin.img2 {
        right: auto;
        left: 55%;
    }

    #goto-payment {
        width: auto;
    }

    .change__block-footer {
        display: flex;
        align-items: center!important;
    }

    .gotoPaymAgree {
        margin-left: 15px;
    }
}

@media (min-width: 768px) {

    .crossBtnWrp {
        margin-top: 0;
        margin-left: 30px;
    }

    #crossBtn {
        transform: rotate(90deg);
    }

    #crossBtn:hover {
        transform: rotate(270deg);
    }

    .orderPage .propsCont {
        background: rgba(255, 255, 255, 0.5);
        border: 1px solid #D9DADB;
        box-shadow: inset -10px 10px 24px rgba(255, 255, 255, .56);
        backdrop-filter: blur(22px);
        border-radius: 35px;
        padding: 30px!important;
    }

    h5.subHeader {
        font-size: 18px;
        color: #585D62;
        font-weight: 500;
        margin-bottom: 20px;
    }

    .page401.techbreak img {
        max-width: 100%;
    }

    .techbreak .w-100 {
        text-align: left;
    }

    .page401 .d-flex > div {
        margin-top: 0;
    }

    .footerApps a {
        display: block;
        width: calc(50% - 15px);
        float: left;
    }

    .footerApps a:first-child {
        margin-right: 30px;
    }

    .reserves .pageTitle {
        float: left;
    }

    .reserves .reservFilters {
        float: right;
        margin-top: 7px;
    }

    .reserves_block .elem {
        padding: 10px 15px;
    }

    .reserves_block .elem img {
        max-width: 30px;
        max-height: 30px;
        width: auto;
        height: auto;
    }

    .reserves_block .elem .name {
        font-size: 18px;
    }

    .reserves_block .elem .value {
        font-size: 16px;
    }

    .btnType1, .btn-primary, .btnType2, .btn-secondary, .btnType3 {
        padding: 14px 30px;
    }

    .apiWrp h4, #settings-entry h4 {
        font-size: 20px;
        font-weight: 500;
    }

    .indexQuickChange .elem .btn a {
        text-transform: uppercase;
        line-height: 40px;
        border-radius: 20px;
    }

    #status.orderPage > .container {
        background: url('/res/img/op_coins_group.png') right 40px top 70px no-repeat;
        background-size: 80%;
    }

    .verifText {
        font-size: 13px;
        line-height: 18px;
    }

    .valuteIcon {
        max-width: 24px;
        max-height: 24px;
    }

    .opFormGroup .valuteIcon {
        position: absolute;
        top: calc(50% - 12px);
        left: 10px;
    }

    .opFormGroup label.miniLbl {
        left: 45px;
        font-size: 12px;
    }

    .opFormGroup input.miniLbl {
        padding-left: 45px;
        padding-top: 17px;
        font-size: 16px;
        height: 50px;
    }

    #choose-valute .modal-dialog {
        max-width: 650px;
    }

}

@media (min-width: 992px) {

    * {
        font-size: 16px;
    }

    main {
        padding-top: 50px;
    }

    header {
        padding-top: 10px;
        padding-bottom: 15px;
    }

    .hRightSide {
        padding-top: 22px;
    }

    footer .socIcons a:not(:last-child) {
        margin-right: 30px;
    }

    footer .copyrightWrp a {
        margin-left: 20px;
    }

    .form-control {
        font-size: 14px;
        color: #888B8F;
        line-height: 19.6px;
    }

    .mobMenuWrp {
        display: none!important;
    }

    .userInfoBlock {
        display: block;
    }

    h1 {
        font-size: 42px;
        line-height: 130%;
    }

    h2 {
        font-size: 26px;
        line-height: 130%;
    }

    h3 {
        font-size: 22px;
        line-height: 130%;
    }

    h4 {
        font-size: 20px;
        line-height: 130%;
    }

    h5 {
        font-size: 18px;
        line-height: 130%;
    }

    h6 {
        font-size: 17px;
        line-height: 130%;
    }

    .text {
        font-size: 14px;
        line-height: 19.6px;
    }

    header .hRightSide, header .hLeftSide {
        margin-top: 0;
    }

    body {
        background-position: right 30% top 90px;
        background-size: initial;
    }

    .reservFilters .psBtn, .accMenu a {
        font-size: 18px;
        line-height: 43px;
        padding: 0 20px;
    }

    .accMenu a {
        padding: 0 15px;
    }

    .reserves_block .elem {
        padding: 15px;
    }

    .userBlockIcon.btnType1 {
        width: 52px;
        height: 52px;
        line-height: 46px;
        padding: 0;
    }

    .userBlockIcon.btnType1 img {
        width: initial;
        margin-left: 3px;
    }

    .rectangle {
        padding: 20px;
        border-radius: 30px;
    }

    .rectangle .text {
        max-width: 290px;
        font-size: 16px;
        line-height: 22.4px;
    }

    .rectangle img {
        max-width: 195px;
    }

    .warranties .infoBlock, .rectangle2, .newsListElem .rectangle2 {
        background: rgba(255, 255, 255, 0.5);
        border: 1px solid #D9DADB;
        box-shadow: inset -10px 10px 24px rgba(255, 255, 255, 0.56);
        border-radius: 35px;
        padding: 30px;
        font-size: 16px;
        line-height: 22.4px;
    }

    .warranties .icons {
        position: absolute;
        right: 30px;
        top: 30px;
        margin-top: 0;
    }

    .warranties .icons .elem {
        font-size: 16px;
    }

    .warranties .leftside .links a {
        margin-right: 40px;
    }

    main > .container {
        padding-bottom: 70px;
    }

    .btnType1, .btn-primary, .btnType2, .btn-secondary, .btnType3 {
        font-size: 18px;
    }

    .rectangle h5 {
        font-size: 18px;
    }

    .rectangle a.phone {
        font-size: 23px;
    }

    .contMap .elem {
        border-radius: 30px;
    }

    .rectangle .percent {
        font-size: 42px;
        line-height: 44px;
    }

    .rectangle .desc {
        font-size: 16px;
        line-height: 28px;
    }

    .rectangle .lvl {
        font-size: 20px;
        line-height: 26px;
    }

    h5.subHeader {
        margin-bottom: 30px;
    }

    .accMenu {
        justify-content: space-between;
        margin-top: 0;
    }

    .accountWrp .pageTitle {
        line-height: 35px;
    }

    .two-auth .switch + p {
        font-size: 16px;
    }

    .apiWrp .rectangle2 .text {
        padding-right: 50px;
    }

    .referalsStats.statsBlock {
        flex-wrap: nowrap;
        display: flex!important;
        flex-direction: row!important;
        justify-content: space-between!important;
        border: 2px solid rgba(180, 128, 255, 0.5);
        border-radius: 35px;
        padding: 15px;
    }

    .referalsStats.statsBlock .elem {
        width: auto;
        flex: initial;
        border-radius: 0;
        border: none;
        order: initial!important;
    }

    .referalsStats.statsBlock .elem .value {
        font-size: 23px;
        line-height: 36.4px;
    }

    .referalsStats.statsBlock .elem.separator {
        width: 2px!important;
        display: block;
        padding: 0;
        background: rgba(180, 128, 255, 0.5);
    }

    .refLink .text {
        margin-bottom: 20px;
    }

    .mainCont.leftSide {
        padding-right: 20px;
    }

    .mainCont.rightSide {
        padding-left: 20px;
    }

    #settings-entry #changePassform, #settings-entry .rectangle2.passSettings h4 {
        margin: 0!important;
    }

    #referalsBlock .referalsList.rectangle2 {
        align-content: start;
    }

    .refUserElem .userElemMail {
        font-size: 17px;
        line-height: 22px;
    }

    .refUserElem .userElemLvlDate > div {
        font-size: 16px;
        line-height: 22.4px;
    }

    .faqElem {
        border-radius: 20px;
    }

    .newsListElem a.title {
        font-size: 18px;
        line-height: 23.4px;
    }

    .faqElem .faqElemHeader {
        font-size: 18px;
        line-height: 23.4px;
        padding: 15px 30px 15px 20px;
    }

    .faqElem .faqElemHeader img {
        right: 10px;
        top: 15px;
        width: 24px;
    }

    .reviewBottom .revRait {
        width: 110px;
    }

    .reviewBottom .revName {
        max-width: calc(100% - 110px);
    }

    .reviewElem .reviewBody {
        font-size: 16px;
    }

    .reviewBottom .revName {
        font-size: 17px;
    }

    .reviewElem {
        padding: 25px;
    }

    .indexReviews .reviewElem {
        margin-top: 25px;
    }

    .indexReviews > .col-12 {
        padding-bottom: 130px;
    }

    .indexReviews > .col-12 > h2 {
        margin-bottom: 40px;
    }

    .indexReviews > .col-12 > .img1 {
        width: 160px;
        top: 40px;
    }

    .indexReviews > .col-12 > .img2 {
        top: 25%;
    }

    .indexReviews > .col-12 > .img3 {
        display: block;
        width: 90px;
        top: 40%;
        left: calc(30% - 50px)
    }

    .indexReviews > .col-12 > .img4 {
        width: 180px;
        left: 50%;
        bottom: 0;
    }

    .indexReviews > .col-lg-5 {
        position: relative;
    }

    .indexReviews > .col-lg-5 img {
        position: absolute;
        width: 100%;
        max-height: 100%;
        left: 0;
        top: -70px;
        z-index: 1;
    }

    .indexReviews > .col-lg-5 a {
        margin-top: calc(100% - 110px);
        position: relative;
        z-index: 3;
    }

    .index main > .container {
        padding-bottom: 40px;
    }

    .blueLine .blueLine-img {
        max-width: 180px;
        max-height: 180px;
        float: initial;
        margin: 0 auto;
        margin-top: 20px;
        height: 170px
    }
    .blueLine img {
        max-width: 180px;
        max-height: 180px;
        margin: 0 auto;
        display: block
    }

    .blueLine .text {
        text-align: center;
        font-size: 18px;
        line-height: 23.4px;
        padding: 0;
        font-weight: 500;
    }
    .blueLine .text p{
        color: #fff;
    }

    .blueLine a {
        line-height: 44px;
    }

    .row.indexReviews {
        margin-top: 70px;
    }

    .indexApp .rightSide .appsTextBlock {
        border-radius: 35px;
        padding: 60px 70px;
    }

    .indexApp .rightSide .appsTextBlock p {
        display: block;
        margin-top: 25px;
    }

    .indexQuickChange {
        margin-bottom: 70px;
    }

    .indexQuickChange .elem .valuteImg {
        max-width: 38.5px;
        max-height: 38.5px;
    }

    .indexQuickChange > img.coin.img1 {
        right: -30px;
    }

    .indexQuickChange > img.coin.img4 {
        bottom: -40px;
    }

    .indexQuickChange .elem .desc b, .indexQuickChange .elem .desc span {
        font-size: 18px;
    }

    .indexQuickChange .elem .btn a {
        font-size: 18px;
        line-height: 50px;
        border-radius: 25px;
    }

    #home-exchange #props {
        margin-top: 0;
    }

    #home-exchange .propsCont {
        background: rgba(255, 255, 255, 0.65);
        border: 1px solid #D9DADB;
        box-shadow: inset -10px 10px 24px rgba(255, 255, 255, 0.56);
        backdrop-filter: blur(15px);
        border-radius: 35px;
        padding: 30px;
    }

    .gotoPaymAgree {
        font-size: 14px;
    }

    .exhcnageHeader p {
        font-size: 18px;
    }

    body.index > main {
        background: url('/res/img/indexExchangeBg.png') right top no-repeat;
    }

    .verifText {
        font-size: 15px;
        line-height: 22px;
        font-weight: 500;
    }

    .verifBottomBtns .btn-small {
        padding: 12px 30px;
    }

    .opStageButtons .btn {
        padding: 10px 30px;
    }

    .qrCode {
        display: block;
    }

    .loyality.sPage .rectangle .percent {
        font-size: 36px;
    }

    .loyality.sPage .rectangle .lvl {
        font-size: 14px;
        line-height: 18.2px;
    }

    .loyality.sPage rectangle .text {
        line-height: 17px;
    }

    .balanceList.rectangle2 {
        border-radius: 20px;
    }

    .balanceList.rectangle2 .blElem {
        padding: 15px 20px;
    }

    .balanceList.rectangle2 .blElem .blElemValute, .balanceList.rectangle2 .blElem .blElemAmoun {
        font-size: 18px;
        line-height: 23.4px;
        margin-left: 20px;
    }

    .balanceList.rectangle2 .blElem:first-child {
        border-radius: 20px 20px 0 0;
    }

    .balanceList.rectangle2 .blElem:last-child {
        border-radius: 0 0 20px 20px;
    }

    #balance-list > .rectangle2 {
        padding: 30px 15px;
    }

    #choose-valute .modal-dialog {
        max-width: 850px;
    }

    .bannerEstate .textBlock {
        width: calc(100% - 400px);
    }

    .bannerEstate .linkBlock {
        width: 400px;
        justify-content: end;
    }

    .bannerEstate {
        margin-top: 60px;
        margin-bottom: 40px;
    }

    .crossBtnWrp {
        margin-top: 20px;
        margin-left: 0;
    }

    #crossBtn {
        transform: rotate(0deg);
    }

    #crossBtn:hover {
        transform: rotate(180deg);
    }

    .exchangeBlock .searchIcon {
        top: 8px;
    }
    .lite-version-link,
    .headerMenu a.link.lite-version-link{
        position: relative;
        top: 5px;
    }

}

@media (min-width: 1200px) {
    .headerMenu a.link, #langBtn {
        margin-right: 28px;
    }

    .rectangle a.phone {
        font-size: 18px;
        line-height: 45px;
    }

    .contMap .elem img {
        width: 100%;
    }

    .accMenuWrp .pageTitle {
        font-size: 42px;
    }

    .orderValues .repeatCont {
        text-align: right;
        display: flex;
        justify-content: end;
        align-items: center;
    }

    .orderValues .valuteWrp .summ {
        font-size: 20px;
        line-height: 26px;
    }

    .orderValues .valuteWrp .pAddress {
        font-size: 12px;
        line-height: 18px;
    }

    .valuteWrp.rightSide {
        text-align: left;
        padding-left: 70px;
        position: relative;
        min-height: 54px;
    }

    .valuteWrp.leftSide {
        text-align: right;
        padding-right: 70px;
        position: relative;
        min-height: 54px;
    }

    .valuteWrp.rightSide .miniIcon {
        width: 54px;
        position: absolute;
        left: 0;
    }

    .orderValues .valuteWrp .summ {
        margin-top: 0;
    }

    .valuteWrp.leftSide .miniIcon {
        width: 54px;
        position: absolute;
        right: 0;
    }

    .orderValues .orderArrow {
        width: 50px;
    }

    .orderValues .valuteWrp {
        width: calc(50% - 25px);
    }

    h3.orderDetail {
        text-align: left;
    }

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

    .orderElemWrp .created * {
        font-size: 14px!important;
    }

    .orderElemWrp .created .dateTime {
        margin-right: 20px;
    }

    .orderElemWrp .repeatCont {
        display: flex;
        justify-content: end;
        align-items: center;
    }

    .orderElemWrp .repeatCont .repeatBtn {
        display: inline-block;
    }

    .orderElemWrp .repeatBtn img {
        width: auto;
    }

    .orderElemWrp .repeatCont .repeatBtn span {
        display: block;
    }

    .orderValues .orderArrow img {
        width: 24px;
    }

    .pagination > nav .page-link {
        width: 46px;
        height: 46px;
        line-height: 40px;
        margin: 0 10px;
    }

    .pagination > nav .active .page-link {
        line-height: 44px;
    }

    .referalsStats.statsBlock {
        padding: 20px 35px;
    }

    .referalsStats.statsBlock .elem .value {
        font-size: 28px;
    }

    .indexQuickChange .elem .valuteImg {
        max-width: 53.5px;
        max-height: 53.5px;
    }

    .bannerEstate .textBlock {
        width: calc(100% - 500px);
    }

    .bannerEstate .linkBlock {
        width: 500px;
    }

    .bannerEstate .bannerImg {
        right: 300px;
    }
}

@media (min-width: 1400px) {
    .indexQuickChange .elem .valuteImg {
        max-width: 65px;
        max-height: 65px;
    }
}
@media (max-width: 1199.98px) {
    .headerMenu a.link{
        margin-right: 12px;
    }
    #authBtn{
        padding: 0 15px;
    }
    #authBtn span{
        font-size: 11px;
    }
    .directions-text{
        padding: 30px;
    }
}
@media (max-width: 991.8px) {
    #authBtn {
        width: auto;
        height: auto;
        background: transparent;
        box-shadow: none;
        padding: 0;
        line-height: 24px;
    }

    .copyrightWrp a {
        display: inline-block;
    }

    footer .footerApps {
        padding-top: 0;
    }

    footer .copyright {
        display: block;
    }

    footer .copyrightWrp a {
        margin-right: 20px;
    }
    .directions-text{
        margin-bottom: 30px;
        padding: 15px 0;
        box-shadow: unset;
        border-radius: unset;
        font-size: 11px;
        line-height: 1.5;
    }
    .directions-text p,
    .directions-text ul,
    .directions-text h2{
        margin-bottom: 15px;
    }
}

@media (max-width: 575.8px) {
    #settings-entry .rectangle, #settings-entry .rectangle2 {
        border: 0;
        padding: 0;
        background: transparent;
        box-shadow: none;
    }

    .indexReviews > .col-12 {
        overflow: hidden!important;
    }

    .indexQuickChange .elem .el1, .indexQuickChange .elem .el3 {
        width: calc(50% - 25px);
    }

    .indexQuickChange .elem a.el2 {
        width: 50px;
        height: 50px;
        background: #fff;
    }

    .indexQuickChange .elem a.el2 img {
        filter: grayscale(1) brightness(.1);
        margin-top: 13px;
    }

    .verifBottomBtns .btn-small {
        padding: 6px 30px;
        width: 100%;
        margin: 0!important;
        margin-bottom: 15px!important;
    }
    .gotoPaymAgree{
        margin: 15px 0 0;
    }

    .opStageButtons .btn {
        width: 100%;
        margin: 10px auto!important;
    }

    .partners.sPage .rectangle {
        padding: 10px;
    }

    .partners.sPage .rectangle .lvl {
        padding: 5px 5px;
        border-radius: 15px;
    }
    .copy-alert-warp{
      padding: 0;
    }
    .copy-alert{
        font-size: 12px;
    }
}

@media (min-width: 768px) and (max-width: 991.8px) {
    #home-exchange .mainCont.leftSide {
        display: flex!important;
    }

    #home-exchange .mainCont.leftSide > div[data-side="from"] {
        width: calc(50% - 15px);
    }

    #home-exchange .mainCont.leftSide > div[data-side="to"] {
        width: calc(50% - 15px);
        margin-top: 0!important;
        margin-left: 30px;
    }
}

@media (max-width: 991.8px) {
    .qrBtnOpen, .goMob {
        display: none;
    }
}

.flex-course-sign{display: none;}
.floating-rate .flex-course-sign{display: flex;position: absolute;color: #8d7feb; top:12px;left: 4px;font-weight: bold;}

.user-notification-bell{
    background: none;
    border: 0;
    box-shadow: none;
    outline: 0;
    position: relative;
    margin-right: 10px;
}
.user-notification-bell .unotification-total{
    position: absolute;
    margin-top: -2px;
    font-size: 12px;
    font-weight: bold;
}
.notification-filter{
    display: flex;
    padding: 0 10px;
}
.notification-filter [data-open]{
    padding: 10px;
    cursor: pointer;
}
.notification-container [data-group]{display: none;}
.notification-container[data-open='1'] [data-group="orders"]{display: block;}
.notification-container[data-open='2'] [data-group="discount"]{display: block;}
.notification-container[data-open='3'] [data-group="text"]{display: block;}

.notification-container[data-open='1'] .notification-filter [data-open="1"],
.notification-container[data-open='2'] .notification-filter [data-open="2"],
.notification-container[data-open='3'] .notification-filter [data-open="3"] {
    background-color: #cff4fc;
    border-radius: 20px;
}

.captcha-cont > div > div {
    margin: 0 auto;
    margin-top: 20px;
}
.modal-error, .user-security-codes .alert-warning {
    background: #d00505;
    color: #fff;
    padding: 15px 0;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.btnAuthStep {
    width: 100%;
    max-width: 350px!important;
    margin: 0 auto;
}
.btnAuthStep2 {
    width: 100%;
    max-width: 250px!important;
    margin: 0 auto;
}
.recoveryLink {
    text-decoration: underline;
}
.recoveryLink:hover {
    text-decoration: none;
}
#authForm .form-group {
    margin-bottom: 0;
}