@charset "UTF-8";@font-face {
    font-family: "Cera pro";
    src: url(https://orangechanger.com/fonts/CeraPro-Light.woff2) format("woff2"),url(https://orangechanger.com/fonts/CeraPro-Light.woff) format("woff"),url(https://orangechanger.com/fonts/CeraPro-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Cera pro";
    src: url(https://orangechanger.com/fonts/CeraPro-Regular.woff2) format("woff2"),url(https://orangechanger.com/fonts/CeraPro-Regular.woff) format("woff"),url(https://orangechanger.com/fonts/CeraPro-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Cera pro";
    src: url(https://orangechanger.com/fonts/CeraPro-Medium.woff2) format("woff2"),url(https://orangechanger.com/fonts/CeraPro-Medium.woff) format("woff"),url(https://orangechanger.com/fonts/CeraPro-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Cera pro";
    src: url(https://orangechanger.com/fonts/CeraPro-Bold.woff2) format("woff2"),url(https://orangechanger.com/fonts/CeraPro-Bold.woff) format("woff"),url(https://orangechanger.com/fonts/CeraPro-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

a {
    text-decoration: none
}

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

input {
    font-family: "Cera Pro",sans-serif;
    color: #11181f
}

input:focus {
    outline: 0
}

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

textarea {
    resize: none
}

textarea:focus {
    outline: 0
}

button {
    padding: 0
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

body {
    font-family: "Cera Pro",sans-serif;
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    color: #32383e;
    background: rgba(255,255,255,.85);
    background-image: url(../img/copy/bg.png),linear-gradient(0deg,rgba(255,255,255,.85),rgba(255,255,255,.85)),linear-gradient(270deg,#fab03c 0,#f1433a 102.15%);
    background-position: center top;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

body ::-webkit-scrollbar {
    width: 4px;
    background: #efefef;
    height: 0
}

body ::-webkit-scrollbar-thumb {
    background-color: #ee2839
}

body.over-hid {
    overflow: hidden
}

.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    max-width: 1200px
}

.flex {
    display: flex
}

.title {
    font-weight: 500;
    font-size: 26px;
    line-height: 1.3;
    color: #11181f;
    margin: 0 0 30px
}

.btn {
    background: 0 0;
    border-radius: 35px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #11181f;
    border: 2px solid #11181f;
    height: 48px;
    transition: background .3s linear
}

.btn:hover {
    cursor: pointer;
    color: #fff;
    background-color: #11181f
}

.btn.btn-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.btn.btn-white:hover {
    border-color: #11181f;
    background: #11181f
}

.btn.btn-black {
    background-color: #11181f;
    border-color: #11181f;
    color: #fff
}

.btn.btn-black:hover {
    color: #11181f;
    background: 0 0
}

.btn.btn-orange {
    background: linear-gradient(180deg,#f9b03b 0,#f03b39 104.55%);
    box-shadow: 0 5px 13px rgba(242,84,58,.4);
    border: none;
    color: #fff
}

.btn.btn-orange:hover {
    opacity: .8
}

header {
    padding: 25px 0;
    width: 100%
}

.top {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.logo {
    width: 150px;
    margin-right: 20px
}

.logo a,.logo img {
    display: block
}

.top-lang {
    position: relative;
    margin-right: 20px
}

header .top-lang {
    margin-top: 5px;
    margin-right: 15px
}

.top-lang-btn {
    padding-right: 17px;
    background: transparent url(https://orangechanger.com/img/arrow-down-small.svg) right center no-repeat;
    background-size: 12px
}

.top-lang-btn img {
    max-width: 20px
}

header .top-lang-btn {
    background: transparent url(../img/copy/arrow-down-small.svg) right -2px no-repeat
}

.top-lang-items {
    position: absolute;
    background: #fff;
    box-shadow: 0 10px 20px rgba(242,84,58,.2);
    border-radius: 10px;
    width: 150px;
    top: 35px;
    right: -75px;
    z-index: 15;
    overflow: hidden;
    display: none
}

.top-lang-items .item {
    display: flex;
    padding: 11px 15px;
    align-items: center;
    color: #11181f;
    font-size: 14px;
    cursor: pointer
}

.top-lang-items .item:hover {
    background: #fff9d7
}

.top-lang-items .item img {
    max-width: 24px;
    margin-right: 10px;
    box-sizing: border-box;
    border-radius: 2px
}

.menu {
    display: flex;
    align-items: center;
    width: 600px;
    justify-content: space-between;
    margin-right: 15px
}

.menu li {
    position: relative
}

.menu li a {
    display: block;
    font-weight: 500;
    color: #11181f
}

.menu li a:hover {
    color: #ee2839
}

.menu li.active a {
    color: #ee2839
}

.top-telegram {
    margin-right: 14px
}

.top-telegram a {
    display: block;
    padding-left: 26px;
    background: transparent url(https://orangechanger.com/img/telegram.svg) left center no-repeat;
    font-size: 12px;
    line-height: 1.5;
    color: #11181f;
    margin-bottom: 5px
}

.top-telegram a:hover {
    opacity: .6
}

.top-telegram a:last-of-type {
    margin-bottom: 0
}

.top-account {
    display: flex;
    align-items: center;
    margin: 0
}

.top-account .btn {
    width: 81px
}

.top-account .btn-black {
    width: 127px;
    margin-left: 10px
}

.top-account.account-enter .btn {
    width: 48px;
    margin: 0
}

.top-account.account-enter .btn:hover svg {
    fill: #11181f!important
}

.top-account.account-enter .btn:hover path {
    stroke: #fff
}

.top-account.account-enter .btn-black {
    width: 152px;
    overflow: hidden;
    padding: 0 10px;
    justify-content: center;
    margin: 0 10px 0 0
}

.top-account.account-enter .btn-black svg {
    margin-right: 10px
}

.top-account.account-enter .btn-black span {
    max-width: 100px;
    overflow: hidden
}

.top-account.account-enter .btn-black:hover path {
    fill: #11181f;
    stroke: #11181f
}

.main-reviews-bottom,.mob-account-btn,.mob-menu,.mob-menu-btn {
    display: none
}

.main-content {
    padding: 40px 0;
    width: 100%
}

.main {
    max-width: 1340px;
    margin: 0 auto 80px;
    padding: 0 15px
}

.main-wrapper {
    box-shadow: 0 15px 50px -10px rgba(242,85,57,.3);
    border-radius: 40px;
    background: #fff url(../img/copy/main-bg.png) center no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px;
    position: relative
}

.main-wrapper .main-loading {
    border-radius: 40px
}

.main-left {
    width: 470px;
    margin-left: 30px
}

.main-left h1 {
    font-size: 42px;
    line-height: 1.3;
    margin: 0 0 30px;
    color: #11181f
}

.main-left p {
    color: #585d62;
    margin: 0 0 30px
}

.main-left-bottom {
    display: flex
}

.main-left-bottom a {
    margin-right: 20px
}

.main-left-bottom a img {
    display: block
}

.main-left-bottom a:hover {
    opacity: .8
}

.main-right {
    width: 570px
}

.main-right-min {
    display: flex;
    justify-content: space-between
}

.main-right-min p {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    color: #fff;
    margin: 0 0 20px
}

.main-exchange {
    height: 80px;
    background: #fff;
    box-shadow: 0 10px 20px rgba(242,84,58,.2);
    border-radius: 10px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-bottom: 20px
}

.main-exchange-left {
    width: 190px;
    display: flex;
    align-items: center;
    margin-right: 15px
}

.main-exchange-left-img {
    width: 40px;
    margin-right: 10px
}

.main-exchange-left-img img {
    display: block;
    width: 40px
}

.main-exchange-left-info {
    width: calc(100% - 50px)
}

.main-exchange-left-info span {
    display: flex;
    align-items: center;
    height: 20px;
    font-size: 14px;
    color: #888b8f;
    margin-bottom: 2px
}

.main-exchange-left-info span svg {
    margin-left: 5px
}

.main-exchange-left-info strong {
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    color: #11181f;
    overflow: hidden
}

.main-exchange-input {
    width: 300px;
    display: flex;
    align-items: center;
    position: relative;
    margin-right: 8px
}

.main-exchange-input input {
    display: block;
    height: 50px;
    width: 100%;
    padding: 10px 45px 10px 15px;
    color: #11181f;
    font-size: 16px;
    line-height: 1.4;
    background: #f5f6f6;
    border: 1px solid #d9dadb;
    border-radius: 10px
}

.main-exchange-input span {
    font-size: 14px;
    text-transform: uppercase;
    color: #888b8f;
    position: absolute;
    line-height: 20px;
    top: 15px;
    right: 15px
}

.main-exchange-list-btn {
    width: 26px;
    height: 100%;
    background: transparent url(https://orangechanger.com/img/arrow-down.svg) center no-repeat
}

.main-exchange-list-btn:hover {
    cursor: pointer
}

.main-exchange-list {
    position: absolute;
    top: 82px;
    left: 0;
    background: #fff;
    box-shadow: 0 10px 20px rgba(242,84,58,.2);
    border-radius: 10px;
    width: 100%;
    z-index: 1;
    display: none;
    overflow: hidden
}

.main-exchange-list-top {
    height: 54px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.main-exchange-list-top a {
    font-size: 14px;
    line-height: 1.5;
    color: #ee2839;
    padding: 7px 20px;
    border-radius: 35px
}

.main-exchange-list-top a.active {
    background: #ee2839;
    color: #fff
}

.main-exchange-list-content {
    height: 276px;
    overflow: auto
}

.main-exchange-list-content .item {
    display: flex;
    padding: 11px 15px;
    align-items: center;
    height: 46px
}

.main-exchange-list-content .item .item-img {
    width: 24px;
    margin-right: 12px
}

.main-exchange-list-content .item .item-img img {
    height: 24px;
    width: 24px;
    display: block
}

.main-exchange-list-content .item .item-title {
    margin-right: 12px
}

.main-exchange-list-content .item span {
    margin-left: auto;
    margin-right: 0;
    font-size: 14px
}

.main-exchange-list-content .item:hover {
    background: #ece9f4
}

.main-exchange-bottom-info {
    display: flex;
    margin: 0 0 20px
}

.main-exchange-bottom-info .col.min-sale {
    width: 150px
}

.main-exchange-bottom-info .col.course {
    width: 270px;
    text-align: center
}

.main-exchange-bottom-info .col.reserve {
    width: 150px;
    text-align: right
}

.main-exchange-bottom-info .col span {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #ffe8a7;
    margin-bottom: 2px
}

.main-exchange-bottom-info .col strong {
    display: block;
    font-weight: 500;
    font-size: 18px;
    color: #fff
}

.main-exchange-bottom-form {
    margin: 0 -10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.main-exchange-bottom-form .col {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 20px
}

.main-exchange-bottom-form .input-group {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    height: 50px;
    padding: 5px 15px
}

.main-exchange-bottom-form .input-group input {
    border: none;
    padding: 5px 10px;
    width: calc(100% - 24px)
}

.main-exchange-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.main-exchange-bottom p {
    width: 300px;
    color: #fff;
    margin: 0
}

.main-exchange-bottom p a {
    color: #ffe8a7
}

.main-exchange-bottom p a:hover {
    text-decoration: underline
}

.main-exchange-bottom .btn {
    width: 247px;
    height: 64px;
    font-size: 20px
}

.main-valute-graphics {
    margin: 0 0 50px
}

.main-valute-graphic-items {
    display: flex;
    margin: 0 -15px
}

.main-valute-graphic-items .col {
    width: 33.33333%;
    padding: 0 15px;
    margin-bottom: 30px
}

.main-valute-graphic-items .item {
    background: #fff;
    box-shadow: 0 15px 50px -10px rgba(242,85,57,.3);
    border-radius: 40px;
    padding: 30px
}

.main-valute-graphic-items .item-top {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%
}

.main-valute-graphic-items .item-top strong {
    color: #11181f
}

.main-valute-graphic-items .item-top span {
    margin-right: 0;
    margin-left: auto;
    color: #888b8f
}

.main-valute-graphic-items .item-top-img {
    width: 40px;
    margin-right: 10px
}

.main-valute-graphic-items .item-top-img img {
    width: 100%;
    display: block
}

.main-valute-graphic-items .item-img {
    margin: 10px 0
}

.main-valute-graphic-items .item-img img {
    width: 100%;
    display: block
}

.main-valute-graphic-items .item-bottom {
    display: flex;
    align-items: center
}

.main-valute-graphic-items .item-bottom p {
    color: #888b8f;
    line-height: 22px;
    margin: 0;
    margin-right: 10px
}

.main-valute-graphic-items .item-bottom span {
    font-size: 17px;
    font-weight: 500
}

.main-valute-graphic-items .item-bottom .graphic-up {
    color: #27ce6a
}

.main-valute-graphic-items .item-bottom .graphic-down {
    color: #ff4062
}

.main-valute-graphic-items .item-bottom .btn {
    margin-left: auto;
    margin-right: 0;
    width: 131px;
    height: 39px;
    font-size: 14px
}

.main-about-text {
    padding-right: 300px;
    position: relative;
    margin-bottom: 80px
}

.main-about-text .title {
    margin-bottom: 20px;
    color: #32383e
}

.main-about-text p {
    margin: 0 0 20px
}

.main-about-text p:last-of-type {
    margin-bottom: 0
}

.main-about-text:after {
    width: 250px;
    height: 250px;
    content: "";
    display: block;
    position: absolute;
    top: -80px;
    right: 0;
    background: transparent url(https://orangechanger.com/img/main-about-text-bg.png) center no-repeat;
    background-size: cover
}

.main-preims {
    background: #f9b13a url(../img/copy/main-preim-bg.jpg) center no-repeat;
    background-size: cover;
    box-shadow: 0 15px 50px -10px rgba(242,85,57,.3);
    border-radius: 40px;
    padding: 40px;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    text-align: center;
    color: #fff;
    margin-bottom: 80px
}

.main-preim-items {
    display: flex;
    margin: 0 -15px 10px
}

.main-preim-items .col {
    width: 33.3333%;
    padding: 0 15px;
    margin-bottom: 30px
}

.main-preim-items p {
    margin: 0
}

.main-preim-items .item-img {
    margin-bottom: 20px
}

.main-preim-items .item-img img {
    display: block;
    margin: 0 auto
}

.main-preim-bottom {
    display: flex;
    align-items: center;
    justify-content: center
}

.main-preim-bottom .btn {
    margin: 0 15px;
    padding: 16px 40px;
    font-size: 20px;
    line-height: 1.6;
    height: auto
}

.main-reviews {
    margin-bottom: 15px
}

.main-reviews .title-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 30px
}

.main-reviews .title-wrapper .title {
    margin: 0
}

.main-reviews .title-wrapper a {
    color: #ee2839
}

.main-reviews .title-wrapper a:hover {
    text-decoration: underline
}

.main-reviews-wrapper {
    margin: 0 -15px;
    display: flex;
    align-items: center
}

.main-reviews-wrapper .col {
    width: 33.33333%;
    padding: 0 15px
}

.main-reviews-wrapper .item {
    background: #fff;
    box-shadow: 0 10px 20px rgba(242,84,58,.2);
    border-radius: 40px;
    padding: 30px
}

.main-reviews-wrapper .item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px
}

.main-reviews-wrapper .item-top h4 {
    margin: 0;
    width: calc(100% - 125px)
}

.main-reviews-wrapper .item-rating {
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.main-reviews-wrapper .item-rating span {
    width: 20px;
    height: 20px;
    background: transparent url(https://orangechanger.com/img/star.svg) center no-repeat;
    background-size: 20px
}

.main-reviews-wrapper .item-rating span.active {
    background: transparent url(https://orangechanger.com/img/active-star.svg) center no-repeat
}

.main-reviews-wrapper .item-content p {
    margin: 0 0 15px;
    font-size: 14px
}

.main-reviews-wrapper .item-content p:last-of-type {
    margin-bottom: 0
}

.main-reviews-wrapper .item-date {
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    padding-left: 34px;
    color: #cbccce;
    min-height: 24px;
    background: transparent url(../img/copy/review-date.svg) center left no-repeat;
    margin-top: 18px;
    display: flex;
    align-items: center
}

.more-reviews {
    width: 340px;
    display: flex;
    margin: 20px auto
}

footer {
    background: #fff;
    padding: 30px 0 20px;
    width: 100%;
    margin-bottom: 0;
    margin-top: auto
}

footer .top-lang {
    margin-right: 0
}

footer .top-lang-items {
    right: 0
}

footer .top-lang-btn {
    display: flex;
    align-items: center
}

footer .top-lang-btn span {
    margin-left: 10px;
    font-size: 14px
}

.footer-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 20px
}

.footer-logo {
    width: 155px
}

.footer-logo a {
    display: block
}

.footer-logo img {
    display: block;
    width: 100%
}

.footer-menu {
    width: 552px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap
}

.footer-menu li {
    width: 30%;
    margin-bottom: 5px
}

.footer-menu a {
    color: #11181f
}

.footer-menu a:hover {
    text-decoration: underline
}

.footer-contacts {
    display: block
}

.footer-contacts a {
    display: block;
    margin-bottom: 5px;
    color: #11181f
}

.footer-contacts a:hover {
    opacity: .8
}

.footer-telegram {
    display: block;
    padding-left: 26px;
    background: transparent url(../img/copy/telegram.svg) left center no-repeat
}

.footer-telegram:last-of-type {
    margin-bottom: 0
}

.footer-apps a {
    display: block;
    margin-bottom: 10px
}

.footer-apps a:last-of-type {
    margin-bottom: 0
}

.footer-apps a:hover {
    opacity: .8
}

.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.footer-bottom .top-lang-items {
    top: unset;
    bottom: 45px
}

.copyright {
    font-size: 12px;
    line-height: 1.5;
    color: #a7aaac;
    margin: 0
}

.footer-bottom-menu a {
    font-size: 12px;
    line-height: 1.5;
    color: #a7aaac;
    text-decoration: underline;
    margin-right: 30px
}

.footer-bottom-menu a:last-of-type {
    margin: 0
}

.footer-bottom-menu a:hover {
    text-decoration: none
}

.modal {
    background: #fff;
    max-width: 450px;
    margin: 0 auto;
    box-shadow: 0 10px 25px rgba(0,0,0,.1);
    border-radius: 15px;
    position: relative;
    display: none;
    font-size: 14px;
    overflow: hidden
}

.modal .modal-title {
    margin: 0 0 32px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.3
}

.modal .input-group {
    margin-bottom: 20px
}

.modal .input-group input,.modal .input-group textarea {
    background: #fff;
    border: 1px solid #d9dadb;
    box-shadow: inset 0 3px 0 rgba(0,0,0,.03);
    border-radius: 10px;
    width: 100%;
    padding: 15px
}

.modal .input-group input::placeholder,.modal .input-group textarea::placeholder {
    color: #858da6
}

.modal .pass-reset-link {
    margin-bottom: 20px
}

.modal .pass-reset-link a {
    color: #ee2839;
    text-decoration: underline
}

.modal .pass-reset-link a:hover {
    text-decoration: none
}

.modal .telegram-login {
    background: #4fa2ee;
    border-radius: 40px;
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    color: #fff;
    font-weight: 700;
    transition: background .3s linear
}

.modal .telegram-login svg {
    margin-right: 10px
}

.modal .telegram-login:hover {
    background: #11181f
}

.modal .form-check {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.modal .form-check label {
    position: relative;
    padding-left: 36px;
    color: #11181f
}

.modal .form-check input {
    display: none
}

.modal .form-check input+span {
    width: 26px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 2px;
    background: #11181f;
    border-radius: 20px;
    transition: all .3s linear
}

.modal .form-check input+span:before {
    width: 14px;
    height: 14px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
    border-radius: 90%;
    position: absolute;
    top: 1px;
    left: 1px;
    content: "";
    display: block;
    transition: left .3s linear
}

.modal .form-check input:checked+span {
    background: #ee2839
}

.modal .form-check input:checked+span:before {
    left: 11px
}

.modal .form-check a {
    color: #11181f;
    text-decoration: underline
}

.modal .form-check a:hover {
    text-decoration: none
}

.modal .form-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px
}

.modal .form-bottom .btn {
    padding: 15px 25px;
    height: 64px;
    font-size: 20px
}

.modal.password-reset-modal .modal-title {
    margin-bottom: 7px
}

.modal.password-reset-modal p {
    text-align: center;
    margin: 0 0 30px
}

.modal.warning-modal {
    max-width: 700px
}

.modal.warning-modal .modal-title {
    margin-bottom: 20px
}

.modal.warning-modal p {
    margin: 0 0 25px
}

.modal.order-history-modal {
    max-width: 930px
}

.modal.order-history-modal .modal-top {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px
}

.modal.order-history-modal .modal-top p {
    color: #858da6;
    margin: 0;
    width: 50%;
    text-align: right
}

.modal.order-history-modal .modal-top-left {
    width: 50%
}

.modal.order-history-modal .modal-top-left strong {
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0
}

.modal.order-history-modal .modal-top-left span {
    color: #858da6
}

.modal.order-history-modal .cabinet-history-items .item {
    padding: 0
}

.modal.order-history-modal .cabinet-history-items .item .item-img {
    width: 50px
}

.modal.order-history-modal .cabinet-history-items .item .item-img img {
    width: 100%
}

.modal.order-history-modal .cabinet-history-items .item .item-left {
    width: 100%
}

.modal.order-history-modal .cabinet-history-items .item .item-left .item-info strong {
    display: block;
    font-size: 20px
}

.modal.order-history-modal .form-bottom {
    justify-content: center;
    margin-top: 0
}

.modal.order-history-modal .form-bottom .btn {
    margin: 0 15px
}

.modal.order-history-modal .order-info {
    display: flex;
    align-items: center;
    margin: 30px -10px 15px;
    justify-content: space-between;
    flex-wrap: wrap
}

.modal.order-history-modal .order-info .item {
    padding: 0 10px;
    margin-bottom: 15px
}

.modal.order-history-modal .order-info .item span {
    display: block;
    margin-bottom: 5px;
    color: #858da6
}

.modal.order-history-modal .order-info .item strong {
    font-weight: 600;
    font-size: 17px;
    line-height: 1.3;
    color: #131b34
}

.modal-wrapper {
    padding: 32px 50px 50px
}

.mfp-wrap .modal {
    display: block!important
}

.order-exchange {
    box-shadow: 0 15px 50px -10px rgba(242,85,57,.3);
    border-radius: 40px;
    background: #fff;
    overflow: auto;
    margin-bottom: 20px
}

.order-exchange .main-exchange-wrapper {
    background: linear-gradient(180deg,#f5803a 0,#f04139 100%);
    padding: 30px 40px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap
}

.order-exchange .main-exchange-wrapper>:last-of-type {
    margin-bottom: 0
}

.order-exchange .main-right-min {
    width: 100%;
    align-items: center;
    margin-bottom: 20px
}

.order-exchange .main-right-min h1 {
    font-weight: 500;
    font-size: 34px;
    line-height: 130%;
    margin: 0;
    color: #fff
}

.order-exchange .main-right-min p {
    font-weight: 500;
    color: #ffe8a7;
    margin: 0;
    font-size: 16px
}

.order-exchange .main-exchange {
    width: calc(50% - 15px)
}

.order-exchange .main-exchange-list-top a {
    text-align: center
}

.order-exchange .main-exchange-bottom-info {
    justify-content: space-between;
    width: 100%
}

.order-exchange .main-exchange-bottom-info .col {
    width: auto;
    display: flex;
    align-items: center
}

.order-exchange .main-exchange-bottom-info .col span {
    margin-right: 10px
}

.order-exchange .main-exchange-bottom-form {
    width: 100%;
    display: block;
    margin: 0
}

.order-exchange .main-exchange-bottom-form .flex {
    margin: 0 -10px;
    display: flex
}

.order-exchange .main-exchange-bottom-form .col {
    width: 33.3333%;
    margin-bottom: 20px
}

.order-exchange .main-exchange-list-content {
    height: 175px
}

.order-exchange .main-exchange-list-content .item {
    height: 44px;
    padding: 10px 15px
}

.order-exchange .main-exchange-bottom {
    justify-content: space-between;
    width: 100%
}

.label-check {
    position: relative;
    align-items: center;
    line-height: 18px;
    display: flex;
    color: #fff
}

.label-check input {
    display: none
}

.label-check input+span {
    min-width: 40px;
    height: 24px;
    background: #fff;
    border-radius: 20px;
    transition: all .3s linear;
    position: relative;
    margin-right: 15px
}

.label-check input+span:before {
    width: 20px;
    height: 20px;
    background: #11181f;
    border-radius: 90%;
    position: absolute;
    top: 2px;
    left: 2px;
    content: "";
    display: block;
    transition: left .3s linear
}

.label-check input:checked+span:before {
    left: 18px
}

.label-check a {
    color: #ffe8a7;
    text-decoration: none;
    margin-left: 2px
}

.label-check a:hover {
    text-decoration: underline
}

.main-exchange-timer {
    display: flex;
    justify-content: space-between;
    color: #fff;
    flex-wrap: wrap;
    width: 100%
}

.main-exchange-timer p {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    padding-left: 34px;
    background: transparent url(../img/copy/clock.svg) left center no-repeat;
    display: flex;
    align-items: center
}

.main-exchange-timer span {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3
}

.main-exchange-timer.success p {
    background: transparent url(https://orangechanger.com/img/order-check.svg) left center no-repeat
}

.main-exchange-timer.success .main-exchange-timer-progress span {
    background: #27ce6a;
    width: 100%
}

.main-exchange-timer-progress {
    width: 100%;
    height: 5px;
    background: rgba(17,24,31,.15);
    border-radius: 10px;
    position: relative;
    margin-top: 10px;
    overflow: hidden
}

.main-exchange-timer-progress span {
    background: #ffa71a;
    height: 5px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 80%
}

.main-exchange-step {
    padding: 50px;
    max-width: 870px;
    margin: 0 auto
}

.main-exchange-step-info {
    display: flex;
    flex-wrap: wrap
}

.main-exchange-step-info .title {
    width: 100%;
    margin-bottom: 25px
}

.main-exchange-step-wrapper {
    display: flex;
    align-items: center
}

.main-exchange-step-qr-image {
    width: 270px;
    padding: 15px;
    border: 1px solid #d9dadb;
    box-shadow: inset 0 3px 0 rgba(0,0,0,.03);
    border-radius: 10px;
    margin-right: 30px
}

.main-exchange-step-qr-image img {
    display: block
}

.main-exchange-step-form {
    width: 500px
}

.main-exchange-step-form .input-group {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    position: relative
}

.main-exchange-step-form .input-group:last-of-type {
    margin-bottom: 0
}

.main-exchange-step-form .input-group label {
    width: 100%;
    font-size: 14px;
    margin-bottom: 7px
}

.main-exchange-step-form .input-group input {
    width: 100%;
    background: #fff;
    border: 1px solid #d9dadb;
    box-shadow: inset 0 3px 0 rgba(0,0,0,.03);
    border-radius: 10px;
    padding: 15px 175px 15px 50px;
    font-size: 14px;
    color: #11181f;
    height: 48px
}

.main-exchange-step-form .input-group input::placeholder {
    color: #a7aaac
}

.main-exchange-step-form .input-img {
    width: 24px;
    position: absolute;
    bottom: 9px;
    left: 15px
}

.main-exchange-step-form .input-img img {
    display: block
}

.main-exchange-step-form .input-copy {
    position: absolute;
    right: 15px;
    bottom: 8px;
    background: #11181f;
    border-radius: 50px;
    padding: 6px 10px;
/*    display: flex;*/
    align-items: center;
    color: #fff;
    font-weight: 500;
    flex-direction: column-reverse;
    font-size: 12px;
    line-height: 16px
}

.main-exchange-step-form .input-copy img {
    margin-right: 8px
}

.main-exchange-step-form .input-copy:hover {
    opacity: .8;
    cursor: pointer
}

.main-exchange-step-bottom {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.main-exchange-step-bottom .title {
    margin: 0;
    font-size: 20px
}

.main-exchange-step-bottom .btn {
    height: 64px;
    width: 170px
}

.main-exchange-step-bottom .btn-orange {
    width: 210px;
    min-width: 210px;
    margin-left: 20px
}

.order-step-info {
    padding: 50px;
    max-width: 870px;
    margin: 0 auto
}

.order-step-wrapper {
    margin-bottom: 30px
}

.order-step-wrapper:after {
    display: block;
    content: "";
    clear: both
}

.order-step-left {
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background: #fff;
    border: 1px solid #d9dadb;
    border-radius: 10px;
    float: left
}

.order-step-left h4 {
    font-weight: 500;
    font-size: 175px;
    line-height: .75;
    margin: 0
}

.order-step-left p {
    width: 100%;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.3;
    text-align: center;
    color: #ee2839
}

.order-step-left.order-step-success {
    background: #27ce6a
}

.order-step-left.order-step-success h4 {
    color: #fff
}

.order-step-left.order-step-error {
    background: #da1425
}

.order-step-left.order-step-error h4 {
    color: #fff
}

.order-step-right {
    width: 540px;
    float: right;
    padding-top: 15px
}

.order-step-right .title {
    margin-bottom: 20px
}

.order-step-right p {
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    color: #888b8f;
    margin: 0 0 20px
}

.order-step-center {
    width: 575px;
    margin: 0 auto;
    text-align: center
}

.order-step-center .title {
    margin-bottom: 20px
}

.order-step-center p {
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    color: #888b8f;
    margin: 0 0 20px
}

.order-step-center a {
    color: #ee2839;
    text-decoration: underline
}

.order-step-center a:hover {
    text-decoration: none
}

.order-step-center+.order-step-buttons {
    margin: 0 auto
}

.order-step-buttons {
    width: 100%;
    max-width: 540px;
    margin-right: 0;
    margin-left: auto;
    justify-content: center;
    display: flex
}

.order-step-buttons .btn {
    height: 52px;
    width: calc(33.3333% - 10px);
    margin-right: 20px
}

.order-step-buttons .btn:last-child {
    margin-right: 0
}

.order-step-warning {
    text-align: center;
    margin: 0
}

.order-step-warning a {
    color: #ee2839
}

.order-verification {
    padding: 50px
}

.order-verification h2 {
    text-align: center;
    margin: 0 0 30px
}

.order-verification-steps {
    max-width: 670px;
    margin: 0 auto;
    color: #11181f
}

.order-verification-steps p {
    font-weight: 500;
    font-size: 26px;
    line-height: 130%;
    margin: 0 0 30px
}

.order-verification-steps a {
    color: #ee2839
}

.order-verification-steps a:hover {
    text-decoration: underline
}

.order-verification-buttons {
    max-width: 670px;
    margin: 0 auto
}

.order-verification-buttons .btn {
    height: 62px;
    padding: 0 55px;
    margin-right: 20px;
    font-size: 20px
}

.order-verification-info h2 {
    font-weight: 500;
    font-size: 34px;
    line-height: 1.3;
    color: #11181f;
    margin: 0 0 30px
}

.order-verification-info-wrapper {
    display: flex;
    padding: 0 7px;
    justify-content: space-between;
    margin-bottom: 30px;
    align-items: center
}

.order-verification-info-left {
    width: 695px;
    color: #11181f
}

.order-verification-info-left h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.3;
    margin: 0 0 10px
}

.order-verification-info-left p {
    margin: 0 0 10px
}

.order-verification-info-left .qr-block {
    display: flex;
    width: 450px;
    align-items: center
}

.order-verification-info-left .qr-block-img {
    width: 116px;
    height: 116px;
    padding: 10px;
    margin-right: 20px;
    border: 1px solid #d9dadb;
    box-shadow: inset 0 3px 0 rgba(0,0,0,.03);
    border-radius: 10px
}

.order-verification-info-left .qr-block-img img {
    max-width: 100%;
    display: block
}

.order-verification-info-left .qr-block-info h4 {
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    margin: 0 0 10px
}

.order-verification-info-right {
    width: 330px;
    border: 1px solid #cbccce;
    border-radius: 20px;
    overflow: hidden
}

.order-verification-info-right img {
    display: block;
    max-width: 100%
}

.order-verification-info-buttons {
    display: flex;
    align-items: center;
    justify-content: center
}

.order-verification-info-buttons .btn {
    height: 62px;
    padding: 0 55px;
    font-size: 20px;
    margin: 0 10px
}

.content-wrapper {
    background: #fff;
    box-shadow: 0 15px 50px -10px rgba(242,85,57,.3);
    border-radius: 40px;
    padding: 30px 40px 40px;
    overflow: hidden
}

.content-top-block {
    padding-bottom: 15px
}

.content-top-block h1 {
    font-weight: 500;
    font-size: 34px;
    line-height: 1.3;
    color: #11181f;
    margin: 0
}

.content-top-block p {
    color: #888b8f;
    margin: 0 0 15px
}

.document-links {
    margin: 0 -15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.document-links .col {
    width: 33.3333%;
    padding: 0 15px;
    margin-bottom: 30px
}

.document-links .item {
    padding-left: 70px;
    background: transparent url(https://orangechanger.com/img/pdf.svg) left center no-repeat;
    display: flex;
    align-items: center;
    min-height: 50px
}

.document-links .item a {
    font-weight: 500;
    font-size: 17px;
    line-height: 1.3;
    text-decoration-line: underline;
    color: #ee2839
}

.document-links .item a:hover {
    text-decoration: none
}

.license-items {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: -20px
}

.license-items .col {
    width: 220px;
    margin-bottom: 30px
}

.license-items .item {
    position: relative;
    border-radius: 20px
}

.license-items .item:hover {
    cursor: pointer
}

.license-items .item:hover span {
    display: flex
}

.license-items .item a {
    display: block
}

.license-items .item img {
    display: flex;
    width: 100%
}

.license-items .item span {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    left: 0;
    top: 0
}

.license-items .item span img {
    max-width: 60px
}

.partners-content {
    position: relative;
    margin-top: -30px
}

.partners-content:after {
    content: "";
    display: block;
    clear: both
}

.partners-content .content-top-block {
    width: 530px;
    float: left
}

.partners-content .btn {
    height: 62px;
    font-size: 20px;
    padding: 0 55px
}

.partners-info {
    margin: 30px 0;
    width: 530px
}

.partners-info p {
    margin: 0 0 30px
}

.partners-info p:last-of-type {
    margin-bottom: 0
}

.bonus-levels {
    width: 530px;
    float: right
}

.bonus-level {
    border: 3px solid #e9eaeb;
    border-radius: 20px;
    margin-bottom: 10px;
    overflow: hidden;
    display: flex;
    align-items: stretch
}

.bonus-level-left {
    font-size: 14px;
    padding: 25px 30px;
    width: 320px
}

.bonus-level-left strong {
    display: block;
    font-weight: 500;
    font-size: 23px;
    line-height: 130%
}

.bonus-level-right {
    width: 335px;
    padding: 15px;
    display: flex;
    align-items: center;
    background: #f5f6f6;
    font-weight: 500
}

.bonus-level-right strong {
    color: #ee2839;
    margin-right: 5px;
    font-weight: 700;
    font-size: 42px;
    line-height: 130%;
    width: 135px;
    text-align: center
}

.loyalty-bonus-levels .bonus-level-right {
    width: 177px;
    padding: 10px 15px
}

.loyalty-bonus-levels .bonus-level-left {
    padding: 12px 10px 12px 30px;
    width: 353px
}

.reserves-top {
    display: flex;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #e9eaeb;
    margin-bottom: 30px
}

.reserves-top h1 {
    font-weight: 500;
    font-size: 34px;
    line-height: 1.3;
    color: #11181f;
    margin: 0
}

.reserve-wrapper-top {
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.reserve-wrapper-top a {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.3;
    color: #888b8f;
    position: relative;
    margin-right: 30px
}

.reserve-wrapper-top a.active,.reserve-wrapper-top a:hover {
    color: #11181f
}

.reserve-wrapper-top a.active:after,.reserve-wrapper-top a:hover:after {
    height: 5px;
    background: #ee2839;
    border-radius: 10px;
    width: 100%;
    content: "";
    position: absolute;
    bottom: -28px;
    left: 0
}

.reserve-wrapper-top a:last-of-type {
    margin: 0
}

.reserve-wrapper-items {
    display: flex;
    flex-wrap: wrap;
    margin-right: -33px;
    padding-right: 33px;
    justify-content: space-between;
    max-height: 410px;
    overflow: auto
}

.reserve-wrapper-items::-webkit-scrollbar {
    width: 8px;
    background: 0 0
}

.reserve-wrapper-items::-webkit-scrollbar-thumb {
    background-color: rgba(87,95,120,.25);
    border-radius: 10px
}

.reserve-wrapper-items .item {
    width: calc(33.33333% - 7px);
    display: flex;
    background: #fff;
    border-radius: 10px;
    padding: 12px;
    margin-bottom: 10px;
    align-items: center;
    height: 60px;
    border: 3px solid #e9eaeb;
    border-radius: 10px
}

.reserve-wrapper-items .item .item-img {
    width: 30px;
    margin-right: 10px
}

.reserve-wrapper-items .item .item-img img {
    display: block
}

.reserve-wrapper-items .item .item-title {
    font-weight: 500;
    margin-right: 10px
}

.reserve-wrapper-items .item span {
    color: #a3abc4;
    margin-right: 0;
    margin-left: auto;
    font-size: 14px
}

.section-title {
    font-weight: 500;
    font-size: 34px;
    line-height: 130%;
    color: #11181f;
    margin: 0 0 30px
}

.accordion {
    position: relative
}

.accordion-item {
    border: 3px solid #e9eaeb;
    border-radius: 10px;
    padding: 0 20px;
    position: relative;
    overflow-x: hidden;
    margin-bottom: 10px
}

.accordion-item:last-of-type {
    margin-bottom: 0
}

.accordion-top {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.3;
    color: #11181f;
    padding: 20px;
    display: flex;
    align-items: center;
    margin: 0 -20px
}

.accordion-top:hover {
    cursor: pointer;
    background: #fff9d7;
    border-color: #ffe8a7
}

.accordion-top.active span {
    transform: rotate(-180deg)
}

.accordion-top.active:hover {
    cursor: pointer;
    background: inherit;
    border-color: inherit
}

.accordion-top span {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 0 0 auto;
    background: transparent url(https://orangechanger.com/img/arrow-down.svg) center no-repeat;
    transition: transform .3s linear
}

.accordion-content {
    padding: 20px 0;
    border-top: 1px solid #e9eaeb;
    display: none
}

.accordion-content p {
    margin: 0 0 20px
}

.accordion-content>:last-of-type {
    margin-bottom: 0
}

.terms-content-text ol {
    padding: 0;
    margin: 0;
    list-style: none;
    counter-reset: item
}

.terms-content-text>ol>li {
    font-weight: 500;
    font-size: 20px;
    color: #858da6;
    line-height: 1.3
}

.terms-content-text>ol ol {
    padding-top: 20px
}

.terms-content-text>ol ol li {
    color: #11181f;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400
}

.terms-content-text>ol li {
    margin: 0 0 20px;
    display: block
}

.terms-content-text>ol li:before {
    content: counters(item, ".") ". ";
    counter-increment: item
}

.cabinet-content-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid #e9eaeb;
    padding-bottom: 16px
}

.cabinet-content-title {
    width: 340px
}

.cabinet-content-title h1 {
    margin: 0
}

.cabinet-top-balance {
    display: flex;
    align-items: center
}

.cabinet-top-balance span {
    font-size: 17px;
    color: #ee2839;
    line-height: 1.3;
    margin-left: 10px;
    font-weight: 500
}

.cabinet-top-balance .item {
    margin-right: 30px
}

.cabinet-top-balance .item:last-of-type {
    margin-right: 0
}

.cabinet-content-menu {
    width: 735px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px
}

.cabinet-content-menu a {
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    color: #888b8f;
    margin-right: 10px;
    position: relative
}

.cabinet-content-menu a.active,.cabinet-content-menu a:hover {
    color: #11181f
}

.cabinet-content-menu a.active:after,.cabinet-content-menu a:hover:after {
    content: "";
    display: block;
    background: #ee2839;
    border-radius: 10px;
    position: absolute;
    width: 100%;
    height: 5px;
    bottom: -46px;
    left: 0
}

.cabinet-content-menu a:last-of-type {
    margin-right: 0
}

.cabinet-history-items {
    margin: 30px 0
}

.cabinet-history-items .item {
    display: flex;
    background: #fff;
    margin-bottom: 10px;
    width: 100%;
    padding: 22px 25px;
    justify-content: space-between;
    align-items: center;
    border: 3px solid #e9eaeb;
    border-radius: 10px
}

.cabinet-history-items .item:last-of-type {
    margin-bottom: 0
}

.cabinet-history-items .item .item-left {
    width: 630px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto
}

.cabinet-history-items .item .item-from {
    width: calc(50% - 27px);
    display: flex;
    align-items: center
}

.cabinet-history-items .item .item-arrow {
    width: 24px;
    height: 24px;
    background: transparent url(https://orangechanger.com/img/arrow-down.svg) center no-repeat;
    transform: rotate(-90deg);
    opacity: .5
}

.cabinet-history-items .item .item-to {
    width: calc(50% - 27px);
    display: flex;
    align-items: center
}

.cabinet-history-items .item .item-img {
    width: 48px;
    margin-right: 15px
}

.cabinet-history-items .item .item-img img {
    display: block;
    width: 100%
}

.cabinet-history-items .item .item-info {
    width: calc(100% - 63px);
    color: #11181f
}

.cabinet-history-items .item .item-info span {
    color: #888b8f;
    font-weight: 500
}

.cabinet-history-items .item .item-info strong {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    display: block
}

.cabinet-history-items .item .order-info {
    width: 160px;
    font-size: 14px;
    color: #11181f;
    margin-right: 15px
}

.cabinet-history-items .item .order-info span {
    display: block
}

.cabinet-history-items .item .order-info strong {
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    color: #ee2839
}

.cabinet-history-items .item .item-last {
    width: 190px;
    margin-right: 0;
    margin-left: 15px
}

.cabinet-history-items .item .item-last span {
    display: block;
    margin-bottom: 5px;
    text-align: center
}

.cabinet-history-items .item .item-last .btn {
    width: 100%;
    padding: 0;
    height: 42px;
    font-weight: 500;
    font-size: 12px;
    line-height: 130%
}

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

.pagination a {
    width: 50px;
    height: 50px;
    border: 2px solid #11181f;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #11181f;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.6;
    margin-right: 5px
}

.pagination a:last-of-type {
    margin-right: 0
}

.pagination a.active {
    background: linear-gradient(180deg,#f9b03b 0,#f03b39 104.55%);
    box-shadow: 0 5px 13px rgba(242,84,58,.4);
    border: none;
    color: #fff
}

.pagination a:hover {
    background: linear-gradient(180deg,#f9b03b 0,#f03b39 104.55%);
    box-shadow: 0 5px 13px rgba(242,84,58,.4);
    border: none;
    color: #fff
}

.pagination a:hover path {
    stroke: #fff
}

.modal.order-history-modal {
    max-width: 930px
}

.modal.order-history-modal .modal-wrapper {
    padding: 50px
}

.modal.order-history-modal .modal-top {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px
}

.modal.order-history-modal .modal-top p {
    color: #888b8f;
    margin: 0;
    width: 50%;
    text-align: right
}

.modal.order-history-modal .modal-top-left {
    width: 50%;
    color: #131b34
}

.modal.order-history-modal .modal-top-left strong {
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    margin: 0
}

.modal.order-history-modal .modal-top-left span {
    color: #888b8f
}

.modal.order-history-modal .cabinet-history-items .item {
    padding: 0;
    border: none
}

.modal.order-history-modal .cabinet-history-items .item .item-img {
    width: 50px
}

.modal.order-history-modal .cabinet-history-items .item .item-img img {
    width: 100%
}

.modal.order-history-modal .cabinet-history-items .item .item-left {
    width: 100%
}

.modal.order-history-modal .cabinet-history-items .item .item-left .item-info strong {
    display: block;
    font-size: 20px
}

.modal.order-history-modal .form-bottom {
    justify-content: space-between;
    margin-top: 0
}

.modal.order-history-modal .form-bottom .btn {
    padding: 15px 25px;
    height: 64px;
    font-size: 20px;
    margin: 0
}

.modal.order-history-modal .order-info {
    display: flex;
    align-items: center;
    margin: 30px -10px 15px;
    justify-content: space-between;
    flex-wrap: wrap
}

.modal.order-history-modal .order-info .item {
    padding: 10px;
    margin-bottom: 15px;
    width: 24.5%;
    border: 3px solid #e9eaeb;
    box-sizing: border-box;
    border-radius: 10px;
    color: #11181f
}

.modal.order-history-modal .order-info .item span {
    display: block;
    color: #888b8f;
    margin: 0
}

.modal.order-history-modal .order-info .item strong {
    font-weight: 500;
    font-size: 17px;
    line-height: 130%
}

.modal.order-history-modal .order-info .item.last-item {
    width: 50%
}

.cabinet-settings {
    margin-top: 30px
}

.cabinet-settings h2 {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.3;
    color: #11181f;
    margin: 0 0 20px
}

.cabinet-settings form {
    display: flex;
    align-items: stretch;
    justify-content: space-between
}

.cabinet-settings .form-left {
    width: calc(50% - 15px)
}

.cabinet-settings .form-right {
    width: calc(50% - 15px)
}

.cabinet-settings .inputs-wrapper,.custom-form {
    border: 3px solid #e9eaeb;
    border-radius: 10px;
    padding: 30px
}

.cabinet-settings .input-group,.custom-form .input-group {
    margin-bottom: 13px
}

.cabinet-settings .input-group:last-of-type,.custom-form .input-group:last-of-type {
    margin-bottom: 0
}

.cabinet-settings .input-group label,.custom-form .input-group label {
    display: block;
    color: #a7aaac;
    margin-bottom: 7px
}

.cabinet-settings .input-group input,.custom-form .input-group input,.custom-form .input-group textarea {
    background: #fff;
    width: 100%;
    border: 1px solid #d9dadb;
    box-shadow: inset 0 3px 0 rgba(0,0,0,.03);
    border-radius: 10px;
    padding: 10px;
    height: 50px;
    display: block
}

.cabinet-settings .btn,.custom-form .btn {
    margin-top: 30px;
    width: 100%;
    height: 50px;
    padding: 0;
    font-size: 14px;
    font-weight: 500
}

.cabinet-settings .cabinet-other-settings label {
    position: relative;
    padding-left: 55px;
    min-height: 24px;
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.cabinet-settings .cabinet-other-settings label:last-of-type {
    margin-bottom: 0
}

.cabinet-settings .cabinet-other-settings label input {
    display: none
}

.cabinet-settings .cabinet-other-settings label input:checked+span {
    background: #ee2839
}

.cabinet-settings .cabinet-other-settings label input:checked+span:before {
    left: 18px
}

.cabinet-settings .cabinet-other-settings label span {
    width: 40px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    background: #a7aaac;
    border-radius: 20px;
    transition: all .1s linear
}

.cabinet-settings .cabinet-other-settings label span:before {
    transition: all .1s linear;
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    border-radius: 90px;
    content: "";
    display: block;
    top: 2px;
    left: 2px
}

label.custom-checkbox {
    position: relative;
    padding-left: 55px;
    min-height: 24px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    cursor: pointer
}

label.custom-checkbox:last-of-type {
    margin-bottom: 0
}

label.custom-checkbox input {
    display: none
}

label.custom-checkbox input:checked+span {
    background: #ee2839
}

label.custom-checkbox input:checked+span:before {
    left: 18px
}

label.custom-checkbox span {
    width: 40px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    background: #a7aaac;
    border-radius: 20px;
    transition: all .1s linear
}

label.custom-checkbox span:before {
    transition: all .1s linear;
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    border-radius: 90px;
    content: "";
    display: block;
    top: 2px;
    left: 2px
}

.main-exchange-bottom label.custom-checkbox {
    color: #fff;
    margin-top: 10px
}

.main-exchange-bottom label.custom-checkbox input:checked+span {
    background: #000
}

.no-page {
    margin: auto;
    max-width: 635px;
    padding: 50px 15px;
    background: transparent url(https://orangechanger.com/img/404-bg.svg) center no-repeat;
    background-size: contain
}

.no-page img {
    display: block;
    margin: 0 auto 45px
}

.no-page-bottom {
    display: flex;
    align-items: center;
    justify-content: center
}

.no-page-bottom span {
    font-weight: 500;
    font-size: 34px;
    line-height: 130%;
    color: #11181f;
    margin-right: 30px
}

.no-page-bottom .btn {
    width: 164px;
    height: 64px;
    font-size: 20px
}

.cabinet-referral {
    margin-top: 30px
}

.cabinet-referral h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    margin: 0 0 20px
}

.cabinet-referral .input-group {
    position: relative
}

.cabinet-referral .input-group label {
    display: block;
    color: #858da6;
    margin-bottom: 7px
}

.cabinet-referral .input-group input {
    background: #fff;
    border: 1px solid #d6dbe9;
    box-shadow: inset 0 3px 0 rgba(0,0,0,.03);
    border-radius: 10px;
    height: 50px;
    width: 100%;
    padding: 15px
}

.cabinet-referral .cabinet-referral-input {
    margin-bottom: 30px
}

.cabinet-referral .cabinet-referral-input label {
    margin-bottom: 10px;
    color: #11181f
}

.cabinet-referral .cabinet-referral-input span {
    position: absolute;
    top: 9px;
    right: 9px;
    background: #131b34 url(https://orangechanger.com/img/copy.svg) 12px center no-repeat;
    border-radius: 90px;
    height: 32px;
    padding: 0 12px 0 42px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    display: flex;
    align-items: center
}

.cabinet-referral .cabinet-referral-input span:hover {
    opacity: .8;
    cursor: pointer
}

.cabinet-referral .cabinet-referral-input input {
    padding: 10px;
    padding-right: 150px;
    padding-left: 50px;
    background: #fff url(https://orangechanger.com/img/wallet.svg) 12px center no-repeat
}

.cabinet-referral .cabinet-referral-stats {
    margin-bottom: 30px;
    color: #131b34
}

.cabinet-referral .cabinet-referral-stats .items {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 -5px -10px
}

.cabinet-referral .cabinet-referral-stats .col {
    width: 25%;
    padding: 0 5px;
    margin-bottom: 10px
}

.cabinet-referral .cabinet-referral-stats .item {
    text-align: center;
    border: 3px solid #e9eaeb;
    border-radius: 10px;
    padding: 7px
}

.cabinet-referral .cabinet-referral-stats .item strong {
    font-weight: 500;
    font-size: 34px;
    line-height: 130%;
    color: #ee2839;
    display: block
}

.cabinet-referral .cabinet-referral-center {
    display: flex;
    align-items: stretch;
    justify-content: space-between
}

.cabinet-referral .cabinet-referral-items {
    width: calc(50% - 15px)
}

.cabinet-referral .cabinet-referral-items .items {
    padding-right: 10px;
    max-height: 370px;
    overflow: auto
}

.cabinet-referral .cabinet-referral-items .items::-webkit-scrollbar {
    width: 8px;
    background: 0 0
}

.cabinet-referral .cabinet-referral-items .items::-webkit-scrollbar-thumb {
    background-color: rgba(87,95,120,.25);
    border-radius: 10px
}

.cabinet-referral .cabinet-referral-items .item {
    background: #fff;
    border: 3px solid #e9eaeb;
    border-radius: 10px;
    padding: 12px;
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.cabinet-referral .cabinet-referral-items .item:last-of-type {
    margin-bottom: 0
}

.cabinet-referral .cabinet-referral-items .item .item-info {
    width: calc(100% - 95px);
    display: flex;
    flex-wrap: wrap
}

.cabinet-referral .cabinet-referral-items .item .item-info strong {
    font-weight: 500;
    font-size: 17px;
    line-height: 1.3;
    display: block;
    color: #131b34;
    margin-bottom: 5px;
    width: 100%
}

.cabinet-referral .cabinet-referral-items .item .item-info .item-date {
    margin-right: 15px;
    padding-left: 26px;
    background: transparent url(https://orangechanger.com/img/refer-date.svg) left center no-repeat;
    color: #888b8f
}

.cabinet-referral .cabinet-referral-items .item .item-info .item-level {
    padding-left: 26px;
    background: transparent url(https://orangechanger.com/img/refer-user.svg) left center no-repeat;
    color: #888b8f
}

.cabinet-referral .cabinet-referral-items .item .item-bonus {
    background: #27ce6a;
    border-radius: 10px;
    text-align: center;
    width: 80px;
    padding: 10px 5px;
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    color: #fff;
    margin-right: 15px
}

.cabinet-referral .cabinet-referral-bottom {
    width: calc(50% - 15px);
    color: #131b34
}

.cabinet-referral .cabinet-referral-bottom>p {
    margin: 0 0 20px
}

.cabinet-referral .cabinet-referral-bottom form {
    border: 3px solid #e9eaeb;
    border-radius: 10px;
    padding: 27px
}

.cabinet-referral .cabinet-referral-bottom .input-group {
    width: 100%;
    margin-bottom: 13px
}

.cabinet-referral .cabinet-referral-bottom .input-group:last-of-type {
    margin-bottom: 0
}

.cabinet-referral .cabinet-referral-bottom .input-group label {
    font-size: 14px;
    color: #a7aaac;
    display: block;
    margin-bottom: 7px
}

.cabinet-referral .cabinet-referral-bottom .input-group label strong {
    color: #ee2839;
    text-decoration: underline
}

.cabinet-referral .cabinet-referral-bottom .input-group input {
    padding-right: 50px;
    font-size: 14px
}

.cabinet-referral .cabinet-referral-bottom .input-group>span {
    position: absolute;
    bottom: 15px;
    right: 15px;
    text-transform: uppercase;
    color: #858da6
}

.cabinet-referral .cabinet-referral-bottom .btn {
    width: 100%;
    height: 50px;
    margin-top: 30px;
    font-size: 14px;
    font-weight: 500
}

.cabinet-api {
    margin-top: 30px;
    display: flex;
    align-items: center;
    color: #11181f
}

.cabinet-api-info {
    width: 50%;
    padding-right: 15px
}

.cabinet-api-info h2 {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    margin: 0 0 20px
}

.cabinet-api-info p {
    margin: 0
}

.cabinet-api-form {
    width: 50%;
    padding-left: 15px
}

.cabinet-api-form form {
    border: 3px solid #e9eaeb;
    border-radius: 10px;
    padding: 27px
}

.cabinet-api-form .input-group label {
    display: block;
    font-size: 14px;
    color: #a7aaac;
    margin-bottom: 7px
}

.cabinet-api-form .input-group input {
    background: #fff;
    border: 1px solid #d9dadb;
    box-shadow: inset 0 3px 0 rgba(0,0,0,.03);
    border-radius: 10px;
    padding: 15px;
    color: #11181f;
    width: 100%
}

.cabinet-api-form .btn {
    margin-top: 30px;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    height: 50px
}

.cabinet-verification {
    color: #11181f;
    margin-top: 30px
}

.cabinet-verification h2 {
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    margin: 0 0 30px
}

.cabinet-verification ul li {
    list-style-type: none;
    position: relative;
    margin-bottom: 20px;
    padding-left: 20px
}

.cabinet-verification ul li:last-of-type {
    margin-bottom: 0
}

.cabinet-verification ul li:before {
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 90%;
    content: "";
    position: absolute;
    display: block;
    top: 8px;
    left: 5px
}

.cabinet-verification-info {
    width: 100%
}

.cabinet-verification-form {
    width: 100%
}

.cabinet-verification-form h2 {
    display: none
}

.cabinet-verification-form img {
    display: block;
    margin: 0 auto
}

.contacts-top {
    margin-bottom: 30px
}

.contacts-top .section-title {
    margin-bottom: 0
}

.contacts-top p {
    color: #888b8f;
    margin: 0
}

.contacts-info {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.contacts-info h2 {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    margin: 0 0 15px;
    color: #888b8f
}

.contacts-info-left {
    width: 490px
}

.contacts-info-right {
    width: 490px
}

.contact-phones {
    margin-bottom: 30px
}

.contact-mails {
    margin-bottom: 30px
}

.contact-phones .item {
    display: flex;
    margin-bottom: 10px
}

.contact-phones .item:last-of-type {
    margin-bottom: 0
}

.contact-phones .item img {
    width: 16px;
    margin-right: 15px
}

.contact-phones .item a {
    font-weight: 500;
    font-size: 17px;
    line-height: 130%;
    color: #11181f;
    margin-right: 15px
}

.contact-phones .item a:hover {
    color: #ee2839
}

.contact-phones .item span {
    color: #11181f
}

.contact-address address {
    font-style: normal;
    color: #11181f
}

.contact-mails {
    width: 395px
}

.contact-mails .item {
    margin-bottom: 10px;
    display: flex;
    align-items: center
}

.contact-mails .item:last-of-type {
    margin-bottom: 0
}

.contact-mails a {
    width: 205px;
    margin-right: 15px;
    color: #ee2839;
    text-decoration-line: underline
}

.contact-mails a:hover {
    text-decoration: none
}

.content-wrapper.contacts-content {
    overflow: hidden;
    padding-bottom: 0
}

.contacts-map {
    margin: 30px -40px 0
}

.contacts-map img {
    display: block;
    width: 100%
}

.guarantee-top {
    margin-bottom: 30px
}

.guarantee-top .section-title {
    margin-bottom: 0
}

.guarantee-top p {
    color: #888b8f;
    margin: 0
}

.guarantee-info {
    color: #11181f
}

.guarantee-info>p {
    margin: 0 0 30px
}

.guarantee-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px
}

.guarantee-links a {
    color: #ee2839;
    margin-right: 50px;
    text-decoration: none
}

.guarantee-links a:hover {
    text-decoration: underline
}

.guarantee-items {
    margin: 0 -15px;
    display: flex;
    align-items: center
}

.guarantee-items .col {
    width: 33.3333%;
    margin-bottom: 30px;
    padding: 0 15px
}

.guarantee-items .item {
    background: #fff;
    border: 3px solid #e9eaeb;
    border-radius: 20px;
    padding: 22px 17px
}

.guarantee-items .item p {
    color: #11181f;
    font-size: 14px;
    text-align: center;
    margin: 0
}

.guarantee-items .item-img {
    margin-bottom: 20px;
    display: block
}

.guarantee-items .item-img img {
    display: block;
    margin: 0 auto
}

.guarantee-items .item-img:hover {
    opacity: .8
}

.guarantee-wrapper-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.guarantee-wrapper-bottom .item {
    display: flex;
    background: #fff;
    border: 3px solid #e9eaeb;
    border-radius: 20px;
    padding: 17px 30px;
    color: #131b34
}

.guarantee-wrapper-bottom .item img {
    margin-right: 15px
}

.guarantee-wrapper-bottom .item:hover {
    text-decoration: underline
}

.preload-page-bottom {
    text-align: center
}

.preload-page-bottom h2 {
    font-weight: 700;
    font-size: 42px;
    line-height: 130%;
    margin: 0 0 30px
}

.preload-page-bottom p {
    margin: 0;
    font-weight: 500;
    font-size: 20px;
    line-height: 130%
}

.no-page.preload-page {
    max-width: 800px
}

.order-review-form {
    max-width: 500px;
    margin: 15px auto
}

.order-review-form .title {
    text-align: center;
    margin-bottom: 10px
}

.rating-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px
}

.rating-item h4 {
    margin: 0;
    width: calc(100% - 190px);
    text-align: right
}

.rating-textarea textarea {
    background: #f5f6f6;
    border: 1px solid #d9dadb;
    width: 100%;
    height: 120px;
    padding: 15px;
    border-radius: 10px
}

.rating-area {
    overflow: hidden;
    width: 175px;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse
}

.rating-area:not(:checked)>input {
    display: none
}

.rating-area:not(:checked)>label {
    float: right;
    width: 26px;
    height: 26px;
    padding: 0;
    cursor: pointer;
    line-height: 32px
}

.rating-area:not(:checked)>label:before {
    content: "";
    display: block;
    background: transparent url(https://orangechanger.com/img/white-star.svg) center no-repeat;
    width: 26px;
    height: 26px
}

.rating-area>input:checked~label:before {
    background: transparent url(https://orangechanger.com/img/checked-star.svg) center no-repeat
}

.rating-area:not(:checked)>label:hover:before,.rating-area:not(:checked)>label:hover~label:before {
    background: transparent url(https://orangechanger.com/img/checked-star.svg) center no-repeat
}

.rating-area>input:checked+label:hover,.rating-area>input:checked+label:hover~label,.rating-area>input:checked~label:hover,.rating-area>input:checked~label:hover~label,.rating-area>label:hover~input:checked~label {
    background: transparent url(https://orangechanger.com/img/checked-star.svg) center no-repeat;
    background-size: cover!important
}

@media (max-width: 1399.98px) {
    .main-left {
        margin-left:0
    }
}

@media (max-width: 1199.98px) {
    .container {
        max-width:990px
    }

    .menu {
        width: 480px
    }

    .menu li a {
        font-size: 14px
    }

    .top-account {
        display: block;
        width: 120px
    }

    .top-account a.btn {
        max-width: 100%;
        margin: 0;
        width: 100%;
        font-size: 12px;
        height: 40px;
        font-weight: 500;
        margin-bottom: 5px
    }

    .top-account a.btn:last-of-type {
        margin-bottom: 0
    }

    .main {
        max-width: 990px
    }

    .main-wrapper {
        padding: 0;
        background: #fff;
        overflow: hidden
    }

    .main-left {
        width: 400px;
        padding: 30px 20px
    }

    .main-left h1 {
        font-size: 36px
    }

    .main-right {
        width: 560px;
        padding: 30px 20px;
        background: linear-gradient(180deg,#f9b13a 0,#ed2338 100%);
        font-size: 14px
    }

    .main-right-min p {
        margin-bottom: 15px;
        font-size: 16px
    }

    .main-exchange-bottom-info .col span {
        font-size: 14px
    }

    .main-exchange-bottom-info .col strong {
        font-size: 14px
    }

    .main-valute-graphics {
        margin-bottom: 20px
    }

    .main-valute-graphic-items .item {
        padding: 20px
    }

    .main-valute-graphic-items .item .item-top {
        font-size: 16px
    }

    .main-valute-graphic-items .item .item-bottom p {
        line-height: 1.4;
        font-size: 14px
    }

    .main-valute-graphic-items .item .item-bottom p span {
        font-size: 16px
    }

    .main-valute-graphic-items .item .item-bottom .btn {
        font-size: 12px;
        height: 40px;
        width: 120px
    }

    .main-about-text:after {
        top: 0
    }

    .main-preims {
        font-size: 16px;
        margin-bottom: 50px
    }

    .footer-menu {
        width: 500px
    }

    .footer-menu a {
        font-size: 15px
    }

    .footer-bottom .top-lang-items {
        right: -30px
    }

    .order-verification-info-wrapper {
        padding: 0
    }

    .order-verification-info-left {
        width: 560px
    }

    .order-verification-info-right {
        width: 270px
    }

    .license-items {
        margin: 0 -8px
    }

    .license-items .col {
        padding: 0 8px;
        margin-bottom: 15px;
        width: 25%
    }

    .partners-content .content-top-block {
        width: 430px
    }

    .partners-content .content-top-block h1 {
        font-size: 30px
    }

    .bonus-levels {
        width: 430px
    }

    .partners-info {
        width: 430px
    }

    .cabinet-content-top {
        flex-wrap: wrap
    }

    .cabinet-content-menu {
        width: 100%
    }

    .cabinet-content-menu a.active:after,.cabinet-content-menu a:hover:after {
        bottom: -19px
    }

    .cabinet-history-items .item {
        padding: 20px
    }

    .cabinet-history-items .item .item-left {
        width: 530px
    }

    .cabinet-history-items .item .item-img {
        width: 35px
    }

    .cabinet-history-items .item .item-info {
        width: calc(100% - 50px)
    }

    .cabinet-history-items .item .item-info strong {
        font-size: 18px
    }

    .cabinet-referral .cabinet-referral-stats .item {
        font-size: 14px
    }

    .cabinet-verification-info {
        width: 100%
    }

    .cabinet-verification-form {
        width: 100%
    }

    .guarantee-wrapper-bottom .item {
        padding: 12px 17px
    }

    .main-exchange-input {
        width: 260px
    }
}

@media (max-width: 991.98px) {
    .container {
        max-width:760px
    }

    .logo {
        width: 130px
    }

    .menu {
        margin-right: 10px
    }

    .menu li a {
        font-size: 12px
    }

    .top-lang {
        margin-right: 10px
    }

    .top-telegram {
        margin-right: 10px
    }

    .top-telegram a {
        padding-left: 22px
    }

    .main-wrapper {
        flex-wrap: wrap
    }

    .main-right {
        width: 100%;
        order: 1
    }

    .main-left {
        width: 100%;
        order: 2
    }

    .main-exchange-input {
        width: 350px;
        margin-left: auto
    }

    .main {
        margin-bottom: 50px;
        max-width: 760px
    }

    .main-valute-graphic-items {
        flex-wrap: wrap
    }

    .main-valute-graphic-items .col {
        width: 50%
    }

    .main-about-text {
        padding: 0;
        margin-bottom: 50px
    }

    .main-preims {
        padding: 30px 20px
    }

    .main-reviews-wrapper {
        flex-wrap: wrap;
        margin-bottom: -30px
    }

    .main-reviews-wrapper .col {
        width: 50%;
        margin-bottom: 30px
    }

    .footer-menu {
        width: 310px
    }

    .footer-menu li {
        width: 50%
    }

    .order-exchange {
        font-size: 14px
    }

    .order-exchange .main-right-min {
        flex-wrap: wrap
    }

    .order-exchange .main-exchange {
        width: 100%
    }

    .order-exchange .main-exchange-bottom-info .col {
        display: block;
        text-align: center
    }

    .main-exchange-step {
        padding: 30px 40px
    }

    .main-exchange-step-qr-image {
        width: 250px
    }

    .main-exchange-step-form {
        width: 400px
    }

    .main-exchange-step-form .input-copy {
        font-size: 0;
        width: 32px;
        height: 32px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
            flex-direction: row-reverse;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    }

    .main-exchange-step-form .input-copy img {
        margin: 0
    }

    .main-exchange-step-form .input-group input {
        padding: 10px 50px
    }

    .order-step-info {
        padding: 30px 40px
    }

    .order-step-left {
        width: 170px;
        height: 170px;
        margin-bottom: 20px
    }

    .order-step-left h4 {
        font-size: 145px
    }

    .order-step-right {
        width: 450px;
        margin-bottom: 20px
    }

    .order-step-right:after {
        display: block;
        content: "";
        clear: both
    }

    .order-step-buttons {
        width: 100%
    }

    .order-verification-steps p {
        font-size: 20px
    }

    .order-verification-info-wrapper {
        flex-wrap: wrap
    }

    .order-verification-info-left {
        width: 100%;
        margin-bottom: 30px
    }

    .order-verification-info-right {
        width: 100%;
        max-width: 330px;
        margin: 0 auto
    }

    .license-items {
        justify-content: flex-start
    }

    .license-items .col {
        width: 33.3333%
    }

    .partners-content {
        margin-top: 0
    }

    .partners-content .content-top-block {
        width: 100%;
        padding-bottom: 0;
        float: none
    }

    .partners-content .btn {
        margin: 0 auto;
        display: flex;
        max-width: 320px;
        padding: 0
    }

    .bonus-levels {
        width: 100%
    }

    .partners-info {
        width: 100%;
        margin: 15px 0
    }

    .bonus-levels {
        margin-bottom: 5px;
        float: none
    }

    .bonus-level {
        margin-bottom: 10px
    }

    .bonus-level-left {
        width: 50%;
        padding: 15px
    }

    .bonus-level-right {
        width: 50%
    }

    .loyalty-bonus-levels .bonus-level-right {
        width: 40%
    }

    .loyalty-bonus-levels .bonus-level-left {
        width: 60%
    }

    .reserves-top {
        flex-wrap: wrap
    }

    .reserves-top h1 {
        width: 100%;
        margin-bottom: 10px
    }

    .reserve-wrapper-top {
        width: 100%;
        justify-content: flex-start;
        margin: 0
    }

    .reserve-wrapper-top a.active:after,.reserve-wrapper-top a:hover:after {
        bottom: -18px
    }

    .reserve-wrapper-items .item {
        width: calc(50% - 5px)
    }

    .cabinet-content-menu a {
        font-size: 16px
    }

    .cabinet-history-items .item {
        flex-wrap: wrap
    }

    .cabinet-history-items .item .item-left {
        width: 100%;
        order: 1;
        margin-bottom: 15px
    }

    .cabinet-history-items .item .order-info {
        width: 50%;
        order: 2;
        margin: 0
    }

    .cabinet-history-items .item .item-last {
        width: 50%;
        order: 3;
        margin: 0
    }

    .cabinet-settings .inputs-wrapper,.custom-form {
        border: none;
        padding: 0
    }

    .cabinet-referral .cabinet-referral-statscabinet-referral-stats .items {
        justify-content: flex-start
    }

    .cabinet-referral .cabinet-referral-stats .col {
        width: 33.333%
    }

    .cabinet-referral .cabinet-referral-center {
        flex-wrap: wrap
    }

    .cabinet-referral .cabinet-referral-center .cabinet-referral-items {
        width: 100%;
        margin-bottom: 30px
    }

    .cabinet-referral .cabinet-referral-center .cabinet-referral-bottom {
        width: 100%
    }

    .cabinet-verification-info {
        width: 100%;
        order: 2
    }

    .cabinet-verification-info h2 {
        display: none
    }

    .cabinet-verification-form {
        width: 100%;
        order: 1;
        margin-bottom: 15px
    }

    .cabinet-verification-form h2 {
        margin-bottom: 15px;
        display: block
    }

    .guarantee-wrapper-bottom {
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: -10px
    }

    .guarantee-wrapper-bottom .item {
        margin-bottom: 10px;
        width: calc(50% - 10px)
    }
}

@media (max-width: 767.98px) {
    .container {
        max-width:570px
    }

    header {
        background: #fff;
        padding: 0
    }

    header .container {
        max-width: 100%
    }

    .logo {
        width: 100px
    }

    .top-lang {
        margin-right: 20px;
        margin-left: auto
    }

    .top-lang-items {
        right: -45px
    }

    .menu,.top-account,.top-telegram {
        display: none
    }

    .mob-menu-btn {
        display: block;
        width: 24px;
        height: 24px;
        background: transparent url(../img/copy/menu.svg) center no-repeat;
        transition: background .3s linear
    }

    .mob-menu-btn.active {
        background: transparent url(../img/copy/close.svg) center no-repeat
    }

    .mob-menu {
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
        background: #f5f6f6;
        padding: 15px 15px 30px;
        z-index: 15
    }

    .mob-top-menu {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px
    }

    .mob-top-menu li {
        width: 33.33333%;
        display: block;
        margin-bottom: 10px
    }

    .mob-top-menu li a {
        font-size: 14px;
        color: #11181f
    }

    .mob-menu-account {
        margin-bottom: 30px
    }

    .mob-menu-account .btn {
        width: 140px;
        height: 40px;
        margin-right: 10px;
        font-size: 12px;
        font-weight: 500
    }

    .mob-menu-account .btn.btn-black {
        margin-right: 0
    }

    .mob-menu-contacts {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        margin-bottom: 30px
    }

    .mob-menu-contacts-left {
        width: 90px;
        margin-right: 40px
    }

    .mob-menu-contacts-left a {
        display: block;
        margin-bottom: 15px
    }

    .mob-menu-contacts-left a img {
        max-width: 100%
    }

    .mob-menu-telegram {
        display: block;
        padding-left: 26px;
        background: transparent url(../img/copy/telegram.svg) left center no-repeat;
        font-size: 12px;
        line-height: 1.5;
        color: #11181f
    }

    .mob-menu-telegram:last-of-type {
        margin-bottom: 0
    }

    .mob-menu-apps {
        max-width: 106px
    }

    .mob-menu-apps a {
        display: block;
        margin-bottom: 32px
    }

    .mob-menu-apps a img {
        max-width: 100%
    }

    .mob-menu-apps a:last-of-type {
        margin-bottom: 0
    }

    .mob-menu-bottom p {
        margin: 0 0 10px;
        color: #a7aaac;
        font-size: 12px;
        line-height: 1.5
    }

    .mob-menu-bottom ul {
        margin: 0;
        padding: 0
    }

    .mob-menu-bottom ul li {
        margin-bottom: 5px
    }

    .mob-menu-bottom ul li:last-of-type {
        margin-bottom: 0
    }

    .mob-menu-bottom ul a {
        display: block;
        font-size: 12px;
        line-height: 1.5;
        color: #a7aaac;
        text-decoration: underline
    }

    .title {
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 15px
    }

    .main-content {
        padding: 15px 0
    }

    .main {
        max-width: 570px;
        margin-bottom: 20px
    }

    .main-wrapper {
        border-radius: 15px
    }

    .main-valute-graphic-items {
        margin: 0 -5px -10px
    }

    .main-valute-graphic-items .col {
        padding: 0 5px;
        margin-bottom: 10px
    }

    .main-valute-graphic-items .item {
        padding: 15px;
        border-radius: 15px
    }

    .main-about-text {
        margin-bottom: 20px;
        font-size: 11px;
        line-height: 1.5
    }

    .main-preims {
        background: linear-gradient(180deg,#f9b03b 0,#f03b39 104.55%);
        box-shadow: 0 15px 50px -10px rgba(242,85,57,.3);
        border-radius: 15px;
        padding: 15px;
        margin-bottom: 20px
    }

    .main-preim-items {
        flex-wrap: wrap;
        margin: 0
    }

    .main-preim-items .col {
        width: 100%;
        margin-bottom: 20px
    }

    .main-preim-items .item {
        display: flex;
        align-items: center
    }

    .main-preim-items .item p {
        font-weight: 500;
        font-size: 12px;
        line-height: 130%;
        text-align: left;
        width: calc(100% - 70px)
    }

    .main-preim-items .item p br {
        display: none
    }

    .main-preim-items .item-img {
        margin: 0;
        margin-right: 20px;
        width: 50px
    }

    .main-preim-bottom .btn {
        height: 40px;
        font-size: 12px
    }

    .main-reviews {
        margin-bottom: 40px
    }

    .main-reviews .title-wrapper {
        margin-bottom: 15px
    }

    .main-reviews-wrapper {
        margin-bottom: 5px
    }

    .main-reviews-wrapper .col {
        width: 100%;
        margin-bottom: 10px
    }

    .main-reviews-wrapper .item {
        box-shadow: 0 10px 20px rgba(242,84,58,.2);
        border-radius: 15px;
        padding: 15px
    }

    .main-reviews-wrapper .item-top {
        margin-bottom: 10px
    }

    .main-reviews-wrapper .item-rating {
        width: 80px
    }

    .main-reviews-wrapper .item-rating span {
        width: 16px;
        height: 16px;
        background-size: 16px
    }

    .main-reviews-wrapper .item-rating span.active {
        background-size: 16px
    }

    .main-reviews-wrapper .item-content p {
        font-size: 12px
    }

    footer {
        padding: 15px 0
    }

    .footer-top {
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .footer-menu {
        width: 100%;
        margin: 15px 0
    }

    .footer-menu li {
        width: 33.333%
    }

    .footer-contacts {
        margin-right: 30px
    }

    .footer-bottom {
        flex-wrap: wrap
    }

    .copyright {
        margin-top: 10px;
        text-align: center;
        width: 100%;
        order: 1
    }

    .order-exchange {
        border-radius: 15px
    }

    .order-exchange .main-exchange-wrapper {
        padding: 15px
    }

    .order-exchange .main-right-min {
        margin-bottom: 10px
    }

    .order-exchange .main-right-min h1 {
        font-size: 18px;
        font-weight: 500
    }

    .order-exchange .main-right-min p {
        font-weight: 500;
        font-size: 11px;
        line-height: 150%
    }

    .order-exchange .main-exchange-bottom {
        flex-wrap: wrap
    }

    .order-exchange .main-exchange-bottom .label-check {
        width: 100%;
        margin-bottom: 10px
    }

    .order-exchange .main-exchange-bottom .btn {
        font-size: 12px;
        font-weight: 500;
        height: 40px;
        width: 100%;
        max-width: 320px;
        margin: 0 auto
    }

    .order-exchange .main-exchange-bottom-info .col-min {
        display: none
    }

    .order-exchange .main-exchange-bottom-form .flex {
        flex-wrap: wrap
    }

    .order-exchange .main-exchange-bottom-form .col {
        width: 50%;
        margin-bottom: 10px
    }

    .main-exchange-step-wrapper {
        flex-wrap: wrap
    }

    .main-exchange-step-info .title {
        font-size: 15px;
        margin-bottom: 10px
    }

    .main-exchange-step-qr-image {
        display: none
    }

    .main-exchange-step-form {
        padding: 0;
        width: 100%
    }

    .main-exchange-step-form .input-group {
        margin-bottom: 8px
    }

    .main-exchange-step-form .input-group label {
        font-size: 11px;
        line-height: 1.5;
        margin-bottom: 5px
    }

    .main-exchange-step-form .input-group input {
        height: 36px;
        padding: 10px 35px
    }

    .main-exchange-step-form .input-img {
        width: 16px;
        height: 16px;
        left: 10px;
        bottom: 17px
    }

    .main-exchange-step-form .input-copy {
        width: 26px;
        height: 26px;
        right: 6px;
        bottom: 5px
    }

    .main-exchange-step-form .input-copy img {
        width: 16px;
        height: 16px
    }

    .main-exchange-step-bottom {
        margin-top: 20px;
        flex-wrap: wrap
    }

    .main-exchange-step-bottom .title {
        font-size: 15px;
        margin-bottom: 10px;
        width: 100%
    }

    .main-exchange-step-bottom .btn-orange {
        margin-left: 0
    }

    .order-step-info {
        padding: 15px
    }

    .order-step-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0;
        align-items: center
    }

    .order-step-left {
        width: 90px;
        height: 90px;
        padding: 15px;
        align-items: flex-start
    }

    .order-step-left h4 {
        font-size: 50px;
        line-height: .9;
        margin: 0
    }

    .order-step-left p {
        font-size: 11px;
        line-height: 150%;
        margin: 0
    }

    .order-step-left p br {
        display: none
    }

    .order-step-right {
        width: calc(100% - 100px);
        padding: 0
    }

    .order-step-right .title {
        margin-bottom: 3px
    }

    .order-step-right p {
        font-size: 11px;
        line-height: 150%;
        margin: 0
    }

    .order-step-right p br {
        display: none
    }

    .order-step-buttons {
        width: 100%;
        margin: 0 0 10px;
        flex-wrap: wrap
    }

    .order-step-buttons .btn {
        height: 40px;
        font-size: 12px;
        width: 100%;
        margin: 10px 0 0 0;
        order: 1
    }

    .order-step-buttons .btn.btn-black {
        width: 100%;
        order: 2;
        margin-top: 10px
    }

    .main-exchange-timer p {
        font-size: 12px;
        line-height: 1.3;
        background-size: 20px;
        padding-left: 28px;
        min-height: 20px
    }

    .main-exchange-timer>span {
        display: none
    }

    .order-step-center {
        width: 100%;
        text-align: left
    }

    .order-step-center .title {
        margin-bottom: 3px
    }

    .order-step-center p {
        font-size: 14px;
        margin: 0 0 10px
    }

    .order-step-center+.order-step-buttons {
        margin: 0 auto 10px
    }

    .order-verification {
        padding: 15px
    }

    .order-verification h2 {
        font-size: 16px;
        margin: 0 0 15px
    }

    .order-verification-steps p {
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 15px
    }

    .order-verification-buttons .btn {
        height: 40px;
        padding: 0 25px;
        font-size: 12px
    }

    .order-verification-info h2 {
        font-size: 18px;
        text-align: left;
        margin: 0 auto 15px
    }

    .order-verification-info-left h3 {
        margin-bottom: 10px;
        font-size: 16px
    }

    .order-verification-info-left p {
        font-size: 13px
    }

    .order-verification-info-left .qr-block-info h4 {
        font-size: 16px
    }

    .order-verification-info-left .qr-block-info p {
        font-size: 13px
    }

    .order-verification-info-buttons .btn {
        height: 40px;
        font-size: 12px;
        padding: 0 25px
    }

    .content-wrapper {
        padding: 15px;
        border-radius: 15px
    }

    .content-top-block {
        padding: 0
    }

    .content-top-block h1 {
        font-size: 18px
    }

    .content-top-block p {
        font-size: 13px
    }

    .document-links {
        margin-bottom: 5px
    }

    .document-links .col {
        width: 100%;
        margin-bottom: 10px
    }

    .document-links .item {
        padding-left: 34px;
        background-size: 24px;
        min-height: 24px
    }

    .document-links .item a {
        font-size: 13px
    }

    .license-items .col {
        width: 50%
    }

    .partners-content .content-top-block h1 {
        font-size: 18px
    }

    .partners-content .btn {
        height: 40px;
        font-size: 12px
    }

    .bonus-level {
        border-width: 1px;
        border-radius: 15px
    }

    .bonus-level-left {
        padding: 12px 0 12px 15px;
        font-size: 11px;
        line-height: 1.5
    }

    .bonus-level-left strong {
        font-size: 14px;
        line-height: 1.3
    }

    .bonus-level-right {
        padding: 12px 0 12px 15px;
        font-size: 11px;
        line-height: 1.5
    }

    .bonus-level-right strong {
        width: 35px;
        font-size: 18px;
        line-height: 1.3
    }

    .loyalty-bonus-levels .bonus-level-left {
        padding: 5px 0 5px 15px;
        font-size: 11px;
        line-height: 1.5
    }

    .loyalty-bonus-levels .bonus-level-left strong {
        font-size: 14px;
        line-height: 1.3
    }

    .loyalty-bonus-levels .bonus-level-right {
        padding: 12px 0 12px 15px;
        font-size: 11px;
        line-height: 1.5
    }

    .loyalty-bonus-levels .bonus-level-right strong {
        width: 35px;
        font-size: 18px;
        line-height: 1.3
    }

    .partners-info {
        font-size: 11px;
        line-height: 1.5
    }

    .reserves-top {
        padding-bottom: 0;
        border-bottom: none;
        margin-bottom: 15px
    }

    .reserves-top h1 {
        font-weight: 500;
        font-size: 18px;
        line-height: 1.3;
        color: #11181f
    }

    .reserve-wrapper-top {
        padding-bottom: 12px;
        border-bottom: 1px solid #e9eaeb
    }

    .reserve-wrapper-top a {
        font-size: 12px;
        line-height: 1.3;
        margin-right: 15px
    }

    .reserve-wrapper-top a.active:after,.reserve-wrapper-top a:hover:after {
        bottom: -14px
    }

    .reserve-wrapper-items .item {
        height: 40px;
        padding: 10px;
        border: 1px solid #e9eaeb;
        border-radius: 10px
    }

    .reserve-wrapper-items .item .item-img {
        width: 20px
    }

    .reserve-wrapper-items .item .item-title {
        font-size: 12px
    }

    .reserve-wrapper-items .item span {
        font-size: 10px;
        line-height: 1.5
    }

    .section-title {
        font-size: 18px;
        margin-bottom: 15px
    }

    .accordion-item {
        padding: 0 10px;
        margin-bottom: 5px
    }

    .accordion-top {
        margin: 0 -10px;
        padding: 10px;
        font-size: 14px
    }

    .accordion-top span {
        min-width: 16px;
        width: 16px;
        height: 16px;
        background-size: cover
    }

    .accordion-content {
        padding: 10px 0;
        font-size: 11px;
        line-height: 1.5
    }

    .terms-content-text>ol>li {
        font-size: 15px
    }

    .terms-content-text>ol ol {
        padding-top: 16px
    }

    .terms-content-text>ol ol li {
        font-size: 11px;
        line-height: 1.5
    }

    .terms-content-text>ol li {
        margin: 0 0 16px
    }

    .cabinet-content-menu a {
        white-space: nowrap;
        width: auto;
        font-size: 12px
    }

    .cabinet-content-menu a:last-of-type {
        margin-right: 0
    }

    .cabinet-content-title h1 {
        margin-bottom: 10px
    }

    .cabinet-top-balance .item {
        font-size: 12px
    }

    .cabinet-top-balance .item span {
        font-size: 13px
    }

    .cabinet-history-items {
        margin: 15px 0
    }

    .cabinet-history-items .item {
        padding: 10px;
        border-width: 1px
    }

    .pagination a {
        width: 40px;
        height: 40px;
        font-size: 12px
    }

    .modal.order-history-modal .order-info {
        flex-wrap: wrap
    }

    .modal.order-history-modal .order-info .item {
        width: 49%;
        text-align: center
    }

    .modal.order-history-modal .order-info .item.last-item {
        width: 100%
    }

    .modal.order-history-modal .modal-wrapper {
        padding: 15px
    }

    .modal.order-history-modal .modal-top {
        align-items: flex-end
    }

    .no-page {
        background-size: 350px
    }

    .no-page-bottom span {
        font-size: 26px
    }

    .cabinet-referral .cabinet-referral-stats .col {
        width: 50%
    }

    .cabinet-api {
        flex-wrap: wrap;
        margin-top: 15px
    }

    .cabinet-api-info {
        width: 100%;
        padding: 0;
        margin-bottom: 10px
    }

    .cabinet-api-info h2 {
        font-size: 16px;
        margin-bottom: 10px
    }

    .cabinet-api-info p {
        font-size: 11px;
        font-weight: 1.5
    }

    .cabinet-api-form {
        width: 100%;
        padding: 0
    }

    .cabinet-api-form form {
        border: none;
        padding: 0
    }

    .cabinet-api-form .input-group label {
        font-size: 12px;
        margin-bottom: 10px
    }

    .cabinet-api-form .input-group input {
        padding: 8px 12px;
        height: 35px;
        font-size: 12px
    }

    .cabinet-api-form .btn {
        margin: 10px auto 0;
        font-size: 12px;
        height: 40px
    }

    .cabinet-verification {
        margin-top: 15px
    }

    .contacts-top {
        margin-bottom: 15px
    }

    .contacts-top p {
        font-size: 13px;
        line-height: 1.5
    }

    .contacts-info {
        flex-wrap: wrap
    }

    .contacts-info h2 {
        font-size: 16px;
        margin-bottom: 10px
    }

    .contacts-info-left {
        margin-bottom: 15px;
        width: 100%
    }

    .contact-phones {
        margin-bottom: 15px
    }

    .contact-mails {
        margin-bottom: 15px
    }

    .contacts-info-right {
        width: 100%
    }

    .contacts-map {
        margin: 15px 0 0
    }

    .contacts-map img {
        height: 310px;
        object-position: center;
        object-fit: cover
    }

    .content-wrapper.contacts-content {
        padding-bottom: 15px
    }

    .guarantee-items {
        flex-wrap: wrap
    }

    .guarantee-items .col {
        width: 100%;
        margin-bottom: 10px
    }

    .guarantee-items .item {
        padding: 22px 17px
    }

    .guarantee-top {
        margin-bottom: 15px
    }

    .guarantee-top p {
        font-size: 13px;
        line-height: 1.5
    }

    .guarantee-info>p {
        font-size: 11px;
        line-height: 1.5;
        margin-bottom: 15px
    }

    .guarantee-links {
        flex-wrap: wrap;
        margin-bottom: 5px
    }

    .guarantee-links a {
        margin-right: 15px;
        font-size: 11px;
        line-height: 150%;
        margin-bottom: 10px
    }

    .guarantee-items .item {
        border-width: 1px
    }

    .guarantee-items .item p {
        font-size: 11px;
        line-height: 150%
    }

    .guarantee-items .item-img {
        max-width: 150px;
        margin: 0 auto 20px
    }

    .guarantee-wrapper-bottom .item {
        font-size: 12px;
        border-width: 1px;
        padding: 9px;
        width: calc(50% - 3px)
    }

    .guarantee-wrapper-bottom .item img {
        margin-right: 10px
    }
}

@media (max-width: 575.98px) {
    .container {
        max-width:100%;
        position: relative
    }

    .title {
        font-size: 17px
    }

    .main-right {
        padding: 15px
    }

    .main-right-min {
        margin-bottom: 10px
    }

    .main-right-min p {
        font-size: 11px;
        line-height: 1.5;
        margin: 0
    }

    .main-exchange {
        height: 50px;
        padding: 8px 10px;
        margin-bottom: 10px
    }

    .main-exchange-left {
        width: 42%;
        position: relative;
        margin: 0
    }

    .main-exchange-left-img {
        position: absolute;
        left: 0;
        top: 13px;
        width: 16px
    }

    .main-exchange-left-info {
        width: 100%;
        padding-right: 5px
    }

    .main-exchange-left-info span {
        display: block;
        font-size: 11px;
        line-height: 150%;
        margin: 0
    }

    .main-exchange-left-info span svg {
        display: none
    }

    .main-exchange-left-info strong {
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        padding-left: 21px
    }

    .main-exchange-list {
        top: 52px
    }

    .main-exchange-list-btn {
        width: 16px;
        height: 16px
    }

    .main-exchange-input {
        width: 50%;
        margin-right: 5px
    }

    .main-exchange-input input {
        height: 35px;
        padding: 10px 30px 10px 10px;
        border: 1px solid #d9dadb;
        border-radius: 10px
    }

    .main-exchange-input span {
        font-size: 10px;
        line-height: 1.4;
        top: 10px;
        right: 10px
    }

    .main-exchange-bottom-info {
        margin-bottom: 10px
    }

    .main-exchange-bottom-info .col {
        text-align: center
    }

    .main-exchange-bottom-info .col span {
        font-size: 10px
    }

    .main-exchange-bottom-info .col strong {
        font-size: 10px
    }

    .main-exchange-bottom-info .col.min-sale {
        width: 20%
    }

    .main-exchange-bottom-info .col.course {
        width: 50%
    }

    .main-exchange-bottom-info .col.reserve {
        width: 30%
    }

    .main-exchange-bottom-form .col {
        width: 100%;
        margin-bottom: 10px
    }

    .main-exchange-bottom {
        flex-wrap: wrap
    }

    .main-exchange-bottom p {
        width: 100%;
        font-size: 12px;
        margin-bottom: 10px
    }

    .main-exchange-bottom .btn {
        height: 40px;
        width: 100%;
        max-width: 290px;
        margin: 0 auto;
        font-size: 12px;
        font-weight: 500
    }

    .btn {
        height: 40px;
        font-size: 12px;
        font-weight: 500
    }

    .main-left h1 {
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 10px
    }

    .main-left P {
        font-size: 11px;
        line-height: 150%;
        margin-bottom: 10px
    }

    .main-valute-graphic-items .col {
        width: 100%
    }

    .main-valute-graphic-items .item-bottom p {
        width: calc(100% - 125px)
    }

    .main-valute-graphic-items .item-bottom .btn {
        font-weight: 700;
        width: 115px
    }

    .main-valute-graphic-items .item-top-img {
        width: 24px;
        margin-right: 10px
    }

    .main-valute-graphic-items .item-top strong {
        font-weight: 500
    }

    .main-preim-items .col {
        padding: 0
    }

    .main-preim-bottom {
        flex-wrap: wrap
    }

    .main-preim-bottom .btn {
        width: 100%;
        margin-bottom: 10px
    }

    .main-reviews .title-wrapper a {
        display: none
    }

    .footer-menu li {
        width: 50%
    }

    .footer-bottom-menu {
        width: 100%;
        flex-wrap: wrap
    }

    .footer-bottom-menu a {
        display: block;
        margin-bottom: 5px
    }

    .footer-contacts a {
        font-size: 14px
    }

    .mob-top-menu li {
        width: 50%
    }

    .mob-menu-account {
        display: flex
    }

    .footer-contacts {
        margin: 0;
        width: 50%
    }

    .mfp-container {
        padding: 0
    }

    .modal-wrapper {
        padding: 15px
    }

    .modal {
        max-width: 320px
    }

    .modal .modal-title {
        margin-bottom: 15px
    }

    .modal .input-group {
        margin-bottom: 10px
    }

    .modal .input-group input,.modal .input-group textarea {
        padding: 10px 15px
    }

    .modal .telegram-login {
        font-size: 12px
    }

    .modal .form-bottom {
        margin-top: 15px
    }

    .modal .form-bottom .btn {
        width: 138px;
        height: 40px;
        font-weight: 500;
        font-size: 12px;
        padding: 11px 20px;
        line-height: 130%
    }

    .pass-reset-link {
        margin: 15px 0
    }

    .modal.warning-modal .btn {
        width: 88px
    }

    .modal.warning-modal .btn-orange {
        width: 182px
    }

    .modal.warning-modal p {
        font-size: 11px;
        line-height: 1.5
    }

    .order-exchange .main-exchange-bottom-form .col {
        width: 100%
    }

    .order-exchange .label-check {
        padding: 0;
        margin-right: 0;
        width: 100%;
        font-size: 12px
    }

    .order-exchange .label-check input+span {
        margin-right: 10px
    }

    .main-exchange-step {
        padding: 15px
    }

    .main-exchange-step-bottom .btn {
        width: 47%;
        height: 40px;
        font-size: 12px
    }

    .main-exchange-step-bottom .btn-orange {
        margin: 0;
        width: 100%;
        min-width: 100%;
        height: 40px
    }

    .footer-menu a {
        font-size: 14px
    }

    .order-step-warning {
        font-size: 11px;
        line-height: 1.5
    }

    .order-verification h2 {
        text-align: left;
        font-size: 15px
    }

    .order-verification-buttons .btn {
        width: 100%;
        margin: 0;
        margin-bottom: 15px
    }

    .order-verification-buttons .btn:last-of-type {
        margin-bottom: 0
    }

    .order-verification-info-left {
        margin-bottom: 0
    }

    .order-verification-info-left .qr-block {
        display: none
    }

    .order-verification-info-buttons {
        justify-content: center;
        flex-wrap: wrap
    }

    .order-verification-info-buttons .btn {
        width: 100%;
        margin: 0 auto 10px;
        max-width: 320px
    }

    .order-verification-info-buttons .btn:last-of-type {
        margin-bottom: 0
    }

    .order-verification-info-right {
        border-radius: 15px
    }

    .reserve-wrapper-items .item {
        margin-bottom: 5px;
        width: 100%
    }

    .reserve-wrapper-top {
        overflow-x: auto;
        overflow-y: hidden
    }

    .reserve-wrapper-top a {
        white-space: nowrap
    }

    .reserve-wrapper-items {
        margin-right: -10px;
        padding-right: 10px;
        max-height: 400px
    }

    .reserve-wrapper-items::-webkit-scrollbar {
        width: 4px
    }

    .cabinet-content-top {
        padding: 0;
        border: none
    }

    .cabinet-top-balance {
        justify-content: space-between
    }

    .cabinet-top-balance .item {
        margin: 0
    }

    .cabinet-content-menu {
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 12px;
        position: relative
    }

    .cabinet-content-menu:after {
        content: "";
        width: 100%;
        height: 1px;
        display: block;
        background: #e9eaeb;
        position: absolute;
        bottom: 1px;
        z-index: 1
    }

    .cabinet-content-menu a:hover:after {
        display: none
    }

    .cabinet-content-menu a.active:after {
        bottom: -12px;
        z-index: 2
    }

    .cabinet-history-items .item {
        position: relative
    }

    .cabinet-history-items .item .item-img {
        position: absolute;
        width: 16px;
        bottom: 0;
        margin: 0
    }

    .cabinet-history-items .item .item-info {
        width: 100%;
        height: 33px;
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    .cabinet-history-items .item .item-info strong {
        font-size: 11px;
        line-height: 1.5;
        width: 100%
    }

    .cabinet-history-items .item .item-info span {
        padding-left: 21px;
        font-size: 10px;
        line-height: 1.6;
        width: 100%
    }

    .cabinet-history-items .item .item-to {
        width: calc(50% - 11px);
        position: relative
    }

    .cabinet-history-items .item .item-from {
        width: calc(50% - 11px);
        position: relative
    }

    .cabinet-history-items .item .item-from .item-img {
        right: 0
    }

    .cabinet-history-items .item .item-from .item-info {
        text-align: right
    }

    .cabinet-history-items .item .item-from .item-info span {
        padding: 0;
        padding-right: 21px
    }

    .cabinet-history-items .item .item-arrow {
        width: 12px;
        height: 12px;
        background-size: cover
    }

    .cabinet-history-items .item .order-info {
        width: calc(100% - 110px);
        font-size: 11px;
        line-height: 1.5
    }

    .cabinet-history-items .item .order-info strong {
        font-size: 14px;
        line-height: 130%
    }

    .cabinet-history-items .item .item-last {
        width: 100px
    }

    .cabinet-history-items .item .item-last span {
        font-size: 11px;
        line-height: 1.5
    }

    .cabinet-history-items .item .item-last .btn {
        font-size: 12px;
        font-weight: 500;
        height: 27px;
        padding: 0
    }

    .modal.order-history-modal .modal-top {
        position: relative
    }

    .modal.order-history-modal .modal-top p {
        font-size: 11px;
        line-height: 1.5
    }

    .modal.order-history-modal .modal-top .modal-top-left {
        padding-top: 25px;
        font-size: 11px;
        line-height: 1.5
    }

    .modal.order-history-modal .modal-top .modal-top-left strong {
        position: absolute;
        width: 100%;
        text-align: center;
        font-weight: 500;
        font-size: 16px;
        line-height: 130%;
        left: 0;
        top: 0
    }

    .modal.order-history-modal .cabinet-history-items .item .item-img {
        position: absolute;
        width: 16px;
        bottom: 0;
        margin: 0
    }

    .modal.order-history-modal .cabinet-history-items .item .item-left .item-info {
        width: 100%;
        height: 33px;
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    .modal.order-history-modal .cabinet-history-items .item .item-left .item-info strong {
        font-size: 11px;
        line-height: 1.5;
        width: 100%
    }

    .modal.order-history-modal .cabinet-history-items .item .item-left .item-info span {
        padding-left: 21px;
        font-size: 10px;
        line-height: 1.6;
        width: 100%
    }

    .modal.order-history-modal .order-info {
        margin: 0 0 5px
    }

    .modal.order-history-modal .order-info .item {
        padding: 5px;
        font-size: 11px;
        line-height: 1.5;
        border: 1px solid #e9eaeb;
        margin-bottom: 10px
    }

    .modal.order-history-modal .order-info .item strong {
        font-size: 11px;
        line-height: 1.5
    }

    .modal.order-history-modal .form-bottom .btn {
        font-size: 12px;
        height: 40px;
        padding: 10px;
        font-weight: 500
    }

    .cabinet-settings {
        margin-top: 15px
    }

    .cabinet-settings h2 {
        font-size: 16px;
        margin-bottom: 10px
    }

    .cabinet-settings form {
        flex-wrap: wrap
    }

    .cabinet-settings .form-left {
        width: 100%
    }

    .cabinet-settings .form-right {
        width: 100%
    }

    .cabinet-settings .input-group,.custom-form .input-group {
        margin-bottom: 8px
    }

    .cabinet-settings .input-group input,.custom-form .input-group input,.custom-form .input-group textarea {
        border-radius: 10px;
        height: 35px;
        padding: 10px
    }

    .cabinet-settings .input-group label,.custom-form .input-group label {
        font-size: 12px;
        margin-bottom: 5px
    }

    .cabinet-settings .btn,.custom-form .btn {
        font-size: 12px;
        margin-top: 10px;
        height: 40px;
        margin-bottom: 15px
    }

    .cabinet-settings .cabinet-other-settings label {
        font-size: 12px
    }

    .no-page {
        background-size: 200px
    }

    .no-page-bottom {
        display: block
    }

    .no-page-bottom span {
        display: block;
        margin-bottom: 10px;
        text-align: center;
        font-size: 18px;
        line-height: 130%
    }

    .no-page-bottom .btn {
        display: flex;
        width: 100%;
        max-width: 320px;
        height: 40px;
        font-size: 12px;
        margin: 0 auto
    }

    .cabinet-referral {
        margin-top: 15px
    }

    .cabinet-referral .cabinet-referral-input label {
        font-size: 13px;
        line-height: 1.5;
        margin-bottom: 10px;
        display: block
    }

    .cabinet-referral .cabinet-referral-input span {
        position: unset;
        padding: 9px 15px;
        padding-left: 110px;
        background-position: 80px center;
        font-size: 12px;
        line-height: 130%;
        max-width: 290px;
        margin: 0 auto
    }

    .cabinet-referral .input-group input {
        padding: 10px 15px;
        border: 1px solid #d9dadb;
        background: #fff;
        font-size: 11px;
        box-shadow: inset 0 3px 0 rgba(0,0,0,.03);
        border-radius: 10px;
        height: auto;
        line-height: 1.5;
        margin-bottom: 10px
    }

    .cabinet-referral .cabinet-referral-stats {
        margin: 0 -3px 15px
    }

    .cabinet-referral .cabinet-referral-stats .col {
        margin-bottom: 6px;
        padding: 0 3px
    }

    .cabinet-referral .cabinet-referral-stats .item {
        border: 1px solid #e9eaeb;
        border-radius: 10px;
        padding: 5px
    }

    .cabinet-referral .cabinet-referral-stats .item strong {
        font-size: 18px;
        line-height: 1.3
    }

    .cabinet-referral .cabinet-referral-stats .item span {
        font-size: 11px;
        line-height: 1.5
    }

    .cabinet-referral .cabinet-referral-items {
        margin-bottom: 15px
    }

    .cabinet-referral .cabinet-referral-items .items {
        padding: 0
    }

    .cabinet-referral .cabinet-referral-items .items::-webkit-scrollbar {
        width: 0;
        display: none
    }

    .cabinet-referral .cabinet-referral-items .item {
        padding: 9px;
        border: 1px solid #e9eaeb
    }

    .cabinet-referral .cabinet-referral-items .item .item-bonus {
        padding: 8px 2px;
        font-size: 13px;
        line-height: 1.3;
        width: 52px;
        margin-right: 10px;
        overflow: hidden
    }

    .cabinet-referral .cabinet-referral-items .item .item-info {
        width: calc(100% - 62px)
    }

    .cabinet-referral .cabinet-referral-items .item .item-info strong {
        font-size: 14px
    }

    .cabinet-referral .cabinet-referral-items .item .item-info span {
        font-size: 11px;
        line-height: 150%
    }

    .cabinet-referral h3 {
        font-size: 16px;
        margin-bottom: 10px
    }

    .cabinet-referral .cabinet-referral-bottom>p {
        font-size: 11px;
        line-height: 1.5;
        margin-bottom: 10px
    }

    .cabinet-referral .cabinet-referral-bottom form {
        border: none;
        padding: 0
    }

    .cabinet-referral .cabinet-referral-bottom .btn {
        margin-top: 10px;
        height: 40px;
        font-size: 12px
    }

    .cabinet-referral .cabinet-referral-bottom .input-group {
        margin-bottom: 10px
    }

    .cabinet-referral .cabinet-referral-bottom .input-group input {
        margin-bottom: 0
    }

    .cabinet-referral .cabinet-referral-bottom .input-group label {
        font-size: 12px
    }

    .cabinet-referral .cabinet-referral-bottom .input-group>span {
        font-size: 12px;
        line-height: 140%;
        bottom: 10px
    }

    .cabinet-verification ul li {
        font-size: 11px;
        line-height: 1.5;
        margin-bottom: 10px;
        padding-left: 15px
    }

    .cabinet-verification ul li:before {
        width: 4px;
        height: 4px;
        border-radius: 180%;
        left: 0;
        top: 7px
    }

    .cabinet-verification-form h2 {
        font-size: 15px
    }

    .contact-phones .item img {
        min-width: 20px
    }

    .contact-phones .item a {
        display: block;
        font-size: 15px;
        line-height: 130%;
        margin: 0
    }

    .contact-phones .item span {
        font-size: 11px;
        display: block
    }

    .contact-address address {
        font-size: 11px;
        line-height: 1.5
    }

    .contact-mails {
        width: 100%
    }

    .contact-mails .item {
        justify-content: space-between
    }

    .contact-mails a {
        width: auto;
        font-size: 12px
    }

    .contact-mails span {
        font-size: 11px
    }

    .no-page.preload-page {
        background-position: center 24px
    }

    .no-page.preload-page img {
        max-width: 150px
    }

    .preload-page-bottom h2 {
        font-size: 18px;
        margin-bottom: 10px
    }

    .preload-page-bottom p {
        font-size: 11px;
        line-height: 150%
    }

    .rating-item h4 {
        width: calc(100% - 115px);
        font-size: 11px;
        line-height: 15px
    }

    .rating-area {
        width: 100px
    }

    .rating-area:not(:checked)>label {
        width: 18px;
        height: 18px
    }

    .rating-area:not(:checked)>label:before {
        width: 18px;
        height: 18px;
        background-size: 18px!important
    }

    .rating-area>input:checked+label:hover,.rating-area>input:checked+label:hover~label,.rating-area>input:checked~label:hover,.rating-area>input:checked~label:hover~label,.rating-area>label:hover~input:checked~label {
        background: transparent url(https://orangechanger.com/img/checked-star.svg) center no-repeat;
        background-size: 18px!important
    }

    .main-exchange-list-top {
        overflow: auto hidden
    }

    .main-exchange-list-top::-webkit-scrollbar {
        height: 2px;
        border-radius: 10px
    }

    .main-exchange-list-top a {
        white-space: nowrap;
        padding: 5px 12px;
        font-size: 12px;
        line-height: 15px
    }

    .footer-bottom .top-lang-items {
        right: 0
    }
}

.modal-text-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 999;
    animation: showModal .2s
}

.modal-text-content {
    width: auto;
    padding: 30px;
    margin-right: -4px;
    background: #fff;
    box-shadow: 0 10px 25px rgb(0 0 0 / 10%);
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-height: 100%
}

#modal-text {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 0;
    flex: 1;
    overflow-y: auto
}

.modal-text-wrapper._close {
    animation: closeModal .2s
}

@keyframes showModal {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes closeModal {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.main-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255,255,255,.8);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center
}

.loader {
    transform: rotate(-45deg)
}

.gear-wrapper {
    height: 65px;
    width: 65px;
    margin-left: 20px
}

.gear-wrapper:nth-child(1) {
    animation: spin 1s linear infinite
}

.gear-wrapper:nth-child(2) {
    animation: reverseSpin 1s linear infinite;
    margin-top: 9px
}

.gear-wrapper:nth-child(3) {
    animation: spin 1s linear infinite;
    margin-top: 9px
}

.gear {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #f03b39;
    border-radius: 100%
}

.gear .core {
    margin: auto;
    vertical-align: center;
    width: 50%;
    height: 50%;
    border-radius: 100%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.gear .tooth {
    background-color: #f03b39;
    position: absolute;
    top: 40%;
    left: -13%;
    width: 125%;
    height: 12px
}

.gear .tooth:nth-child(2) {
    transform: rotate(45deg)
}

.gear .tooth:nth-child(3) {
    transform: rotate(90deg)
}

.gear .tooth:nth-child(4) {
    transform: rotate(135deg)
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(180deg)
    }
}

@keyframes reverseSpin {
    0% {
        transform: rotate(-23deg)
    }

    100% {
        transform: rotate(-203deg)
    }
}

.calculator__requisite img {
    width: 24px;
    height: 24px;
    object-fit: contain
}

.calculator__group {
    text-align: center;
    cursor: pointer
}

.calculator__ps.active,.withdraw__ps.active {
    background: #ee2839;
    color: #fff
}

.calculator__ps.disabled,.withdraw__ps.disabled {
    opacity: .4
}

.calculator__ps,.withdraw__ps {
    cursor: pointer
}

.main-reviews-wrapper.reviews {
    flex-wrap: wrap
}

.main-reviews-wrapper.reviews .col {
    margin-bottom: 30px
}

@media (max-width: 575.98px) {
    .main-reviews-wrapper.reviews .col {
        margin-bottom:15px
    }

    .main-reviews-wrapper.reviews .col {
        margin-bottom: 15px
    }

    .main-reviews-wrapper .item-date {
        font-size: 10px;
        min-height: 20px;
        background-size: 20px;
        margin-top: 10px
    }

    .more-reviews {
        width: 100%;
        margin: 0 auto
    }
}

.main-valute-graphic-items .item-top .btn {
    margin-left: auto;
    margin-right: 0;
    width: 131px;
    height: 39px;
    font-size: 14px
}

.calculator__input,.calculator__requisite input {
    transition: border-color .2s
}

.calculator__input:focus {
    border-color: #e88c4c
}

.calculator__requisite input:focus {
    border-color: #11181f
}

#order-form a,#order-form button,#order-form input[type=submit] {
    background: 0 0;
    border-radius: 35px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .3s linear;
    background: linear-gradient(180deg,#f9b03b 0,#f03b39 104.55%);
    box-shadow: 0 5px 13px rgb(242 84 58 / 40%);
    border: none;
    color: #fff;
    height: 64px;
    width: 210px;
    min-width: 210px;
    margin-left: 20px
}

#order-form a:hover,#order-form button:hover,#order-form input[type=submit]:hover {
    opacity: .8
}

.calculator__requisite._requisite-input .input-group {
    padding: 0!important
}

.calculator__requisite._requisite-input .nice-select {
    width: 100%!important;
    border: none!important
}

.calculator__requisite._requisite-input .nice-select .nice-select-dropdown {
    width: 100%!important;
    margin-top: 15px!important
}

.main-exchange-list-btn {
    transition: all .3s
}

.main-exchange-list-btn.active {
    transform: rotate(180deg)
}

.main-exchange-left {
    cursor: pointer
}

.reviews-content .contacts-top {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.reviews__add-btn {
    min-width: 150px
}

@media(max-width: 400px) {
    .reviews-content .contacts-top {
        flex-direction:column
    }

    .reviews__add-btn {
        min-width: 100%;
        margin-top: 20px
    }
}

.partners__percent-banner {
    width: 530px;
    float: right;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border: 3px solid #e9eaeb;
    border-radius: 20px;
    margin-bottom: 10px;
    overflow: hidden;
    margin-top: 140px
}

@media (max-width: 991px) {
    .partners__percent-banner {
        margin-top:20px;
        width: 100%
    }
}

.partners__percent-banner_top {
    padding: 20px;
    box-sizing: border-box;
    margin: 0;
    font-weight: 500;
    font-size: 32px;
    padding-bottom: 0
}

.partners__percent-banner_percent {
    padding: 20px;
    box-sizing: border-box;
    color: #ee2839;
    font-weight: 700;
    margin: 0;
    font-size: 60px
}

.partners__percent-banner_bottom {
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    background: #f5f6f6;
    margin: 0;
    text-align: center;
    font-weight: 500
}

@media (max-width: 767px) {
    .partners__percent-banner_top {
        font-size:20px
    }

    .partners__percent-banner_percent {
        font-size: 45px
    }

    .partners__percent-banner_bottom {
        font-size: 13px
    }
}

.order__warnings {
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    border: 2px solid #ee2839
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0!important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none!important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-arrow,button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial,Baskerville,monospace
}

.mfp-close:focus,.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,.mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation:landscape),screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left:0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform:scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.nice-select {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    height: 38px;
    line-height: 36px;
    outline: 0;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left!important;
    transition: all .2s ease-in-out;
    user-select: none;
    white-space: nowrap;
    width: auto
}

.nice-select:hover {
    border-color: #dbdbdb
}

.nice-select.open,.nice-select:active,.nice-select:focus {
    border-color: #999
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: "";
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all .15s ease-in-out;
    width: 5px
}

.nice-select.open:after {
    transform: rotate(-135deg)
}

.nice-select.open .nice-select-dropdown {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #ccc
}

.nice-select.wide {
    width: 100%
}

.nice-select.wide .nice-select-dropdown {
    left: 0!important;
    right: 0!important
}

.nice-select.right {
    float: right
}

.nice-select.right .nice-select-dropdown {
    left: auto;
    right: 0
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}

.nice-select.small:after {
    height: 4px;
    width: 4px
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}

.nice-select .nice-select-dropdown {
    margin-top: 4px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68,68,68,.11);
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: 50% 0;
    transform: scale(.75) translateY(19px);
    transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
    z-index: 9;
    opacity: 0
}

.nice-select .list {
    border-radius: 5px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0;
    max-height: 210px;
    overflow-y: auto
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent!important
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    outline: 0;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all .2s
}

.nice-select .option.focus,.nice-select .option.selected.focus,.nice-select .option:hover {
    background-color: #f6f6f6
}

.nice-select .option.selected {
    font-weight: 700
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default
}

.nice-select .optgroup {
    font-weight: 700
}

.no-csspointerevents .nice-select .nice-select-dropdown {
    display: none
}

.no-csspointerevents .nice-select.open .nice-select-dropdown {
    display: block
}

.nice-select .list::-webkit-scrollbar {
    width: 0
}

.nice-select .has-multiple {
    white-space: inherit;
    height: auto;
    padding: 7px 12px;
    min-height: 36px;
    line-height: 22px
}

.nice-select .has-multiple span.current {
    border: 1px solid #ccc;
    background: #eee;
    padding: 0 10px;
    border-radius: 3px;
    display: inline-block;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 3px;
    margin-right: 3px
}

.nice-select .has-multiple .multiple-options {
    display: block;
    line-height: 24px;
    padding: 0
}

.nice-select .nice-select-search-box {
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    pointer-events: none;
    border-radius: 5px 5px 0 0
}

.nice-select .nice-select-search {
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    color: #444;
    display: inline-block;
    vertical-align: middle;
    padding: 7px 12px;
    margin: 0 10px 0 0;
    width: 100%;
    min-height: 36px;
    line-height: 22px;
    height: auto;
    outline: 0!important;
    font-size: 14px
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

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

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.logo a {
    color: #141414;
    font-weight: bold;

    display: flex; 
    align-items: center; 
    justify-content: flex-start;
}

.logo a img {
    margin-right: 5px;
}