@import url('/css/from_scss/activate-window.css');
.mega-bonus {
    padding-right: 0 !important;
    /*zoom: 0.8;*/
}
@media only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 700px), only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 700px), only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 700px), only screen and (        min-device-pixel-ratio: 2)      and (min-width: 700px), only screen and (                min-resolution: 192dpi) and (min-width: 700px), only screen and (                min-resolution: 2dppx)  and (min-width: 700px), only screen and (max-height: 900px) {

    .continue-label-01, .continue-label-01 span {
        zoom: 1.17;
        line-height: 1.4;
    }
    .continue-label-01 .text {
        zoom: 1.12;
        line-height: 1.4;
    }
}
.subscribed-mb-logo {
    width: 24px;
    height: 24px;
    background: url(https://cdn.megabonus.com/images/header/mb_logo_small.svg) no-repeat;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
.subscribed-container {
    width: 550px;
    padding: 15px;
    margin: auto;
    max-width: 100%;
}
.blog_megabonus_title {
    font: 11px "Proxima Nova Regular";
    letter-spacing: 3px;
    line-height: 24px;
    color: #3a3a3a;
    text-transform: uppercase;
    margin-bottom: 32px;
}
.subscribed__desc a {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 32px;
    letter-spacing: 0.15px;
    color: #000;
    font-style: italic;
}
.subscribed__desc {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 32px;
    letter-spacing: 0.15px;
}
.subscribe__btn:hover {
    color: #000;
    opacity: 0.7;
    text-decoration: none;
}
.subscribe__btn {
    color: #000;
    background: #fcdd00;
    display: inline-block;
    padding: 13px 32px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.3px;
    border-radius: 6px;
}
.subscribed__title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0.3px;
    margin-bottom: 32px;
}
.сommission {
    border: 1px solid #eaeaea;
    text-align: center;
    padding: 18px 15px 47px;
    border-radius: 6px;
}
.сommission span {
    display: block;
}
.сommission .bold {
    margin: 0 0 26px;
    font: bold 16px/19px 'Proxima Nova', sans-serif;
}
.сommission .there-restrictions {
    margin: 0 0 30px;
    font: 16px/28px 'Proxima Nova', sans-serif;
}
.сommission .reduced {
    margin: 0 0 4px;
    font: 12px/14px 'Proxima Nova', sans-serif;
}
.сommission strong {
    display: block;
    margin: -11px 0 28px;
    font: bold 60px/60px 'Proxima Nova', sans-serif;
}
.сommission .btn-link {
    color: #3498db;
    display: inline-block;
    margin: 24px 0 10px;
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.сommission p {
    margin: 0 0 15px;
    font: 16px/28px 'Proxima Nova', sans-serif;
}
.income-friends .сommission {
    margin: 44px 0 0;
}
.income-friends .сommission .bold {
    margin: 0 0 50px;
    font: bold 16px/19px "Proxima Nova", sans-serif;
}
.income-friends .сommission {
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(234, 234, 234);
    border-image: initial;
    padding: 18px 15px 47px;
    border-radius: 6px;
}
.income-friends .сommission .bold {
    margin: 0px 0px 26px;
}
.income-friends .сommission span {
    display: block;
}
.income-friends .сommission strong {
    display: block;
    margin: -11px 0px 28px;
    font: bold 60px/60px "Proxima Nova", sans-serif;
}
.income-friends .сommission p {
    margin: 0px 0px 15px;
    font: 16px/28px "Proxima Nova", sans-serif;
}
.income-friends .сommission a {
    font: 16px/28px "Proxima Nova", sans-serif;
}
.mega-bonus .logo {
    float: none;
    display: block;
    background: url(https://cdn.megabonus.com/images/bg-logo.png) no-repeat !important;
    background-size: cover !important;
    width: 152px;
    height: 22.5px;
    margin: 7px 0 0 0;
}
.mega-bonus .search-form {
    position: relative;
}
.mega-bonus .search-form .form-group {
    margin: 0;
    font-size: 18px;
    position: relative;
}
.mega-bonus .search-form .form-group .input {
    font-size: 17px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #ddd;
    background-color: #fff;
    transition: border-color .3s;
}
.mega-bonus .search-form .form-group .input.hovered,
.mega-bonus .search-form .form-group .input:focus {
    border-color: #fcdd00;
}
.mega-bonus .search-form .form-group .input.hovered ~ .submit-btn,
.mega-bonus .search-form .form-group .input:focus ~ .submit-btn {
    background-color: #fcdd00;
}
.mega-bonus .search-form .submit-btn {
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: 0;
    border-radius: 0 4px 4px 0;
    height: 40px;
    min-width: 40px;
    line-height: 40px;
    font-size: 18px;
    padding: 0 10px;
    cursor: pointer;
    overflow: hidden;
}
.mega-bonus .form-header button {
    right: 16px;
    height: 35px;
}
.mega-bonus .search-form .submit-btn .icon {
    position: relative;
    z-index: 1;
}
.mega-bonus .search-form .submit-btn .icon-search:before {
    position: relative;
    top: 2px;
}
.mega-bonus .search-form .submit-btn .icon-search-hover {
    display: none;
}
.mega-bonus .search-form .reset-btn {
    position: absolute;
    display: none;
    background-color: transparent;
    color: #bbb;
    top: 5px;
    right: 36px;
    font-size: 14px;
    transition: color .3s, opacity .3s;
    box-shadow: none;
    cursor: pointer;
}
.mega-bonus .search-form .search-result {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 10px 0;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .16);
    display: none;
}
.mega-bonus .search-form.with-result .search-result {
    display: block;
}
.mega-bonus .search-form .search-result .search-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.mega-bonus .search-form .search-result .paragraph,
.mega-bonus .search-form .search-result .search-list li {
    display: block;
    font-size: 16px;
    letter-spacing: .3px;
    padding: 5px 15px;
    color: #000;
    cursor: pointer;
    transition: background-color .3s;
}
.mega-bonus .search-form .search-result .search-list li:hover {
    background-color: #f7f7f7;
}
.mega-bonus .search-form .search-result .search-list li:active {
    background-color: #fcdd00;
}
.mega-bonus .search-form .search-result .search-list li.search-result--title-temp,
.mega-bonus .search-form .search-result .search-list li.search-result--title-temp:hover {
    display: block;
    font-size: 12px;
    line-height: 1.25;
    color: #a0aab4;
    padding: 5px 15px;
    cursor: inherit;
    background: #fff;
}
.mega-bonus .search-form .search-result .search-list li .search-result--row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.mega-bonus .search-form .search-result .search-list li .search-result--logo {
    width: 64px;
    height: 24px;
    margin-right: 12px;
    flex-shrink: 0;
}
.mega-bonus .search-form .search-result .search-list li .search-result--logo img {
    max-width: 100%;
    max-height: 100%;
    text-align: center;
    margin: 0 auto;
    display: block;
}
.mega-bonus .search-form .search-result .search-list li .search-result--name {
    font-size: 16px;
    line-height: 1.25;
    color: #282828;
    max-height: 20px;
    overflow: hidden;
}
.mega-bonus .holder-entrance:after {
    content: '';
    display: block;
    clear: both;
}
.mega-bonus .in-btn:hover,
.mega-bonus .in-btn {
    float: left;
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #000;
    width: 31%;
    text-align: center;
    margin: 11px 0;
}
.mega-bonus .btn-expansion {
    float: right;
    max-width: 220px;
    width: 100%;
    border: 1px solid #89bf1d;
    text-align: center;
    padding: 11px 5px;
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #89bf1d;
    opacity: 1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.mega-bonus .btn-expansion:hover {
    border-color: #6e9917;
    background: #6e9917;
    color: #fff;
    text-decoration: none;
}
.mega-bonus .btn-expansion:focus {
    text-decoration: none;
}
.nav-bonus {
    position: relative;
}
.mega-bonus .scroll-nav {
    background: #333;
    z-index: 2;
    position: relative;
}
.mega-bonus .holder-nav-link {
    position: relative;
    overflow: hidden;
}
.mega-bonus .nav-link {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
}
.mega-bonus .nav-link li {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
    padding: 0 17px;
}
.mega-bonus .nav-link li:first-child {
    padding: 0 19px 0 1px;
}
.mega-bonus .nav-link li.has-drop.active a:before {
    content: '';
    position: absolute;
    z-index: 12;
    left: 50%;
    bottom: 0;
    margin: 0 0 0 -6px;
    border: 12px solid transparent; border-bottom: 12px solid #ffdf08;
}

.mega-bonus .nav-link:after {
    content: '';
    display: block;
    clear: both;
}
.mega-bonus .nav-link a {
    position: relative;
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #fff;
    width: auto;
    display: block;
    padding: 11px 0;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.mega-bonus .nav-link a:hover {
    color: #ffdf08;
    text-decoration: none;
}
.mega-bonus .older-nav-link-inner {
    overflow: hidden;
    width: 100%;
    position: relative;
}
.mega-bonus .holder-nav-link .scrollbar-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
.mega-bonus .holder-nav-link .left {
    position: absolute;
    left: 0;
    top: 10px;
    height: 20px;
    font: 20px/20px 'Proxima Nova', sans-serif;
    color: #fff;
    background: #333;
    padding: 0 20px 0 0;
}
.mega-bonus .holder-nav-link .right {
    position: absolute;
    right: 0;
    top: 10px;
    height: 20px;
    font: 20px/20px 'Proxima Nova', sans-serif;
    color: #fff;
    background: #333;
    padding: 0 0 0 30px;
}
.holder-nav-link .left.disabled,
.holder-nav-link .right.disabled {
    opacity: 0;
}
.mega-bonus .additional-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin: -1px 0 0;
    z-index: 1;
    background: #ffdf08;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
}
.mega-bonus .nav-bonus.active .additional-nav {
    box-shadow: 0 9px 6px 0 rgba(0, 0, 0, 0.2);
}
.mega-bonus .additional-nav ul {
    font-size: 0;
    line-height: 0;
    list-style: none;
    padding: 0 0 5px;
    margin: 0 0 -20px 0;
    white-space: nowrap;
    overflow-x: scroll;
    display: none;
}
.scrol-overflov {
    overflow: hidden;
}
.mobile .mega-bonus .additional-nav ul,
.tablet .mega-bonus .additional-nav ul {
    padding: 0 0 24px;
    margin: 0 0 -20px 0;
}
.mega-bonus .additional-nav li {
    display: inline-block;
    vertical-align: top;
    font: 300 16px/16px 'Proxima Nova', sans-serif;
    text-align: center;
}
.mega-bonus .additional-nav a {
    display: block;
    width: 120px;
    color: #000;
    padding: 16px 0 13px;
}
.mega-bonus .additional-nav span {
    display: inline-block;
}
.mega-bonus .additional-nav a:hover {
    text-decoration: none;
    background: #fff3a1;
}
.mega-bonus .additional-nav .holder-img {
    width: 27px;
    height: 27px;
    margin: 0 auto 9px;
}
.mega-bonus .additional-nav .holder-img img {
    max-width: 100%;
    display: block;
}
.mega-bonus .additional-nav span {
    display: block;
}
.buy-more {
    border-bottom: 1px solid #e6e6e6;
    padding: 0 0 60px;
    margin: 0 0 61px;
}
.feedback-rated {
    text-align: center;
    font: 12px/12px 'Proxima Nova', sans-serif;
    color: #000;
}
.feedback-rated-left {
    text-align: left;
    margin: 48px 0;
}
.feedback-rated-left.es {
    margin: 20px 0;
}
.feedback-rated-left h1,
.feedback-rated-left .feedback-rated-h1,
.feedback-rated-left .feedback-rated-wrap {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 0;
}
.feedback-rated-left.es h1,
.feedback-rated-left.es .feedback-rated-h1,
.feedback-rated-left .feedback-rated-wrap {
    padding: 3px 0;
    width: 115px;
    height: 43px;
}
.feedback-rated-left .feedback-rated-wrap {
    margin-top: -3px;
}
.feedback-rated-left h1,
.feedback-rated-left .feedback-rated-h1 {
    margin-right: 30px !important;
    margin-bottom: 0 !important;
}
.feedback-rated-left .list-rated li:last-child {
    margin-right: 0;
}
.feedback-rated-left h1,
.feedback-rated-left .feedback-rated-h1,
.spica {
    display: inline-block;
    background: url(https://cdn.megabonus.com/images/landing/branches.png) no-repeat;
    background-size: cover;
    width: 111px;
    height: 43px;
    margin: 0 15px 23px 0;
    float: left;
    overflow: hidden;
    font: bold 12px/12px 'Proxima Nova', sans-serif !important;
    text-align: center;
    padding: 7px 15px 0;
    letter-spacing: 0.2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.list-rated {
    font-size: 0;
    line-height: 0;
    padding: 0;
    margin-bottom: 12px;
}
.list-rated li {
    display: inline-block;
    vertical-align: top;
    margin: 0 11px 0 0;
    width: 23px;
}
.list-rated img {
    display: block;
    max-width: 100%;
}
.based {
    display: inline-block;
    margin: 0 0 55px;
}
.buy-more h1 {
    font: 300 48px/48px 'Proxima Nova', sans-serif;
    margin: 0 0 34px;
}
.buy-more p {
    font: 300 24px/26px 'Proxima Nova', sans-serif;
    margin: 0 0 66px;
}
.how-does-work {
    position: relative;
    text-align: center;
    min-height: 216px;
}
.how-does-work:before {
    content: '';
    position: absolute;
    right: -9%;
    top: 34px;
    background: url(https://cdn.megabonus.com/images/bg-29.png) no-repeat;
    background-size: cover;
    width: 19px;
    height: 8px;
}
.how-does-work.none:before {
    display: none;
}
.how-does-work .holder-img {
    width: 70px;
    height: 70px;
    margin: 0 auto 32px;
}
.how-does-work .holder-img img {
    display: block;
    max-width: 100%;
}
.how-does-work span {
    display: block;
    font: 16px/28px 'Proxima Nova', sans-serif;
    color: #000;
}
.start-saving {
    text-align: center;
    font: 14px/16px 'Proxima Nova', sans-serif;
    color: #000;
}
.btn-cacheback {
    display: inline-block;
    padding: 23px 90px;
    margin: 0 0 22px;
    background: #89bf1d;
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.btn-cacheback:focus,
.btn-cacheback:hover {
    text-decoration: none;
    background: #6e9917;
    color: #fff;
}
.start-saving span {
    display: block;
}
.pr-sponsor {
    display: block;
    width: 100%;
    max-width: 262px;
    margin: 0 auto 30px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.pr-sponsor:hover {
    opacity: 0.8;
}
.pr-sponsor img {
    display: block;
    max-width: 100%;
}
.web-11_11:hover,
.mobile-11_11:hover {
    opacity: 0.8;
}
.web-11_11 img,
.mobile-11_11 img {
    max-width: 100%;
}
.mobile-11_11 {
    display: none;
}
@media screen and (max-width: 576px) {
    .web-11_11 {
        display: none;
    }
    .mobile-11_11 {
        display: block;
        text-align: center;
    }
}
.pr-shop-card {
    display: block;
    width: 100%;
    max-width: 262px;
    margin: 0 auto 5px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    background: transparent;
    z-index: 0;
}
.pr-shop-card:hover {
    opacity: 1;
}
.pr-shop-card img {
    display: block;
    max-width: 100%;
}
.store-brand {
    padding: 47px 0 0;
}
.category_description {
    padding: 30px 15px;
}
.category_description h1,
.category_description h2 {
    font: 21px 'Proxima Nova', sans-serif;
    font-weight: bold;
    color: #000;
    line-height: 1.33;
    letter-spacing: 0.3px;
    margin: 50px 0 20px;
    text-transform: none;
}
.category_description p {
    font: 14px 'Proxima Nova', sans-serif;
    color: #000;
    letter-spacing: 0.3px;
    line-height: 24px;
}
.old-store {
    display: block;
    margin: 0 0 20px;
    font: 300 48px/62px 'Proxima Nova', sans-serif;
    color: #000;
    text-transform: none;
}
.you-store {
    display: block;
    margin: 40px 0 20px;
    font: 300 48px/62px 'Proxima Nova', sans-serif;
    color: #000;
    text-transform: none;
}
.store-brand .pr-group:after {
    content: '';
    display: block;
    clear: both;
}
.store-brand .pr-group {
    margin: 20px 0 15px;
}
.store-brand .pr-sort:after {
    content: '';
    display: block;
    clear: both;
}
.store-brand .pr-sort {
    float: left;
}
.store-brand .pr-sort span {
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #000;
    margin: 0 0 10px;
}
.store-brand .pr-sort ul {
    overflow: hidden;
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
}
.store-brand .pr-sort li {
    display: inline-block;
    vertical-align: top;
    margin: 0 18px 10px 0;
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.store-brand .pr-sort ul a {
    color: #9b9b9b;
}
.store-brand .pr-sort li.active a {
    color: #000;
}
.store-brand .pr-sort li.active:hover {
    cursor: pointer;
    text-decoration: none;
}
.store-brand .pr-sort li.active a:hover {
    cursor: default !important;
    text-decoration: none;
}
.store-brand .pr-sort li a:hover {
    color: #000;
}
.store-brand .pr-sort ul a:focus {
    text-decoration: none;
}
.view-block {
    float: right;
    font-size: 0;
    line-height: 0;
    padding: 3px 0 10px;
}
.view-block a {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 21px;
    overflow: hidden;
    text-indent: -9999px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.view-block a:hover {
    cursor: pointer;
}
.view-square.active:hover,
.view-list.active:hover {
    cursor: default;
}
.view-square {
    background: url(https://cdn.megabonus.com/images/bg-35.png) no-repeat;
    background-size: cover !important;
    width: 13px;
    height: 13px;
}
.view-square:hover,
.view-square.active {
    background: url(https://cdn.megabonus.com/images/bg-33.png) no-repeat;
    background-size: cover !important;
    cursor: default;
}
.view-list {
    background: url(https://cdn.megabonus.com/images/bg-34.png) no-repeat;
    background-size: cover !important;
    width: 14px;
    height: 13px;
}
.view-list:hover,
.view-list.active {
    background: url(https://cdn.megabonus.com/images/bg-36.png) no-repeat;
    background-size: cover !important;
    cursor: default;
}
.cacheback-block-list,
.cacheback-block-list__new-offers {
    /*display: table;*/
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    padding: 0 0 2px;
    list-style: none;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    min-height: 100px;
    margin-right: 4%;
}
.feed_add_not_auth_first::after {
    content: '';
    width: 48%;
}
.feed_add_not_auth_second::after {
    content: '';
    width: 22%;
}

.add_after_first::after {
    content: '';
    width: 67%;
}
.add_after_third::after {
    content: '';
    width: 22%;
}
.add_after_second::after {
    content: '';
    width: 33%;
}
.append_block_first {
    width: 65% !important;
    display: block;
    border: 0 !important;
}
.append_block_first:hover {
    box-shadow: none !important;
}
.append_block_second {
    width: 32% !important;
    display: block;
    border: 0 !important;
}
.append_block_second:hover {
    box-shadow: none !important;
}

.cacheback-block-list.notauth, .cacheback-block-list__new-offers {
    justify-content: space-between;
}
.cacheback-block-list li,
.cacheback-block-list__new-offers li {
    position: relative;
    width: 24%;
    margin: 0 1.3% 15px 0;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 30px 20px 20px;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #000;
    height: 284px;
}
.cacheback-block-list li .your-percentage,
.cacheback-block-list__new-offers .your-percentage {
    margin-top: 35px;
}
.cacheback-block-list li.isset_badges .your-percentage,
.cacheback-block-list li.isset_promotion .your-percentage,
.cacheback-block-list__new-offers li.isset_badges .your-percentage,
.cacheback-block-list__new-offers li.isset_promotion .your-percentage {
    margin-top: 0px;
}
.cacheback-block-list.notauth li {
    margin: 0 0 15px;
    width: 24%;
    margin-right: 0 !important;
}
.cacheback-block-list li.isset_promotion:not(:hover),
.cacheback-block-list__new-offers li.isset_promotion:not(:hover),
.similar-shops .similar .similar-shop.isset_promotion:not(:hover) {

}
.cacheback-block-list li.isset_promotion .your-percentage strong,
.cacheback-block-list__new-offers li.isset_promotion .your-percentage strong {
    font: 24px/18px 'Proxima Nova', sans-serif;
    letter-spacing: 0.6px;
    margin: 8px auto 5px;
}
.cacheback-block-list li.isset_promotion .your-percentage p span,
.cacheback-block-list__new-offers li.isset_promotion .your-percentage p span {
    display: inline-block;
    font: 16px/18px 'Proxima Nova', sans-serif;
    letter-spacing: 0.5px;
}
.cacheback-block-list li.isset_promotion .your-percentage .promo_name {
    width: 210px;
    color: #4d4d4d;
    font: 12px 'Proxima Nova', sans-serif;
    text-transform: uppercase;
    position: absolute;
    bottom: 15px;
    left: 50%;
    margin-left: -105px;
    text-align: center;
    letter-spacing: 0.6px;
    padding-top: 10px;
    border-top: 1px solid #f1f1f1;
}
.cacheback-block-list li.isset_promotion:hover .holder-img,
.cacheback-block-list li:hover .holder-img,
.cacheback-block-list__new-offers li:hover .holder-img {
    display: none;
}
.cacheback-block-list li.isset_promotion:hover .activate-hover-block .will_get,
.cacheback-block-list li:hover .activate-hover-block .will_get,
.similar-shop .will_get,
.cacheback-block-list__new-offers li:hover .activate-hover-block .will_get {
    font: 14px 'Proxima Nova', sans-serif;
    letter-spacing: 0.4px;
    color: #000;
    margin-top: 79px;
}
.cacheback-block-list li.isset_promotion:hover .activate-hover-block .percent_cashback,
.cacheback-block-list li:hover .activate-hover-block .percent_cashback,
.cacheback-block-list__new-offers li:hover .activate-hover-block .percent_cashback,
.similar-shop .percent_cashback {
    font: 24px 'Proxima Nova', sans-serif;
    letter-spacing: 0.8px;
    color: #000;
}
.cacheback-block-list li.isset_promotion:hover .activate-hover-block .percent_cashback span,
.cacheback-block-list li:hover .activate-hover-block .percent_cashback span,
.cacheback-block-list__new-offers li:hover .activate-hover-block .percent_cashback span,
.similar-shop .percent_cashback span {
    font: 36px 'Proxima Nova', sans-serif;
    font-weight: bold;
    display: inline;
}
.cacheback-block-list li.isset_promotion:hover .activate-hover-block .cacheback-block-list__get-btn, .cacheback-block-list li:hover .activate-hover-block .cacheback-block-list__get-btn, .cacheback-block-list__new-offers li:hover .activate-hover-block .cacheback-block-list__get-btn {
    position: absolute;
    width: calc(100% - 40px);
    bottom: 20px;
}
.cacheback-block-list li.isset_promotion:not(:hover) .holder-img,
.cacheback-block-list__new-offers li.isset_promotion:not(:hover) .holder-img {
    margin-bottom: 0;
}
.cacheback-block-list.cat-filter {
    min-height: 640px;
}
.cacheback-block-list.cat-filter li,
.cacheback-block-list__new-offers.cat-filter li {
    width: 32%;
    margin: 0 auto 13px !important;
    justify-content: space-between;
}
@-moz-document url-prefix() {
    .cacheback-block-list.cat-filter li, .cacheback-block-list__new-offers.cat-filter li {
        margin-bottom: 15px;
    }
}
.cacheback-block-list li:nth-of-type(4n),
.cacheback-block-list__new-offers li:nth-child(4n) {
    margin-right: 0;
}
.cacheback-block-list.cat-filter li:nth-of-type(3n),
.cacheback-block-list__new-offers.cat-filter li:nth-child(3n) {
    margin-right: 0;
}
.cacheback-block-list.cat-filter li:nth-child(4n),
.cacheback-block-list__new-offers.cat-filter li:nth-child(4n) {
    margin: 0 2% 2% 0;
}
.cacheback-block-list .holder-img,
.cacheback-block-list__new-offers .holder-img {
    max-width: 200px;
    width: 100%;
    line-height: 100px;
    text-align: center;
    margin: 0 auto;
}
.cacheback-block-list .holder-img:hover,
.cacheback-block-list__new-offers .holder-img:hover {
    cursor: pointer;
}
.cacheback-block-list img,
.cacheback-block-list__new-offers img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}

.cacheback-block-list .blog-banner {
    background: #e7f8ff;
    border: none;
    border-radius: 4px;
    height: 284px;
    width: 24%;
    margin: 0 1.3% 15px 0;
    padding: 0;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
}
@media screen and (max-width: 991px) {
    .cacheback-block-list .blog-banner {
        width: 100%;
        margin-right: 0;
    }
}
.cacheback-block-list.cat-filter .blog-banner {
    /* width: 32%; */
    /* margin: 0 2% 2% 0; */
}
.cacheback-block-list .blog-banner .link-banner {
    padding: 20px 25px 15px;
    height: 100%;
    text-decoration: none;
}
.cacheback-block-list .blog-banner .link-banner:hover {
    text-decoration: none;
}
.cacheback-block-list .blog-banner:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    text-decoration: none;
}
.cacheback-block-list .blog-banner .banner-category {
    font: 12px 'Proxima Nova', sans-serif;
    letter-spacing: 0.2px;
    text-align: left;
    color: #000;
    font-weight: 600;
    margin-bottom: 15px;
}
.cacheback-block-list .blog-banner .banner-title {
    font: 21px 'Proxima Nova', sans-serif;
    font-weight: bold;
    text-align: left;
    color: #000;
    text-transform: none;
}
.cacheback-block-list .blog-banner .banner-description {
    font: 13px 'Proxima Nova', sans-serif;
    text-align: left;
    color: #000;
    line-height: 1.43;
}
.cacheback-block-list.notauth .blog-banner .banner-title {
    font-size: 21px;
}
.cacheback-block-list.notauth .blog-banner .banner-description {
    font-size: 13px;
}
.cacheback-block-list .blog-banner .banner-footer {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    position: absolute;
    bottom: 15px;
    width: calc(100% - 50px);
}
.cacheback-block-list .blog-banner .banner-time {
    font: 12px 'Proxima Nova', sans-serif;
    color: #000;
    opacity: 0.4;
    letter-spacing: 0.2px;
    margin-bottom: 0;
}
.cacheback-block-list .blog-banner .banner-link {
    opacity: 1;
    background: url(https://cdn.megabonus.com/images/click_banner.svg) no-repeat;
    height: 24px;
    width: 24px;
}

.cacheback-block-list .unsorted {
    background: #f9eaea;
}
.cacheback-block-list .economy {
    background: #f7effb;
}
.cacheback-block-list .tips {
    background: #eef4ff;
}
.cacheback-block-list .sales {
    background: #e7f8ff;
}
.cacheback-block-list .aliexpress {
    background: #e7f7ea;
}
.cacheback-block-list .news {
    background: #fff6e7;
}

@media screen and (max-width: 1200px) {
    .cacheback-block-list .blog-banner .banner-title {
        font-size: 17px;
    }
    .cacheback-block-list .blog-banner .banner-description {
        font-size: 12px;
    }

    .cacheback-block-list.notauth .blog-banner .banner-title {
        font-size: 17px;
    }
}

@media screen and (max-width: 991px) {
    .share-block-ali .social-likes {
        margin-bottom: 50px !important;
    }
    .cacheback-block-list.cat-filter li {
        margin-right: 0 !important;
    }
    .cacheback-block-list.cat-filter li {
        width: 100%;
    }
    .cacheback-block-list.favorite-offers li {
        width: 48% !important;
    }
    .cacheback-block-list .blog-banner .banner-title {
        font-size: 20px;
    }
    .cacheback-block-list .blog-banner .banner-description {
        font-size: 14px;
    }

    .cacheback-block-list.notauth .blog-banner .banner-title {
        font-size: 18px;
    }
    .cacheback-block-list.notauth .blog-banner .banner-description {
        font-size: 14px;
    }

    .pr-shop-card {
        margin: 0;
        height: 95px;
    }
}

@media screen and (max-width: 767px) {
    .cacheback-block-list.cat-filter li {
        width: 48%;
    }
    .cacheback-block-list .blog-banner .banner-title {
        font-size: 18px;
    }
    .cacheback-block-list .blog-banner .banner-description {
        font-size: 14px;
    }

    .cacheback-block-list.notauth .blog-banner .banner-title {
        font-size: 18px;
    }
    .cacheback-block-list.notauth .blog-banner .banner-description {
        font-size: 14px;
    }
}

@media screen and (max-width: 638px) {
    .cacheback-block-list.favorite-offers li {
        width: 100% !important;
        margin: 10px 0;
    }
    .cacheback-block-list.cat-filter li {
        width: 100%;
    }
    .cacheback-block-list.notauth .blog-banner .banner-title {
        font-size: 17px;
    }
    .cacheback-block-list.notauth .blog-banner .banner-description {
        font-size: 13px;
    }
}

@media screen and (max-width: 500px) {
    .cacheback-block-list.notauth .blog-banner .banner-title {
        font-size: 20px;
    }
    .cacheback-block-list.notauth .blog-banner .banner-description {
        font-size: 14px;
    }
}

@media screen and (max-width: 480px) {
    .cacheback-block-list .blog-banner .banner-title {
        font-size: 18px;
    }
    .cacheback-block-list .blog-banner .banner-description {
        font-size: 13px;
    }
}

@media screen and (max-width: 360px) {
    .cacheback-block-list.notauth .blog-banner .banner-title {
        font-size: 18px;
    }
    .cacheback-block-list.notauth .blog-banner .banner-description {
        font-size: 13px;
    }
}

.your-percentage span {
    display: block;
    margin: 0;
    font: 12px/2.17 'Proxima Nova', sans-serif;
    letter-spacing: 0.3px;
}
.your-percentage span strike {
    font: 14px/14px 'Proxima Nova', sans-serif;
}
.your-percentage strong {
    display: block;
    font: 24px/24px 'Proxima Nova', sans-serif;
    letter-spacing: 0.5px;
    margin: 8px 0 5px;
}
.your-percentage strong span {
    display: inline;
    font: 24px/24px 'Proxima Nova', sans-serif;
}
.activate-hover-block {
    display: none;
    /* display: block; */
    margin-top: -36px;
    /* margin-top: 35px; */
}
.activate-hover-block span {
    display: block;
    font: 14px/19px 'Proxima Nova', sans-serif;
    letter-spacing: 0.3px;
}
.activate-hover-block .yellow_btn {
    margin: 0;
    padding: 11px 0;
    font: 15px/19px "Proxima Nova", sans-serif;
}

.holder-more {
    margin: 12px 0 15px;
}
.holder-more a {
    display: inline-block;
    font: 14px/22px 'Proxima Nova', sans-serif;
    color: #3498db;
    letter-spacing: 0.4px;
}
.holder-more a:hover {
    color: #3498db;
}
.get-btn a {
    display: block;
    padding: 23px 10px;
    font: 16px/18px 'Proxima Nova', sans-serif;
    text-transform: uppercase;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.get-btn a:focus,
.get-btn a:hover {
    background: #f2d200;
    text-decoration: none;
}
.cacheback-block-list.expand,
.cacheback-block-list__new-offers.expand {
    margin: 0;
    display: block;
}
.cacheback-block-list.expand li,
.cacheback-block-list__new-offers.expand li {
    position: relative;
    width: 100%;
    display: table;
    margin: 0 0 20px;
    padding: 32px 17px 28px 3%;
}
.pr-like {
    cursor: pointer;
    opacity: 0;
    display: none;
    position: absolute;
    right: 20px;
    top: 20px;
    background: url(https://cdn.megabonus.com/images/bg-39.png) no-repeat;
    background-size: cover !important;
    width: 21px;
    height: 19px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    z-index: 1;
}
.favorite-icon {
    background: url(https://cdn.megabonus.com/images/bg-40.png) no-repeat;
    background-size: cover !important;
    width: 17px;
    height: 16px;
    vertical-align: middle;
    display: inline-block;
}
.cacheback-block-list li:hover,
.cacheback-block-list__new-offers li:hover,
.cacheback-block-list li:active,
.cacheback-block-list__new-offers li:active {
    box-shadow: 0 0 10px 0 rgba(14, 42, 58, 0.15);
    border: 1px solid transparent;
}
.cacheback-block-list li:hover .pr-like,
.cacheback-block-list__new-offers li:hover .pr-like {
    opacity: 1;
}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.cacheback-block-list li:hover .your-percentage,
.cacheback-block-list__new-offers li:hover .your-percentage,
.cacheback-block-list li:active .your-percentage,
.cacheback-block-list__new-offers li:active .your-percentage {
    display: none;
}
.cacheback-block-list li:hover .activate-hover-block,
.cacheback-block-list__new-offers li:hover .activate-hover-block,
.cacheback-block-list li:active .activate-hover-block,
.cacheback-block-list__new-offers li:active .activate-hover-block {
    display: block;
    -webkit-animation: fadeIn 1.2s;
    animation: fadeIn 1.2s;
}
.cacheback-block-list li:hover .coupon-block,
.cacheback-block-list__new-offers li:hover .coupon-block,
.cacheback-block-list li:active .coupon-block,
.cacheback-block-list__new-offers li:active .coupon-block,
.similar-shops .similar .similar-shop:hover .coupon-block,
.similar-shops .similar .similar-shop:active .coupon-block {
    display: block;
    -webkit-animation: fadeIn 1.2s;
    animation: fadeIn 1.2s;
}
.cacheback-block-list .pr-like,
.cacheback-block-list__new-offers .pr-like {
    display: block;
}
.pr-like.active {
    opacity: 1;
    background: url(https://cdn.megabonus.com/images/FavActive.png) no-repeat;
}
.pr-like.active:hover {
    background: url(https://cdn.megabonus.com/images/FavActiveHover.png) no-repeat;
}
.pr-like:hover {
    background: url(https://cdn.megabonus.com/images/bg-40.png) no-repeat;
}
.cacheback-block-list.expand .holder-img,
.cacheback-block-list__new-offers.expand .holder-img {
    display: table-cell;
    vertical-align: middle;
    width: 200px;
}
.cacheback-block-list.expand .your-percentage,
.cacheback-block-list__new-offers.expand .your-percentage {
    padding: 0 0 0 8%;
    margin: 0;
    width: 40%;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
}
.cacheback-block-list .your-percentage_promo-img,
.similar-shop .your-percentage_promo-img {
    background: url(https://cdn.megabonus.com/images/promotion_feed.svg) no-repeat center;
    background-size: 180px auto;
    height: 30px;
}
.cacheback-block-list li .coupon-block, .similar-shops .similar .similar-shop .coupon-block {
    display: none;
    position: absolute;
    width: 80%;
    left: 20px;
    top: 20px;
}
.similar-shops .similar .similar-shop .coupon-block {
    top: 18px;
}
.cacheback-block-list li .coupon-block_coupon-img, .similar-shops .similar .similar-shop .coupon-block_coupon-img {
    background: url(https://cdn.megabonus.com/images/discount_voucher.png) no-repeat center;
    height: 15px;
    background-size: 20px 15px;
    width: 20px;
    float: left;
}
.cacheback-block-list li .coupon-block span,
.similar-shops .similar .similar-shop .coupon-block span {
    float: left;
    font: 12px/18px 'Proxima Nova', sans-serif;
    margin-left: 10px;
    letter-spacing: 0.3px;
}
.cacheback-block-list.expand .holder-more,
.cacheback-block-list__new-offers.expand .holder-more {
    margin: 0;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
}
.cacheback-block-list.expand .get-btn,
.cacheback-block-list__new-offers.expand .get-btn {
    width: 239px;
    display: table-cell;
    vertical-align: middle;
}
.see-more {
    display: block;
    border: 1px solid #979797;
    text-align: center;
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #000;
    padding: 20px 5px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.see-more span {
    position: relative;
    display: inline-block;
    padding: 0 30px 0 0;
}
.see-more span:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin: -3px 0 0;
    background: url(https://cdn.megabonus.com/images/svg-15.svg) no-repeat;
    width: 17px;
    height: 17px;
}
.see-more:hover {
    text-decoration: none;
    background: #ffdf08;
    border-color: #ffdf08;
    color: #000;
}
.see-more:focus {
    color: #000;
}
.mega-bonus .quick-money-ali {
    padding: 87px 0 71px 0;
    margin: 133px 0 0;
}
.mega-bonus .quick-money-ali h3 {
    font-size: 48px;
    line-height: 50px;
}
.mega-bonus .quick-money-ali .item {
    text-align: center;
    margin: 0 0 43px;
}

.share-block-ali .title-share {
    margin: 0 0 37px;
}
.mega-bonus .share-block-ali .share-list {
    margin: 0 0 110px 0;
    padding: 0;
    list-style: none;
    text-align: center;
    font-size: 0;
    line-height: 0;
}
.mega-bonus .share-block-ali .share-list li {
    display: inline-block;
    vertical-align: top;
    margin: 0 9px 5px;
}
.mega-bonus .share-block-ali .btn-holder .btn {
    font: 16px/18px 'Proxima Nova', sans-serif;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    padding: 17px 25px;
    border-radius: 50px;
    -wekit-border-radius: 50px;
    -moz-border-radius: 50px;
    width: 400px;
    max-width: 359px;
}
.mega-bonus .share-block-ali .btn-holder .btn:hover {
    background: #ffda34;
    color: #000;
    border-color: #ffda34;
}
.mega-bonus .share-block-ali {
    padding: 0 0 85px;
    background: #000;
}
.mega-bonus .reviews-land-block-ali {
    padding: 85px 0 0 0;
}
.mega-bonus .reviews-land-block-ali img {
    width: 35px;
    height: auto;
}
.mega-bonus .reviews-land-block-ali h3 {
    font-size: 48px;
    line-height: 50px;
    padding: 0;
    margin: 0 0 54px;
}
.mega-bonus .reviews-land-block-ali .browsers-list {
    padding: 31px 0 0 0;
}
.mega-bonus .reviews-land-block h4 {
    margin: 0 0 25px;
}
.mega-bonus .reviews-land-block .links li {
    margin: 0 2.4%;
}
.mega-bonus .reviews-land-block .links a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.mega-bonus .reviews-land-block.aliexpr-land .links a {
    height: 100%;
}
.mega-bonus .reviews-land-block .links img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}
.mega-bonus .reviews-land-block-ali .btn-holder {
    padding: 86px 0 0 0;
}
.mega-bonus .reviews-land-block-ali .btn-holder .link-expansion {
    display: inline-block;
    padding: 23px 62px;
    cursor: pointer;
    background: #89bf1d;
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.share-block-ali .btn-holder .link-expansion {
    color: #fff;
}
.share-block-ali .btn-holder:hover .link-expansion {
    color: #000;
}
.share-block-ali .btn-holder .link-expansion:hover {
    text-decoration: none;
    color: #000;
}
.mega-bonus .reviews-land-block-ali .btn-holder .link-expansion:focus,
.mega-bonus .reviews-land-block-ali .btn-holder .link-expansion:hover {
    background: #6e9917;
    text-decoration: none;
}
.mega-bonus #footer {
    padding: 100px 0 114px 0;
}
.mega-bonus #footer h3 {
    margin: 0 0 25px;
}
.mega-bonus #footer .info {
    margin: 0;
}
.mega-bonus #footer .footer-row {
    margin: 0 0 81px;
    letter-spacing: 0;
}
.mega-bonus #footer .soc-links-title {
    text-align: center;
    margin: 0 0 8px;
    padding: 32px 0 0 0;
}
.mega-bonus #footer .soc-links {
    text-align: center;
}
.mega-bonus #footer .soc-links li {
    margin: 0 8px;
}
.mega-bonus #footer .copy {
    padding: 37px 0 0 0;
}
.mega-bonus #footer .user-agreement-link {
    margin: 0 0 54px;
    text-decoration: none;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.mega-bonus #footer .user-agreement-link a:hover {
    text-decoration: underline;
    color: #ababab;
}
.mega-bonus #footer .parthners li:nth-child(2) img {
    width: auto;
    max-width: 100%;
}
.mega-bonus #footer .parthners li img {
    width: auto;
    max-width: 100%;
}
.mega-bonus .footer-list a {
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.mega-bonus .footer-list a:hover {
    color: #3498db;
}

.holder-copyright {
    position: relative;
    padding: 0 150px;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
}
.select-language,
.select-sort {
    width: 145px;
    top: 31px;
    right: -25px;
    position: absolute;
    z-index: 2;
    border: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.selector {
    position: relative;
    padding: 11px 0 10px 12px;
    font: 14px/16px 'Proxima Nova', sans-serif;
    color: #000;
}
.selector:before {
    content: '';
    position: absolute;
    right: 10px;
    top: 14px;
    background: url(https://cdn.megabonus.com/images/svg-15.svg) no-repeat;
    background-size: contain;
    width: 15px;
    height: 17px;
}
.select-language.open .selector:before,
.select-sort.open .selector:before {
    top: 5px;
    transform: rotate(-180deg) rotateY(0deg);
    -webkit-transform: rotate(-180deg) rotateY(0deg);
    -moz-transform: rotate(-180deg) rotateY(0deg);
    -o-transform: rotate(-180deg) rotateY(0deg);
    -ms-transform: rotate(-180deg) rotateY(0deg);
}
.dropdown-content {
    list-style: none;
    padding: 0;
    opacity: 0;
    position: absolute;
    z-index: 3;
    top: -99999px;
    left: -99999px;
    right: 0;
    border: 1px solid #e6e6e6;
    -webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    -ms-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
}
.dropdown-content li {
    padding: 10px 12px;
}
.dropdown-content li:hover {
    background: #f8f8f8;
}
.select-language,
.select-sort {
    cursor: pointer;
}
#languageSelect {
    position: relative;
    top: 0;
    right: 0;
}
.select-language.open .dropdown-content,
.select-sort.open .dropdown-content {
    background: #fff;
    opacity: 1;
    top: 100%;
    left: -1px;
    right: -1px;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}
.select-language.open,
.select-sort.open {
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}
.select-language .selected,
.select-sort .selected {
    padding: 0 22px 0 24px;
}
.select-language span,
.select-sort span,
.select-language a,
.select-sort a {
    font: 14px/16px 'Proxima Nova', sans-serif;
    position: relative;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 0 0 24px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.dropdown-content a {
    text-decoration: none;
    color: #000;
    padding: 8px 0 8px 24px;
}
.select-language span.holder-img,
.select-sort span.holder-img {
    padding: 0 !important;
    margin: 0 !important;
    position: absolute;
    left: 0;
    top: 50%;
    width: 15px;
    height: 15px;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
}
.select-language.open .selector,
.select-sort.open .selector {
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.select-language span.en {
    background: url(https://cdn.megabonus.com/images/eng.png) no-repeat 50%;
    background-size: 100%;
}
.select-language span.pt {
    background: url(https://cdn.megabonus.com/images/portugal.svg) no-repeat 50%;
    background-size: 100%;
}
.select-language span.ru {
    background: url(https://cdn.megabonus.com/images/bg-21.png) no-repeat 50%;
    background-size: 100%;
}
.select-language span.es {
    background: url(https://cdn.megabonus.com/images/bg-es.png) no-repeat 50%;
    background-size: 100%;
}
/*====== authorized-user =======*/
.my-settings {
    float: right;
    position: relative;
    /* min-width: 215px; */
    /*overflow: auto;*/
    min-width: 260px;
}
.my-name:after {
    content: '';
    clear: both;
    display: block;
}
.my-name {
    position: relative;
    display: inline;
    font-size: 0;
    line-height: 0;
    padding: 0 15px 0 0;
}
.my-name:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin: -5px 0 0;
    background: url(https://cdn.megabonus.com/images/bg-38.png) no-repeat;
    background-size: cover !important;
    width: 13px;
    height: 7px;
}
.my-name .holder-img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 13px 0 0;
    width: 42px;
    height: 42px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.my-name .holder-text {
    display: inline-block;
    vertical-align: middle;
    font: 16px/20px 'Proxima Nova', sans-serif;
    color: #000;
    max-width: 217px;
    min-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.my-name .popover.bottom > .arrow {
    top: -6px;
}
.my-name .popover.bottom > .arrow:after {
    top: 0px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #000;
}
.my-name .popover.bottom {
    margin-top: 5px;
}
.my-name .popover {
    border-radius: 0;
    background: #000;
    color: #fff;
    font-size: 12px;
    line-height: 1.4;
    visibility: visible;
}
.my-name:hover .holder-text {
    text-decoration: underline;
}
.authorized-user {
    display: none;
    position: absolute;
    width: 290px;
    left: -5px;
    top: 100%;
    right: 0;
    margin: 10px 0 0;
    padding: 17px 0 0;
    background: #fff;
    border: 0;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .16);
    z-index: 12;
}
.my-settings .holder-text span {
    float: left;
}
.my-settings #js-approved-obj {
    padding: 0 1px;
    background: none;
}
.my-settings #js-waiting-obj {
    padding: 0 1px;
    background: none;
    color: #bababa;
}
.my-settings .spacer {
    padding: 0 10px;
}
.authorized-user ul {
    list-style: none;
    padding: 10px 0 0;
    stroke-width: 15%;
    border-bottom: 1px solid #e6e6e6;
}
.authorized-user ul + ul {
    padding: 10px 0 5px;
}
.authorized-user ul + ul li {
    margin: 0 0 6px;
}
.authorized-user li {
    margin: 0 0 4px;
}
.authorized-user a {
    display: block;
    font-size: 0;
    padding: 4px 20px;
    min-height: 32px;
    line-height: 32px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.authorized-user a:focus,
.authorized-user a:hover {
    background-color: #fcdd00;
    color: #000;
}
.authorized-user .holder-img {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
}
.authorized-user img,
.authorized-user .icon {
    height: 30px;
    vertical-align: top;
    margin-top: -6px;
    font-size: 20px;
}

.authorized-user ul span {
    display: inline-block;
    vertical-align: middle;
    font: 14px/32px 'Proxima Nova', sans-serif;
    padding: 0px 0 0 30px;
    color: #000;
    max-width: 215px;
}
.authorized-user ul div.new {
    font: bold 9px/32px 'Proxima Nova', sans-serif;
    background: #fcdd00;
    margin-left: 7px;
    line-height: 17px;
    opacity: 0.9;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    display: inline-block;
    color: #000;
    padding: 2px 10px 0 10px;
    position: relative;
    top: 3px;
}
.authorized-user li:hover div.new {
    background: #fff;
}
.exit-ausser {
    padding: 10px 0 16px;
    opacity: 0.6;
}
.exit-ausser span {
    font-size: 14px;
    padding: 0 22px;
}
.exit-ausser a {
    min-height: 32px;
    font: 12px/32px 'Proxima Nova', sans-serif;
    color: #000;
    padding: 3px 21px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.exit-ausser a:hover {
    text-decoration: none;
}
.state-user {
    overflow: hidden;
    display: block;
    position: relative;
    width: 160px;
    height: 160px;
    margin: 0 auto 25px;
    padding: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.state-user > div {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
}
.state-user .holder-text {
    opacity: 0;
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(15, 15, 15, 0.7);
    font: bold 14px/18px 'Proxima Nova', sans-serif;
    color: #fff;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;

    border-radius: 80px;
}
.state-user:hover .holder-text {
    opacity: 1;
}
.state-user .holder-text span {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
}
.graph .holder-text {
    text-align: center;
}
.graph .holder-text p {
    font: 14px/17px 'Proxima Nova', sans-serif;
    color: #000;
    margin: 0 0 6px;
}

.graph .btn-link {
    color: #3498db;
}
.icon-question {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    color: #9b9b9b;
    position: relative;
    background: url(https://cdn.megabonus.com/images/bg-100.png) no-repeat;
    background-size: cover !important;
    width: 15px;
    height: 15px;
}
.icon-question:hover {
    background: url(https://cdn.megabonus.com/images/bg-101.png) no-repeat;
    background-size: cover !important;
}
.icon-question i {
    display: none;
}
.withdraw {
    text-align: center;
    border-right: 1px solid #e6e6e6;
    padding: 27px 0 18px;
}
.withdraw p {
    font: 16px/18px 'Proxima Nova', sans-serif;
    margin: 0 0 5px;
}
.withdraw span {
    display: block;
    font: 24px/26px 'din_alternatebold', sans-serif;
    margin: 0 0 15px;
}
.btn-disabled {
    cursor: default;
}
.withdraw-btn {
    display: block;
    margin: 0 auto;
    padding: 11px 10px;
    max-width: 178px;
    background: #89bf1d;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #fff;
    font: 16px/18px 'Proxima Nova', sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.withdraw-btn.disabled:hover,
.withdraw-btn.disabled:focus,
.withdraw-btn.disabled {
    cursor: default;
    background: #e6e6e6;
    color: #9b9b9b;
}
.withdraw-btn:focus,
.withdraw-btn:hover {
    text-decoration: none;
    background: #6e9917;
    color: #fff;
}
.confirmation {
    text-align: center;
    padding: 27px 0;
}
.confirmation p {
    font: 16px/18px 'Proxima Nova', sans-serif;
    margin: 0 0 5px;
}
.confirmation span {
    display: block;
    color: #9b9b9b;
    font: 24px/26px 'din_alternatebold', sans-serif;
    margin: 0 0 21px;
}
.confirmation .btn-link {
    display: inline-block;
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #3498db;
}
.activation-cache {
    border: 1px solid #e6e6e6;
    padding: 25px 20px 0;
    text-align: center;
}
.activation-cache .holder-img {
    width: 47px;
    height: 47px;
    margin: 0 auto 12px;
}
.activation-cache img {
    max-width: 100%;
    display: block;
}
.activation-cache p {
    font: 16px/28px 'Proxima Nova', sans-serif;
    color: #000;
    margin: 0 0 27px;
}
.activation-cache p a {
    color: #3498db;
}
.promo-code .holder-img {
    max-width: 291px;
    margin: 0 auto 15px;
}
.promo-code .holder-img img {
    display: block;
    max-width: 100%;
}
.holder-promo-code {
    padding: 8px 0 0;
}
.promo-code h1 {
    font: bold 78px/78px 'Proxima Nova', sans-serif;
    color: #000;
    margin: 0 0 48px;
}
.holder-promo-code.es h1 {
    font: bold 59px/59px 'Proxima Nova', sans-serif;
}
h2.promo-h1 {
    font: bold 78px/78px 'Proxima Nova', sans-serif;
    color: #000;
    margin: 0 0 48px;
    text-transform: none;
    font-size-adjust: 0.4;
}
.promo-code .holder-text {
    max-width: 453px;
}
.promo-code p {
    font: 16px/28px 'Proxima Nova', sans-serif;
    color: #000;
    margin: 0 0 28px;
}
.btn-save {
    display: block;
    max-width: 359px;
    text-align: center;
    margin: 46px 0 20px;
    padding: 23px 10px;
    background: #89bf1d;
    font: bold 16px/18px 'Proxima Nova', sans-serif;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.landing-btn-save {
    box-shadow: 0 2px 8px 0 rgba(137, 179, 56, 0.8);
    background: linear-gradient(to right, #89bf1d, #9dd419);
}
.btn-save:focus,
.btn-save:hover {
    background: #6e9917;
    color: #fff;
    text-decoration: none;
}
.landing-btn-save:hover,
.landing-btn-save:focus {
    background: #89bf1d;
    box-shadow: 0 2px 8px 0 rgba(137, 179, 56, 0.8);
}
.landing-btn-save:active {
    background: #89bf1d;
    box-shadow: none !important;
}

.mao_btn {
    display: none;
    font-size: 20px;
    line-height: 70px;
    letter-spacing: normal;
    color: #000;
    border-radius: 40.5px;
    background-color: #ffdf08;
    box-shadow: 0 2px 12px 0 rgba(225, 196, 0, 0.56) !important;
    position: relative;
    height: 70px;
    width: auto;
    display: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    padding: 0 50px;
}

.mao_btn.Edge {
    padding: 0 50px 0 80px;
}
.mao_btn.Edge img {
    left: -61px;
}
.mao_btn_installext {
    border-radius: 0 40.5px 40.5px 0;
    text-align: left;
    left: 20px;
    padding: 0 50px;
}


.mao_btn.active {
    display: inline-block;
}
.mao_btn_installext:hover, .mao_btn_signup:hover {
    background-color: #efd008;
    text-decoration: none;
}

.mao_btn_installext:hover, .mao_btn_signup:hover, .mao_btn_signup_text:hover {
    color: #000;
    text-decoration: none;
}

.mao_btn_installext .browser {
    position: absolute;
    left: -88px;
    top: -20px;
    width: 150px;
}

.mao_btn_installext .mao_btn_top {
    margin: 0;
    margin-top: 8px;
}
.mao_btn_installext .mao_btn_desc {
    margin: 0;
    font: italic 14px 'Proxima Nova', sans-serif !important;
    font-weight: 300;
    letter-spacing: 0.2px;
    color: #000;
}

@media screen and (max-width: 1200px) {
    .mao_btn_installext {
        line-height: 56px;
        font-size: 16px;
        height: 56px;
        left: 25px;
        padding-left: 40px;
    }
    .mao_btn_signup {
        line-height: 56px;
        height: 56px;
        font-size: 16px;
    }
    .mao_btn_installext .mao_btn_top {
        margin-top: 5px;
    }
    .holder-text .mao_btn .browser {
        left: -78px;
        top: -18px;
        width: 130px;
    }
    .mao_btn_top {
        font-size: 16px;
    }
    .mao_btn_desc {
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    .mao_btn_installext {
        line-height: 50px;
        height: 50px;
        left: 20px;
    }
    .mao_btn_signup {
        line-height: 50px;
        height: 50px;
    }
    .holder-text .mao_btn_installext .browser {
        left: -70px;
        top: -17px;
        width: 118px;
    }
    .mao_btn_installext .mao_btn_top {
        margin-top: 2px;
    }
}

.holder-text-btn-note {
    color: #9b9b9b;
    font: 14px/16px 'Proxima Nova', sans-serif;
}
.list-rated {
    padding: 18px 12px 0 0;
    margin-bottom: 5px;
}
.list-rated li {
    width: 15px;
    margin: 0 4px 0;
}
.feedback-rated-note {
    font: 10px/12px 'Proxima Nova', sans-serif;
    color: #000;
}
.how-work {
    background: #f9f9f9;
    text-align: center;
    padding: 21px 0;
    margin: 0 0 32px;
}
.how-work h2 {
    font: 300 48px/50px 'Proxima Nova', sans-serif;
    color: #000;
    text-transform: none;
    margin: 0 0 21px;
}
.how-work p {
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #000;
    margin: 0 0 55px;
}
.how-work-list {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
    max-width: 848px;
    width: 100%;
    letter-spacing: 0;
}
.how-work-list li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 7px;
    width: 25%;
    padding: 0 10px;
    font: 14px/18px 'Proxima Nova', sans-serif;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.how-work-list li:after {
    content: '';
    position: absolute;
    right: 2px;
    top: 15px;
    background: url(https://cdn.megabonus.com/images/bg-53.png) no-repeat;
    background-size: cover;
    width: 19px;
    height: 8px;
}
.how-work-list li:last-child:after {
    display: none;
}
.how-work-list .holder-img {
    max-width: 35px;
    margin: 0 auto 22px;
}
.how-work-list img {
    max-width: 100%;
    display: block;
}
.how-work-list span {
    display: inline-block;
}
.hypermarket {
    padding: 8px 0;
}
.hypermarket:after {
    content: '';
    clear: both;
    display: block;
}
.hypermarket h1 {
    float: left;
    font: 300 36px/38px 'Proxima Nova', sans-serif;
    color: #000;
    text-transform: none;
    margin: 0 18px 19px 0;
}
.stock {
    overflow: hidden;
    display: block;
    font: 16px/20px 'Proxima Nova', sans-serif;
    color: #9b9b9b;
    padding: 6px 0;
    margin: 0 0 10px;
}
.stock span {
    display: inline-block;
    background: #89bf1d;
    color: #fff;
    padding: 3px 7px;
    font-size: 20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.holder-shop {
    position: relative;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.holder-shop .pr-like {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    opacity: 1;
    left: 12px;
    top: 9px;
}
.holder-shop {
    display: table;
    width: 100%;
    margin: 0 0 45px;
}
.tabset .tab-body {
    margin-bottom: 56px;
}
.сache-store {
    display: table-cell;
    vertical-align: top;
    width: 292px;
    position: relative;
    text-align: center;
    padding: 40px 25px 36px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.сache-store .holder-img {
    width: 168px;
    margin: 0 auto 38px;
}
.сache-store img {
    max-width: 100%;
    display: block;
}
.сache-store .your-percentage {
    margin: 0 0 49px;
}
.сache-store p {
    font: 16px/28px 'Proxima Nova', sans-serif;
    margin: 0 21px 60px;
}
.сache-store .btn-get {
    display: block;
    padding: 23px 10px;
    background: #89bf1d;
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.сache-store .btn-get:hover,
.сache-store .btn-get:focus {
    background: #6e9917;
    color: #fff;
    text-decoration: none;
}
.сache-store .not-active {
    width: 227px;
    background: #ffe3e3;
    display: block;
    font: 12px/14px 'Proxima Nova', sans-serif;
    margin: 115px auto 20px;
    padding: 25px 40px;
}
.old-peace {
    position: relative;
    display: table-cell;
    vertical-align: top;
    height: 100%;
    background-size: cover !important;
}
.old-peace .holder-text {
    position: absolute;
    right: 7%;
    bottom: 10%;
}
.old-peace p {
    font: 300 24px/26px 'Proxima Nova', sans-serif;
    margin: 0 0 32px;
}
.cacheback-categories {
    padding: 20px 0;
}
.cacheback-categories h2 {
    font: 300 36px/38px 'Proxima Nova', sans-serif;
    color: #000;
    text-transform: none;
    margin: 0 0 24px 0;
}
.list-cacheback-categories {
    margin: 0 0 35px;
    padding: 0;
    list-style: none;
    border: 1px solid #e6e6e6;
}
.list-cacheback-categories li {
    display: table;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    padding: 19px 7px 19px 21px;
}
.list-cacheback-categories li:last-child {
    border: none;
}
.list-cacheback-categories span {
    display: table-cell;
    vertical-align: middle;
    font: 16px/20px 'Proxima Nova', sans-serif;
    width: 70%;
}
.list-cacheback-categories strong {
    display: table-cell;
    vertical-align: middle;
    width: 58px;
    font: 24px/26px 'din_alternatebold', sans-serif;
    text-align: right;
}
.tab {
    display: none;
}
.tab.active {
    display: block;
}
.tab-control {
    padding: 0;
    margin: 0 0 56px;
    list-style: none;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
}
.tab-control li {
    display: inline-block;
    vertical-align: top;
    /*width: 25%;*/
    width: 50%;
    text-align: center;
}
.tab-control a {
    display: block;
    color: #fff;
    padding: 28px 5px;
    background: #333;
    font: 16px/18px 'Proxima Nova', sans-serif;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.tab-control a:focus,
.tab-control a:hover,
.tab-control li.active a {
    background: #ffdf08;
    color: #000;
    text-decoration: none;
}
.tab-body h2 {
    font: 300 36px/38px 'Proxima Nova', sans-serif;
    color: #000;
    text-transform: none;
    margin: 0 0 24px 0;
}
.tab-body .holder-text {
    max-width: 800px;
}
.tab-body p {
    font: 16px/28px 'Proxima Nova', sans-serif;
    margin: 0 0 27px;
}
.manifestation {
    position: fixed;
    z-index: 1;
    right: 0;
    left: 0;
    top: -9999px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    padding: 11px 0;
    background: #fff;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}
.manifestation-log {
    width: 108px;
    display: block;
    margin: 5px 0 0;
}
.manifestation-log img {
    max-height: 39px;
    display: block;
}
.manifestation-holder {
    text-align: right;
}
.manifestation-holder span {
    display: inline-block;
    vertical-align: middle;
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.manifestation-holder strong {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 20px;
    font: 24px/26px 'din_alternatebold', sans-serif;
}
.manifestation-holder a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 40px;
    padding: 13px 20px;
    background: #89bf1d;
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.manifestation-holder a:hover,
.manifestation-holder a:focus {
    background: #6e9917;
    color: #fff;
    text-decoration: none;
}
.recommendations {
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.6px;
    background: #eff9fd;
    padding: 40px 0;
}
.recommendations .title .header i {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-top: -5px;
    background: url(https://cdn.megabonus.com/images/lamp.png) no-repeat 50% 50%;
    background-size: 100%;
    vertical-align: middle;
    margin-right: 20px;
}
.recommendations .title .link i {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-top: -5px;
    background: url(https://cdn.megabonus.com/images/arrow_shop.png) no-repeat 50% 50%;
    background-size: 100%;
    vertical-align: middle;
    margin-left: 10px;
    transform: rotate(180deg);
}
.rotate {
    margin-top: 5px !important;
    transform: none !important;
}
.recommendations .title .link {
    color: #2d9cdb;
    cursor: pointer;
    float: right;
}
.recommendations .title .link a:focus {
    text-decoration: none;
    color: #2d9cdb;
}
.recommendations .description {
    display: none;
    margin-top: 80px;
}
.recommendations .description.open {
    display: block;
}
.recommendations .description li {
    margin-bottom: 30px;
}
.recommendations .description ul {
    padding-left: 20px;
}
/* smilar shops */
.similar-shops {
    margin-top: 50px;
}
.similar-shops h2 {
    font: 300 36px/38px 'Proxima Nova', sans-serif;
    color: #000;
    text-transform: none;
    margin: 30px 0 26px 0;
}
.similar-shops .shops {
    padding: 0 15px;
    margin-bottom: 40px;
}
.similar-shops .shops > a {
    border: 1px solid #e6e6e6;
    width: 21%;
    margin-right: 4%;
    min-width: 247px;
    padding: 40px 30px;
    display: inline-block;
    color: #000;
    border-radius: 4px;
}
.similar-shops .shops > a:hover {
    text-decoration: none;
    cursor: pointer;
    border: 0;
    border: 1px solid #fff;
    box-shadow: 0 0 10px 0 rgba(14, 42, 58, 0.15);
}
.similar-shops .shops > a:focus {
    text-decoration: none;
}
.similar-shops .shops > a:nth-child(4n) {
    margin-right: 0;
}
.similar-shops .shops:after {
    content: '';
    width: 100%;
    height: 0;
    display: inline-block;
}
.similar-shops .shops .shop-logo img {
    width: 100%;
    margin-bottom: 10px;
}
.similar-shops .your-percentage {
    text-align: center;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .similar-shops .shops > a {
        margin-right: 4% !important;
        margin-bottom: 30px;
    }
    .similar-shops .shops > a:nth-child(3n) {
        margin-right: 0;
    }
}
@media screen and (max-width: 991px) {
    .similar-shops .shops > a {
        margin-right: 4% !important;
        margin-bottom: 30px;
    }
    .similar-shops .shops > a:nth-child(2n) {
        margin-right: 0;
    }
}
@media screen and (max-width: 588px) {
    .similar-shops .shops {
        text-align: center;
    }
}
/*======= page 4040 ========*/
.page-error #header {
    border-bottom: 1px solid #e6e6e6;
}
.holder-error {
    text-align: center;
    padding: 17px 0;
}
.holder-error h2 {
    font: 300 48px/58px 'Proxima Nova', sans-serif;
    color: #000;
    text-transform: none;
    margin: 0 0 84px;
}
.img-error {
    max-width: 739px;
    margin: 0 auto 73px;
}
.img-error img {
    display: block;
    max-width: 100%;
}
.btn-error {
    display: inline-block;
    margin: 0 0 34px;
    max-width: 358px;
    width: 100%;
    padding: 23px 10px;
    background: #89bf1d;
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.btn-error:focus,
.btn-error:hover {
    background: #6e9917;
    color: #fff;
    text-decoration: none;
}
.holder-error p {
    font: 16px/18px 'Proxima Nova', sans-serif;
    margin: 0 0 146px;
}
.holder-error .title-share {
    font: 16px/22px 'Proxima Nova', sans-serif;
    display: block;
    margin: 0 0 41px;
    text-align: center;
}
.holder-error .title-share i {
    color: #d02216;
    font-size: 21px;
    line-height: 22px;
    vertical-align: bottom;
}
.holder-error .share-list {
    margin: 0 0 39px;
    list-style: none;
    text-align: center;
    font-size: 0;
    line-height: 0;
}
.holder-error .share-list li {
    display: inline-block;
    vertical-align: top;
    margin: 0 9px 5px;
}
/*===========  terms-use =============*/
.content-text {
    padding-top: 64px;
    margin: 0;
}
.content-text .holder-img {
    max-width: 810px;
    margin: 0 0 28px;
}
.content-text img {
    max-width: 100%;
}
.content-text h3 {
    font: 300 36px/44px 'Proxima Nova', sans-serif;
    text-transform: none;
    margin: 0 0 34px;
}
.content-text h5 {
    font: bold 20px/28px 'Proxima Nova', sans-serif;
    margin: 0 0 28px;
}
.content-text p {
    font: 16px/28px 'Proxima Nova', sans-serif;
    margin: 0 0 28px;
}
.economical-expansion {
    border: 1px solid #e6e6e6;
    text-align: center;
    padding: 21px 12px;
    margin: 0 0 35px;
}
.economical-expansion p {
    font: bold 16px/19px 'Proxima Nova', sans-serif;
    margin: 0 17px 47px;
}
.economical-expansion span:not(.social-likes span) {
    display: block;
    margin: 0 0 13px;
    font: bold 16px/19px 'Proxima Nova', sans-serif;
}
.economical-expansion strong {
    display: block;
    margin: 0 0 41px;
    font: bold 60px/62px 'Proxima Nova', sans-serif;
}
.economical-expansion .btn {
    display: block;
    margin: 0 auto;
    max-width: 358px;
    width: 100%;
    padding: 23px 10px;
    background: #89bf1d;
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.economical-expansion .btn:focus,
.economical-expansion .btn:hover {
    background: #6e9917;
    color: #fff;
    text-decoration: none;
}
.btn-available {
    display: block;
    width: 103px;
    margin: 0 auto 35px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.btn-available:hover {
    opacity: 0.8;
}
.btn-available img {
    max-width: 100%;
    display: block;
}
/*========= requisites-changed =========*/
.requisites-changed {
    text-align: center;
}
.requisites-changed h3 {
    margin: 0 0 69px;
    font: 300 36px/44px 'Proxima Nova', sans-serif;
}
.requisites-changed .holder-img {
    max-width: 148px;
    margin: 0 auto 91px;
}
.requisites-changed .holder-img img {
    display: block;
    max-width: 100%;
}
.btn-office {
    display: inline-block;
    padding: 10px 24px;
    margin: 0 0 30px;
    background: #ffdf08;
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.btn-office:hover {
    background: #ffee7b;
    text-decoration: none;
    color: #000;
}
.password-recovery {
    padding: 5px 0;
}
.password-recovery h3 {
    font: 300 36px/44px 'Proxima Nova', sans-serif;
    margin: 36px 0 16px;
}
.password-recovery p {
    font: 16px/18px 'Proxima Nova', sans-serif;
    margin: 0 0 28px;
}
.form-password-recovery fieldset:after {
    content: '';
    display: block;
    clear: both;
}
.form-password-recovery .holder-input {
    float: left;
    width: 389px;
    margin: 0 20px 10px 0;
}
.form-password-recovery .holder-input input {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    margin: 0 0 17px;
    font: 16px/40px 'Proxima Nova', sans-serif;
    border: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.form-password-recovery .holder-input input:focus {
    border-color: #ffdf08;
}
.form-password-recovery .holder-input input.error {
    border-color: #f03;
}
.form-password-recovery .holder-input span {
    opacity: 0;
    display: block;
    margin: 0 0 10px;
    color: #f03;
    font: 12px/14px 'Proxima Nova', sans-serif;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.form-password-recovery .holder-input.error span {
    opacity: 1;
}
.form-password-recovery button {
    overflow: hidden;
    width: auto;
    height: auto;
    padding: 3px 52px;
    margin: 0 0 10px;
    color: #000;
    background: #ffdf08;
    border: none;
    letter-spacing: -0.02em;
    font-size: 16px;
    line-height: 33px;
    border-radius: 4px !important;
    -webkit-appearance: button;
    cursor: pointer;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.form-password-recovery button:hover {
    background: #ffee7b;
    opacity: 1;
}
/*======== my-requisites ==========*/
.my-requisites {
    padding: 5px 0 0;
    margin: 0 0 17px;
}
.my-requisites h2 {
    text-transform: none;
    margin: 20px 0 30px;
    font: 36px/44px 'Proxima Nova', sans-serif;
    letter-spacing: 0.6px;
    font-weight: 300;
}
.my-requisites p {
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.my-requisites p a {
    color: #3498db;
}
.item-nav {
    margin: 0 0 28px;
    padding: 51px 0 0;
}
.item-nav a {
    display: block;
    color: #3498db;
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.item-nav a:hover {
    color: #3498db;
}
.item-nav .item2 {
    text-align: center;
}
.item-nav .item3 {
    text-align: right;
}
.item-nav a.disabled:hover,
.item-nav a.disabled {
    color: #9b9b9b;
    cursor: default;
    text-decoration: none;
}
.methods-output {
    margin: 0 0 22px;
}
.methods-output h4 {
    margin: 0 0 75px;
    text-align: left;
    font: 300 24px/26px 'Proxima Nova', sans-serif;
}
.methods-output .pay-list {
    margin: 0 -20px;
    padding: 0 0px;
}
.methods-output .pay-list li {
    width: 25%;
    padding: 0 20px;
}
.methods-output .pay-list .visual {
    margin: 30px auto 50px;
}
.methods-output .pay-list .visual img {
    display: inline-block;
    vertical-align: middle;
}
.methods-output .pay-list strong {
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.methods-output .pay-list .title {
    margin: 0 0 35px;
}
.methods-output .pay-list .form-control {
    width: 180px;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
.methods-output .pay-list .form-control.error .error-msg {
    top: 50px;
    left: 0;
    right: 0;
}
.methods-output .pay-list li .list-operator {
    position: absolute;
    top: -9999px;
    left: -1px;
    right: -1px;
    margin: 0;
    padding: 2px 0;
    list-style: none;
    border: 1px solid #e6e6e6;
}
.methods-output .pay-list .form-control.focus .list-operator {
    top: 100%;
    margin: 1px 0 0;
}
.methods-output .pay-list li .list-operator li {
    display: table;
    width: 100%;
    padding: 10px 8px;
    margin: 0;
    text-align: left;
    line-height: 0;
    font-size: 0;
}
.methods-output .pay-list li .list-operator li:hover {
    background-color: #f1f1f1;
    cursor: pointer;
}
.methods-output .pay-list li .list-operator .holder-img {
    width: 20px;
    height: 20px;
    display: table-cell;
    vertical-align: middle;
}
.list-operator img {
    max-width: 100%;
}
.methods-output .pay-list li .list-operator .holder-cel {

}
.methods-output .pay-list li .list-operator span {
    margin: 0;
    padding: 0 0 0 6px;
    display: table-cell;
    vertical-align: middle;
    font: 14px/16px 'Proxima Nova', sans-serif;
    color: #000;
    text-transform: none;
}
.methods-output .pay-list .error-msg {
    font: 12px/18px 'Proxima Nova', sans-serif;
    color: #f03;
}
.methods-output .pay-list .form-control.focus {
    box-shadow: none;
    border-color: #ffdf08;
}
.methods-output .btn-holder {
    margin: 0 0 3px;
}
.methods-output .btn-holder .purple-btn {
    overflow: hidden;
    width: auto;
    height: auto;
    padding: 11px 47px;
    margin: 0 0 10px;
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #000 !important;
    background: #ffdf08;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.methods-output .btn-holder .purple-btn:hover {
    background: #ffee7b;
}
.reliably-protected {
    display: block;
    text-align: center;
    font: 12px/14px 'Proxima Nova', sans-serif;
    color: #9b9b9b;
}
.reliably-protected i {
    width: 11px;
    height: 12px;
    background: url(https://cdn.megabonus.com/images/lock_icon.png) no-repeat 50% 50%;
    display: inline-block;
    background-size: 11px auto;
    vertical-align: middle;
    margin-left: 6px;
}
.merchant {
    max-width: 817px;
}
.merchant p {
    margin-top: 16px;
    text-align: center;
    opacity: 0.3;
    font-size: 12px;
    line-height: 1.17;
    letter-spacing: 0.3px;
    margin-bottom: 32px;
}
/*======= request-payment =========*/
.request-payment {
    border: 1px solid #e6e6e6;
    max-width: 817px;
}
.holder-request-payment {
    padding: 43px 34px;
    margin: 0 0 22px;
    border-bottom: 1px solid #e6e6e6;
}
.request-payment h4 {
    margin: 0 0 24px;
    text-align: left;
    font: 300 24px/26px 'Proxima Nova', sans-serif;
}
.list-request-payment {
    letter-spacing: 0;
    font-size: 0;
    line-height: 0;
    margin: 0 -50px -77px;
    padding: 0 25px;
    list-style: none;
}
.list-request-payment li {
    display: inline-block;
    vertical-align: top;
    width: 33.3%;
    padding: 0 25px;
    margin: 0 0 58px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.list-request-payment li.disabled .holder-img:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #e6e6e6;
    opacity: 0.5;
    cursor: default;
}
.list-request-payment li.disabled,
.list-request-payment li.disabled .holder-img,
.list-request-payment li.disabled span:hover,
.list-request-payment li.disabled label:hover span {
    cursor: default;
    text-decoration: none !important;
    border: 0;
}
.list-request-payment li.disabled .holder-img a {
    position: absolute;
    z-index: 9;
    right: 14px;
    bottom: 9px;
    display: inline-block;
    height: 25px;
    width: 25px;
    line-height: 25px;
    font-size: 16px;
    color: #000;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.list-request-payment li.disabled .holder-img a:hover {
    text-decoration: none;
}
.list-request-payment li.disabled .holder-img a:focus {
    text-decoration: none;
}
.list-request-payment div[data-paytype="charity"] .image-block {
    margin: 25px 0 10px;
}
.list-request-payment .top_tooltip_block {
    position: absolute;
    height: 15px;
    right: 0;
    margin: 10px;
    z-index: 3;
}
.list-request-payment .top_tooltip_block .icon-question {
    cursor: pointer;
}
.list-request-payment li.disabled .holder-img a,
.list-request-payment li.disabled .holder-img .tooltip.bottom,
.list-request-payment div[data-paytype="charity"] .tooltip.bottom {
    width: 230px !important;
    color: #fff !important;
    margin: 9px 0 0 -5px;
}
.list-request-payment li.disabled .holder-img .tooltip-inner,
.list-request-payment div[data-paytype="charity"] .tooltip-inner {
    background: #000 !important;
    color: #fff !important;
    padding: 9px 34px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    font: 12px/18px 'Proxima Nova', sans-serif !important;
}
.list-request-payment li.disabled .holder-img .tooltip.bottom:after,
.list-request-payment div[data-paytype="charity"] .tooltip.bottom:after {
    content: '';
    position: absolute;
    left: 50%;
    top: -7px;
    border: 7px solid transparent;
    border-bottom: 7px solid #000;
}
.list-request-payment a {
    height: 100%;
    display: block;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.list-request-payment label {
    display: block;
    width: 100%;
    margin: 0;
}
.list-request-payment .iradio {
    opacity: 0;
    left: -9999px;
    position: absolute;
}
.list-request-payment .holder-img {
    position: relative;
    border: 1px solid #e6e6e6;
    max-width: 224px;
    width: 100%;
    height: 195px;
    line-height: 195px;
    margin: 0 auto 20px;
    text-align: center;
}
.list-request-payment .iradio.checked + div {
    border-color: #ffdf08;
}
.list-request-payment img {
    display: inline-block;
    vertical-align: middle;
}
.list-request-payment span {
    display: block;
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #3498db;
}
.list-request-payment label:hover .holder-img,
.list-request-payment a:hover .holder-img {
    border-color: #ffdf08;
    cursor: pointer;
}
.list-request-payment label:hover span {
    text-decoration: underline;
    cursor: pointer;
}

.list-request-payment a:hover span {
    color: #3498db;
}
.withdrawal-funds {
    padding: 22px 34px;
    margin: 0 0 11px;
}
.withdrawal-funds h4 {
    margin: 0 0 16px;
}
.withdrawal-funds .holder-table {
    display: table;
    width: 100%;
}
.withdrawal-funds .holder-input {
    display: table-cell;
    vertical-align: top;
    padding: 0 31px 0 0;
}
.withdrawal-funds .block-input {
    position: relative;
    margin: 0 0 10px;
}
.withdrawal-funds .block-input span {
    display: block;
    position: absolute;
    right: 7px;
    top: 0;
    height: 40px;
    font: 16px/40px 'Proxima Nova', sans-serif;
    color: #9b9b9b;
}
.withdrawal-funds .holder-input input {
    display: block;
    width: 100%;
    height: 40px;
    font: 16px/40px 'Proxima Nova', sans-serif;
    color: #000;
    padding: 0 45px 0 10px;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.withdrawal-funds .holder-input input:focus {
    border-color: #ffdf08;
}
.withdrawal-funds .holder-input.error input {
    border-color: #f03;
}
.withdrawal-funds .holder-input .text-error {
    opacity: 0;
    display: block;
    margin: 0 0 20px;
    color: #f03;
    font: 12px/14px 'Proxima Nova', sans-serif;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.withdrawal-funds .holder-input.error .text-error {
    opacity: 1;
}
.withdrawal-funds .holder-btn {
    display: table-cell;
    vertical-align: top;
    width: 178px;
}
.withdrawal-funds .holder-btn input {
    background: #89bf1d;
    padding: 11px 0;
    height: auto;
    color: #fff;
    font: 16px/18px 'Proxima Nova', sans-serif;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.withdrawal-funds .holder-btn input:hover {
    background: #6e9917;
    opacity: 1 !important;
}
.сommission {
    border: 1px solid #eaeaea;
    text-align: center;
    padding: 18px 15px 47px;
    border-radius: 6px;
}
.сommission span {
    display: block;
}
.сommission .bold {
    margin: 0 0 26px;
    font: bold 16px/19px 'Proxima Nova', sans-serif;
}
.сommission strong {
    display: block;
    margin: -11px 0 28px;
    font: bold 60px/60px 'Proxima Nova', sans-serif;
}
.сommission p {
    margin: 0 0 15px;
    font: 16px/28px 'Proxima Nova', sans-serif;
}
.сommission a {
    font: 16px/28px 'Proxima Nova', sans-serif;
}
.сommission .there-restrictions {
    margin: 0 0 30px;
    font: 16px/28px 'Proxima Nova', sans-serif;
}
.сommission .reduced {
    margin: 0 0 4px;
    font: 12px/14px 'Proxima Nova', sans-serif;
}
.сommission .btn-link {
    color: #3498db;
    display: inline-block;
    margin: 24px 0 10px;
    font: 16px/18px 'Proxima Nova', sans-serif;
}

.light-overlay {
    margin-top: 0;
    z-index: 9998;
    position: relative;
    filter: blur(10px);
    -webkit-filter: blur(10px);
}
.light-overlay::before {
    content: '';
    display: block;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: #fff;
    opacity: 0.8;
    z-index: 9998;
}
.overlay {
    filter: blur(15px);
    -webkit-filter: blur(15px);
}
.dark-overlay {
    margin-top: 0;
    z-index: 9998;
    position: relative;
    filter: blur(10px);
    -webkit-filter: blur(10px);
}
.dark-overlay::before {
    content: '';
    display: block;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9998;
}

#modal-cardpay {
    display: none;
    background: #fff;
    width: 555px;
    height: 870px;
    position: fixed;
    top: 50%;
    left: 50%;
    opacity: 1;
    margin-left: -278px;
    margin-top: -435px;
    padding: 45px 65px;
    z-index: 99999;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.11);
}
#modal-cardpay .cardpay-cancel {
    position: absolute;
    top: 15px;
    right: 15px;
    opacity: 0.2;
    cursor: pointer;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
#modal-cardpay .cardpay-cancel:hover {
    opacity: 0.5;
}
#modal-cardpay .cardpay-logo {
    height: 40px;
    width: 90px;
    margin-bottom: 30px;
}
#modal-cardpay .cardpay-logo img {
    width: 100%;
}
#modal-cardpay .cardpay-title {
    font: 38px 'Proxima Nova', sans-serif;
    font-weight: bold;
    line-height: 1.05;
    letter-spacing: 0.7px;
    color: #000;
}
#modal-cardpay .cardpay-description p:first-of-type {
    border-bottom: 2px dashed #e1e1e1;
    padding-bottom: 20px;
    margin: 20px 0;
}
#modal-cardpay .cardpay-description p {
    font: 16px 'Proxima Nova', sans-serif;
    margin: 15px 0;
    line-height: 1.5;
}
#modal-cardpay .cardpay-description .attention {
    margin-bottom: 5px;
}
#modal-cardpay .cardpay-description .attention + p {
    margin-top: 5px;
}
#modal-cardpay .cardpay-description .attention, #modal-cardpay .cardpay-description p span {
    font-weight: bold;
}
#modal-cardpay label {
    font: 16px 'Proxima Nova', sans-serif;
    color: #000;
    letter-spacing: 0.3px;
    margin: 25px 0 10px;
}
#modal-cardpay label:first-of-type {
    margin-top: 10px;
}
#modal-cardpay #cardpay-phone, #modal-cardpay #cardpay-email {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-color: #ddd;
}
#modal-cardpay #cardpay-agree {
    display: none;
}
#modal-cardpay #cardpay-agree + label {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    cursor: pointer;
    position: relative;
    float: left;
    border: 1px solid #ddd;
    border-radius: 10%;
    z-index: 60;
    top: 10px;
}
#modal-cardpay #cardpay-agree:checked + label::after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    background: url(https://cdn.megabonus.com/images/checked.svg) center center no-repeat;
    -webkit-background-size: 80%;
    background-size: 80%;
    transform: scale(1.3);
    transition: 0.2s;
    position: relative;
}
#modal-cardpay #cardpay-agree:checked + label {
    background: #ffdf08;
    border-color: #ffdf08;
}
#modal-cardpay #cardpay-agree + label + p {
    font: 16px 'Proxima Nova', sans-serif;
    letter-spacing: 0.3px;
    color: #000;
    position: relative;
    top: 35px;
    z-index: 10;
    margin-bottom: 60px;
    cursor: pointer;
}
#modal-cardpay #cardpay-agree + label + p > span {
    color: #3497db;
}
#modal-cardpay .cardpay-submit {
    width: 100%;
    height: 46px;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    background: #ffdf08;
    color: #000;
    font: 18px 'Proxima Nova', sans-serif;
    letter-spacing: 0.3px;
    margin-bottom: 20px;
}
#modal-cardpay .cardpay-cancel-btn {
    text-align: center;
    color: #000;
    font: 18px 'Proxima Nova', sans-serif;
    display: block;
    background: transparent;
    margin: auto;
    border: 0;
}
#modal-cardpay #cardpay-email.error, #modal-cardpay #cardpay-phone.error {
    border-color: #f03;
}
#modal-cardpay #cardpay-phone.error + p, #modal-cardpay #cardpay-email.error + p {
    position: absolute;
    margin-top: 3px;
    color: #f03;
}
#modal-cardpay .error_cardpay_card {
    color: #f03;
    position: absolute;
    bottom: 127px;
    font-size: 11px;
}
.notify-cardpay {
    z-index: 99999;
}
.cardpay-status {
    text-align: center;
    position: absolute;
    bottom: -70px;
    font: 14px 'Proxima Nova', sans-serif;
    width: 100%;
}
#cardpay-loader {
    position: fixed;
    z-index: 99999;
    top: 50%;
    left: 50%;
    margin-top: -25px;
}
.pay-list-item-div .release_the_card {
    position: absolute;
    left: 0;
    top: 0;
}
.pay-list-item-div .card_status {
    margin-top: 15px;
}
div[data-type="cardpay"] {
    display: none;
}
@media screen and (max-width: 638px) {
    #modal-cardpay {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin-left: 0;
        margin-top: 0;
        overflow-y: auto !important;
    }
}
/*========= question-the-registered =========*/
.question-registered .loader {
    display: block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 10000;
}
.question-registered .loader img {
    top: 20%;
}
.question-registered .nnk-info-block {
    background: url(https://cdn.megabonus.com/images/round-information.svg) no-repeat 25px 25px;
    padding: 20px 15px 20px 70px;
    border: 1px dashed #d1d1d1;
    border-radius: 4px;
    margin: 15px 0 25px !important;
}
.question-registered .nnk-info-block p {
    margin: 0 !important;
}
.question-registered .holder-table {
    display: table;
    width: 100%;
    margin: 0 0 8px;
}
.question-registered .table-label span {
    padding: 5px 0;
    display: inline-block;
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.question-registered .holder-input:after {
    content: '';
    display: block;
    clear: both;
}
.question-registered .holder-input {
    padding: 0 32px 0 0;
    margin: 0 0 8px;
    position: relative;
}
.question-registered .table-input input[type='text'] {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    height: 40px;
    padding: 0 10px;
    font: 16px/40px 'Proxima Nova', sans-serif;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}
.question-registered .table-input input[type='text']:focus {
    border-color: #ffdf08;
}
.question-registered .table-input.error input[type='text'],
.question-registered .holder-table.error input[type='text'] {
    border-color: #f03;
}
.question-registered .table-input .icon-question {
    position: absolute;
    right: 0;
    top: 11px;
    width: 15px;
    height: 15px;
}
.question-registered .table-input .icon-question img {
    display: block;
    max-width: 100%;
}
.question-registered .tooltip.bottom {
    width: 180px !important;
    color: #fff !important;
    margin: 0 0 0 -6px;
}
.question-registered .tooltip-inner {
    background: #000 !important;
    color: #fff !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    font: 12px/18px 'Proxima Nova', sans-serif !important;
}
.question-registered .tooltip.bottom:after {
    content: '';
    position: absolute;
    left: 50%;
    top: -7px;
    border: 7px solid transparent;
    border-bottom: 7px solid #000;
}
.question-registered .text-error {
    opacity: 0;
    display: block;
    font: 12px/14px 'Proxima Nova', sans-serif;
    color: #f03;
}
.question-registered .table-input.error .text-error {
    opacity: 1;
}
.question-registered .fs-dropdown-selected {
    border: 1px #e2e2e2 solid;
    border-radius: 0 !important;
    padding: 0 32px 0 10px;
    height: 40px;
    font: 16px/40px 'Proxima Nova', sans-serif;
}
.question-registered .fs-dropdown-selected[disabled="disabled"] {
    background: #efefef;
    color: #999;
}
.question-registered .fs-dropdown-selected:after {
    right: 32px;
}
.question-registered .fs-dropdown-selected:before {
    top: 18px;
    right: 10px;
    background: url(https://cdn.megabonus.com/images/bg-99.png) no-repeat;
    width: 13px;
    height: 7px;
}
.question-registered .disabled-input:before {
    background-image: none !important;
}
.question-registered .fs-dropdown.fs-dropdown-focus .fs-dropdown-selected {
    border-color: #ffdf08;
}
.question-registered .fs-dropdown-open .fs-dropdown-options {
    right: 0;
    padding: 10px 0;
}
.question-registered .fs-dropdown-item {
    padding: 2px 30px 2px 10px;
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.question-registered .fs-dropdown-item_selected,
.question-registered .fs-dropdown-item:hover {
    background: #c7c7c7;
}
.question-registered .table-input textarea {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    height: 192px;
    margin: 0 0 6px;
}

.question-registered .table-input.error .error-msg {
    top: 0;
    position: relative;
    opacity: 1;
    left: 0;
}
.question-registered .table-input.error input {
    border-color: #f03;
}

.question-registered .table-input.error textarea,
.question-registered .holder-table.error textarea {
    border-color: #f03;
}
.question-registered .holder-submit,
.question-registered .submit-holder {
    float: right;
    text-align: right;
    margin: 0 0 40px;
}
.question-registered input[type='submit'] {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 10px 52px;
    height: auto;
    background: #ffdf08;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #000;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.question-registered input[type='submit']:hover {
    background: #ffee7b;
}
.question-registered #requestForm,
.question-registered .bottom-form-body {
    padding: 50px 0 0;
    border-top: 1px dashed #d1d1d1;
    text-align: left;
}
.question-registered #requestForm h2,
.question-registered .bottom-form-body h2 {
    text-transform: none;
    font: 300 36px/44px 'Proxima Nova', sans-serif;
    padding: 40px 0 25px;
}
.question-registered #requestForm .no_cashback_info_text {
    font-size: 16px;
}
.question-registered #requestForm p,
.question-registered .bottom-form-body p {
    font: 16px/18px 'Proxima Nova', sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.63;
    letter-spacing: 0.3px;
    color: #000;
}
.question-registered .bottom-form-body a {
    font: 16px/18px 'Proxima Nova', sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.63;
    letter-spacing: 0.3px;
}
.question-registered #requestForm .request-table {
    padding: 0 30px 20px;
    margin: 40px 0 0;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(14, 42, 58, 0.15);
    -webkit-font-smothing: anitialized;
}
.question-registered #requestForm .request-table .row {
    padding: 40px 30px;
}
.question-registered #requestForm .table-logo {
    position: absolute;
    left: 0;
    width: 206px;
    height: auto;
}
.question-registered #requestForm .about-order {
    padding: 0 10px 0 20px;
}
.question-registered #requestForm .about-order .top-text {
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}
.question-registered #requestForm .about-order .market {
    padding-right: 20px;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #4d4d4d;
}
.question-registered #requestForm .about-order .bottom-text {
    margin-top: 30px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: 0.2px;
    text-align: left;
    color: #000;
}
.question-registered #requestForm .about-order .date {
    padding-right: 48px;
    color: #000;
    opacity: 0.3;
}
.question-registered #requestForm .orders-table {
    width: 100%;
}
.question-registered #requestForm tbody tr:first-child {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #4d4d4d;
    border-bottom: none;
}
.question-registered #requestForm tbody tr {
    border-bottom: 1px solid rgba(151, 151, 151, 0.18);
    text-align: left;
}
.question-registered #requestForm tbody tr:last-child {
    border-bottom: none;
}
.question-registered #requestForm tbody th {
    padding: 0;
    font-weight: 500;
}
.question-registered #requestForm tbody td {
    padding: 15px 0;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0.2px;
    color: #000;
}
.question-registered #requestForm tbody td {
    padding-right: 6px;
}
.question-registered #requestForm tbody td:last-child {
    font-weight: bold;
}
@media (max-width: 700px) {
    .question-registered #requestForm .table-logo {
        position: inherit;
    }
    .question-registered #requestForm tbody tr {
        display: block;
    }
    .question-registered #requestForm tbody th {
        display: none;
    }
    .question-registered #requestForm tbody td {
        display: block;
        width: 100% !important;
        padding: 20px 0 !important;
        text-align: left !important;
    }
}
#js-cashBackTicket {
    font: 16px/18px 'Proxima Nova', sans-serif;
}
#js-cashBackTicket .form-group {
    width: 262px;
}
#js-cashBackTicket .form-row label {
    display: inline-block;
    width: 185px;
    font-weight: normal;
    vertical-align: top;
    padding-top: 5px;
}
#js-cashBackTicket .form-row .holder {
    display: inline-block;
}
#js-cashBackTicket input {
    border-radius: 0 !important;
}
#js-cashBackTicket input[type="submit"] {
    margin-top: 40px;
    border: 0;
    border-radius: 4px !important;
}
#js-cashBackTicket input[disabled="disabled"],
#js-cashBackTicket input[disabled] {
    color: #999;
    background-color: #efefef;
    cursor: not-allowed;
}
#js-cashBackTicket input[readonly="readonly"],
#js-cashBackTicket select[readonly="readonly"] {
    background: #eee;
    color: #999;
    cursor: not-allowed;
}
#js-cashBackTicket .currency_input + .fs-dropdown-selected[disabled] {
    background: #eee;
    color: #999;
    cursor: not-allowed;
}
.often-issues h2 {
    text-transform: none;
    margin: 0 0 39px;
    font: 300 36px/44px 'Proxima Nova', sans-serif;
}
.accordion .item .expanded {
    display: none;
    padding: 38px 0 16px;
}
.accordion .item.active .expanded {
    display: block;
}
.often-issues {
    padding: 70px 0 0;
}
.accordion .heading {
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #3498db;
    display: inline-block;
}
.accordion .heading:hover {
    cursor: pointer;
    text-decoration: underline;
}
.accordion .item {
    margin: 0 0 12px;
}
.accordion p {
    font: 16px/32px 'Proxima Nova', sans-serif;
}
.Issue-support {
    border: 1px solid #e6e6e6;
    text-align: center;
    padding: 18px 30px 0;
}
.Issue-support strong {
    display: block;
    margin: 0 0 24px;
    font: bold 16px/18px 'Proxima Nova', sans-serif;
}
.Issue-support p {
    font: 16px/28px 'Proxima Nova', sans-serif;
    margin: 0 0 29px;
}
/* ========== question-on-ncc =========*/

#js-cashBackTicket {
    display: table;
    vertical-align: top;
    margin: 0 0 30px;
}
#js-cashBackTicket .pr-group {
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    margin: 0 0 32px;
}
#js-cashBackTicket .inner-input {
    display: inline-block;
    vertical-align: top;
    margin: 0 29px 10px 0;
}
#js-cashBackTicket .inner-input input {
    color: #000;
    width: 263px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #e6e6e6;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}
#js-cashBackTicket .inner-input input:focus {
    border-color: #ffdf08;
}
#js-cashBackTicket .inner-input input:-moz-placeholder {color: #000;}
#js-cashBackTicket .inner-input input::-moz-placeholder {color: #000;opacity: 1;}
#js-cashBackTicket .inner-input input::-webkit-input-placeholder {color: #000;}
#js-cashBackTicket .inner-input input:-ms-input-placeholder {color: #000;}
#js-cashBackTicket .inner-input input::placeholder {color: #000;}
#js-cashBackTicket .datepicker-holder {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
    margin: 0 0 10px;
}
#js-cashBackTicket .datepicker-holder input[type="text"] {
    width: 100%;
    height: 40px;
    font: 16px/40px 'Proxima Nova', sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px #e2e2e2 solid;
    background: #fff;
    padding: 0 20px 0 10PX;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}
#js-cashBackTicket .datepicker-holder input[type="text"]:focus {
    border-color: #ffdf08;
}
#js-cashBackTicket .datepicker-holder.focus {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
#js-cashBackTicket input:-moz-placeholder {color: #000;}
#js-cashBackTicket input::-moz-placeholder {color: #000;opacity: 1;}
#js-cashBackTicket input::-webkit-input-placeholder {color: #000;}
#js-cashBackTicket input:-ms-input-placeholder {color: #000;}
#js-cashBackTicket input::placeholder {color: #000;}
#js-cashBackTicket .datepicker-holder img {
    position: absolute;
    width: 13px;
    height: 12px;
    top: 11px;
    right: 12px;
}
#js-cashBackTicket p {
    margin: 0 0 14px;
    font: 16px/32px 'Proxima Nova', sans-serif;
}
#js-cashBackTicket .box-dropdown {
    display: inline-block;
    vertical-align: top;
    width: 264px;
}
#js-cashBackTicket .holder-input {
    width: 588px;
    text-align: right;
}
#js-cashBackTicket .holder-input input {
    margin: 7px 0 11px;
    padding: 0 10px;
    height: 40px;
    text-align: left;
    font: 16px/40px 'Proxima Nova', sans-serif;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}
#js-cashBackTicket .holder-input input:focus {
    border-color: #ffdf08;
}
#js-cashBackTicket .holder-input input:focus::-webkit-input-placeholder {
    color: transparent;
}
#js-cashBackTicket .holder-input input:focus:-moz-placeholder {
    color: transparent;
}
.default-form input:focus:-ms-input-placeholder {
    color: transparent;
}
#js-cashBackTicket .holder-input input:focus::-moz-placeholder {
    color: transparent;
}
#js-cashBackTicket .holder-input a {
    display: inline-block;
    color: #3498db;
    font: 14px/16px 'Proxima Nova', sans-serif;
}
#js-cashBackTicket .list-radio {
    margin: 0;
    padding: 0;
    list-style: none;
}
#js-cashBackTicket .list-radio li {
    padding: 0;
    margin: 0;
}
#js-cashBackTicket .list-radio li:after {
    content: '';
    clear: both;
    display: block;
}
#js-cashBackTicket .iradio {
    float: left;
    padding: 0;
    margin: 3px 0 0;
    width: 12px;
    height: 12px;
    background: #fff;
    cursor: pointer;
    border: 1px solid #000;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
}
#js-cashBackTicket .iradio.checked:before {
    content: '';
    position: absolute;
    left: 3px;
    right: 3px;
    top: 3px;
    bottom: 3px;
    background: #000;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
}
#js-cashBackTicket .list-radio label {
    overflow: hidden;
    cursor: pointer;
    font: 16px/18px 'Proxima Nova', sans-serif;
    padding: 0 0 0 23px;
    margin: 0;
}

#js-cashBackTicket .table-input-image {
    background: #f7f7f7;
    width: 100%;
    height: 316px;
    border-radius: 4px;
    padding: 30px;
    margin: 15px 0;
}
#js-cashBackTicket .dropzone {
    width: 100%;
    height: 204px;
    border: 1px dashed #bfbfbf;
    margin-bottom: 20px;
    font-size: 18px;
    color: #bfbfbf;
    text-align: center;
    padding-top: 55px;
}
#js-cashBackTicket .dropzone::before {
    content: '';
    display: block;
    background: url(https://cdn.megabonus.com/images/user/add_picture.svg) center center no-repeat;
    width: 64px;
    height: 64px;
    margin: 0 auto 15px;
}
#js-cashBackTicket .dropzone.receipt::before {
    background-image: url(https://cdn.megabonus.com/images/user/add_bill.svg);
}
#js-cashBackTicket .form-input-text-img {
    display: none;
}
#js-cashBackTicket .form-input-text-img + label {
    background: url(https://cdn.megabonus.com/images/white_label/dashboard-icons/download.svg) center left 14px no-repeat;
    height: 40px;
    padding-left: 45px;
    padding-right: 20px;
    line-height: 40px;
    border-radius: 4px;
    border: 1px solid #cccaca;
    font-weight: normal;
    cursor: pointer;
}
#js-cashBackTicket .bottom-input-block {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
}
#js-cashBackTicket .uploaded-screenshot__inner {
    opacity: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    width: 100%;
    height: 72px;
    background: #d9eaff;
    font-size: 16px;
    letter-spacing: 0.3px;
    border-radius: 4px;
}
#js-cashBackTicket .uploaded-screenshot .uploaded-left-side, #js-cashBackTicket .uploaded-screenshot .uploaded-right-side {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
#js-cashBackTicket .uploaded-screenshot__label {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.27px;
    margin-bottom: 8px;
    margin-top: 16px;
}
#js-cashBackTicket .uploaded-screenshot .img-icon {
    margin: 0 20px 0 25px;
    background: url(https://cdn.megabonus.com/images/user/picture.svg) no-repeat center center;
    width: 24px;
    height: 24px;
    display: block;
}
#js-cashBackTicket .uploaded-screenshot .img-icon.receipt {
    background: url(https://cdn.megabonus.com/images/user/add_bill_mini.svg) no-repeat center center;
    height: 26px;
    background-size: contain;
}
#js-cashBackTicket .uploaded-screenshot .name-screenshot {
    position: relative;
    top: 3px;
}
#js-cashBackTicket .uploaded-screenshot .another-screenshot {
    background: url(https://cdn.megabonus.com/images/user/reload.svg) no-repeat center center;
    height: 20px;
    width: 20px;
    display: block;
    position: relative;
    top: 2px;
    cursor: pointer;
}
#js-cashBackTicket .uploaded-screenshot .remove-screenshot {
    background: url(https://cdn.megabonus.com/images/user/remove.svg) no-repeat center center;
    margin: 0 25px;
    height: 24px;
    width: 20px;
    display: block;
    cursor: pointer;
}
#js-cashBackTicket .error-img {
    display: none;
    text-align: center;
    position: relative;
    z-index: 100;
    margin-bottom: 5px;
}
#js-cashBackTicket .error-img p {
    color: #db3434;
    display: block;
    width: 100%;
    margin: 0;
}
.error-border {
    border: 1px solid #db3434;
}

.drag_over {
    background: #efefef;
}
.drag_leave {
    background: #f7f7f7;
}

@media all and (max-width: 638px) {
    #js-cashBackTicket .bottom-input-block {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -ms-align-items: flex-start;
        align-items: flex-start;
    }

    #js-cashBackTicket .table-input-image {
        height: 360px;
    }

    #js-cashBackTicket .form-input-text-img + label {
        margin-bottom: 25px;
    }
}

@media all and (max-width: 576px) {
    #js-cashBackTicket .dropzone {
        display: none;
    }
    #js-cashBackTicket .table-input-image {
        height: 140px;
    }
    #js-cashBackTicket .form-input-text-img + label {
        width: 100%;
        text-align: center;
        padding-left: 0;
    }
}

/*====== Income-friends =======*/
.income-friends {
    padding: 52px 0 0;
}
.whence-list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: justify;
    -ms-text-justify: inter-ideograph;
}
.whence-list:after {
    content: '';
    width: 100%;
    height: 0;
    display: inline-block;
}
.whence-list li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 5px;
}
.whence-list a {
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #3498db;
}
.income-friends .сommission {
    margin: 44px 0 0;
}
.income-friends .сommission .bold {
    margin: 0 0 50px;
}
.income-friends-block {
    border: 1px solid #eaeaea;
    border-radius: 6px;
    margin-bottom: 24px;
}
.income-table-friends {
    margin: 0 0 24px;
    border-collapse: collapse;
    width: 100%;
    text-align: center;
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.income-table-friends th {
    text-align: center;
    padding: 47px 10px 45px 7%;
}
.income-table-friends td {
    padding: 18px 0 18px 7%;
}
.income-table-friends td:first-child {
    color: #9b9b9b;
}
.income-table-friends span {
    display: none;
}
.income-table-friends tbody tr:hover {
    cursor: default;
}
.income-friends .see-more {
    margin: 0 0 20px;
}
.holder-friends {
    border: none
}
.bring-friend {
    padding: 43px 10px 40px;
    border: 1px solid #eaeaea;
    border-radius: 6px;
    text-align: center;
    margin-bottom: 24px;
}
.bring-friend .bring-friend-title {
    font: 24px/32px 'Proxima Nova', sans-serif;
    font-weight: bold;
    letter-spacing: 0.3px;
    color: #000;
    text-align: center;
    margin: 17px 0 24px;
}
.bring-friend .bring-friend-text {
    max-width: 650px;
    margin: 0 auto 24px;
    font: 16px/24px 'Proxima Nova', sans-serif;
    color: #000;
    letter-spacing: 0.3px;
}
.bring-friend span {
    display: block;
    margin: 0;
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.link-mark {
    margin: 0 0 10px;
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.link-mark .link-for-friend {
    font: bold 16px/28px 'Proxima Nova', sans-serif;
    letter-spacing: 0.3px;
    text-align: center;
    color: #000;
    margin-bottom: 5px;
}
.link-mark .copy_link_for_friend {
    display: block;
    margin-bottom: 10px;
}
.link-mark mark {
    background: #fff3dd;
    margin: 0 auto;
    padding: 0 15px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 46px;
    line-height: 46px;
    border-radius: 4px;
}
.link-mark mark span {
    margin-bottom: 0;
}
.link-mark a {
    color: #9b9b9b;
    margin-left: 18px;
    display: inline-block;
    background: url(https://cdn.megabonus.com/images/affiliate/copy.svg) no-repeat;
    width: 16px;
    height: 16px;
    position: relative;
    top: 1px;
}
.link-mark a:hover {
    text-decoration: none;
}
@media screen and (max-width: 479px) {
    .link-mark mark {
        width: 100%;
        justify-content: space-between;
    }
    .link-mark mark span {
        max-width: 300px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .link-mark a {
        padding-right: 15px;
    }
}
.bring-friend .grey {
    color: #000;
    opacity: 0.5;
    font: 12px/16px 'Proxima Nova', sans-serif;
    letter-spacing: 0.3px;
}
.bring-friend .tell_about_it {
    color: #000;
    opacity: 0.5;
    font: 12px/16px 'Proxima Nova', sans-serif;
    letter-spacing: 0.3px;
    margin: 0 0 10px;
}
.social-friends {
    list-style: none;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
}
.social-friends li {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    margin: 0 6px 12px;
}
.social-friends a {
    display: block;
    width: auto;
    height: 100%;
    text-indent: 0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    background: none;
    text-decoration: none;
}
.social-friends.socials a i {
    font-size: 28px;
    color: #c5c5c5;
    opacity: 1;
}
.social-friends.socials a:hover {
    color: #7f7f7f;
    opacity: 0.45;
}
.social-friends img {
    display: block;
    max-width: 100%;
}
.cashback-link-block {
    text-align: center;
    padding: 47px 14% 72px;
    border: 1px solid #eaeaea;
    border-radius: 6px;
}
.cashback_link_title {
    font: 24px/32px 'Proxima Nova', sans-serif;
    font-weight: bold;
    letter-spacing: 0.3px;
    color: #000;
    text-align: center;
    margin: 17px 0 24px;
}
.cashback-link-block .cashback_link_text {
    margin-bottom: 44px;
}
.cashback-link-block p {
    margin: 0 0 29px;
    font: 16px/28px 'Proxima Nova', sans-serif;
}
.cashback-link-block .pr-table {
    display: table;
    width: 100%;
    margin: 0 0 35px;
}
.cashback-link-block .holder-button {
    display: table-cell;
    vertical-align: top;
    width: 178px;
    margin: 0 0 15px;
}
.cashback-link-block input.create-link.loading[type='submit'] {
    background-image: url(https://cdn.megabonus.com/images/user/load_in_btn.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 35px;
    background-color: #ffee7b;
}
.cashback-link-block input[type='submit'] {
    margin: 0;
    height: auto;
    padding: 11px 0;
    background: #ffdf08;
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #000;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.cashback-link-block input[type='submit']:hover {
    background: #ffee7b;
    opacity: 1;
}
.cashback-link-block .holder-input {
    display: table-cell;
    vertical-align: top;
    padding: 0 12px 0 0;
    margin: 0 0 15px;
}
.cashback-link-block .holder-input input {
    height: 46px;
    padding: 0 40px 0 15px;
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.cashback-link-block .holder-input input:focus::-webkit-input-placeholder {
    color: transparent;
}
.cashback-link-block .holder-input input:focus:-moz-placeholder {
    color: transparent;
}
.cashback-link-block .holder-input input:focus:-ms-input-placeholder {
    color: transparent;
}
.cashback-link-block .holder-input input:focus::-moz-placeholder {
    color: transparent;
}
.cashback-link-block .holder-input input:focus {
    border-color: #ffdf08;
}
.cashback-link-block .holder-input input:-moz-placeholder {color: #000;opacity: 0.3;}
.cashback-link-block .holder-input input::-moz-placeholder {color: #000;opacity: 0.3;}
.cashback-link-block .holder-input input::-webkit-input-placeholder {color: #000;opacity: 0.3;}
.cashback-link-block .holder-input input:-ms-input-placeholder {color: #000;opacity: 0.3;}
.cashback-link-block .holder-input input::placeholder {color: #000;opacity: 0.3;}

.cashback-link-block input.create-link {
    height: 46px;
    font: 18px/23px 'Proxima Nova', sans-serif;
    color: #000;
    letter-spacing: 0.3px;
    width: 100%;
}
.cashback-link-block .link-mark .link #link-to-copy {
    position: relative;
    padding: 0 45px 0 15px;
    overflow: hidden;
}

.cashback-link-block .link-mark .link-to-copy__notification--hidden {
    text-wrap: nowrap;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    right: 50px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all .2s linear;
}

.cashback-link-block .link-mark .link-to-copy__notification {
    text-wrap: nowrap;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    right: 50px;
    animation: slide_right 1s;
    z-index: 1;
    visibility: visible;
    transition: all .2s linear;
}

@keyframes slide_right {
    from {
        right: -50px;
        opacity: 0
    }

    to {
        right: 50px;
        opacity: 1
    }
}

@keyframes slide_right_mobile {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.cashback-link-block #cashback-copy-click {
    position: absolute;
    right: 15px;
    background: url(https://cdn.megabonus.com/images/affiliate/copy.svg) no-repeat;
    width: 16px;
    height: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
}
.cashback-link-block #cashback-copy-click::before {
    display: none;
}
.cashback-link-block .holder-input .span.clear {
    background: url(/images/user/popups/cancel_icon.svg) no-repeat center;
    background-size: 13px;
    top: 1px;
}
.cashback-link-block .link-mark .link #link-to-copy a {
    position: absolute;
    top: 16px;
    right: 18px;
}
.cashback-link-block .holder-error .error-mes {
    position: initial;
}
.cashback-link-block .holder.error .error-mes {
    padding: 15px 0 0;
}
.cashback-link-block .link-mark .your_cashback_link {
    width: 100%;
    font: 16px/28px 'Proxima Nova', sans-serif;
    font-weight: bold;
    letter-spacing: 0.3px;
    color: #000;
    text-align: center;
    margin-bottom: 10px;
}
/*======== all-settings ========*/
.user-settings-section {
    padding: 5px 0 0 0;
}
.user-settings-section .shadow-panel {
    margin: 24px 0;
    padding: 50px 60px 18px;
    border-radius: 6px;
    background-color: #fff;
    border: solid 1px #eaeaea;
    box-shadow: none;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}
.user-settings-section .active-panel {
    border: none;
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.1);
}
.user-settings-section .shadow-panel h3 {
    margin: 0 0 31px;
    font: 24px/26px 'Proxima Nova', sans-serif;
    font-size: 26px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.08;
    letter-spacing: normal;
}
.user-settings-section .shadow-panel p {
    font: 14px/16px 'Proxima Nova', sans-serif;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0.3px;
}
.user-settings-section .shadow-panel .holder-label {
    margin-top: 10px;
}
.user-settings-section .shadow-panel .holder-label span {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0.3px;
}
/*=============== User photo ===============*/
.user-settings-section .profile-section label[for="profile-pic"] {
    width: 100%;
    text-align: center;
}
.user-settings-section .profile-section input[type="file"] {
    display: none;
}
.user-settings-section .profile-section .profile-pic {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
    position: relative;
}
.user-settings-section .profile-section .profile-pic__holder {
    position: relative;
    max-width: 120px;
    max-height: 120px;
    margin: 0 auto;
}
.user-settings-section .profile-section .profile-pic__image {
    max-width: 120px;
    max-height: 120px;
}
.user-settings-section .profile-section .profile-pic__tool {
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 4;
    cursor: pointer;
}
.user-settings-section .profile-section .profile-pic__btn {
    cursor: pointer;
    font-size: 13px;
    line-height: 1.23;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    padding: 6px 12px;
    border: solid 1px #d7d7d7;
    border-radius: 4px;
    display: inline-block;
    margin: 20px auto;
}
.user-settings-section .profile-section .profile-pic__error {
    color: #a70000;
    display: block;
    margin: 0 30px;
}
.holder-radio {
    margin-top: 20px;
}
.holder-radio span:first-child {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    margin-top: 20px;
}
.holder-radio .gender-radio {
    display: flex;
    margin-top: 14px;
}
.holder-radio .gender-radio .container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0.3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.holder-radio .gender-radio .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.holder-radio .gender-radio .container input:checked ~ .checkmark {
    background-color: #fff;
    border-color: #fcdd00;
}
.holder-radio .gender-radio .container input:checked ~ .checkmark:after {
    display: block;
}
.holder-radio .gender-radio .container:hover input ~ .checkmark {
    background-color: #fff;
    border-color: #fcdd00;
}
.holder-radio .gender-radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 26px;
    width: 26px;
    background-color: #fff;
    border-width: 2px;
    border-style: solid;
    border-color: #eaeaea;
    border-radius: 50%;
}
.holder-radio .gender-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.holder-radio .gender-radio .checkmark:after {
    top: calc(50% - 7px);
    left: calc(50% - 7px);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fcdd00;
}
.user-settings-section .profile-section .holder-input:last-child {
    margin-bottom: 20px;
}
.user-settings-section .notification-section h4 {
    margin-top: 25px;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: normal;
}
.user-settings-section .notification-section label {
    margin: 5px 0;
    font-size: 15px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0.3px;
}
.user-settings-section .notification-section hr {
    margin: 0 0 8px;
    opacity: 0.1;
    border-top: solid 1px #979797;
}
.user-settings-section .language-section p {
    margin-bottom: 15px;
}
.user-settings-section .social-section {
    padding-bottom: 10px;
}
.user-settings-section .social-section p {
    margin-bottom: 40px;
}
.user-settings-section .social-section .sec-socials-list {
    padding: 0;
    margin: 0 0 30px 0;
    list-style: none;
    max-width: 410px;
}
.user-settings-section .social-section .sec-socials-list li {
    border-bottom: solid 1px #f4f4f4;
    padding-bottom: 8px;
}
.user-settings-section .social-section .sec-socials-list li:last-child {
    border-bottom: none;
}
.user-settings-section .social-section .sec-socials-list label {
    padding-left: 20px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0.3px;
}
.user-settings-section .drag-check {
    position: relative;
    float: right;
    top: 3px;
    vertical-align: middle;
}
.user-settings-section .drag-check span {
    top: 4px;
}
.user-settings-section .drag-check span {
    width: 40px;
    height: 24px;
}
.user-settings-section .drag-check span:after {
    top: 63%;
    width: 21px;
    height: 21px;
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
}
.user-settings-section .drag-check input[type=checkbox]:checked + span:after {
    left: 17px;
    top: 15px;
}
.user-settings-section .shadow-panel input[type='submit'] {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 10px 52px;
    width: 100%;
    height: 46px;
    background: #ffdf08;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    font: 16px/18px 'Proxima Nova', sans-serif;
    font-size: 18px;
    color: #000;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.user-settings-section .cancel-submited {
    display: inline-block;
    padding: 15px 0 10px;
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.75;
    letter-spacing: 0.3px;
    text-align: center;
    color: #000;
    cursor: pointer;
}
.user-settings-section #cancelButtonProfile,
.user-settings-section #cancelButtonPassword,
.user-settings-section #settings_send,
.user-settings-section #password_form input[type='submit'] {
    display: none;
}
.user-settings-section .shadow-panel .holder-input input {
    height: 40px;
    width: 100%;
    font: 16px/40px 'Proxima Nova', sans-serif;
    padding: 0 10px;
    border: 1px solid #e6e6e6;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.user-settings-section .shadow-panel .holder-input input:hover {
    border-color: #ffdf08;
}
.user-settings-section .shadow-panel .holder-check {
    height: 40px;
}
.user-settings-section .shadow-panel .form-table {
    margin-top: 10px;
}
.user-settings-section .shadow-panel .form-table:last-child {
    margin-bottom: 20px;
}
.user-settings-section .shadow-panel .holder-input.error .error-msg,
.user-settings-section .shadow-panel .sec-socials-list li.error .error-msg,
.user-settings-section .shadow-panel .holder-change.error .error-msg {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
    -webkit-transition: opacity .35s ease;
    -o-transition: opacity .35s ease;
    transition: opacity .35s ease;
    font-size: 14px;
    display: inline-block;
    text-align: left;
    margin-top: 10px;
}
.user-settings-section .shadow-panel .error-msg {
    position: absolute;
    top: -9999px;
    left: -9999px;
    right: 9999px;
    text-align: center;
    color: #db3434;
    padding: 0 10px;
    line-height: 16px;
    opacity: 0;
    -webkit-transition: all 0s ease .35s ease, opacity .35s ease;
    -o-transition: all 0s ease .35s ease, opacity .35s ease;
    transition: all 0s ease .35s ease, opacity .35s ease;
}
.user-settings-section .shadow-panel .holder-input input {
    height: 40px;
    width: 100%;
    font: 16px/40px 'Proxima Nova', sans-serif;
    padding: 0 10px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.user-settings-section .shadow-panel .holder-input input::placeholder {
    color: #9b9b9b;
}
.user-settings-section .shadow-panel .holder-input a {
    display: inline;
    vertical-align: baseline;
    background: transparent;
}
.user-settings-section .shadow-panel .holder-input span[data-toggle="tooltip"] {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    background: none;
}
.user-settings-section .shadow-panel .holder-input .email-error {
    position: relative;
    float: right;
    bottom: 30px;
    right: 10px;
    cursor: pointer;
}
.user-settings-section .shadow-panel .tooltip-inner {
    color: white !important;
    text-align: left;
    background-color: black !important;
}
.user-settings-section .shadow-panel .fs-dropdown-selected:before {
    right: 8px;
    top: 40%;
    margin: 0px 0 0;
    width: 13px;
    height: 7px;
}
.user-settings-section .shadow-panel .tooltip-arrow {
    border-bottom-color: #000 !important;
    left: 50% !important;
}
/*======== my-settings =======*/
.settings-profiles {
    padding: 35px 0 0;
}
.settings-profiles form {
    border: 1px solid #e6e6e6;
    padding: 43px 57px 55px;
}
.settings-profiles h3 {
    margin: 0 0 40px;
    font: 300 24px/26px 'Proxima Nova', sans-serif;
}
.settings-profiles .top-form h3 {
    margin: 0 0 29px;
}
.settings-profiles .table-form {
    display: table;
    width: 100%;
    margin: 0 0 22px;
}
.settings-profiles .table-form .holder-label {
    display: table-cell;
    vertical-align: top;
    text-align: right;
    width: 226px;
    padding: 10px 15px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.settings-profiles .table-form span {
    display: inline-block;
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.settings-profiles .table-form .holder-input {
    display: table-cell;
    vertical-align: middle;
}
.settings-profiles .table-form .holder-input input {
    width: 389px;
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
    border: 1px solid #e6e6e6;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}
.settings-profiles .table-form .holder-input input:focus {
    border-color: #ffdf08;
}
.settings-profiles .table-form .holder-input .email-error {
    position: relative;
    right: 30px;
    cursor: pointer;
}
.settings-profiles .table-form .holder-input .email-error:hover {
    opacity: 0.6;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.settings-profiles .table-form .holder-change {
    display: table-cell;
    vertical-align: top;
    padding: 10px 17.5% 0 0;
}
.settings-profiles .table-form a {
    display: inline-block;
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #3498db;
}
.settings-profiles .table-form .holder-input a {
    display: inline;
    width: auto;
    height: auto;
    vertical-align: baseline;
    background: transparent;
}
.settings-profiles .table-form .holder-input .tooltip.bottom {
    margin: 10px 0 0 -115px;
}
.settings-profiles .table-form .holder-input .tooltip-inner {
    color: white !important;
    text-align: left;
    background-color: black !important;
}
.settings-profiles .table-form .holder-input .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #000 !important;
    left: 50% !important;
    margin: 0px 0 0 111px !important;
}
.settings-profiles .top-form {
    padding: 0 0 43px;
}
.settings-profiles p {
    margin: 0 0 34px;
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.settings-profiles .form-table {
    display: table;
    width: 100%;
    max-width: 613px;
    margin: 0 0 22px;
}
.settings-profiles .form-table .holder-label {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 160px;
    padding: 0 16px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.settings-profiles .form-table .holder-label span {
    display: inline-block;
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.settings-profiles .form-table .holder-input {
    display: table-cell;
    vertical-align: middle;
}
.settings-profiles .fs-dropdown-selected {
    border-radius: 0 !important;
    padding: 0 32px 0 10px;
    height: 40px;
    font: 16px/40px 'Proxima Nova', sans-serif;
}
.settings-profiles .fs-dropdown-selected:after {
    right: 32px;
}
.settings-profiles .fs-dropdown-selected:before {
    top: 18px;
    right: 10px;
    background: url(https://cdn.megabonus.com/images/bg-99.png) no-repeat;
    width: 13px;
    height: 7px;
}
.settings-profiles .fs-dropdown.fs-dropdown-focus .fs-dropdown-selected {
    border-color: #ffdf08;
}
.settings-profiles .fs-dropdown-open .fs-dropdown-options {
    right: 0;
    padding: 10px 0;
}
.settings-profiles .fs-dropdown-item {
    padding: 2px 30px 2px 10px;
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.settings-profiles .fs-dropdown-item_selected,
.settings-profiles .fs-dropdown-item:hover {
    background: #c7c7c7;
}
.settings-profiles .bottom-form {
    padding: 42px 0 0;
}
.settings-profiles .holder-check {
    font-size: 0;
    line-height: 0;
    margin: 0 0 65px;
}
.settings-profiles .holder-check label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    font: 16px/18px 'Proxima Nova', sans-serif;
    overflow: hidden;
    padding: 5px 0;
    margin: 0 27px 0 0;
    font-style: normal;
}
.settings-profiles .holder-check .icheckbox {
    display: inline-block;
    vertical-align: middle;
    width: 62px;
    height: 30px;
    background: #89bf1d;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}
.settings-profiles .holder-check .icheckbox:before {
    content: '';
    position: absolute;
    left: 3px;
    top: 50%;
    width: 25px;
    height: 25px;
    background: #fff;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.settings-profiles .holder-check .icheckbox.checked:before {
    left: 54%;
}
.list-accounts {
    margin: 0;
    padding: 0 0 41px;
    list-style: none;
}
.list-accounts li:after {
    content: '';
    display: block;
    clear: both;
}
.list-accounts li {
    margin: 0 0 29px;
}
.list-accounts .holder-img {
    float: left;
    width: 30px;
    height: 30px;
}
.list-accounts img {
    max-width: 100%;
}
.list-accounts .holder-text {
    overflow: hidden;
    padding: 6px 0 0 20px;
}
.list-accounts p {
    margin: 0;
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.list-accounts a {
    color: #3498db;
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.settings-profiles input[type='submit'] {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 10px 52px;
    height: auto;
    background: #ffdf08;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #000;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.settings-profiles input[type='submit']:hover {
    background: #ffee7b;
    opacity: 1;
}
/*===== package-tracking ======*/
.package-tracking {
    padding: 33px 0;
}
.holder-package-tracking {
    border: 1px solid #e6e6e6;
    padding: 57px 0 0;
    margin: 0 0 31px;
}
.holder-number-otpravlenyya {
    padding: 0 41px 0 51px;
}
.holder-number-otpravlenyya .post_service {
    border: 1px solid #e6e6e6;
    padding: 25px 20px;
    text-align: left;
    margin-bottom: 60px;
}
.holder-number-otpravlenyya .post_service p {
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.holder-number-otpravlenyya .post_service .post_service_container {
    margin-top: 30px;
}
.holder-number-otpravlenyya .post_service .post_service_container div {
    width: 27%;
    margin: 0 3%;
    text-align: center;
    padding: 25px 0;
    border: 1px solid #e6e6e6;
    cursor: pointer;
    color: #3498db;
}
.holder-number-otpravlenyya .post_service .post_service_container div:hover {
    text-decoration: underline;
}
.number-otpravlenyya .holder-table {
    display: table;
    width: 100%;
    margin: 0 0 26px;
}
.number-otpravlenyya .holder-input {
    display: table-cell;
    vertical-align: top;
    padding: 0 20px 0 0;
}
.number-otpravlenyya .holder-input input {
    width: 100%;
    height: 40px;
    margin: 0 0 15px;
    font: 16px/40px 'Proxima Nova', sans-serif;
    padding: 0 10px;
    display: block;
    border: 1px solid #e6e6e6;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}
.number-otpravlenyya .holder-input input.error {
    border-color: #f03;
}
.number-otpravlenyya .holder-input .text-error {
    opacity: 0;
    display: block;
    font: 12px/14px 'Proxima Nova', sans-serif;
    color: #f03;
}
.number-otpravlenyya .holder-input.error .text-error {
    opacity: 1;
}
.number-otpravlenyya .holder-input input:focus {
    border-color: #ffdf08;
}
.holder-input input:-moz-placeholder {color: #000;}
.holder-input input::-moz-placeholder {color: #000;opacity: 1;}
.holder-input input::-webkit-input-placeholder {color: #000;}
.holder-input input:-ms-input-placeholder {color: #000;}
.holder-input input::placeholder {color: #000;}
.holder-input input:focus::-webkit-input-placeholder {
    color: transparent;
}
.holder-input input:focus:-moz-placeholder {
    color: transparent;
}
.holder-input input:focus:-ms-input-placeholder {
    color: transparent;
}
.holder-input input:focus::-moz-placeholder {
    color: transparent;
}
.holder-submit {
    display: table-cell;
    vertical-align: top;
    width: 178px;
}
.number-otpravlenyya .holder-submit input {
    overflow: hidden;
    width: auto;
    height: auto;
    padding: 3px 52px;
    margin: 0 0 15px;
    color: #000;
    background: #ffdf08;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.number-otpravlenyya .holder-submit input:hover {
    opacity: 1;
    background: #ffee7b;
}
.list-parcel-information input {
    display: none;
}
.holder-parcel-information {
    display: table;
    width: 100%;
    margin: 0 0 58px;
}
.list-parcel-information {
    display: table-cell;
    vertical-align: top;
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
}
.list-parcel-information li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 10px 0;
    width: 200px;
    background: #ffdf08;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.list-parcel-information span {
    cursor: pointer;
    display: block;
    position: relative;
    padding: 6px 20px;
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #000;
}
.list-parcel-information li.not-checked {
    background: none;
    border: 1px solid #e6e6e6;
}
.list-parcel-information li.not-checked span:before {
    background: none;
}
.list-parcel-information span:before {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    background: url(https://cdn.megabonus.com/images/bg-93.png) no-repeat center;
    background-size: cover;
    height: 13px;
    width: 13px;
    margin: -6px 0 0 0;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.list-parcel-information a:hover {
    text-decoration: none;
}
.list-parcel-information a:focus {
    text-decoration: none;
}
.list-parcel-information i {
    color: #000;
    line-height: 13px;
    font-size: 13px;
}
.form-parcel-information {
    display: table-cell;
    vertical-align: top;
    width: 330px;
    padding: 0 0 0 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-parcel-information .holder-input {
    position: relative;
}
.form-parcel-information input[type='text'] {
    width: 100%;
    height: 30px;
    margin: 0 0 15px;
    font: 16px/30px 'Proxima Nova', sans-serif;
    padding: 0 58px 0 10px;
    display: block;
    border: 1px solid #e6e6e6;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}
.form-parcel-information input[type='text']:focus {
    border-color: #ffdf08;
}
.form-parcel-information button {
    position: absolute;
    border: none;
    right: 13px;
    top: 50%;
    width: 18px;
    height: 17px;
    background: url(https://cdn.megabonus.com/images/bg-89.png) no-repeat center;
    background-size: cover;
    overflow: hidden;
    text-indent: -9999px;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.form-parcel-information button:hover {
    opacity: 0.8;
}
.title-information {
    position: relative;
    margin: 0 0 15px;
}
.title-information span {
    display: block;
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.title-information:after {
    content: '';
    display: block;
    clear: both;
}
.title-information .my {
    float: left;
    width: 272px;
}
.title-information .state {
    float: left;
}
.title-information .control {
    float: right;
}
.acardion-information .item .expanded {
    display: none;
    padding: 49px 0 0;
}
.acardion-information .item.active .expanded {
    display: block;
}
.acardion-information .item.active {
    background: #f9f9f9;
}
.acardion-information .item {
    padding: 19px 41px 0 51px;
    border-bottom: 1px solid #e6e6e6;
}
.acardion-information .item:last-child {
    border: none;
}
.acardion-information .header-acardion:after {
    content: '';
    display: block;
    clear: both;
}
.acardion-information .package {
    float: left;
    width: 272px;
    padding: 0 30px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.acardion-information .edit-form {
    display: none;
    margin: 0 0 5px;
}
.acardion-information .item.open .edit-form {
    display: block;
}
.acardion-information .item.open .heading {
    display: none;
}
.edit-form input {
    margin-left: -10px;
    padding: 0 10px;
    height: 30px;
    font: 16px/30px 'Proxima Nova', sans-serif;
    border: 1px solid #e6e6e6;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}
.edit-form input:focus {
    border-color: #ffdf08;
}
.edit-form fieldset {
    position: relative;
}
.edit-form .btn-check {
    position: absolute;
    right: 38px;
    top: 100%;
    padding: 0 6px;
    background: #ffdf08;
    color: #000;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.edit-form i {
    font-size: 12px;
    line-height: 12px;
}
.edit-form .btn-delete {
    position: absolute;
    right: 10px;
    padding: 0 8px;
    top: 100%;
    background: #ffdf08;
    color: #000;
    border-radius: 0 0 4px 4px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.edit-form .btn-delete:hover,
.edit-form .btn-check:hover {
    opacity: 0.8;
    cursor: pointer;
}
.acardion-information .heading {
    display: inline-block;
    margin: 0 0 17px;
    color: #3498db;
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.acardion-information .heading:hover {
    cursor: pointer;
    text-decoration: underline;
}
.parcel-number {
    display: block;
    color: #ababab;
    font: 12px/14px 'Proxima Nova', sans-serif;
}
.state-cargo {
    float: left;
    max-width: 262px;
}
.state-cargo span {
    display: block;
    margin: 0 0 17px;
}
.state-cargo .state-text {
    color: #9b9b9b;
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.state-cargo .state-text.in_transit {
    color: #e8664a;
}
.state-cargo .state-text.delivered {
    color: #89be1d;
}
.state-cargo .date-cargo {
    font: 12px/14px 'Proxima Nova', sans-serif;
}
.link-operation {
    float: right;
    padding: 7px 0 0;
}
.link-operation a {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    text-indent: -9999px;
    margin: 0 0 10px 22px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.link-operation .option-link {
    width: 24px;
    height: 24px;
    background: url(https://cdn.megabonus.com/images/bg-90.png) no-repeat;
    background-size: cover;

}
.link-operation .option-link:hover {
    background: url(https://cdn.megabonus.com/images/bg-91.png) no-repeat;
    background-size: cover;
}
.link-operation .refresh-link {
    width: 24px;
    height: 24px;
    background: url(https://cdn.megabonus.com/images/refresh_dis.png) no-repeat;
    background-size: cover;

}
.link-operation .refresh-link:hover {
    background: url(https://cdn.megabonus.com/images/refresh_act.png) no-repeat;
    background-size: cover;
}
.link-operation .delete-package {
    width: 17px;
    height: 22px;
    background: url(https://cdn.megabonus.com/images/bg-92.png) no-repeat;
    background-size: cover;
}
.link-operation .delete-package:hover {
    opacity: 0.6;
}
.about-cargo {
    position: relative;
    padding: 0 65px 0 0;
}
.about-cargo p {
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.about-cargo .btn-hide {
    top: 0;
    right: 0;
    position: absolute;
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.list-place-stay {
    margin: 0;
    padding: 47px 0 0;
    list-style: none;
}
.list-place-stay li {
    position: relative;
}
.list-place-stay .date-block {
    display: inline-block;
    vertical-align: top;
    width: 232px;
}
.list-place-stay .date-block span {
    display: block;
    margin: 0 0 13px;
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.list-place-stay .holder-text {
    display: inline-block;
    vertical-align: top;
    min-height: 173px;
    max-width: 544px;
    padding: 0 0 0 17px;
    position: relative;
    border-left: 1px solid #e2e2e2;
}
.list-place-stay .holder-text:before {
    content: '';
    position: absolute;
    left: -6px;
    top: -3px;
    width: 13px;
    height: 13px;
    background: #89bf1e;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.list-place-stay .title {
    display: block;
    margin: 0 0 11px;
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.list-place-stay p {
    font: 300 16px/20px 'Proxima Nova', sans-serif;
}
/*======= payment-history =========*/
.payment-history {
    padding: 52px 0;
}
.payment-history .table-main-holder {
    padding: 33px 0 0 0;
    margin: 0 0 10px;
}
.table-main-holder .pr-group:after {
    display: block;
    content: '';
    clear: both;
}
.table-main-holder .pr-group {
    border-bottom: 1px solid #e2e2e2;
    margin: 0 0 49px;
}
.payment-history .fs-dropdown-item {
    padding: 0 10px;
}
.payment-history .period {
    float: left;
    width: 50%;
    margin: 0 0 27px 0;
}
.payment-history .period .title {
    padding: 6px 0;
    display: inline-block;
    font: 14px/18px 'Proxima Nova', sans-serif;
}
.payment-history .period .datepicker-holder {
    width: 126px;
    margin: 0 0 0 15px;
}
.payment-history .period .datepicker-holder.focus {
    box-shadow: none;
}
.payment-history .period input[type="text"] {
    height: 30px;
    color: #000;
    padding: 0 25px 0 10px;
    font: 14px/30px 'Proxima Nova', sans-serif;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}
.payment-history .period input[type="text"]:focus {
    box-shadow: none;
    border-color: #ffdf08;
}
.table-main-holder .period .datepicker-holder img {
    top: 9px;
}
.payment-history .period input:-moz-placeholder {color: #000;}
.payment-history .period input::-moz-placeholder {color: #000;opacity: 1;}
.payment-history .period input::-webkit-input-placeholder {color: #000;}
.payment-history .period input:-ms-input-placeholder {color: #000;}
.payment-history .period input::placeholder {color: #000;}
.holder-list-parcel-information {
    float: left;
    width: 50%;
    padding: 0 0 0 4%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.holder-list-parcel-information:after {
    content: '';
    display: block;
    clear: both;
}
.holder-list-parcel-information span {
    float: left;
    padding: 6px 7px;
    font: 14px/18px 'Proxima Nova', sans-serif;
}
.payment-history .list-parcel-information {
    overflow: hidden;
    display: block;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    padding: 0 0 0 16px;
}
.payment-history .list-parcel-information li {
    width: 129px;
    margin: 0 17px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.payment-history .list-parcel-information a {
    padding: 6px 21px 6px 0;
}
.payment-history .order-table th {
    height: 60px;
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.payment-history .order-table td,
.payment-history .order-table td + td,
.payment-history .order-table td + td + td,
.payment-history .order-table td + td + td + td,
.payment-history .order-table td + td + td + td + td,
.payment-history .order-table td + td + td + td + td + td {
    width: auto;
    padding: 19px 0;
}
.payment-history .order-table th:first-child {
    padding: 0 0 0 3%;
}
.payment-history .order-table td:first-child {
    padding: 19px 0 19px 3%;
}
.payment-history .order-table th:last-child {
    padding: 0 1% 0 0;
}
.payment-history .order-table td:last-child {
    padding: 19px 10px 19px 10px;
    min-width: 15px;
    width: 15px;
}
.payment-history .order-table td .info-btn {
    overflow: hidden;
    background: url(https://cdn.megabonus.com/images/bg-100.png) no-repeat;
    background-size: cover !important;
    width: 15px;
    min-width: 15px;
    height: 15px;
}
.payment-history .order-table td .info-btn:hover {
    background: url(https://cdn.megabonus.com/images/bg-101.png) no-repeat;
    background-size: cover !important;
}
.payment-history .order-table td .info-btn i {
    display: none;
}
.payment-history .total-box .price {
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.order-table .little-text {
    font-size: 14px;
    color: #9b9b9b;
}
.payment-history .order-table .tooltip.bottom {
    width: 200px !important;
    color: #fff !important;
    margin: 0 0 0 -6px;
}
.payment-history .order-table .tooltip.bottom:after {
    content: '';
    position: absolute;
    left: 50%;
    top: -7px;
    border: 7px solid transparent;
    border-bottom: 7px solid #000;
}
.payment-history .order-table .tooltip-inner {
    background: #000 !important;
    color: #fff !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    font: 12px/18px 'Proxima Nova', sans-serif !important;
}
/*===== payment-history2 ==========*/
.payment-history-inform {
    text-align: center;
    padding: 94px 10px;
}
.payment-history-inform .holder-img {
    width: 40px;
    height: 40px;
    margin: 0 auto 10px;
}
.payment-history-inform .holder-img img {
    display: block;
    max-width: 100%;
}
.payment-history-inform span {
    display: block;
    font: 16px/28px 'Proxima Nova', sans-serif !important;
}
/*======== my-cashback =======*/
.my-cashback .payment-history .period {
    width: 55%;
}
.my-cashback .holder-list-parcel-information {
    width: 45%;
    padding: 0 0 0 1%;
}
.table-main-holder .box-dropdown {
    display: inline-block;
    vertical-align: top;
    width: 186px;
    margin: 0 0 0 22px;
}
.table-main-holder .fs-dropdown-selected {
    border-radius: 0;
    height: 30px;
    line-height: 30px;
}

.not_available_state {
    text-align: center;
    letter-spacing: 0;
    line-height: 24px;
}
.not_available_state img {
    margin-bottom: 50px;
}
.not_available_state h3 {
    margin: 0 0 20px;
    font-size: 21px;
    font-weight: bold;
}
.not_available_state p {
    margin: 0 0 50px;
    font-size: 16px;
}
.not_available_state .white-btn {
    margin-top: 30px;
    padding: 11px 25px;
    border: 1px solid #d7d7d7;
    border-radius: 7px;
    font-size: 16px;
    letter-spacing: 0.3px;
    color: #000;
    cursor: pointer;
}
.not_available_state hr {
    margin-top: 130px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #efd000;
}
.not_available_state h2 {
    margin-top: 10px;
    margin-bottom: 20px;
    font: 300 36px/60px 'Proxima Nova', sans-serif;
    text-align: left;
    text-transform: none;
    letter-spacing: 0.3px;
}

.table-main-holder .fs-dropdown-open .fs-dropdown-options {
    right: 0;
}
.my-cashback .payment-history .order-table td:first-child {
    padding: 19px 0 19px 1%;
}
.my-cashback .payment-history .order-table td:first-child a:focus {
    text-decoration: none;
}
.my-cashback .payment-history .order-table th:first-child {
    padding: 0 0 0 1%;
}
.my-cashback-info {
    padding: 10px 10px 30px;
    text-align: center;
    color: #000 !important;
}
.my-cashback-info span {
    display: block;
    font: 16px/28px 'Proxima Nova', sans-serif;
}
/*======== popup ======== */
.modal-open .modal,
#register-modal,
#login-modal-confirm,
#login-modal-confirm-2 {
    z-index: 99999 !important;
}
.holder-cover {
    width: 55px;
    margin: 0 auto 30px;
}
.holder-cover img {
    display: block;
    max-width: 100%;
}
.mega-bonus #request-argument .modal-content p {
    font: 16px/28px 'Proxima Nova', sans-serif;
}
.img-copied {
    width: 68px;
    margin: 0 auto 30px;
}
.img-copied img {
    display: block;
    max-width: 100%;
}
.img-dollar {
    width: 78px;
    margin: 0 auto 40px;
}
.img-dollar img {
    display: block;
    max-width: 100%;
}

.mega-bonus .close-btn {
    top: -30px !important;
    right: -29px !important;
    background: url(https://cdn.megabonus.com/images/bg-115.png) no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
}


.slick-current .gallery-modal__btn-back {
    display: inline-block;
}
.socials-welcome {
    width: 100%;
    display: flex;
    justify-content: center;
}
.socials-welcome__item {
    width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 7px;
}
.socials-welcome__item img {
    width: 100%;
    height: auto;
}

.btn-save-country:disabled {
    background: #efefef !important;
}

.mega-bonus .slick-slide .max-height {
    min-height: 1px;
}
#select-country-popup-dropdown.fs-dropdown-open .fs-dropdown-options {
    width: 100%;
}

#cashback_animation {
    margin-bottom: -90px !important;
    margin-top: 20px !important;
}

.mega-bonus .slick-dots {
    position: absolute;
    height: 20px;
    top: -5px;
    left: 20px;
    right: 20px;
    width: calc(100% - 40px);
}

.mega-bonus .slick-dots li {
    margin: 0 6px;
}
.mega-bonus .slick-dots li button {
    width: 7px;
    height: 7px;
}

.mega-bonus #comeback-modal .visual {
    width: 391px;
}
.mega-bonus #comeback-modal .visual img,
.mega-bonus #register-modal .visual img {
    display: block;
    max-width: 100%;
}
.popup-feedback-rated {
    position: absolute;
    left: 34px;
    top: 31px;
    font: 12px/12px 'Proxima Nova', sans-serif;
    color: #000;
}
.popup-feedback-rated .spica {
    margin: 0 0 1px;
}
.popup-feedback-rated .list-rated {
    padding: 18px 0 0 0;
}
.mega-bonus #comeback-modal .modal-content .form-holder,
.mega-bonus #register-modal .modal-content .form-holder {
    padding: 36px 0 0;
    text-align: left;
}
.holder-logo {
    display: block;
    max-width: 150px;
    margin: 0 0 22px;
}
.holder-logo img {
    display: block;
    max-width: 100%;
}
.mega-bonus #comeback-modal p.title,
.mega-bonus #register-modal h1 {
    text-align: left;
    margin: 0 0 30px;
    font: 300 48px/58px 'Proxima Nova', sans-serif;
}
.registration-txt {
    display: block;
    font: 16px 'Proxima Nova', sans-serif;
    font-weight: 300;
    line-height: 1.25;
    letter-spacing: 0.5px;
    text-align: center;
    margin: 0 0 20px;
}
.label-tex {
    display: block;
    margin: 0 0 7px;
    color: #9b9b9b;
    font: bold 16px/18px 'Proxima Nova', sans-serif;
}
#comeback-modal .holder-input,
#register-modal .holder-input {
    margin: 0 0 15px;
}
#comeback-modal .holder-input input,
#register-modal .holder-input input {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
}
#comeback-modal .holder-input input:-moz-placeholder,
#register-modal .holder-input input:-moz-placeholder {
    color: #9b9b9b;
}
#comeback-modal .holder-input input::-moz-placeholder,
#register-modal .holder-input input::-moz-placeholder {
    color: #9b9b9b;
    opacity: 1;
}
#comeback-modal .holder-input input::-webkit-input-placeholder,
#register-modal .holder-input input::-webkit-input-placeholder {
    color: #9b9b9b;
}
#comeback-modal .holder-input input:-ms-input-placeholder,
#register-modal .holder-input input:-ms-input-placeholder {
    color: #9b9b9b;
}
#comeback-modal .holder-input input::placeholder,
#register-modal .holder-input input::placeholder {
    color: #9b9b9b;
}
#comeback-modal .holder-input input:focus,
#register-modal .holder-input input:focus {
    border-color: #ffdf08;
}
#comeback-modal .holder-input input:focus::-webkit-input-placeholder,
#register-modal .holder-input input:focus::-webkit-input-placeholder {
    color: transparent;
}
#register-modal .holder-input input:focus:-moz-placeholder {
    color: transparent;
}
#comeback-modal .holder-input input:focus:-ms-input-placeholder,
#register-modal .holder-input input:focus:-ms-input-placeholder {
    color: transparent;
}
#comeback-modal .holder-input input:focus::-moz-placeholder,
#register-modal .holder-input input:focus::-moz-placeholder {
    color: transparent;
}

#comeback-modal .holder-input input.error,
#register-modal .holder-input input.error {
    border-color: #f03;
}
#comeback-modal .holder-input .text-error,
#register-modal .holder-input .text-error,
#ext-register-modal .holder-input .text-error {
    opacity: 0;
    display: block;
    font: 12px/14px 'Proxima Nova', sans-serif;
    color: #f03;
    margin: 7px 0 10px;
}
#comeback-modal .holder-input.error .text-error,
#ext-register-modal .holder-input.error .text-error {
    opacity: 1;
}
#comeback-modal .pr-group:after,
#register-modal .pr-group:after {
    content: '';
    display: block;
    clear: both;
}
#comeback-modal .pr-group,
#register-modal .pr-group {
    margin: -5px 0 40px;
}
.pr-already {
    float: left;
    margin: 0 10px 10px;
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #000;
}
.pr-sing-in {
    float: right;
    margin: 0 0 10px;
    font: 14px 'Proxima Nova', sans-serif;
    letter-spacing: 0.2px;
    color: #3498db;
}
#comeback-modal input[type='submit'],
#register-modal input[type='submit'] {
    display: block;
    height: 46px;
    padding: 11px 10px;
    margin: 0 0 50px;
    text-align: center;
    background: #89bf1d;
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #fff;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
}
#comeback-modal input[type='submit']:hover,
#register-modal input[type='submit']:hover {
    background: #6e9917;
}
#comeback-modal .not_supported .pr-group {
    margin: -5px 0 20px !important;
}
#comeback-modal .not_supported #register-comeback {
    margin: 0 0 30px !important;
}
#comeback-modal .not_supported .parthners-list {
    margin: 0 0 15px -10px;
}
.registr-through {
    display: block;
    margin: 0 0 10px;
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #000;
}

.register-title, .login-title {
    margin: 15px auto;
    text-align: center;
    font: 12px 'Proxima Nova', sans-serif;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 2;
    color: #000;
    text-transform: uppercase;
}
.modal-content .login-title, .modal-content .register-title {
    margin-bottom: 20px;
}
.modal-content .enter_email {
    margin-bottom: 25px;
}

.social_list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
    padding-left: 0;
}
.social_list li {
    width: 300px;
    height: 40px;
    display: block;
    border-radius: 20px;
    margin: 0 auto 12px;
    padding-left: 58px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.social_list li::before {
    display: block;
    position: absolute;
    content: '';
}
.close-btn svg {
    display: none;
}
.social_list .social_vk {
    background: #5e88b9;
}
.social_list .social_vk:hover {
    background: #4c7aaf;
}
.social_list .social_vk::before {
    left: 20px;
    top: 13px;
    width: 24px;
    height: 14px;
    background: url(https://cdn.megabonus.com/images/user/vk.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.social_list .social_fb {
    background: #4a669f;
}
.social_list .social_fb:hover {
    background: #3a558d;
}
.social_list .social_fb::before {
    left: 26px;
    top: 8px;
    width: 12px;
    height: 22px;
    background: url(https://cdn.megabonus.com/images/user/fb.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.social_list .social_google {
    background: #db5841;
}
.social_list .social_google:hover {
    background: #d34931;
}
.social_list .social_google::before {
    left: 25px;
    top: 11px;
    width: 17px;
    height: 17px;
    background: url(https://cdn.megabonus.com/images/user/google.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.social_list .social_ok {
    background: #e88504;
}
.social_list .social_ok:hover {
    background: #dc7c00;
}
.social_list .social_ok::before {
    left: 27px;
    top: 8px;
    width: 14px;
    height: 23px;
    background: url(https://cdn.megabonus.com/images/user/ok.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.social_list li div {
    letter-spacing: 0;
    font: 16px 'Proxima Nova', sans-serif;
    color: #fff;
    line-height: 40px;
}
.enter_email {
    text-align: center;
    position: relative;
    font: 12px 'Proxima Nova', sans-serif;
    font-weight: 300;
    letter-spacing: 0.8px;
    color: #000;
    line-height: 2;
    margin-bottom: 15px;
}
.enter_email::before {
    display: block;
    content: '';
    position: absolute;
    left: -81px;
    top: 11px;
    width: 155px;
    border-bottom: 2px dashed #dfdede;
}
.enter_email::after {
    display: block;
    content: '';
    position: absolute;
    right: -81px;
    top: 11px;
    width: 155px;
    height: 2px;
    border-bottom: 2px dashed #dfdede;
}

.social-list {
    margin: 0;
    padding: 0;
    letter-spacing: 0;
    list-style: none;
    text-align: justify;
    -ms-text-justify: inter-ideograph;
}
.social-list:after {
    content: '';
    width: 100%;
    height: 0;
    display: inline-block;
}
.social-list li {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
    margin: 0 0 13px;
    cursor: pointer;
}
.social-list a {
    display: block;
    height: 100%;
}
.social-list img {
    max-width: 100%;
    display: block;
}
.parthners-list {
    margin: 0 0 0 -10px;
    padding: 0;
    list-style: none;
}
.parthners-list li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 10px 10px;
}
.holder-parthners-list {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
}
.slider-popup .slider {
    padding: 0;
    margin: 0;
    list-style: none;
}
.slider-popup .slider li {
    min-height: 361px;
}
.slider-popup .holder-img {
    width: 180px;
    margin: 0 auto;
}
.slider-popup .holder-img img {
    display: block;
    max-width: 100%;
}
.slider-popup h2 {
    text-transform: none;
    margin: 0 10px 50px;
    font: 300 36px/44px 'Proxima Nova', sans-serif;
}
.slider-popup p {
    text-transform: none;
    margin: 0 10px 85px !important;
    font: 12px/18px 'Proxima Nova', sans-serif !important;
}
.slider-popup .bx-pager {
    margin-top: 55px;
}
.slider-popup .bx-pager .bx-pager-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 2.2%;
}
.slider-popup .bx-pager .bx-pager-item a {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    width: 9px;
    height: 9px;
    border: 1px solid #000;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.slider-popup .bx-pager .bx-pager-item a.active {
    background: #000;
}
.popup-authorized .holder-logo {
    margin: 0 auto 20px;
}
.popup-authorized p {
    margin: 0 0 71px;
    font: 14px/18px 'Proxima Nova', sans-serif;
}
.forgot-register {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}
.forgot-pass-center {
    margin: 0 0 30px;
}
.forgot-pass-center .forgot-pass {
    display: inline-block;
    font: 14px/16px 'Proxima Nova', sans-serif;
}
.popup-authorized .registr-through {
    margin: 0 0 30px;
}
#register-modal .popup-authorized .registr-through {
    margin-top: 70px;
}
.popup-authorized .social-list {
    margin: 0;
    padding: 0 0 12px;
}
.agrees-conditions {
    display: block;
    font: 12px 'Proxima Nova', sans-serif;
    color: #9b9b9b;
    text-align: center;
    line-height: 1.5;
    margin-left: -20px;
    margin-right: -20px;
    padding-bottom: 10px;
}
.agrees-conditions a {
    color: #9b9b9b;
}
.agrees-conditions a:hover {
    color: #9b9b9b;
}
#loyal-modal {
    z-index: 9999;
}
#loyal-modal .timer {
    min-width: 241px;
}
#loyal-modal .timer span {
    float: left;
}
.mega-bonus #loyal-modal .modal-content {
    padding: 64px 10px 0 10px;
    background: #fff;
}
.mega-bonus #loyal-modal h3 {
    font: 300 36px/44px 'Proxima Nova', sans-serif;
}
.list-loyal {
    padding: 0 89px;
    margin: 0 0 16px;
    font-size: 0;
    line-height: 0;
    list-style: none;
    letter-spacing: 0;
    text-align: center;
}
.list-loyal li {
    display: inline-block;
    vertical-align: top;
    width: 33.3%;
    min-height: 140px;
    position: relative;
    margin: 0 0 26px;
}
.list-loyal .holder-img {
    position: relative;
    z-index: 1;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin: 0 auto 17px;
}
.list-loyal .holder-img img {
    max-width: 100%;
}
.list-loyal li.active .img-disable,
.list-loyal li .img-active {
    display: none;
}
.list-loyal li.active .img-active {
    display: block;
}
.list-loyal li .img-disable {
    display: block;
}
.list-loyal .name-user {
    position: relative;
    z-index: 3;
    display: block;
    margin: 0 0 2px;
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #9b9b9b;
}
.list-loyal li.active .name-user {
    color: #000;
}
.list-loyal li .holder-text {
    position: relative;
    z-index: 2;
}
.list-loyal .sum {
    position: relative;
    z-index: 3;
    display: block;
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #9b9b9b;
}
.list-loyal li.active .sum {
    color: #89bf1d;
}
.mega-bonus #loyal-modal h4 {
    margin: 0 0 10px;
    font: 300 20px/24px 'Proxima Nova', sans-serif;
}
.mega-bonus #loyal-modal .btn-default {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: none;
    padding: 10px 82px;
    margin: 0 0 59px;
    background: #ffdf08;
    color: #000;
    font: 16px/19px 'Proxima Nova', sans-serif;
}
.mega-bonus #loyal-modal .btn-default:hover {
    background: #ffee7b;
}
.mega-bonus #loyal-modal .bottom-box .holder-lext {
    text-align: left;
    width: 368px;
}
.mega-bonus #loyal-modal .holder-lext .text {
    font: 300 20px/24px 'Proxima Nova', sans-serif;
}
.mega-bonus #loyal-modal .bottom-box .price {
    font: 300 50px/52px 'Proxima Nova', sans-serif;
}
.mega-bonus #loyal-modal .bottom-box {
    padding: 54px 50px 52px 100px;
}
.mega-bonus #comeback-modal .modal-content {
    padding: 38px 74px 19px;
}
#comeback-modal .supported .holder-logo {
    margin: 0 auto 42px;
}
#comeback-modal .supported p.title {
    margin: 0 0 64px;
    font: 300 48px/58px 'Proxima Nova', sans-serif;
    text-align: left;
}
#comeback-modal .supported p {
    margin: 0 0 28px;
    font: 16px/28px 'Proxima Nova', sans-serif;
}
.btn-installation {
    display: block !important;
    padding: 23px 10px;
    max-width: 358px;
    width: 100%;
    margin: 62px auto 19px;
    text-align: center;
    background: #89bf1d;
    text-transform: uppercase;
    font: bold 16px/18px 'Proxima Nova', sans-serif;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.btn-installation:focus,
.btn-installation:hover {
    background: #6e9917;
    text-decoration: none;
    color: #fff;
}
.now-free {
    display: block;
    font: 14px/16px 'Proxima Nova', sans-serif;
    color: #9b9b9b;
    margin: 0 0 30px;
}
.holder-support p {
    margin: 0 0 21px;
    font: 16px/30px 'Proxima Nova', sans-serif;
}
.holder-support .list-browsers {
    padding: 0;
    margin: 0 0 95px;
}
.holder-support .list-browsers li {
    display: inline-block;
    vertical-align: top;
    margin: 0 19px;
}
.holder-support .list-browsers a {
    display: block;
    width: 30px;
    height: 34px;
}
.holder-support .list-browsers img {
    max-width: 100%;
    display: block;
}
#comeback-modal .supported .title-parthners {
    display: block;
    margin: 0 0 15px;
    font: 16px/28px 'Proxima Nova', sans-serif;
}
.popup-expansion {
    padding: 0 14% 50px;
}
.popup-expansion h2 {
    text-transform: none;
    margin: 0 0 52px;
    font: 300 36px/44px 'Proxima Nova', sans-serif;
}
.popup-expansion p {
    margin: 0 0 47px;
    font: 16px/28px 'Proxima Nova', sans-serif;
}
.list-valuation {
    padding: 0;
    margin: 0 0 95px;
    list-style: none;
    text-align: center;
}
.list-valuation li {
    display: inline-block;
    vertical-align: top;
    margin: 0 9px;
    width: 52px;
}
.list-valuation img {
    display: block;
    max-width: 100%;
}
.btn-valuation:focus {
    color: #000;
    text-decoration: none;
}

.layout {
    background: rgba(0, 0, 0, 0.53);
    width: 100%;
    height: 100%;
    position: fixed;
}


.my-cashback .payment-history .order-table.click_table tr th:last-child {
    width: 220px !important;
    text-align: center;
}
.my-cashback .payment-history .order-table.click_table tr th:first-child {
    text-align: left;
    padding-left: 50px !important;
}
.my-cashback .payment-history .order-table.click_table tr td:first-child {
    text-align: left;
    padding-left: 50px !important;
}
.my-cashback .payment-history .order-table.click_table tr td:last-child {
    width: 220px !important;
    text-align: center;
    opacity: 0.5;
}
.my-cashback .payment-history .order-table.click_table tr td .title {
    display: none;
    min-width: 170px;
}

@media screen and (max-width: 1280px) {
    .authorized-user ul div.new {
        /*display: none;*/
    }
}
@media screen and (max-width: 1200px) {
    .cacheback-block-list.expand .your-percentage,
    .cacheback-block-list__new-offers.expand .your-percentage {
        width: 35%;
    }
    .mega-bonus #footer {
        margin-top: 0;
    }
    .mega-bonus .reviews-land-block-ali .btn-holder {
        padding: 86px 0 90px 0;
    }
    .old-peace .holder-text {
        right: 10px;
        bottom: 10px;
    }
    .old-peace p {
        font-size: 16px;
        line-height: 18px;
        margin: 0 0 20px;
    }
    #js-cashBackTicket .box-dropdown,
    #js-cashBackTicket .datepicker-holder,
    #js-cashBackTicket .inner-input {
        display: block;
        width: 100%;
        margin: 0 0 10px;
    }
    #js-cashBackTicket .inner-input input {
        width: 100%;
    }
    #js-cashBackTicket .holder-input {
        max-width: 100%;
    }
    .question-registered #js-cashBackTicket .holder-input {
        padding: 0;
    }
    .settings-profiles .table-form .holder-change {
        padding: 0;
    }
    .payment-history .period {
        float: left;
        width: 45%;
    }
    .holder-list-parcel-information {
        width: 55%;
        padding: 0 0 0 10px;
    }
    .my-cashback .holder-list-parcel-information,
    .my-cashback .payment-history .period {
        width: 100%;
        padding: 0;
        text-align: center;
        margin: 0 0 10px;
    }
    .my-cashback .holder-list-parcel-information span {
        float: none;
    }
    .my-cashback .payment-history .list-parcel-information {
        margin: 0;
    }
}
@media screen and (max-width: 991px) {
    .promo-code .holder-img {
        display: none;
    }
    .my-settings {
        float: none;
        display: block;
        min-width: 310px;
        margin: 0 auto 20px;
        text-align: center;
    }
    .authorized-user {
        margin: 10px 0 0;
        width: 330px;
        text-align: left;
        left: -40px;
    }
    .promo-code h1 {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 20px;
    }
    .promo-code .holder-text {
        max-width: none;
    }
    .promo-code .holder-text .btn-save {
        margin-left: auto;
        margin-right: auto;
    }
    .promo-code .holder-text .holder-text-btn-note {
        text-align: center;
        display: block;
    }
    .feedback-rated-left {
        text-align: center;
    }
    .mega-bonus .logo {
        float: none;
        margin: 13px 0 0 !important;
        margin-left: -25px !important;
        width: 160px;
        height: 24px;
    }
    .mega-bonus .holder-entrance {
        text-align: center;
        margin: 0 0 20px;
    }
    .mega-bonus .holder-entrance a {
        float: none !important;
        display: inline-block;
        vertical-align: top;
    }
    .mega-bonus .in-btn {
        margin: 11px 15px 11px 0 !important;
    }
    .mega-bonus .in-btn:hover,
    .mega-bonus .in-btn {
        width: 35%;
    }
    .mega-bonus .btn-expansion {
        max-width: 170px;
    }
    .how-does-work span {
        line-height: 20px;
    }
    .cacheback-block-list li,
    .cacheback-block-list__new-offers li {
        width: 47%;
        margin: 0 4% 32px 0;
    }
    .cacheback-block-list li:nth-child(2n),
    .cacheback-block-list__new-offers li:nth-child(2n) {
        margin-right: 0;
    }
    .mega-bonus #footer .max-height {
        height: auto !important;
        margin: 0 0 20px !important;
    }
    .mega-bonus .footer-row {
        font-size: 0;
        line-height: 0;
    }
    .mega-bonus .footer-row > div {
        float: none !important;
        display: inline-block;
        vertical-align: top;
        width: 50%;
    }
    .mega-bonus #footer .parthners li {
        width: auto;
    }
    .mega-bonus #footer .parthners li:nth-child(2) img {
        width: auto;
        max-width: 100%;
    }
    .mega-bonus #footer .parthners li img {
        width: auto;
        max-width: 100%;
    }
    .cacheback-block-list.expand li,
    .cacheback-block-list__new-offers.expand li {
        padding: 19px 15px 9px;
    }
    .cacheback-block-list.expand .holder-img,
    .cacheback-block-list__new-offers.expand .holder-img {
        width: 150px;
    }
    .cacheback-block-list.expand .your-percentage,
    .cacheback-block-list__new-offers.expand .your-percentage {
        padding: 0 0 0 15px;
        width: 30%;
    }
    .mega-bonus #footer .parthners {
        margin: 0 0 6px 0;
    }
    .withdraw {
        border-right: none;
    }
    .how-work h2 {
        font-size: 28px;
        line-height: 30px;
    }
    .old-peace {
        background-size: cover !important;
        background-position: -60px 0px !important;
    }
    .old-peace .holder-text {
        display: none;
    }
    .methods-output .pay-list li {
        width: 33.3%;
    }
    .accordion {
        margin: 0 0 30px;
    }
    .settings-profiles .table-form {
        display: block;
    }
    .settings-profiles .form-table .holder-label,
    .settings-profiles .table-form .holder-label {
        display: block;
        width: 100%;
        padding: 0;
        text-align: left;
        margin: 0 0 10px;
    }
    .settings-profiles .form-table .holder-input,
    .settings-profiles .table-form .holder-input {
        display: block;
        width: 100%;
        margin: 0 0 10px;
    }
    .settings-profiles .table-form .holder-input input {
        width: 100%;
    }
    .settings-profiles .table-form .holder-change {
        display: block;
        width: 100%;
    }
    .settings-profiles .form-table {
        display: block;
        max-width: 100%;
    }
    .holder-parcel-information {
        display: block;
    }
    .list-parcel-information {
        display: block;
    }
    .form-parcel-information {
        display: block;
        width: 100%;
        padding: 0;
    }
    .list-parcel-information {
        margin: 0 0 0 -3%;
        letter-spacing: 0;
    }
    .list-parcel-information li {
        width: 30.3%;
        margin: 0 0 15px 3%;
    }
    .list-place-stay .holder-text {
        max-width: 385px;
    }
    .payment-history {
        padding: 10px 0;
    }
    .payment-history .table-main-holder {
        padding: 15px 0 0;
    }
    .holder-list-parcel-information,
    .payment-history .period {
        float: none;
        width: 100%;
        text-align: center;
        margin: 0 0 15px;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .holder-list-parcel-information span {
        float: none;
        display: inline-block;
        margin: 0 0 10px;
    }
    .mega-bonus #comeback-modal .modal-content .form-holder,
    .mega-bonus #register-modal .modal-content .form-holder {
        padding: 35px 30px 0;
    }
    .mega-bonus #comeback-modal h1,
    .mega-bonus #register-modal h1 {
        font-size: 38px;
        line-height: 48px;
    }
    .mega-bonus #login-modal .modal-dialog,
    .mega-bonus #register-modal .modal-dialog {
        margin: 260px auto;
    }
    .mega-bonus .close-btn {
        right: 0 !important;
    }
}
@media screen and (max-width: 820px) {
    #loyal-modal {
        overflow: scroll;
        overflow-scrolling: touch;
        -webkit-overflow-scrolling: touch;
    }
    #loyal-modal .modal-lg.modal-dialog {
        margin-bottom: 50px;
    }
    .mega-bonus #login-modal .popup-authorized,
    .mega-bonus #register-modal .popup-authorized {
        background: #fff;
        width: 450px;
        margin: auto;
    }
    .mega-bonus #login-modal .modal-content.popup-authorized .form-holder, .mega-bonus #register-modal .modal-content.popup-authorized .form-holder {
        width: auto;
        left: 0;
    }
    .list-loyal li {
        width: 100%;
    }
    .list-loyal li {
        position: relative;
    }
    .list-loyal li .holder-text {
        position: absolute;
        left: 50%;
        margin: 0 0 0 -160px;
        top: 10px;
        width: 115px;
    }
    .list-loyal li .holder-text-2 {
        margin: 0 0 0 40px;
    }
    .mega-bonus #loyal-modal .bottom-box {
        padding: 40px 70px 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #loyal-modal .bottom-box .price {
        margin: 0;
    }
    .mega-bonus #loyal-modal .bottom-box .holder-lext {
        width: 100%;
        text-align: center;
        text-align: left;
        width: 360px !important;
        margin-right: 30px;
    }
    .mega-bonus #loyal-modal .bottom-box .price {
        display: block;
        position: relative;
        right: -10px;
        width: auto;
    }
}
@media screen and (max-width: 768px) {
    .pr-like {
        opacity: 1;
    }
}
@media screen and (max-height: 768px) {
    .pr-like {
        opacity: 1;
    }
}
@media screen and (max-width: 767px) {
    .pr-like {
        opacity: 1;
    }
    .mega-bonus .holder-nav-link .right {
        padding: 0 0 0 10px;
    }
    .mega-bonus .holder-nav-link .left {
        padding: 0 10px 0 0;
    }
    .buy-more h1 {
        font-size: 36px;
        line-height: 36px;
    }
    .how-does-work:before {
        display: none;
    }
    .how-does-work {
        min-height: 190px;
    }
    .store-brand {
        padding: 47px 0;
    }
    .mega-bonus .quick-money-ali h3 {
        font-size: 30px;
        line-height: 32px;
    }

    .mega-bonus .share-block-ali .share-list {
        margin: 0 0 50px 0;
    }
    .mega-bonus .share-block-ali {
        padding: 0 0 25px;
    }
    .mega-bonus .reviews-land-block-ali h3 {
        font-size: 36px;
        line-height: 40px;
    }
    .mega-bonus .reviews-land-block-ali {
        padding: 40px 0 0 0;
    }
    .mega-bonus .footer-row > div {
        display: block;
        width: 100%;
    }
    .select-language,
    .select-sort {
        position: relative;
        z-index: 3;
        right: 0;
        top: 0;
        margin: 0 auto 20px;
    }
    .holder-copyright {
        padding: 0;
    }
    .cacheback-block-list.expand li,
    .cacheback-block-list__new-offers.expand li {
        display: block;
        text-align: center;
        margin: 0 0 32px;
    }
    .cacheback-block-list.expand .holder-img,
    .cacheback-block-list__new-offers.expand .holder-img {
        display: block;
        width: 100%;
        max-width: 200px;
    }
    .cacheback-block-list.expand .your-percentage,
    .cacheback-block-list__new-offers.expand .your-percentage {
        display: block;
        width: 100%;
        text-align: center;
        margin: 0 0 38px;
        padding: 0;
    }
    .cacheback-block-list.expand .holder-more,
    .cacheback-block-list__new-offers.expand .holder-more {
        display: block;
        text-align: center;
        margin: 0 0 53px;
    }
    .cacheback-block-list.expand .get-btn,
    .cacheback-block-list__new-offers.expand .get-btn {
        display: block;
        width: 100%;
    }
    .cacheback-block-list .get-btn a,
    .cacheback-block-list__new-offers .get-btn a {
        display: block;
        width: 100%;
        max-width: 239px;
        margin: 0 auto;
    }
    .how-work-list li {
        padding: 0 5px;
    }
    .often-issues h2,
    .my-requisites h2,
    .holder-error h2,
    .hypermarket h1,
    .cacheback-categories h2,
    .tab-body h2 {
        font-size: 28px;
        line-height: 30px;
    }
    .tab-control li {
        width: 100%;
    }
    .tab-control a {
        padding: 12px 5px;
    }
    .сache-store {
        display: block;
        width: 100%;
    }
    .old-peace {
        display: block;
        width: 100%;
        height: 448px;
    }
    .manifestation-log {
        margin: 0 auto 10px;
    }
    .manifestation-holder {
        text-align: center;
    }
    .requisites-changed h3,
    .content-text h3 {
        font-size: 30px;
        line-height: 32px;
    }
    .content-text h3 br {
        display: none;
    }
    .content-text p {
        font: 16px/28px 'Proxima Nova', sans-serif;
        margin: 0 0 20px;
    }
    .mega-bonus #footer {
        padding: 50px 0 114px 0;
    }
    .item-nav a {
        text-align: center !important;
        margin: 0 0 10px;
    }
    .methods-output {
        padding: 42px 10px;
    }
    .methods-output .pay-list li {
        width: 50%;
    }
    .my-requisites h2 {
        /*margin: 0 0 25px;*/
    }
    .my-requisites {
        margin: 0 0 40px;
    }
    .methods-output h4 {
        margin: 0 0 40px;
    }
    .methods-output .pay-list .visual {
        margin: 17px auto 20px;
    }
    .methods-output .pay-list li {
        margin: 0 0 110px;
    }
    .list-request-payment li {
        width: 50%;
        padding: 0 15px;
    }
    .list-request-payment {
        margin: 0 -30px -77px;
        padding: 0 15px;
    }
    .withdrawal-funds .holder-table {
        display: block;
        text-align: center;
    }
    .withdrawal-funds .holder-input {
        display: block;
        width: 100%;
        padding: 0;
        text-align: left;
    }
    .withdrawal-funds .holder-btn {
        display: inline-block;
    }
    .holder-request-payment {
        padding: 43px 20px;
    }
    .withdrawal-funds {
        padding: 22px 20px;
    }
    .question-registered .holder-table {
        display: block;
        margin: 0;
    }
    .question-registered .table-label {
        display: block;
    }
    .question-registered .table-input {
        display: block;
    }
    .question-registered .holder-submit {
        display: block;
        text-align: center;
        float: none;
        margin: 0 auto 20px;
    }
    .often-issues {
        padding: 20px 0 0;
    }
    .accordion .item .expanded {
        padding: 30px 0 10px;
    }
    .income-friends {
        padding: 0;
    }
    .bring-friend p {
        line-height: 34px;
    }
    .link-mark span {
        display: block;
    }
    .cashback-link-block .link-mark .link #link-to-copy {
        overflow: visible;
    }
    .cashback-link-block .link-mark .link-to-copy__notification {
        animation: slide_right_mobile 1s;
        top: 40px;
        right: 50%;
        transform: translateX(50%);
    }
    .cashback-link-block .link-mark .link-to-copy__notification--hidden {
        top: 40px;
        right: 50%;
        transform: translateX(50%);
    }
    .invite-a-friend-share-block p {
        margin-top: 26px;
    }
    .bring-friend p a {
        display: inline-block;
        margin: 8px 0 0;
    }
    .cashback-link-block {
        padding: 47px 15px 60px;
    }
    .password-settings fieldset {
        padding: 41px 40px;
    }
    .top-nav .swiper-button-prev,
    .top-nav .swiper-button-next {
        width: 60px !important;
    }
    .settings-profiles form {
        padding: 43px 20px 55px;
    }
    .list-place-stay .holder-text {
        padding: 0;
        border: none;
    }
    .list-place-stay .holder-text:before {
        display: none;
    }
    .list-place-stay {
        padding: 0 0 0 10px;
    }
    .list-place-stay li {
        border-left: 1px solid #e2e2e2;
        padding: 0 0 0 15px;
    }
    .list-place-stay li:before {
        content: '';
        position: absolute;
        left: -6px;
        top: -3px;
        width: 13px;
        height: 13px;
        background: #89bf1e;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }
    .list-place-stay .holder-text {
        min-height: 100px;
    }
    .list-parcel-information {
        margin: 0;
    }
    .list-parcel-information li {
        width: 100%;
        margin: 0 0 15px;
    }
    .holder-number-otpravlenyya {
        padding: 0 25px 0;
    }
    .acardion-information .item {
        padding: 19px 25px 0;
    }
    .title-information {
        display: none;
    }
    .header-acardion {
        position: relative;
        padding: 0 60px 0 0;
    }
    .state-cargo,
    .acardion-information .package {
        float: none;
        width: 100%;
        padding: 0;
    }
    .link-operation {
        float: none;
        position: absolute;
        padding: 0;
        right: 0;
        top: 0;
    }
    .link-operation a {
        margin: 0 0 0 10px;
    }
    .holder-parcel-information {
        margin: 0 0 25px;
    }
    .payment-history .order-table th:first-child {
        padding: 0 0 0 5px;
    }
    .payment-history .order-table td:first-child {
        padding: 19px 0 19px 5px;
    }
    .mega-bonus #login-modal .modal-lg,
    .mega-bonus #register-modal .modal-lg {
        padding: 0 15px;
    }
}
@media screen and (max-width: 700px) {
    .payment-history .period .datepicker-holder {
        width: 100%;
        margin: 0 0 10px;
        padding: 0;
    }
    #register-modal .popup-authorized, #login-modal .popup-authorized {
        padding: 0;
    }
    .payment-history .order-table td .info-btn {
        display: block;
        margin: 0 auto;
    }

    .payment-history .box-dropdown {
        width: 100%;
        margin: 0;
    }
    .payment-history .holder-list-parcel-information span.status-filter-button {
        width: 100%;
        margin-bottom: 10px;
        text-align: left;
        padding-left: 10px;
    }
    .table-main-holder .status-filter span.close-status {
        position: relative;
    }

    #ext-register-modal .close-btn {
        right: 0;
    }

    .my-cashback .payment-history .table-clicks {
        border-top: none;
        padding: 0;
    }
    .my-cashback .payment-history .order-table.click_table {
        border-top: 1px solid #e2e2e2;
    }
    .my-cashback .payment-history .order-table.click_table tr td:last-child {
        width: 100% !important;
        opacity: 1;
        color: #888;
    }
    .my-cashback .payment-history .order-table.click_table tr {
        border-bottom: 1px solid #e2e2e2;
    }
    .my-cashback .payment-history .order-table.click_table tr td {
        padding-left: 10px !important;
        display: flex;
        justify-content: flex-start;
        background: none;
        border-top: none !important;
    }
    .my-cashback .payment-history .order-table.click_table tr:hover {
        background: none !important;
    }
    .my-cashback .payment-history .order-table.click_table tr:nth-child(odd):hover td {
        background: #f9f9f9 !important;
    }

    .my-cashback .payment-history .order-table.click_table tr th:first-child {
        padding-left: 10px !important;
    }
    .my-cashback .payment-history .order-table.click_table tr td:first-child {
        padding-left: 10px !important;
    }

    .my-cashback .payment-history .order-table.click_table tr td .title {
        display: block;
        min-width: none;
    }
    .my-cashback .payment-history .order-table.click_table tr:first-child td {
        border-top: none;
    }
    .my-cashback .payment-history .order-table.click_table tr:nth-child(odd) td {
        background: #f9f9f9;
    }
    .my-cashback .payment-history .order-table.click_table tr:last-child {
        border-bottom: none;
    }
}
@media screen and (max-width: 640px) {
    .mega-bonus .logo {
        width: 155px !important;
        height: 22px !important;
        margin: 14px 0 0 !important;
    }
    .methods-output .pay-list > li {
        display: inline-block;
    }
    .password-settings .table {
        display: block;
    }
    .password-settings .holder-label {
        display: block;
        text-align: left;
        width: 100%;
        margin: 0 0 10px;
    }
    .password-settings .holder-input {
        display: block;
        padding: 0;
    }
    .password-settings input[type='submit'] {
        margin: 0 0 15px;
    }
    .number-otpravlenyya .holder-table {
        display: block;
    }
    .number-otpravlenyya .holder-input {
        display: block;
        padding: 0;
    }
    .number-otpravlenyya .holder-submit {
        display: block;
    }
    .payment-history .list-parcel-information {
        padding: 0;
    }
    .payment-history .list-parcel-information li {
        width: 100%;
        margin: 0 0 10px;
    }
    .mega-bonus #login-modal .modal-content .form-holder,
    .mega-bonus #comeback-modal .modal-content .form-holder,
    .mega-bonus #register-modal .modal-content .form-holder {
        padding: 35px 30px 0;
    }
    #login-modal .modal-content.popup-authorized .form-login,
    #register-modal .modal-content.popup-authorized .form-login {
        padding: 0;
    }
    .mega-bonus #comeback-modal .modal-content {
        padding: 38px 40px 19px;
    }
    #comeback-modal .supported h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .holder-support .list-browsers {
        margin: 0 0 30px;
    }
    .popup-expansion {
        padding: 0 10px 50px;
    }
    .popup-expansion p {
        margin: 0 0 20px;
    }
    .list-valuation {
        margin: 0 0 45px;
    }
    .popup-expansion h2 {
        font-size: 30px;
        line-height: 38px;
    }
    .list-valuation li {
        margin: 0 5px;
    }

    .mega-bonus #loyal-modal .bottom-box {
        flex-direction: column;
        padding: 30px 70px;
    }
    .mega-bonus #loyal-modal .bottom-box .holder-lext {
        margin-right: 0;
        text-align: center;
    }
    .mega-bonus #loyal-modal .bottom-box .price {
        right: 0;
        margin-top: 20px;
    }
}
@media screen and (max-width: 640px) {
    .mega-bonus .logo {
        margin: 10px auto 20px !important;
    }
}
@media screen and (max-width: 500px) {
    .my-name .holder-text {
        display: inline-block;
        vertical-align: middle;
        max-width: 260px;
        min-width: 220px;
    }
    .btn-cacheback {
        display: block;
        padding: 23px 10px;
    }
    .cacheback-block-list li,
    .cacheback-block-list__new-offers li {
        width: 100%;
        margin: 0 0 32px 0;
    }
    .cacheback-block-list.notauth li {
        width: 100% !important;
    }
    .view-block {
        display: none;
    }
    .cacheback-block-list,
    .cacheback-block-list__new-offers {
        margin: 0;
    }
    .mega-bonus .reviews-land-block .links li {
        margin: 0 0.5%;
    }
    .mega-bonus .reviews-land-block-ali .btn-holder .link-expansion {
        padding: 23px 10px;
    }
    .how-work-list li {
        width: 50%;
        margin: 0 0 25px;
    }
    .how-work-list li:after {
        display: none;
    }
    .list-cacheback-categories {
        display: block;
    }
    .list-cacheback-categories li {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .list-cacheback-categories span,
    .list-cacheback-categories strong {
        display: block;
        width: 100%;
        text-align: center;
    }
    .list-cacheback-categories span {
        margin: 0 0 10px;
    }
    .old-peace {
        background-position: -131px 0px !important;
    }
    .manifestation-holder strong,
    .manifestation-holder span {
        display: block;
        margin: 0 0 5px;
    }
    .manifestation-holder a {
        margin: 0;
    }
    .form-password-recovery {
        text-align: center;
    }
    .form-password-recovery .holder-input {
        width: 100%;
        text-align: left;
        margin: 0 0 10px;
    }
    .methods-output .pay-list li {
        width: 100%;
    }
    .list-request-payment li {
        width: 100%;
        padding: 0;
    }
    .list-request-payment {
        margin: 0 0 -77px;
        padding: 0 0;
    }
    .income-table-friends thead {
        display: none;
    }
    .income-table-friends span {
        display: block;
        padding: 0 0 10px;
        color: #000;
    }
    .income-table-friends td {
        display: block;
    }
    .cashback-link-block .pr-table {
        display: block;
    }
    .cashback-link-block .holder-input {
        display: block;
        padding: 0;
    }
    .cashback-link-block .holder-button {
        display: block;
        width: 100%;
    }
    .password-settings fieldset {
        padding: 41px 30px;
    }
    .top-nav .swiper-button-prev, .top-nav .swiper-button-next {
        width: 100px !important;
    }
    .settings-profiles .holder-check label {
        display: block;
        margin: 0 0 10px;
    }

    .mega-bonus .slick-dots {
        position: absolute;
        bottom: -30px;
    }
    .pr-already {
        float: none;
        display: block;
        margin: 0 0 10px;
    }
    .pr-sing-in {
        display: block;
        float: none;
        text-align: center;
        margin-top: 15px;
    }
    .mega-bonus #login-modal .popup-authorized .pr-group, .mega-bonus #register-modal .popup-authorized .pr-group {
        margin-bottom: 5px;
    }
    .mega-bonus #comeback-modal h1 {
        font-size: 30px;
        line-height: 38px;
    }

    .social_list li {
        width: 280px;
        text-align: left;
    }
    .social_list li div {
        font-size: 14px;
    }
    .forgot-register {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .agrees-conditions {
        padding: 0 10px 10px;
    }
    .enter_email::before, .enter_email::after {
        width: 50%;
    }
    .close-btn svg {
        display: block;
        position: absolute;
        right: 25px;
        top: 44px;
    }
    .close-btn svg #close-btn-svg {
        fill: #d5d5d5;
        transition: all .2s ease;
    }
    .close-btn:hover svg #close-btn-svg {
        fill: #666;
    }
    .mega-bonus #login-modal .popup-authorized, .mega-bonus #register-modal .popup-authorized {
        width: 100%;
        height: 100%;
        padding-top: 30px;
        border-radius: 0;
    }
    .mega-bonus #login-modal .modal-content.popup-authorized .form-holder,
    .mega-bonus #register-modal .modal-content.popup-authorized .form-holder {
        text-align: center;
        padding: 0;
    }
    .forgot-pass-center {
        margin: 15px 0 0;
    }
    .mega-bonus #login-modal .popup-authorized .pr-group, .mega-bonus #register-modal .popup-authorized .pr-group {
        margin-top: 5px;
    }
    .mega-bonus #comeback-modal .modal-content {
        padding: 38px 15px 19px;
    }
    .holder-support .list-browsers li {
        margin: 0 7px;
    }
    .list-valuation a {
        width: 35px;
    }
    .mega-bonus #loyal-modal .bottom-box {
        padding: 30px 50px
    }
    .mega-bonus #loyal-modal .bottom-box .holder-lext {
        width: 260px !important;
    }
    .cacheback-block-list .get-btn a,
    .cacheback-block-list__new-offers .get-btn a {
        max-width: 100%;
    }
}
/*gray nav*/
#wrapper {
    width: 100%;
    min-height: 100%;
    position: relative;
    background: #fff;
}
.top-nav-holder-empty {
    position: relative;
    height: 1px;
    z-index: 0;
    padding: 0;
    margin: 0;
    background-color: #e6e6e6;
}
.top-nav-holder {
    position: relative;
    height: 40px;
    z-index: 300;
    padding: 0;
    margin: 0;
}
.top-nav-holder.fixed {
    position: fixed;
}
.top-nav {
    height: 40px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
}
.top-nav-holder:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: #333;
    z-index: -1;
    content: '';
}
.top-nav .top-nav__wrapper {
    height: 100%;
    font-size: 0px;
    line-height: 0;
    white-space: nowrap;
    margin: 0 auto;
    padding: 0;
}
.top-nav .top-nav__item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
}
.top-nav .top-nav__item.top-nav__has-drop:after {
    content: '';
    position: absolute;
    z-index: 12;
    left: 50%;
    bottom: -4px;
    margin: 0 0 0 -9999px;
    border: 12px solid transparent; border-bottom: 12px solid #ffdf08;
    -webkit-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
    opacity: 0;
}
.top-nav .top-nav__item.top-nav__has-drop.active:after {
    opacity: 1;
    margin: 0 0 0 -12px;
}
.top-nav .swiper-button-prev,
.top-nav .swiper-button-next {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 40px;
    font: 20px/40px 'Proxima Nova', sans-serif;
    color: #fff;
    background: -moz-linear-gradient(left, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0) 100%);
    background: linear-gradient(to right, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0) 100%);
    z-index: 100;
    padding: 0;
    cursor: pointer;
    width: 60px;
}
.top-nav .swiper-button-next {
    text-align: right;
    left: auto;
    right: 0px;
    background: -moz-linear-gradient(left, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 1) 100%);
    background: linear-gradient(to right, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 1) 100%);
}
.top-nav .swiper-button-prev:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin: -9px 0 0;
    background: url(https://cdn.megabonus.com/images/bg-96.png) no-repeat;
    width: 12px;
    height: 18px;
}
.top-nav .swiper-button-prev:hover:before {
    background: url(https://cdn.megabonus.com/images/bg-98.png) no-repeat;
}
.top-nav .swiper-button-next:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin: -9px 0 0;
    background: url(https://cdn.megabonus.com/images/bg-95.png) no-repeat;
    width: 12px;
    height: 18px;
}
.top-nav .swiper-button-next:hover:before {
    background: url(https://cdn.megabonus.com/images/bg-97.png) no-repeat;
}
.top-nav .swiper-button-disabled {
    display: none;
}
.top-nav .swiper-button-prev i,
.top-nav .swiper-button-next i {
    /*margin: 0px 15px;*/
    display: none;
}
.top-nav .top-nav__item > a {
    display: block;
    text-decoration: none;
    color: #fff;
    letter-spacing: 0;
    font: 16px/40px 'Proxima Nova', sans-serif;
}
.top-nav .top-nav__item > a:hover {
    color: #ffdf08;
}
.top-nav .drop-nav-holder {
    display: none;
}
.append-drop-wrapper {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    background: #ffdf08;
    box-shadow: 0 0 9px 6px rgba(0, 0, 0, 0.2);
    display: none;
}
.append-drop-wrapper .drop-nav-holder {
    padding: 0;
    overflow: hidden;
    width: 960px;
    position: relative;
    margin: 0;
}
.append-drop-wrapper .drop-nav-wrapper {
    height: 100%;
    font-size: 0px;
    line-height: 0;
    white-space: nowrap;
    margin: 0 auto;
    padding: 0;
    letter-spacing: 0;
}
.append-drop-wrapper.alignRight .drop-nav-wrapper {
    text-align: right;
}
@media screen and (max-width: 1200px) {
    .append-drop-wrapper .drop-nav-holder {
        width: 720px;
    }
}
@media screen and (max-width: 991px) {
    .append-drop-wrapper .drop-nav-holder {
        width: auto;
        max-width: 750px;
        margin: 0 auto;
        left: 0 !important;
    }
    .append-drop-wrapper.alignRight .drop-nav-wrapper {
        text-align: left;
    }
    .append-drop-wrapper {
        display: block;

    }
}
.append-drop-wrapper .drop-nav-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    font: 300 16px/16px 'Proxima Nova', sans-serif;
    width: 120px;
    text-align: center;
}
.append-drop-wrapper .drop-nav-item > a {
    display: block;
    color: #000;
    padding: 16px 7px 13px;
    position: relative;
}
.append-drop-wrapper .drop-nav-item > a:hover {
    text-decoration: none;
    background: #ffdf08;
    background: -moz-linear-gradient(top, #ffdf08 0%, #fff3a1 100%);
    background: -webkit-linear-gradient(top, #ffdf08 0%, #fff3a1 100%);
    background: linear-gradient(to bottom, #ffdf08 0%, #fff3a1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf08', endColorstr='#fff3a1', GradientType=0);
}
.append-drop-wrapper .drop-nav-item > a > span {
    display: block;
}
.append-drop-wrapper .drop-nav-item .holder-img {
    width: 27px;
    height: 27px;
    margin: 0 auto 9px;
}
.append-drop-wrapper .drop-nav-item .holder-img img {
    max-width: 100%;
    display: block;
}
.append-drop-wrapper .swiper-button-prev,
.append-drop-wrapper .swiper-button-next {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0;
    font: 40px/40px 'Proxima Nova', sans-serif;
    color: #333;
    background: -moz-linear-gradient(left, rgba(255, 223, 8, 1) 0%, rgba(255, 223, 8, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 223, 8, 1) 0%, rgba(255, 223, 8, 0) 100%);
    background: linear-gradient(to right, rgba(255, 223, 8, 1) 0%, rgba(255, 223, 8, 0) 100%);
    z-index: 100;
    padding: 0;
    cursor: pointer;
    width: 60px;
}
.append-drop-wrapper .swiper-button-next {
    text-align: right;
    left: auto;
    right: 0px;
    background: -moz-linear-gradient(left, rgba(255, 223, 8, 0) 0%, rgba(255, 223, 8, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 223, 8, 0) 0%, rgba(255, 223, 8, 1) 100%);
    background: linear-gradient(to right, rgba(255, 223, 8, 0) 0%, rgba(255, 223, 8, 1) 100%);
}
.append-drop-wrapper .swiper-button-disabled {
    display: none;
}
.append-drop-wrapper .swiper-button-prev i,
.append-drop-wrapper .swiper-button-next i {
    /* delete display when return submenu */
    display: none;

    margin: -38px 0 0 -35px;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 70px;
}

.top-nav-holder {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
}

.holder-center {
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
}
@media screen and (max-width: 778px) {
    .top-nav-holder.fixed {
        position: relative;
    }
}
/*end nav*/

/* select country modal start */
#country-modal {
    background: rgba(0, 0, 0, 0.53);
}
#country-modal .modal-content {
    padding: 55px;
    width: 600px;
}
#country-modal h3 {
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 300;
    font-size: 36px;
}
#country-modal .modal-content .world-img {
    width: 140px;
    margin: 40px auto 50px;
}
#country-modal .modal-content .world-img img {
    width: 100%;
}
#country-modal p {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.6px;
    padding: 0 70px;
    margin-bottom: 30px;
}
#country-modal .box-dropdown {
    margin: 0 auto 40px;
    max-width: 320px !important;
    width: 100% !important;
}
#country-modal .box-dropdown .fs-dropdown,
#country-modal .box-dropdown .fs-dropdown-options {
    width: 320px !important;
}
#country-modal .box-dropdown .fs-dropdown-options button:hover {
    background: #c7c7c7;
}
#country-modal button#apply_country {
    max-width: 322px;
    width: 100%;
    height: 40px;
    border-radius: 4px;
    background-color: #ffdf08;
    border: none;
    font-family: 'Proxima Nova', sans-serif;
    color: #000;
    font-size: 16px;
    letter-spacing: 0.6px;
    margin-bottom: 100px;
}
#country-modal button#apply_country:disabled,
#country-modal button#apply_country:disabled:hover {
    background-color: #e6e6e6;
    color: #9b9b9b;
}
#country-modal button#apply_country:hover {
    background: #ffee7b;
    opacity: 1;
}
@media screen and (max-width: 700px) {
    #country-modal .modal-dialog {
        margin: 285px 15px;
    }
    #country-modal .modal-content {
        width: 100%;
        padding: 20px;
    }
    #country-modal p {
        padding: 0 20px;
    }
}

/* select country modal end */
/* new landing 19-09-2017 start */
.background_gray {
    background: #f7f7f7;
}

.quick-money-ali-block {
    margin-top: 30px;
    padding: 80px 0 20px;
}
.quick-money-ali-block h3 {
    font: 300 48px/50px 'Proxima Nova', sans-serif;
    text-align: center;
    margin-bottom: 120px;
}
.quick-money-ali-block__item {
    margin-bottom: 70px;
    text-align: center;
}
.quick-money-ali-block__addition {
    text-align: center;
    color: #4f4f4f;
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 300;
}


.uppercase {
    text-transform: uppercase;
}

/* browser list start */
.built-browser-list {
    display: flex;
    justify-content: center;
}
@media all and (max-width: 991px) {
    .built-browser-list {
        flex-wrap: wrap;
    }
}
.built-browser-list button {
    display: inline-block !important;
    background: #fff;
    margin: 0 30px;
    width: 50px;
    border: none;
    padding: 0;
    max-width: 16%;
}
@media all and (max-width: 991px) {
    .built-browser-list button {
        max-width: 30%;
    }
}
.built-browser-list button img {
    width: auto;
    /*height: auto !important;*/
    max-height: 90%;
}
.built-browser-list button span {
    display: block;
    color: #3498db;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    text-decoration: underline;
}
.built-browser-list button:hover span {
    text-decoration: none;
}
/* browser list end */
.new-offers {
    margin-top: 80px;
}
.new-offers h2 {
    margin: 0 0 30px;
    font: 300 48px/62px 'Proxima Nova', sans-serif;
    text-transform: none;
}

.select-sort {
    position: relative;
    top: 0;
    width: auto;
    min-width: 250px;
    margin-top: -12px;
}
.select-sort .selected {
    padding: 0 40px 0 0;
    margin: 0 !important;
}
.select-sort span,
.select-sort a {
    margin: 0;
    font: 16px/18px 'Proxima Nova', sans-serif;
}
.store-brand .pr-sort ul {
    overflow: visible;
}
.select-sort.open .dropdown-content {
    top: 39px;
}
.select-sort .dropdown-content li:hover {
    background: #f8f8f8;
    border-right: 1px solid #e6e6e6;
}
.select-sort .dropdown-content li {
    margin: 0;
    width: 100%;
}
.select-sort .dropdown-content li a {
    padding: 0;
    cursor: pointer;
}
/* new landing 19-09-2017 end */
/* categories menu 03-10-2017 start */
.categories-menu-block {
    min-height: 100px;
    border-radius: 4px;
    padding: 22px 15px 0 0;
    overflow: scroll;
}
.categories-menu-block .jspVerticalBar {
    display: none;
}
.categories-menu-block .jspPane {
    margin-left: 0 !important;
}
.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
}
.categories-menu-block__title p {
    font: 12px/18px 'Proxima Nova', sans-serif;
    text-transform: uppercase;
    margin: 0;
    cursor: pointer;
    letter-spacing: 0.9px;
    color: #4d4d4d;
}
.categories-menu-block__title .categories-menu-block-title__arrow {
    height: 18px;
}
.categories-menu-block__search-category-block {
    margin: 18px 0 10px;

}
.categories-menu-block__search-category-block input {
    height: 40px;
    border-radius: 4px !important;
    background: url(https://cdn.megabonus.com/images/categories/search_icon_black.svg) no-repeat 95%;
    background-size: 15px 15px;
    padding: 0 33px 0 14px;
    font-size: 14px;
    letter-spacing: 0.2px;
}
.categories-menu-block__checkbox-tree-block {
    margin: 15px 0 32px;
}
.checkbox-tree-block__checkbox-item {
    margin: 10px 0 13px;
    height: 28px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 48px;
    clear: both;
    cursor: pointer;

}
.checkbox-tree-block__checkbox-item input[type="checkbox"] {
    display: none;
}
.checkbox-tree-block__checkbox-item > div {
    display: inline-block;
    width: 28px;
    float: left;
    margin-right: 12px;
    height: auto;
}
.checkbox-tree-block__checkbox-item.checked > p {
    font: bold 16px/16px 'Proxima Nova', sans-serif;
    line-height: 28px;
}
.checkbox-tree-block__checkbox-item p {
    font: 16px/16px 'Proxima Nova', sans-serif;
    margin-bottom: 0;
    float: left;
    line-height: 28px;
}
.checkbox-tree-block__checkbox-item__arrow,
.categories-menu-block-title__arrow {
    float: right;
    display: block;
    width: 20px;
    height: 28px;
    cursor: pointer;
    background: url(https://cdn.megabonus.com/images/categories/arrow_down.svg) no-repeat 50%;
    transform: rotate(180deg);
}
.parent-div {
    margin-bottom: 20px;
}
.parent-div.closed {
    margin-bottom: 40px;
}
.checkbox-tree-block__checkbox-item.closed .checkbox-tree-block__checkbox-item__arrow,
.parent-div.closed .categories-menu-block-title__arrow {
    transform: none;
    opacity: 0.7;
}
.checkbox-tree-block__checkbox-item.closed div.sub,
.categories-menu-block__categories-block.closed .sub-categories-block,
.parent-div.closed .categories-menu-block__checkbox-tree-block {
    display: none;
}
.checkbox-tree-block__checkbox-item div.sub {
    margin: 20px 0 0 42px;
    width: 82%;
}
.payment-history-inform .holder-img {
    width: 40px !important;
    height: 40px;
    display: block !important;
    margin: 0 auto 10px;
}
@media screen and (min-width: 768px) {
    .categories-menu-block {
        max-height: 107vh;
    }
}
@media screen and (max-width: 767px) {
    .categories-menu-block {
        margin: 20px 0;
        width: 100%;
    }
    .categories-menu-block > div {
        position: inherit !important;
        width: 100% !important;
    }

    .cacheback-block-list li {
        width: 100%;
    }
}
@media screen and (max-width: 991px) {
    .cacheback-block-list__banner {
        margin-bottom: 4%;
    }
    .cacheback-block-list li {
        width: 100%;
        height: 284px;
        margin-bottom: 4%;
    }
    .cacheback-block-list.notauth li {
        width: 47%;
    }
    .pr-sort > ul > li:first-child {
        margin-bottom: 25px;
    }
}
@media screen and (max-width: 500px) {
    .pr-sort li {
        width: 100%
    }
    .old-store {
        font: 300 35px/40px 'Proxima Nova', sans-serif;
        margin: 0;
    }
}
/* categories menu 03-10-2017 end */
/* requisites new 09-10-2017 start */
.methods-output .pay-list li {
    margin-bottom: 40px;
}
.pay-list-item-div {
    position: relative;
    padding: 20px;
    min-height: 355px;
    border: 1px solid #e6e6e6;
}
.pay-list-item-div a.ico-gear {
    position: static;
}
.pay-list-item-div .presentation {
    width: 100% !important;
}
.pay-list-item-div.blocked .ico-gear {
    opacity: 0.4;
    cursor: default !important;
}
.yellow_btn {
    border: none;
    overflow: hidden;
    width: 100%;
    height: auto;
    padding: 11px 47px;
    margin: 0 0 10px;
    font: 16px/18px 'Proxima Nova', sans-serif;
    color: #000 !important;
    background: #ffdf08;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.yellow_bd_btn {
    border: 2px solid #fedd2d;
    font: 16px/18px 'Proxima Nova', sans-serif;
    padding: 9px 15px;
    position: relative;
    top: 5px;
    width: 100%;
    height: auto;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.yellow_bd_btn:hover {
    background: #fedd2d;
}
.pay-list-item-div.blocked .yellow_btn {
    background: #ababab;
    cursor: default;
}
.yellow_btn:hover,
.yellow_btn:active {
    background: #ffee7b;
}
.pay-list-item-div.add_new .ico-gear {
    display: none;
}
.pay-list-item-div .action_block {
    position: relative;
}
.pay-list-item-div .action_block .edit-form input {
    height: 38px;
    margin: 0;
}
.pay-list-item-div .action_block .edit-form span {
    height: 20px;
    padding: 4px 6px;
    width: 26px;
}
.pay-list-item-div .action_block .edit-form span.btn-delete {
    right: 0;
}
.pay-list-item-div .action_block .edit-form span.btn-check {
    right: 27px;
}
.pay-list-item-div .action_block .edit-form i {
    vertical-align: super;
}
.pay-list-item-div .action_block input,
.payout-request-div-item input {
    height: 38px;
    color: #000;
    text-align: center;
    overflow: hidden;
    background-color: #e3e3e3;
    border-radius: 0 !important;
}
.pay-list-item-div.add_new .action_block input {
    background: #fff;
}
.pay-list-item-div .error_div .error-msg {
    opacity: 1;
    margin-top: 25px;
    position: static;
}
.pay-list-item-div .visual {
    position: relative;
    min-height: 63px;
}
.pay-list-item-div .visual img {
    max-width: 70%;
    max-height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.pay-list-item-div.not-confirmed {
    background: #f2f2f2;
}
.pay-list-item-div .not-confirmed-div {
    margin-top: 15px;
    position: relative;
}
.pay-list-item-div .not-confirmed-div span {
    padding-right: 5px;
}
.pay-list-item-div .not-confirmed-div a,
.payout-request-div-item .tooltip_block a {
    position: absolute;
    cursor: pointer;
    z-index: 9;
    right: 0;
    top: -2px;
    display: inline-block;
    height: 25px;
    width: 25px;
    line-height: 25px;
    font-size: 16px;
    color: #000;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.pay-list-item-div .not-confirmed-div a:hover,
.payout-request-div-item .tooltip_block a:hover {
    text-decoration: none;
}
.pay-list-item-div .not-confirmed-div .tooltip-inner,
#js-money-preview .tooltip-inner,
.payout-request-div-item .tooltip_block .tooltip-inner {
    text-align: center;
    text-decoration: none;
    opacity: 1 !important;
    -webkit-box-shadow: 0 6px 17px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 6px 17px 5px rgba(0, 0, 0, .1);
    background: #000 !important;
    color: #fff !important;
    padding: 9px 34px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    font: 12px/18px 'Proxima Nova', sans-serif !important;
}
.pay-list-item-div .not-confirmed-div .tooltip-arrow,
#js-money-preview .tooltip-arrow,
.payout-request-div-item .tooltip_block .tooltip-arrow {
    border-bottom-color: #000;
}
.pay-list-item-div .action_block .phone-operator-list {
    z-index: 1;
}
.pay-list-item-div .action_block .phone-operator-list li {
    padding-left: 0;
}
.pay-list-item-div[data-type="phone"] .action_block > span {
    content: '';
    position: absolute;
    z-index: 2;
    left: 8px;
    top: 8px;
    width: 18px;
    height: 20px;
    background-size: 100% !important;
    cursor: pointer;
}
.pay-list-item-div[data-type="phone"] .action_block[data-operator="mts"] > span {
    background: url(https://cdn.megabonus.com/images/mts.png) no-repeat 50% 50%;
}
.pay-list-item-div[data-type="phone"] .action_block[data-operator="megafon"] > span {
    background: url(https://cdn.megabonus.com/images/megafon.png) no-repeat 50% 50%;
}
.pay-list-item-div[data-type="phone"] .action_block[data-operator="beeline"] > span {
    background: url(https://cdn.megabonus.com/images/beeline.png) no-repeat 50% 50%;
}
.pay-list-item-div[data-type="phone"] .action_block[data-operator="tele2"] > span {
    background: url(https://cdn.megabonus.com/images/tele2.png) no-repeat 50% 50%;
}
/* requisites new 09-10-2017 end */
/* payout request new 12-10-2017 start */
.payout-request-div-item {
    position: relative;
    max-width: 224px;
    width: 100%;
    height: 195px;
    line-height: 195px;
    margin: 0 auto 20px;
    text-align: center;
    border: 1px solid #e6e6e6;
    cursor: pointer;
}
.payout-request-div-item.checked {
    border-color: #ffdf08;
}
.payout-request-div-item .image-block {
    height: 50%;
    position: relative;
}
.payout-request-div-item .image-block img {
    max-width: 70%;
    max-height: 80%;
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
.payout-request-div-item input {
    border: none;
    width: 85%;
    margin-top: -156px;
}
.payout-request-div-item .tooltip_block {
    position: relative;
    margin: 20px auto;
    width: 85%;
    z-index: 2;
    margin-top: -137px;
}
.payout-request-div-item .tooltip_block span {
    position: absolute;
    left: 0;
    right: 0;
    line-height: 25px;
    font-size: 14px;
    color: #000;
}
.list-request-payment li > span:hover {
    cursor: pointer;
}
.payout-request-div-item.not_confirmed:before,
.payout-request-div-item.disabled:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #e6e6e6;
    opacity: 0.5;
    cursor: default;
    z-index: 1;
}
.payout-request-div-item.not_confirmed,
.payout-request-div-item.disabled {
    cursor: default;
}
.payout-request-div-item .tooltip_block .tooltip-arrow {
    margin-left: 2px !important;
}
.payout-request-div-item.add-requisite .image-block {
    height: 100%;
}
.payout-request-div-item.add-requisite .image-block img {
    max-width: 35%;
    max-height: 35%;
}

/* payout request new 12-10-2017 end *

/* cashback-block-list banner 2-11-2017 start */
.cacheback-block-list__banner {
    width: 100%;
    min-height: 50px;
    margin-bottom: 2%;
    background: #f7f7f7;
    padding: 70px 0 50px;
}
.cacheback-block-list__banner h2 {
    font: bold 40px/55px 'Proxima Nova', sans-serif;
    letter-spacing: 0;
    text-transform: none;
    text-align: center;
    margin-bottom: 40px;
}
.cacheback-block-list__banner p {
    font: 16px/30px 'Proxima Nova', sans-serif;
    letter-spacing: 0.1px;
    text-transform: none;
    text-align: center;
    width: 80%;
    margin: 0 auto 40px;
}
.cacheback-block-list__banner > div {
    text-align: center;
    margin-bottom: 40px;
}
.cacheback-block-list__banner > div > span {
    position: relative;
    font-size: 16px;
    left: 35px;
    top: 6px;
    color: #9b9b9b;
    cursor: default;
}
.cacheback-block-list__banner button {
    width: 106px;
    height: 30px;
    position: relative;
    margin: 0;
    bottom: 0;
    border-bottom-left-radius: 0 !important;
    box-sizing: border-box;
    border-top-left-radius: 0 !important;
    padding: 0;
    font: 12px/26px 'Proxima Nova', sans-serif;
}
.cacheback-block-list__banner input {
    width: 406px;
    height: 30px;
    border: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    font: 12px/26px 'Proxima Nova', sans-serif;
    padding-left: 55px;
}
.cacheback-block-list__banner .social {
    margin: -23px auto 0;
}
.cacheback-block-list__banner .social span {
    margin: 0 12px;
}
.cacheback-block-list__banner .social span a {
    color: #000;
    font-size: 25px;
}
.cacheback-block-list__banner .social span a:hover {
    cursor: pointer;
}
@media screen and (max-width: 991px) {
    .cacheback-block-list__banner > div {
        height: 40px;
    }
    .cacheback-block-list__banner > div > span {
        display: none;
    }
    .cacheback-block-list__banner button {
        width: 30%;
        height: 39px;
        font: 14px/26px 'Proxima Nova', sans-serif;
    }
    .cacheback-block-list__banner input {
        width: 63%;
        padding: 15px;
        height: 40px;
        font: 12px/26px 'Proxima Nova', sans-serif;
    }
}
@media screen and (max-width: 767px) {
    .cacheback-block-list__banner > div > span {
        display: block;
    }
    .cacheback-block-list__banner input {
        padding-left: 55px;
    }
}
@media screen and (max-width: 576px) {
    .cacheback-block-list__banner h2 {
        font: bold 46px/55px 'Proxima Nova', sans-serif;
        width: 80%;
        margin: 0 auto 40px;
    }
    .cacheback-block-list__banner p {
        font: 22px/45px 'Proxima Nova', sans-serif;
    }
    .cacheback-block-list__banner > div {
        height: 60px;
    }
    .cacheback-block-list__banner > div > span {
        display: none;
    }
    .cacheback-block-list__banner button {
        width: 35%;
        height: 59px;
        top: 1px;
        left: -16px;
        font: 15px/26px 'Proxima Nova', sans-serif;
        float: right;
    }
    .cacheback-block-list__banner input {
        width: 60%;
        height: 60px;
        font: 16px/26px 'Proxima Nova', sans-serif;
        padding-left: 15px;
        float: left;
        margin-left: 3%;
    }
    .cacheback-block-list__banner .social span {
        margin: 0 21px;
    }
    .cacheback-block-list__banner .social span a {
        font-size: 30px;
    }
}
.categories-menu-block__cashback-type-block .checkbox-tree-block__checkbox-item,
.categories-menu-block__in-extension-block .checkbox-tree-block__checkbox-item {
    /*padding: 0 20px 0 30px !important;*/
    padding: 0 0 40px 0 !important;
}
.checkbox-tree-block__checkbox-item.checked .checkbox-tree-block__checkbox-item__arrow {
    margin-right: 16px !important;
}
.cacheback-block-list__banner2 {
    width: 100%;
    margin-bottom: 32px;
    background: #f7f7f7;
    padding: 42px 42px 36px;
}
.cacheback-block-list__banner2 h2 {
    font: bold 30px/55px 'Proxima Nova', sans-serif;
    letter-spacing: 0;
    text-transform: none;
    margin-bottom: 10px;
}
.cacheback-block-list__banner2 p {
    font: 16px/30px 'Proxima Nova', sans-serif;
    letter-spacing: 0.1px;
    text-transform: none;
    margin-bottom: 25px;
}
.cacheback-block-list__banner2 a {
    text-transform: uppercase;
    font: bold 12px/26px 'Proxima Nova', sans-serif;
    width: 160px;
    height: 30px;
}
.cacheback-block-list__banner2 a:hover {
    text-decoration: none;
}
.cacheback-block-list__banner2 img {
    width: 165px;
    height: auto;
    margin-top: 20px;
}
.offer_badges {
    height: 20px;
    margin: 15px 0 0;
}
.offer_badges svg {
    width: 100%;
    height: 100%;
}
.offer_badges .svg-cashback_ru {
    width: 79px;
}
.offer_badges .svg-cashback_en {
    width: 91px;
}
.offer_badges .svg-cashback_es {
    width: 91px;
}
.offer_badges .svg-cashback_pt {
    width: 91px;
}
.offer_badges .svg-sale_ru {
    width: 72px;
}
.offer_badges .svg-sale_en {
    width: 61px;
}
.offer_badges .svg-sale_es {
    width: 97px;
}
.offer_badges .svg-sale_pt {
    width: 57px;
}
.offer_badges .svg-top_ru {
    width: 50px;
}
.offer_badges .svg-top_en {
    width: 50px;
}
.offer_badges .svg-top_es {
    width: 50px;
}
.offer_badges .svg-top_pt {
    width: 50px;
}
.offer_badges .svg-advise_ru {
    width: 90px;
}
.offer_badges .svg-advise_en {
    width: 71px;
}
.offer_badges .svg-advise_es {
    width: 104px;
}
.offer_badges .svg-advise_pt {
    width: 104px;
}
@media screen and (max-width: 991px) {
    .cacheback-block-list__banner2 {
        text-align: center;
        padding: 42px 20px;
    }
    .cacheback-block-list__banner2 h2 {
        font: bold 32px/50px 'Proxima Nova', sans-serif;
        margin-top: 20px;
    }
    .cacheback-block-list__banner2 p {
        margin-bottom: 32px;
    }
    .cacheback-block-list__banner2 a {
        font: bold 14px/26px 'Proxima Nova', sans-serif;
    }
}
/* cashback-block-list banner end */

/* konkurs start */
.actions_11_11 .second_div .cacheback-block-list__banner2 {
    padding: 32px 42px 36px;
}
@media screen and (max-width: 1200px) {
    .actions_11_11 .first_div {
        display: none
    }
    .actions_11_11 .second_div {
        padding: 0;
    }
    .mega-bonus .in-btn:hover,
    .mega-bonus .in-btn {
        position: relative;
        right: 15px;
    }
}
@media screen and (max-width: 767px) {
    .actions_11_11 .first_div {
        display: block;
    }
}
/* konkurs end */

/* New design mobile header */
@media all and (max-width: 991px) {
    .mega-bonus .in-btn:hover,
    .mega-bonus .in-btn {
        right: 0;
    }
}

@media all and (max-width: 479px) {
    .mega-bonus .share-block-ali .btn-holder .btn {
        width: 280px;
    }


}

.modal {
    z-index: 99999;
}

.review_block {
    width: 100%;
    margin-top: 30px;
}

.review_block .create_review_block {
    background: #eaf3f4;
    height: 284px;
    width: 100%;
    padding: 42px 190px 0 290px;
    position: relative;
    border-radius: 4px;
}
.review_block .create_review_block::before {
    content: '';
    display: block;
    background: url(https://cdn.megabonus.com/images/reviews/left_pic_create_review.png) center center no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 284px;
    width: 262px;
}
.review_block .create_review_block .create_review_main .create_review_title {
    font: bold 24px 'Proxima Nova', sans-serif;
    color: #000;
    letter-spacing: 0.2px;
    margin-bottom: 15px;
}
.review_block .create_review_block .create_review_main .create_review_text {
    font: 18px 'Proxima Nova', sans-serif;
    color: #000;
    line-height: 1.56;
    margin-bottom: 25px;
}
.review_block .create_review_block .create_review_main .create_review_link {
    display: block;
    height: 46px;
    width: 262px;
    background: #fff;
    border-radius: 4px;
    font: 18px 'Proxima Nova', sans-serif;
    color: #000;
    letter-spacing: 0.3px;
    line-height: 46px;
    text-align: center;
}
.review_block .create_review_block .create_review_main .create_review_link:hover {
    text-decoration: none;
}
.review_block .create_review_block .create_review_main .create_review_link > img {
    margin: -4px 15px 0 -3px;
}
.review_block .create_review_block .review_right_bg_pic {
    height: 100%;
    position: absolute;
    right: 0;
    width: 192px;
    top: 0;
}
.review_block .create_review_block .review_right_bg_pic > img {
    position: absolute;
    right: 30px;
    top: 25px;
}
.review_block .create_review_block .review_right_bg_pic::before {
    content: '';
    display: block;
    background: url(https://cdn.megabonus.com/images/reviews/right_top_pic_create_review.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    height: 93px;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.review_block .create_review_block .review_right_bg_pic::after {
    content: '';
    display: block;
    background: url(https://cdn.megabonus.com/images/reviews/right_bottom_pic_create_review.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    height: 172px;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
}

.review_block .megabonus_reviews_block {
    margin: 50px 0 0;
}
.review_block .megabonus_reviews_block .reviews_block_title {
    font-size: 24px;
    height: 28px;
    line-height: 28px;
    font-weight: normal;
    color: #000;
    padding-left: 15px;
    border-left: 8px solid #ffdf08;
    text-transform: none;
    margin-bottom: 16px;
}
.review_block .megabonus_reviews_block .popular_reviews {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}
.review_block .megabonus_reviews_block .popular_reviews h3 {
    font: 300 40px 'Proxima Nova', sans-serif;
    letter-spacing: 0.2px;
    color: #000;
    margin-bottom: 25px;
}
.review_block .megabonus_reviews_block .popular_reviews .see_all_reviews {
    width: 130px;
    height: 32px;
    border-radius: 16px;
    border: 1px solid #cccaca;
    color: #b9b8b8;
    line-height: 32px;
    text-align: center;
    letter-spacing: 0.2px;
    font-size: 11px;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-top: 10px;
}
.review_block .megabonus_reviews_block .popular_reviews .see_all_reviews:hover {
    text-decoration: none;
    background: #fcdd00;
    border: 1px solid #fcdd00;
    color: #000;
}
.review_block .megabonus_reviews_block .popular_reviews .see_all_reviews #see_all_arrow {
    fill: #c2c0c0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.review_block .megabonus_reviews_block .popular_reviews .see_all_reviews:hover #see_all_arrow {
    fill: #000;
}
.review_block .megabonus_reviews_block .popular_reviews .see_all_reviews > svg {
    transform: rotate(-90deg);
    margin: 0 -5px 0 5px;
}
.review_block .megabonus_reviews_block .popular_reviews_list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-start;
    margin-right: -14px;
    margin-left: -14px;
    padding: 2px;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}
.review_block .megabonus_reviews_block .popular_reviews_list::before {
    content: '';
    display: block;
    height: 45%;
    width: 185px;
    position: absolute;
    top: 35px;
    right: -185px;
    background: url(https://cdn.megabonus.com/images/reviews/review_fon_pic_1.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.review_block .megabonus_reviews_block .popular_reviews_list::after {
    content: '';
    display: block;
    height: 45%;
    width: 185px;
    position: absolute;
    bottom: 35px;
    right: -185px;
    background: url(https://cdn.megabonus.com/images/reviews/review_fon_pic_2.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.review_block .megabonus_reviews_block .popular_reviews_list li {
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    padding: 0;
    min-height: 384px;
    position: relative;
    width: 24%;
    margin: 0 1.3% 15px 0;
}
.review_block .megabonus_reviews_block .popular_reviews_list li:nth-child(4) {
    margin-right: 0;
}
.cat-filter .review_block .megabonus_reviews_block .popular_reviews_list li {
    width: calc(32% + 4px);
    margin: 7px 14px;
}
.review_block .megabonus_reviews_block .popular_reviews_list li .review_link {
    display: block;
}
.review_block .megabonus_reviews_block .popular_reviews_list li .review_link:hover {
    text-decoration: none;
}
.review_block .megabonus_reviews_block .popular_reviews_list li .review_link .image_cover {
    width: 100%;
    height: 160px;
    overflow: hidden;
}
.review_block .megabonus_reviews_block .popular_reviews_list li .review_link .image_cover figure img {
    min-height: 100%;
    min-width: 100%;
    max-width: 300px;
    position: relative;
}

.review_block .megabonus_reviews_block .popular_reviews_list li .review_link .review_title {
    font: bold 21px 'Proxima Nova', sans-serif;
    text-align: left;
    color: #000;
    margin: 25px 15px 0;
    overflow-wrap: break-word;
    max-height: 125px;
    overflow: hidden;
}
.review_block .megabonus_reviews_block .popular_reviews_list li .review_bottom {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 20px;
    width: calc(100% - 30px);
    margin: 0 15px;
    -ms-align-items: center;
    align-items: center;
}
.review_block .megabonus_reviews_block .popular_reviews_list li .review_bottom .review_author {
    position: relative;
    width: 150px;
    text-align: left;
}
.review_block .megabonus_reviews_block .popular_reviews_list li .review_bottom .review_author .review_author_photo {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.review_block .megabonus_reviews_block .popular_reviews_list li .review_bottom .review_author .review_author_name {
    font-size: 12px;
    font-weight: 600;
    color: #3a3a3a;
    position: absolute;
    bottom: 25px;
    left: 37px;
}
.review_block .megabonus_reviews_block .popular_reviews_list li .review_bottom .review_author .review_author_name:hover {
    text-decoration: none;
}
.review_block .megabonus_reviews_block .popular_reviews_list li .review_bottom .review_author .review_date_created {
    font-size: 12px;
    color: #000;
    opacity: 0.5;
    position: absolute;
    bottom: 5px;
    left: 37px;
}
.review_block .megabonus_reviews_block .popular_reviews_list li .review_bottom .review_stats .review_likes {
    font-size: 12px;
    color: #3a3a3a;
    margin-right: 10px;
}
.review_block .megabonus_reviews_block .popular_reviews_list li .review_bottom .review_stats div {
    display: inline-block;
}
.review_block .megabonus_reviews_block .popular_reviews_list li .review_bottom .review_stats div > img {
    margin-right: 4px;
}
.review_block .megabonus_reviews_block .popular_reviews_list li .review_bottom .review_stats .review_comments {
    font-size: 12px;
    color: #3a3a3a;
}
.review_block .megabonus_reviews_block .to_reviews {
    font-size: 16px;
    color: #000;
    display: block;
    margin: 30px 0 48px;
    float: right;
}
.review_block .megabonus_reviews_block .to_reviews > img {
    transform: rotate(-90deg);
    position: relative;
    top: -1px;
    height: 7px;
    margin-left: 7px;
}

.notauth .review_block .megabonus_reviews_block .popular_reviews_list li {
    width: 24%;
}
.notauth .review_block .megabonus_reviews_block {
    margin: 10px 0 0;
}
.notauth .review_block .megabonus_reviews_block .popular_reviews_list::after {
    top: 35px;
    left: -185px;
}
.notauth .review_block .megabonus_reviews_block .popular_reviews h3 {
    font: 300 48px 'Proxima Nova', sans-serif;
}
.notauth .review_block .megabonus_reviews_block .popular_reviews .see_all_reviews {
    margin-top: 15px;
}

.review_block.review_shop .megabonus_reviews_block {
    margin-top: 0;
}
.review_block.review_shop .megabonus_reviews_block .popular_reviews h3 {
    font: 300 36px 'Proxima Nova', sans-serif;
}
.review_block.review_shop .megabonus_reviews_block .popular_reviews_list {
    list-style-type: none;
}
.review_block.review_shop .megabonus_reviews_block .popular_reviews_list li {
    width: 263px;
}
.review_block.review_shop .megabonus_reviews_block .popular_reviews_list::before {
    top: 0;
    right: -210px;
    height: 100%;
    width: 210px;
}
.review_block.review_shop .megabonus_reviews_block .popular_reviews_list::after {
    display: none;
}
.review_block.review_shop .megabonus_reviews_block .popular_reviews_list li .review_bottom .review_author .review_author_name {
    bottom: 15px;
}
.review_block.review_shop .megabonus_reviews_block .popular_reviews_list li .review_bottom .review_author .review_date_created {
    bottom: -3px;
}
.review_block.review_shop .megabonus_reviews_block .popular_reviews_list li .review_bottom .review_stats {
    width: 160px;
    text-align: right;
}
.review_block.review_shop .megabonus_reviews_block .popular_reviews_list li .review_bottom .review_stats .review_likes {
    margin-right: 5px;
}
.review_block.review_shop .megabonus_reviews_block .popular_reviews_list li .review_bottom .review_stats div > img {
    margin-right: 2px;
}
.welcome-popup {
    display: block !important;
}

@media screen and (max-width: 1200px) {
    .review_block .create_review_block {
        padding: 50px 60px 0 255px;
    }
    .review_block .create_review_block .review_right_bg_pic > img {
        width: 100px;
    }
    .review_block .create_review_block .review_right_bg_pic::before {
        display: none;
    }
    .review_block .create_review_block .review_right_bg_pic::after {
        display: none;
    }

    .review_block .megabonus_reviews_block .popular_reviews_list li .review_link .review_title {
        font-size: 18px;
    }
    .review_block .megabonus_reviews_block .popular_reviews_list li .review_bottom .review_author {
        width: 110px;
    }
    .review_block.review_shop .megabonus_reviews_block .popular_reviews_list {
        margin-right: -1%;
        margin-left: -1%;
    }
    .review_block.review_shop .megabonus_reviews_block .popular_reviews_list li {
        width: 23%;
        margin: 7px 1%;
    }
    .review_block.review_shop .megabonus_reviews_block .popular_reviews_list li .review_bottom .review_author {
        width: 190px;
    }
    .review_block .megabonus_reviews_block .popular_reviews_list li .review_link .review_title {
        max-height: 132px;
    }
}

@media screen and (max-width: 991px) {
    .review_block .create_review_block {
        height: 525px;
        padding: 270px 30px 0;
        text-align: center;
    }
    .review_block .create_review_block::before {
        top: 45px;
        left: 50%;
        margin-left: -90px;
        height: 192px;
        width: 180px;
    }
    .review_block .create_review_block .create_review_main .create_review_title {
        font-size: 24px;
    }
    .review_block .create_review_block .create_review_main .create_review_text {
        font-size: 16px;
        line-height: 1.63;
    }
    .review_block .create_review_block .create_review_main .create_review_link {
        margin: auto;
        font-size: 16px;
    }
    .review_block .create_review_block .review_right_bg_pic {
        height: auto;
    }

    .review_block .megabonus_reviews_block .reviews_block_title {
        font-size: 24px;
    }
    .review_block .megabonus_reviews_block .popular_reviews h3 {
        font-size: 22px;
    }
    .review_block .megabonus_reviews_block .popular_reviews .see_all_reviews {
        display: none;
    }

    .review_block .megabonus_reviews_block .popular_reviews_list li {
        width: 100%;
    }
    .review_block .megabonus_reviews_block .popular_reviews_list::before, .review_block .megabonus_reviews_block .popular_reviews_list::after {
        display: none;
    }
    .review_block .megabonus_reviews_block .popular_reviews_list li .review_link .review_title {
        font-size: 20px;
    }

    .review_block.review_shop .megabonus_reviews_block .popular_reviews_list li {
        width: 48%;
    }
    .notauth .review_block .megabonus_reviews_block .popular_reviews_list li {
        width: 47%;
    }
}
@media screen and (max-width: 767px) {
    .review_block .megabonus_reviews_block .popular_reviews_list li {
        width: 48%;
    }
}

@media screen and (max-width: 540px) {
    .review_block .megabonus_reviews_block .popular_reviews_list li {
        width: 100%;
    }
    .review_block.review_shop .megabonus_reviews_block .popular_reviews_list li {
        width: 100%;
    }
    .notauth .review_block .megabonus_reviews_block .popular_reviews_list li {
        width: 100%;
    }
}

.notauth .reviews_list .reviews_title {
    text-transform: none;
    font: 24px 'Proxima Nova', sans-serif;
    height: 28px;
    line-height: 28px;
    padding-left: 15px;
    border-left: 8px solid #ffdf08;
    margin-bottom: 16px;
    color: #000;
}
.notauth .reviews_list .popular_reviews_title {
    font: 300 48px 'Proxima Nova', sans-serif;
    margin-bottom: 25px;
    letter-spacing: 0.2px;
    color: #000;
}
.notauth .reviews_list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 0;
    position: relative;
}
.notauth .reviews_list::before {
    content: '';
    display: block;
    height: 30%;
    width: 185px;
    position: absolute;
    top: 35px;
    right: -185px;
    background: url(https://cdn.megabonus.com/images/reviews/review_fon_pic_1.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.notauth .reviews_list::after {
    content: '';
    display: block;
    height: 30%;
    width: 185px;
    position: absolute;
    top: 35px;
    left: -185px;
    background: url(https://cdn.megabonus.com/images/reviews/review_fon_pic_2.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.notauth .reviews_list li {
    display: block;
    min-height: 384px;
    width: 24%;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    margin-bottom: 15px;
    position: relative;
    height: 100%;
    transition: all .3s;
    padding: 0;
    z-index: 399;
}

.notauth .reviews_list li:hover {
    border-color: transparent;
    -webkit-box-shadow: 0 0 24px 0 rgba(51, 63, 87, .11);
    box-shadow: 0 0 24px 0 rgba(51, 63, 87, .11);
}

.notauth .reviews_list li:nth-last-child(-n+3) {
    margin-top: -399px;
}
.notauth .reviews_list li:nth-last-child(2) {
    position: relative;
    left: 145px;
}

.notauth .reviews_list li.horizontal {
    width: 49.3%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    height: 384px;
}

.notauth .reviews_list li.vertical {
    height: 783px;
    width: 24%;
}

.notauth .reviews_list li.horizontal .review_img_link {
    width: 273px;
    flex-shrink: 0;
    padding-left: 1px;
}

.notauth .reviews_list li.horizontal .review_img_link .image_cover {
    height: 100%;
    position: relative;
    padding-top: 0;
    border-radius: 0;
}
.notauth .reviews_list li.horizontal .review_img_link .image_cover img {
    max-width: none;
    position: absolute;
    top: 0;
    display: block;
    left: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.notauth .reviews_list li .review_img_link {
    display: block;
}
.notauth .reviews_list li .review_img_link:hover {
    text-decoration: none;
}
.notauth .reviews_list li .review_img_link .image_cover {
    width: 100%;
    height: 160px;
    border-radius: 4px 4px 0 0;
    padding-top: 1px;
    overflow: hidden;
}
.notauth .reviews_list li .review_img_link .image_cover img {
    max-width: 300px;
}
.notauth .reviews_list li .review_link .review_title {
    font: bold 21px 'Proxima Nova', sans-serif;
    text-align: left;
    color: #000;
    margin: 25px 15px 10px;
    overflow-wrap: break-word;
    max-height: 125px;
    overflow: hidden;
}

.notauth .reviews_list li.horizontal .review_text_block {
    position: relative;
}
.notauth .reviews_list li .review_text_block .review_link:hover {
    text-decoration: none;
}
.notauth .reviews_list li .review_footer {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: absolute;
    bottom: 15px;
    justify-content: space-between;
    width: calc(100% - 30px);
    margin: 0 15px;
}
.notauth .reviews_list li .review_footer .review_footer_left {
    position: relative;
    width: 150px;
}
.notauth .reviews_list li .review_footer .review_footer_left .review_author_link img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.notauth .reviews_list li .review_footer .review_footer_left .author_name {
    position: absolute;
    left: 40px;
    bottom: 22px;
    font-size: 12px;
    color: #3a3a3a;
    font-weight: 600;
}
.notauth .reviews_list li .review_footer .review_footer_left .review_date {
    position: absolute;
    left: 40px;
    bottom: -13px;
    font-size: 12px;
    opacity: 0.5;
    color: #000;
}
.notauth .reviews_list li .review_footer .review_footer_right {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: flex-end;
}
.notauth .reviews_list li .review_footer .review_footer_right .review_likes {
    margin-right: 5px;
}
.notauth .reviews_list li .review_footer .review_footer_right > div {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}
.notauth .reviews_list li .review_footer .review_footer_right div > span {
    color: #3a3a3a;
    font-size: 12px;
    margin-left: 4px;
}
.notauth .reviews_list li.horizontal .review_desc {
    text-align: left;
    padding: 0 15px;
    overflow: hidden;
    max-height: 230px;
}
.notauth .reviews_list li.vertical .review_desc {
    text-align: left;
    padding: 0 15px;
    overflow: hidden;
    max-height: 250px;
}


.cashback_in_shop, .find_when_price_drop, .track_send {
    display: block;
}

.ext_label {
    position: absolute;
    width: 46px;
    height: 100px;
    border-radius: 100px 100px 0 0;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.15);
    right: 35px;
    top: 1000px;
    cursor: pointer;
}
.ext_label .ext_label_browser.Chrome {
    background: url(https://cdn.megabonus.com/images/features/browsers/Google_Chrome.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.ext_label .ext_label_browser.Opera {
    background: url(https://cdn.megabonus.com/images/features/browsers/Opera.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.ext_label .ext_label_browser.Yandex {
    background: url(https://cdn.megabonus.com/images/features/browsers/Yandex.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.ext_label .ext_label_browser.Firefox {
    background: url(https://cdn.megabonus.com/images/features/browsers/Firefox.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.ext_label .ext_label_browser.Safari {
    background: url(https://cdn.megabonus.com/images/features/browsers/Safari.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.ext_label .ext_label_browser {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 25px;
    left: -1px;
}
.ext_label .ext_label_browser::before {
    display: block;
    content: '';
    background: url(https://cdn.megabonus.com/images/svg-15.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    width: 12px;
    height: 6px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    top: -11px;
    left: 50%;
    margin-left: -7px;
}

@media screen and (max-width: 1200px) {
    .notauth .reviews_list {
        width: 940px;
        margin: auto;
    }
    .notauth .reviews_list::before, .notauth .reviews_list::after {
        height: 22%;
    }
    .notauth .reviews_list li {
        width: 32%;
    }
    .notauth .reviews_list li.horizontal {
        width: 66%;
    }
    .notauth .reviews_list li.vertical {
        width: 32%;
    }
    .notauth .reviews_list li:nth-last-child(-n+3) {
        margin-top: 0;
    }
    .notauth .reviews_list li:nth-last-child(2) {
        left: 320px;
    }
    .notauth .reviews_list li:nth-child(6), .notauth .reviews_list li:nth-child(7), .notauth .reviews_list li:nth-last-child(-n+2) {
        margin-top: -399px;
    }
    .notauth .reviews_list li:nth-child(8) {
        right: 639px;
    }

    .cashback_in_shop {
        display: none;
    }
    .find_when_price_drop {
        margin-right: 8px;
    }
}

@media screen and (max-width: 1024px) {

    .track_send {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .notauth .reviews_list {
        width: auto;
    }
    .notauth .reviews_list::before, .notauth .reviews_list::after {
        height: 15%;
    }
    .notauth .reviews_list li {
        width: 48.8%;
    }
    .notauth .reviews_list li.horizontal {
        width: 100%;
    }
    .notauth .reviews_list li.vertical {
        width: 48.8%;
    }
    .notauth .reviews_list li:nth-last-child(2) {
        left: -369px;
        margin-top: 0;
    }
    .notauth .reviews_list li:nth-last-child(1) {
        left: 369px;
    }
    .notauth .reviews_list li:nth-child(6) {
        margin-top: -399px;
    }
    .notauth .reviews_list li:nth-child(7) {
        right: 369px;
        margin-top: 0;
    }
    .notauth .reviews_list li:nth-child(8) {
        left: 369px;
        margin-top: -399px;
    }
    .notauth .reviews_list li .review_img_link .image_cover img {
        max-width: 370px;
    }

}

@media screen and (max-width: 767px) {
    .notauth .reviews_list::before, .notauth .reviews_list::after {
        display: none;
    }
    .notauth .reviews_list li {
        /* width: 100%; */
        width: 48%;
    }
    .notauth .reviews_list li .review_img_link .image_cover img {
        max-width: 750px;
    }
    .notauth .reviews_list li.vertical {
        width: 100%;
        height: 384px;
    }
    .notauth .reviews_list li .review_text_block {
        width: 100%;
    }

    .notauth .reviews_list li:nth-last-child(2) {
        left: 0;
    }
    .notauth .reviews_list li:nth-last-child(1) {
        left: 0;
        margin-top: 0;
    }
    .notauth .reviews_list li:nth-child(6) {
        margin-top: 0;
    }
    .notauth .reviews_list li:nth-child(7) {
        right: 0;
        margin-top: 0;
    }
    .notauth .reviews_list li:nth-child(8) {
        left: 0;
        margin-top: 0;
    }
    .notauth .reviews_list li .review_img_link .image_cover img {
        max-width: 740px;
    }

}

@media screen and (max-width: 540px) {
    .notauth .reviews_list li {
        width: 100%;
    }
    .notauth .reviews_list li .review_img_link .image_cover {
        height: 200px;
    }
}

@media screen and (max-width: 360px) {
    .notauth .reviews_list li {
        min-height: 400px;
    }
}

.mobile {
    /* display: none !important; */
}
.web {
    display: block !important;
}

@media screen and (max-width: 767px) {
    .mobile {
        display: block !important;
    }
    .web {
        display: none !important;
    }
}

.settings-profiles .delete_account_title {
    margin-bottom: 30px;
}

.socials-share {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: auto 0;
}

.socials-share li {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    list-style: none;
    color: #fff;
    line-height: 40px;
    font-size: 20px;
}

.charity-share-text {
    line-height: 1.67;
    letter-spacing: 0.5px;
    text-align: left;
    color: #3a3a3a;
    font-size: 12px;
    opacity: 0.5;
    margin-bottom: 10px;
    font-family: "Proxima Nova";
}
#charity-ok-share {
    background-image: linear-gradient(to bottom, #f8b818, #ef820a);
}
#charity-tw-share {
    background-image: linear-gradient(to bottom, #00cdfa, #009ef4);
}
#charity-fb-share {
    background-image: linear-gradient(to bottom, #7d92c5, #475993);
}
#charity-fb-share .fa {
    position: relative;
    top: 11px;
    font-size: 30px;
}
#charity-vk-share {
    background-image: linear-gradient(to bottom, #81aed4, #4a76a9);
}

.recover_account {
    padding: 40px 15px;
    width: 560px;
    margin: auto;
    position: relative;
}
.recover_account::before {
    display: block;
    content: '';
    background: url(https://cdn.megabonus.com/images/user/trash.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    width: 82px;
    height: 93px;
    left: -110px;
}
.recover_account .recover_account_title {
    font: 36px 'Proxima Nova', sans-serif;
    color: #000;
    font-weight: 300;
    line-height: 1.22;
    letter-spacing: 0.6px;
    margin-bottom: 35px;
}
.recover_account .recover_text p {
    font: 16px 'Proxima Nova', sans-serif;
    line-height: 26px;
    letter-spacing: 0.3px;
}
.recover_account .recover_promo {
    background: #e9f2fd;
    border-radius: 10px;
    height: 200px;
    padding: 35px 40px;
    position: relative;
    overflow: hidden;
    margin-top: 30px;
}
.recover_account .recover_promo::after {
    display: block;
    content: '';
    background: url(https://cdn.megabonus.com/images/user/promo_gift.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    width: 160px;
    height: 150px;
    position: absolute;
    right: 0;
    bottom: -8px;
}
.recover_account .recover_promo .promo_title {
    font: bold 24px 'Proxima Nova', sans-serif;
    letter-spacing: 0.2px;
    margin-top: 0;
    margin-bottom: 16px;
    position: relative;
    z-index: 100;
}
.recover_account .recover_promo .recover_promo_desc {
    font: 16px 'Proxima Nova', sans-serif;
    line-height: 26px;
    letter-spacing: 0.3px;
    width: 290px;
}
.recover_account .recover_account_btn_web {
    width: 100%;
    text-align: center;
    display: block;
    background: #ffdf08;
    height: 46px;
    border-radius: 4px;
    font: 18px/46px 'Proxima Nova', sans-serif;
    letter-spacing: 0.3px;
    margin: 30px auto 28px;
    color: #000;
}
.recover_account .recover_account_btn_web:hover {
    text-decoration: none;
}
.recover_account .after_recover {
    font: 14px 'Proxima Nova', sans-serif;
    font-weight: 300;
    font-style: italic;
    line-height: 1.57;
    letter-spacing: 0.3px;
}

.error_bd {
    border: 1px solid #f03;
}


@media screen and (max-width: 576px) {
    .recover_account {
        width: 100%;
        padding: 0 30px;
    }
    .recover_account::before {
        position: relative;
        width: 52px;
        height: 60px;
        left: 0;
        margin-bottom: 30px;
    }
    .recover_account .recover_account_title {
        font-size: 24px;
        color: #000;
        line-height: 1.25;
        letter-spacing: 0.2px;
        margin-bottom: 25px;
    }
    .recover_account .recover_text p {
        line-height: 24px;
    }
    .recover_account .recover_promo {
        height: auto;
        padding: 30px 25px;
        margin: 0 5px;
        margin-left: -25px;
        margin-top: 30px;
        width: calc(100% + 50px);
    }
    .recover_account .recover_promo::after {
        width: 190px;
        height: 171px;
        position: absolute;
        right: 0;
        bottom: -8px;
    }
    .recover_account .recover_promo .promo_title {
        line-height: 1.25;
    }
    .recover_account .recover_promo .recover_promo_desc {
        line-height: 1.63;
        width: 240px;
    }
}


@media screen and (max-width: 480px) {

    .recover_account .recover_promo {
        overflow: auto;
    }
    .recover_account .recover_promo::after {
        width: 170px;
        height: 138px;
        position: absolute;
        left: 50%;
        margin-left: -85px;
        bottom: 0;
    }
    .recover_account .recover_promo .recover_promo_desc {
        width: 100%;
    }
    .recover_account .recover_promo {
        padding-bottom: 150px;
    }
    .recover_account .recover_account_btn_web {
        -ms-word-break: break-word;
        word-break: break-word;
        padding: 12px 15px;
        height: auto;
        line-height: 1.33;
    }


    .slick-slider .slick-track, .slick-slider .slick-list {
        min-height: 100%;
        border-radius: 0;
        height: 100%;
    }

    .socials-welcome {
        margin-top: 10px;
    }

    .user-settings-section .shadow-panel {
        margin: 24px 0;
        padding: 50px 10px 18px;
    }

    .user-settings-section .shadow-panel .holder-input input {
        padding: 0 28px 0 10px;
    }

    .user-settings-section .notification-section label {
        margin-top: 10px;
        margin-bottom: 0;
        font-size: 11px;
    }
}

.no-scroll {
    height: 100%;
    width: 100%;
    position: fixed;
    overflow: hidden !important;
}

.ep-modal-wrap.preloader {
    background: url(https://cdn.megabonus.com/images/user/loader.gif) no-repeat;
    background-size: 50px;
    background-position: 50%;
    background-color: red;
}

.invite_a_friend {
    padding-top: 160px;
    overflow-x: hidden;
}
.invite_a_friend .main_title {
    font: bold 56px 'Proxima Nova', sans-serif;
    line-height: 60px;
    letter-spacing: 0.3px;
    color: #000;
    text-align: center;
    margin-bottom: 45px;
}
.invite_a_friend .main_description {
    max-width: 670px;
    font: 20px 'Proxima Nova', sans-serif;
    line-height: 32px;
    text-align: center;
    letter-spacing: normal;
    color: #000;
    margin: auto;
    margin-bottom: 42px;
}
.invite_a_friend .main_description strong {
    font: bold 20px 'Proxima Nova', sans-serif;
}
.invite_a_friend .begin {
    width: 230px;
    height: 56px;
    border-radius: 8px;
    background: #ffdf08;
    box-shadow: 0 2px 12px 0 rgba(225, 196, 0, 0.56);
    font: 21px 'Proxima Nova', sans-serif;
    line-height: 56px;
    letter-spacing: 0.3px;
    color: #000;
    text-align: center;
    display: block;
    margin: auto;
    text-decoration: none;
    transition: all .2s ease;
}
.invite_a_friend .begin:hover {
    box-shadow: none;
}
.invite_a_friend .main_gallery {
    margin-top: 77px;
    margin-bottom: 177px;
    position: relative;
    height: 690px;
}
.invite_a_friend .main_gallery > div {
    position: absolute;
}
.invite_a_friend .main_gallery > div > img {
    width: 100%;
}
.invite_a_friend .main_gallery > div:nth-child(1) {
    top: 0;
    left: -137px;
    width: 315px;
    height: 405px;
}
.invite_a_friend .main_gallery > div:nth-child(2) {
    left: 50%;
    top: 50%;
    margin-left: -362px;
    margin-top: -290px;
    width: 724px;
    height: 636px;
}
.invite_a_friend .main_gallery > div:nth-child(3) {
    top: 0;
    right: -137px;
    width: 315px;
    height: 405px;
}
.invite_a_friend .main_gallery > div:nth-child(4) {
    left: -297px;
    top: 435px;
    width: 475px;
    height: 314px;
}
.invite_a_friend .main_gallery > div:nth-child(5) {
    top: 435px;
    right: -297px;
    width: 475px;
    height: 314px;
}
.invite_a_friend .horizontal_line {
    height: 3px;
    width: 100%;
    background: radial-gradient(circle at 50% 0, #f5f5f5, #fff);
}

.bring-friend .cashback_link_block {
    margin-top: 0;
}
.bring-friend .cashback_link_block .cashback_link_title {
    font-family: 'Proxima Nova', sans-serif !important;
    font-weight: bold;
    text-align: center;
    color: #000;
    margin-top: 50px;
}
.invite-a-friend-share-block {
    display: block !important;
    margin-top: 20px !important;

}
.invite-a-friend-share-block::before {
    content: none !important;
}
.invite-a-friend-share-block p {
    font-family: 'Proxima Nova', sans-serif;
    color: #ababab;
}
.invite-a-friend-share-block__socials {
    display: flex;
    justify-content: space-between;
}
.invite-a-friend-share-block__socials div {
    width: 70px;
    height: 50px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.invite-a-friend-share-block__socials div:hover {
    opacity: .7;
}

.invite-a-friend-share-block__socials__vk {
    background-color: rgb(91, 129, 179);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMS4wMDYgMS4xNjhjLjE1NS0uNDkgMC0uODQ1LS42OS0uODQ1aC0yLjI5Yy0uNTc5IDAtLjg0Ni4zMTEtMS4wMDEuNjQ1IDAgMC0xLjE3OSAyLjg0Ny0yLjgyNSA0LjY5My0uNTM0LjUzNC0uNzc4LjcxMS0xLjA2Ny43MTEtLjE1NiAwLS4zNTYtLjE3Ny0uMzU2LS42Njd2LTQuNTZjMC0uNTc3LS4xNzgtLjg0NC0uNjY3LS44NDRIOC41MDdjLS4zNTYgMC0uNTc5LjI2Ny0uNTc5LjUzNCAwIC41NTYuODIzLjY4OS45MTIgMi4yNDZ2My4zOGMwIC43MzQtLjEzMy44NjgtLjQyMi44NjgtLjc3OSAwLTIuNjctMi44Ny0zLjgwMy02LjEzOUM0LjM5Mi41NDUgNC4xNy4zIDMuNTkuM0gxLjI3OEMuNjExLjMuNS42MTMuNS45NDdjMCAuNi43NzggMy42MjUgMy42MjUgNy42MjggMS44OSAyLjczNiA0LjU4MiA0LjIwNCA3LjAwNiA0LjIwNCAxLjQ2OCAwIDEuNjQ2LS4zMzQgMS42NDYtLjg5VjkuODJjMC0uNjY3LjEzMy0uNzc5LjYtLjc3OS4zMzQgMCAuOTM0LjE3OCAyLjI5MSAxLjQ5IDEuNTU3IDEuNTU3IDEuODI0IDIuMjY5IDIuNjkxIDIuMjY5aDIuMjkxYy42NjcgMCAuOTc5LS4zMzQuOC0uOTc5LS4yLS42NDUtLjk1Ni0xLjU3OS0xLjkzNC0yLjY5LS41MzQtLjYyMy0xLjMzNS0xLjMxMy0xLjU4LTEuNjQ3LS4zMzMtLjQ0NC0uMjQ0LS42MjIgMC0xLjAyMy0uMDIyIDAgMi43OC0zLjk1OCAzLjA3LTUuMjkzeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
}

.invite-a-friend-share-block__socials__ok {
    background-color: rgb(229, 147, 53);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik00LjMyNzU2IDExLjgwNzZDMy43NjU2NCAxMi45MTIyIDQuNDAzNjQgMTMuNDQwMiA1Ljg1OTMxIDE0LjM0MjJDNy4wOTY4MSAxNS4xMDY3IDguODA2NCAxNS4zODYzIDkuOTA0NTYgMTUuNDk4MUM5LjQ1NDQ4IDE1LjkzMDggMTEuNTE3IDEzLjk0NzEgNS41NzY5OCAxOS42NjA3QzQuMzE3NDggMjAuODY3OSA2LjM0NTE1IDIyLjgwNDggNy42MDM3MyAyMS42MjMzTDExLjAxMSAxOC4zMzdDMTIuMzE1NCAxOS41OTE5IDEzLjU2NTcgMjAuNzk0NiAxNC40MTgyIDIxLjYyNzhDMTUuNjc3NyAyMi44MTQgMTcuNzA0NSAyMC44OTM2IDE2LjQ1ODcgMTkuNjY1M0MxNi4zNjUyIDE5LjU3NjMgMTEuODQxNSAxNS4yMzY4IDEyLjExNzQgMTUuNTAyN0MxMy4yMjkzIDE1LjM5MDggMTQuOTEzMiAxNS4wOTQ4IDE2LjEzNjEgMTQuMzQ2OEwxNi4xMzUxIDE0LjM0NThDMTcuNTkwOCAxMy40MzkzIDE4LjIyODggMTIuOTEyMiAxNy42NzUxIDExLjgwNzZDMTcuMzQwNiAxMS4xODA2IDE2LjQzODYgMTAuNjU2MiAxNS4yMzc3IDExLjU2MjhDMTUuMjM3NyAxMS41NjI4IDEzLjYxNjEgMTIuODA0OSAxMS4wMDA5IDEyLjgwNDlDOC4zODQ3MyAxMi44MDQ5IDYuNzY0MDYgMTEuNTYyOCA2Ljc2NDA2IDExLjU2MjhDNS41NjQxNSAxMC42NTE3IDQuNjU4NDggMTEuMTgwNiA0LjMyNzU2IDExLjgwNzZWMTEuODA3NloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMC45OTkxIDExLjEzMDJDMTQuMTg3MiAxMS4xMzAyIDE2Ljc5MDYgOC42Mzg2NyAxNi43OTA2IDUuNTcxNUMxNi43OTA2IDIuNDkxNSAxNC4xODcyIDAgMTAuOTk5MSAwQzcuODEgMCA1LjIwNjY3IDIuNDkxNSA1LjIwNjY3IDUuNTcxNUM1LjIwNjY3IDguNjM4NjcgNy44MSAxMS4xMzAyIDEwLjk5OTEgMTEuMTMwMlpNMTAuOTk5MSAyLjgyMjQyQzEyLjU2NTcgMi44MjI0MiAxMy44NDM1IDQuMDUxNjcgMTMuODQzNSA1LjU3MTVDMTMuODQzNSA3LjA3ODUgMTIuNTY1NyA4LjMwNzc1IDEwLjk5OTEgOC4zMDc3NUM5LjQzMjUgOC4zMDc3NSA4LjE1NDY2IDcuMDc4NSA4LjE1NDY2IDUuNTcxNUM4LjE1Mzc1IDQuMDUwNzUgOS40MzE1OCAyLjgyMjQyIDEwLjk5OTEgMi44MjI0MlYyLjgyMjQyWiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
}

.invite-a-friend-share-block__socials__fb {
    background-color: rgb(66, 103, 178);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjcyNSAyMS41VjEwLjk5OUguNVY3LjM4aDIuMjI1VjUuMjA4QzIuNzI1IDIuMjU2IDMuOTgxLjUgNy41NTEuNWgyLjk3MnYzLjYySDguNjY2Yy0xLjM5IDAtMS40ODIuNTA1LTEuNDgyIDEuNDVsLS4wMDYgMS44MWgzLjM2NUwxMC4xNSAxMUg3LjE3OFYyMS41SDIuNzI1eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
}
.invite-a-friend-share-block__socials__vb {
    background-color: rgb(131, 51, 164);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4LjUxMSAyLjM0Yy0uNTQ1LS41NS0yLjc1NC0yLjI5OC03LjY3OC0yLjMyMSAwIDAtNS44MDUtLjM4LTguNjMzIDIuNDUxQy42MjggNC4xODYuMDczIDYuNzA0LjAxMyA5LjgyYy0uMDYgMy4xMTgtLjEzMyA4Ljk1OCA1LjAyOCAxMC41NDNoLjAwNGwtLjAwNCAyLjQxOHMtLjAzNS45OC41NTggMS4xNzdjLjcxNC4yNDQgMS4xMzUtLjUwMiAxLjgxOC0xLjMwMy4zNzQtLjQ0Ljg5LTEuMDg4IDEuMjgtMS41OCAzLjUzMi4zMjQgNi4yNDQtLjQxNyA2LjU1My0uNTI1LjcxMy0uMjUzIDQuNzQ4LS44MTUgNS40MDEtNi42NTYuNjgtNi4wMjgtLjMyNi05LjgzNC0yLjE0LTExLjU1NXptLjU5OCAxMS4xMTNjLS41NTUgNC44NzUtMy44MjUgNS4xODUtNC40MjYgNS4zOTYtLjI1OC4wODktMi42NDMuNzM2LTUuNjM4LjUyNSAwIDAtMi4yMzQgMi45MzktMi45MyAzLjcwMy0uMjI4LjI0OC0uNDc3LjIyNS0uNDczLS4yNjcgMC0uMzI0LjAxNy00LjAxOC4wMTctNC4wMTgtLjAwNCAwLS4wMDQgMCAwIDAtNC4zNzQtMS4zMjItNC4xMTYtNi4yOTUtNC4wNjktOC44OTcuMDQ4LTIuNjAxLjQ5OS00LjczNCAxLjgzLTYuMTY4QzUuODE1IDEuMzYgMTAuNzQ0IDEuNzEgMTAuNzQ0IDEuNzFjNC4xNjMuMDE5IDYuMTU3IDEuMzg4IDYuNjIxIDEuODQ3IDEuNTM0IDEuNDM0IDIuMzE2IDQuODY2IDEuNzQ1IDkuODk1em0tNS45NzMtMy43ODdhLjI3OS4yNzkgMCAwMS0uNTU0LjAyOGMtLjA0OC0xLjAzMS0uNDktMS41MzMtMS40MDEtMS41OS0uMzctLjAyMy0uMzM1LS42MjcuMDMtLjYwNCAxLjE5OS4wNyAxLjg2NS44MiAxLjkyNSAyLjE2NnptLjg3Mi41M2MuMDQzLTEuOTg4LTEuMDk1LTMuNTQ0LTMuMjU3LTMuNzE4LS4zNjUtLjAyOC0uMzI2LS42MzIuMDM5LS42MDQgMi40OTIuMTk3IDMuODIgMi4wNjcgMy43NzMgNC4zMzYtLjAwNS40MDMtLjU2My4zODQtLjU1NS0uMDE1em0yLjAyLjYyOGEuMjc4LjI3OCAwIDAxLS41NTQuMDA0Yy0uMDI2LTMuODItMi4zNi01LjkwMS01LjE5MS01LjkyNS0uMzY1LS4wMDQtLjM2NS0uNjA0IDAtLjYwNCAzLjE2Ny4wMjMgNS43MTUgMi40MDkgNS43NDUgNi41MjV6bS0uNDg2IDQuNTk4di4wMWMtLjQ2NC44OS0xLjMzMiAxLjg3NC0yLjIyNiAxLjU2bC0uMDA4LS4wMTRjLS45MDctLjI3Ni0zLjA0Mi0xLjQ3Ni00LjM5Mi0yLjY0OGExMS44MDIgMTEuODAyIDAgMDEtMS44MjEtMS45ODggMTUuMzkyIDE1LjM5MiAwIDAxLTEuMzI0LTIuMTg0Yy0uOTE1LTEuODA1LTEuMTE3LTIuNjEtMS4xMTctMi42MS0uMjg4LS45NzYuNjEtMS45MjMgMS40My0yLjQzaC4wMWMuMzk1LS4yMjQuNzczLS4xNSAxLjAyNi4xODQgMCAwIC41MzMuNjk0Ljc2IDEuMDM2LjIxNi4zMTguNTA0LjgzLjY1NCAxLjExNS4yNjIuNTExLjA5OSAxLjAzMi0uMTU5IDEuMjQ3bC0uNTE2LjQ1Yy0uMjYyLjIzLS4yMjcuNjU2LS4yMjcuNjU2cy43NjUgMy4xNTUgMy42MjIgMy45NTJjMCAwIC4zOTEuMDM4LjYwMS0uMjQ4bC40MTMtLjU2M2MuMTk4LS4yODEuNjc1LS40NiAxLjE0My0uMTczLjYzMi4zODkgMS40MzUuOTkzIDEuOTY4IDEuNTQyLjMuMjY3LjM3LjY3NS4xNjMgMS4xMDZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+");
}
.invite-a-friend-share-block__socials__tg {
    background-color: rgb(66, 155, 223);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIxLjkzNSAxLjYyM2wtMy4zMiAxNC45NDNjLS4yNSAxLjA1NS0uOTAzIDEuMzE4LTEuODMxLjgybC01LjA1OC0zLjU1Ny0yLjQ0IDIuMjRjLS4yNy4yNTgtLjQ5Ny40NzQtMS4wMTcuNDc0bC4zNjMtNC45MTcgOS4zNzUtOC4wODZjLjQwNy0uMzQ3LS4wODktLjU0LS42MzQtLjE5Mkw1Ljc4NCAxMC4zMTNsLTQuOTktMS40OUMtLjI5IDguNDk5LS4zMSA3Ljc4NyAxLjAyMiA3LjI5TDIwLjUzNi4xMTNjLjkwMy0uMzIzIDEuNjk0LjE5MiAxLjQgMS41MXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
}
.invite-a-friend-share-block__socials__ws {
    background-color: rgb(103, 172, 91);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4LjcwNSAzLjU1MkMxNi42NDcgMS41ODIgMTMuOTA3LjUgMTAuOTk1LjUgNC45ODUuNS4wOTMgNS4xNjkuMDkzIDEwLjkwNmMwIDEuODMzLjUwMSAzLjYyNCAxLjQ1NCA1LjIwM0wwIDIxLjVsNS43OC0xLjQ0OGExMS4yOCAxMS4yOCAwIDAwNS4yMSAxLjI2NWguMDA1QzE3LjAwMSAyMS4zMTcgMjIgMTYuNjQ4IDIyIDEwLjkxMWMwLTIuNzgtMS4yMzgtNS4zOS0zLjI5NS03LjM2em0tNy43MSAxNi4wMTJBOS4zNzUgOS4zNzUgMCAwMTYuMzggMTguMzZsLS4zMjktLjE4Ny0zLjQyOC44NTguOTE0LTMuMTkzLS4yMTYtLjMyOGE4LjMzNCA4LjMzNCAwIDAxLTEuMzg1LTQuNjAzQzEuOTM1IDYuMTQgNiAyLjI1OCAxMSAyLjI1OGMyLjQyMSAwIDQuNjk1LjkgNi40MDQgMi41MzYgMS43MDkgMS42MzYgMi43NiAzLjgwNiAyLjc1NSA2LjExNyAwIDQuNzcyLTQuMTcgOC42NTMtOS4xNjQgOC42NTN6bTQuOTctNi40NzhjLS4yNy0uMTMxLTEuNjExLS43Ni0xLjg2MS0uODQ0LS4yNS0uMDg5LS40MzMtLjEzMS0uNjE0LjEzMS0uMTgyLjI2My0uNzAzLjg0NC0uODY1IDEuMDIyLS4xNTcuMTc0LS4zMTkuMTk3LS41ODkuMDY2LTEuNi0uNzY0LTIuNjUyLTEuMzY0LTMuNzA3LTMuMDk0LS4yOC0uNDYuMjgtLjQyNi44LTEuNDIuMDg4LS4xNzQuMDQ0LS4zMjQtLjAyNS0uNDU1LS4wNjgtLjEzMS0uNjEzLTEuNDEtLjg0LTEuOTMxLS4yMi0uNTA2LS40NDYtLjQzNi0uNjEzLS40NDUtLjE1Ny0uMDEtLjMzOS0uMDEtLjUyLS4wMS0uMTgyIDAtLjQ3Ny4wNjYtLjcyNy4zMjQtLjI1LjI2Mi0uOTUzLjg5LS45NTMgMi4xNyAwIDEuMjguOTc3IDIuNTE3IDEuMTEgMi42OS4xMzcuMTc0IDEuOTIgMi44IDQuNjU1IDMuOTI5IDEuNzI5LjcxMiAyLjQwNi43NzMgMy4yNy42NTEuNTI2LS4wNzUgMS42MTEtLjYyOCAxLjgzNy0xLjIzNy4yMjYtLjYxLjIyNi0xLjEzLjE1Ny0xLjIzOC0uMDY0LS4xMTctLjI0NS0uMTgyLS41MTUtLjMxeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
}

.invite-a-friend-share-block__socials__tw {
    background-color: rgb(80, 165, 205);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE5LjczOSA1LjExMmMuMDE0LjIxMy4wMTQuNDI2LjAxNC42NCAwIDYuNTAyLTQuNTM3IDEzLjk5NC0xMi44MyAxMy45OTQtMi41NTQgMC00LjkyNy0uODA3LTYuOTIzLTIuMjA4LjM2My4wNDYuNzEyLjA2MSAxLjA4OS4wNjEgMi4xMDggMCA0LjA0OC0uNzc3IDUuNTk4LTIuMTAxLTEuOTgzLS4wNDYtMy42NDQtMS40NjItNC4yMTYtMy40MTIuMjc5LjA0Ni41NTguMDc2Ljg1MS4wNzYuNDA1IDAgLjgxLS4wNiAxLjE4Ny0uMTY3QzIuNDQzIDExLjUzOC44OTMgOS41NTguODkzIDcuMTY4di0uMDYxYTQuMjYgNC4yNiAwIDAwMi4wMzguNjI0QzEuNzE3IDYuODQ4LjkyMSA1LjM0MS45MjEgMy42MzVjMC0uOTE0LjIyNC0xLjc1Mi42MTQtMi40ODMgMi4yMiAyLjk4NSA1LjU1NiA0LjkzNCA5LjI5NyA1LjE0OGE2LjAzNyA2LjAzNyAwIDAxLS4xMTEtMS4xMjdjMC0yLjcxMSAyLjAxLTQuOTIgNC41MDktNC45MiAxLjI5OCAwIDIuNDcuNTk1IDMuMjk0IDEuNTU0QTguNDQxIDguNDQxIDAgMDAyMS4zODYuNjJjLS4zMzUgMS4xNDMtMS4wNDcgMi4xMDItMS45ODIgMi43MTFBOC40NTMgOC40NTMgMCAwMDIyIDIuNTY5YTEwLjIyIDEwLjIyIDAgMDEtMi4yNjEgMi41NDN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+");
}

@media screen and (max-width: 750px) {
    .invite-a-friend-share-block__socials {
        flex-wrap: wrap;
        justify-content: center;
    }
    .invite-a-friend-share-block__socials div {
        margin: 5px;
    }
}


.benefit_section {
    padding-top: 60px;
    overflow-x: hidden;
}
.benefit_section .uppercase_title {
    font: 14px 'Proxima Nova', sans-serif;
    line-height: 24px;
    letter-spacing: 5px;
    color: #3a3a3a;
    text-transform: uppercase;
    margin-bottom: 80px;
    text-align: center;
}
.benefit_section .major_title {
    font: bold 40px 'Proxima Nova', sans-serif;
    line-height: 60px;
    letter-spacing: 0.3px;
    color: #000;
    text-align: center;
    margin-bottom: 120px;
    text-transform: none;
}
.benefit_section .benefit_img {
    text-align: center;
}
.benefit_section .benefit_img > img {
    width: 142px;
}
.benefit_section .benefit_img .uppercase_title {
    font: 14px 'Proxima Nova', sans-serif;
    line-height: 24px;
    letter-spacing: 5px;
    color: #3a3a3a;
    text-transform: uppercase;
    margin-bottom: 80px;
    text-align: center;
}
.benefit_section .benefit_cards {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    margin-bottom: 100px;
}
.benefit_section .benefit_cards > div, .benefit_section .benefit_cards_bottom > div {
    width: 350px;
    height: 480px;
    padding: 30px 45px 45px;
    text-align: center;
    box-shadow: 3px 1px 60px 1px rgba(8, 30, 70, 0.11);
    border-radius: 4px;
}
.benefit_section .benefit_cards > div:first-child, .benefit_section .benefit_cards_bottom > div:first-child {
    margin-right: 30px;
}
.benefit_section .benefit_cards > div:last-child {
    margin-left: 30px;
}

.benefit_section .benefit_cards > div > img, .benefit_section .benefit_cards_bottom > div > img {
    width: 190px;
}
.benefit_section .benefit_cards > div .card_title, .benefit_section .benefit_cards_bottom > div .card_title {
    font: bold 24px 'Proxima Nova', sans-serif;
    line-height: 26px;
    letter-spacing: 0.2px;
    color: #000;
    text-align: center;
    margin-bottom: 40px;
}
.benefit_section .benefit_cards > div .card_desc, .benefit_section .benefit_cards_bottom > div .card_desc {
    font: 300 18px 'Proxima Nova', sans-serif;
    line-height: 24px;
    letter-spacing: normal;
    text-align: center;
}
.benefit_section .benefit_cards_bottom {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    padding-bottom: 40px;
}
.benefit_section .horizontal_line {
    height: 3px;
    width: 100%;
    background: radial-gradient(circle at 50% 0, #f5f5f5, #fff);
}

.how_it_work {
    padding-top: 140px;
    overflow-x: hidden;
}
.how_it_work .major_title {
    font: bold 40px 'Proxima Nova', sans-serif;
    line-height: 60px;
    letter-spacing: 0.2px;
    color: #000;
    text-align: center;
    margin-bottom: 110px;
}
.how_it_work .work_actions .top_actions {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.how_it_work .work_actions .action_text {
    font: 300 18px 'Proxima Nova', sans-serif;
    line-height: 24px;
    letter-spacing: normal;
    text-align: center;
    color: #000;
}
.how_it_work .work_actions .top_actions > div, .how_it_work .work_actions .bottom_actions > div {
    width: 300px;
    height: 350px;
    text-align: center;
}
.how_it_work .work_actions .top_actions > div > .action_img, .how_it_work .work_actions .bottom_actions > div > .action_img {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 127px;
    height: 127px;
    border-radius: 50%;
    margin: auto;
    background: #fff;
    line-height: 127px;
    box-shadow: 3px 3px 28px -3px rgba(8, 30, 70, 0.15);
    margin-bottom: 60px;
}
.how_it_work .work_actions .top_actions > div > .action_img > img {
    width: 70%;
}
.how_it_work .work_actions .top_actions > div:first-child > .action_img > img {
    width: 40%;
}
.how_it_work .work_actions .top_actions > div:last-child > .action_img > img, .how_it_work .work_actions .bottom_actions > div:last-child > .action_img > img {
    width: 60%;
}
.how_it_work .work_actions .top_actions > div:first-child {
    margin-right: 60px;
}
.how_it_work .work_actions .top_actions > div:nth-child(3) {
    margin-left: 60px;
}
.how_it_work .work_actions .top_actions > div:last-child {
    margin-left: 80px;
}
.benefit_section .begin {
    width: 230px;
    height: 56px;
    border-radius: 8px;
    background: #ffdf08;
    box-shadow: 0 2px 12px 0 rgba(225, 196, 0, 0.56);
    font: 21px 'Proxima Nova', sans-serif;
    line-height: 56px;
    letter-spacing: 0.3px;
    color: #000;
    text-align: center;
    display: block;
    margin: auto;
    text-decoration: none;
    transition: all .2s ease;
}
.benefit_section .begin:hover {
    box-shadow: none;
}
.how_it_work .rules_invite_a_friend {
    display: block;
    text-align: center;
    font: 16px 'Proxima Nova', sans-serif;
    color: #3498db;
    letter-spacing: normal;
    margin-bottom: 138px;
}
.how_it_work .horizontal_line {
    height: 3px;
    width: 100%;
    background: radial-gradient(circle at 50% 0, #f5f5f5, #fff);
}

.where_to_watch_income {
    padding-top: 80px;
    text-align: center;
    overflow-x: hidden;
}
.where_to_watch_income .uppercase_title {
    font: 14px 'Proxima Nova', sans-serif;
    line-height: 24px;
    letter-spacing: 5px;
    color: #3a3a3a;
    text-transform: uppercase;
    margin-bottom: 100px;
    text-align: center;
}
.where_to_watch_income .major_title {
    font: bold 40px 'Proxima Nova', sans-serif;
    line-height: 60px;
    letter-spacing: 0.2px;
    color: #000;
    text-align: center;
    margin-bottom: 140px;
    text-transform: none;
}
.where_to_watch_income img {
    width: 100%;
    margin-bottom: 90px;
}
.where_to_watch_income .horizontal_line {
    height: 3px;
    width: 100%;
    background: radial-gradient(circle at 50% 0, #f5f5f5, #fff);
}

.how_to_invite_friends {
    padding-top: 88px;
    overflow-x: hidden;
}
.how_to_invite_friends .uppercase_title {
    font: 14px 'Proxima Nova', sans-serif;
    line-height: 24px;
    letter-spacing: 5px;
    color: #3a3a3a;
    margin-bottom: 100px;
    text-align: center;
    text-transform: uppercase;
}
.how_to_invite_friends .major_title {
    font: bold 40px 'Proxima Nova', sans-serif;
    line-height: 60px;
    letter-spacing: 0.2px;
    color: #000;
    margin-bottom: 135px;
    text-align: center;
    text-transform: none;
}
.how_to_invite_friends .actions_to_invite {
    list-style-type: decimal;
    width: 765px;
    margin: 0 auto 150px;
    position: relative;
    padding-left: 0;
}
.how_to_invite_friends .actions_to_invite::before {
    display: block;
    content: '';
    width: 240px;
    height: 478px;
    position: absolute;
    top: 0;
    left: -240px;
    background: url(https://cdn.megabonus.com/images/invite_a_friend/left_bg.png) no-repeat;
    background-size: cover;
}
.how_to_invite_friends .actions_to_invite::after {
    display: block;
    content: '';
    width: 240px;
    height: 478px;
    position: absolute;
    top: 0;
    right: -240px;
    background: url(https://cdn.megabonus.com/images/invite_a_friend/right_bg.png) no-repeat;
    background-size: cover;
}
.how_to_invite_friends .actions_to_invite > li {
    list-style-type: decimal;
    display: block;
    background: #fff;
    box-shadow: 0 3px 99px -3px rgba(8, 30, 70, 0.09);
    font: 20px 'Proxima Nova', sans-serif;
    line-height: 32px;
    letter-spacing: normal;
    color: #000;
    padding: 16px 60px 16px 120px;
    margin-bottom: 30px;
    border-radius: 4px;
}
.how_to_invite_friends .actions_to_invite > li > span {
    color: #b5b5b5;
    margin-left: -52px;
    margin-right: 30px;
}
.how_to_invite_friends .actions_to_invite > li:first-child > span {
    margin-right: 36px;
}
.how_to_invite_friends .begin {
    width: 230px;
    height: 56px;
    border-radius: 8px;
    background: #ffdf08;
    box-shadow: 0 2px 12px 0 rgba(225, 196, 0, 0.56);
    font: 21px 'Proxima Nova', sans-serif;
    line-height: 56px;
    letter-spacing: 0.3px;
    color: #000;
    text-align: center;
    display: block;
    margin: auto;
    text-decoration: none;
    transition: all .2s ease;
    margin-bottom: 150px;
}
.how_to_invite_friends .begin:hover {
    box-shadow: none;
}
.how_to_invite_friends .horizontal_line {
    height: 3px;
    width: 100%;
    background: radial-gradient(circle at 50% 0, #f5f5f5, #fff);
}

.cashback_link_block {
    text-align: center;
    margin-top: 0;
    margin-bottom: 70px;
}
.cashback_link_block .cashback_link_title {
    font: bold 18px 'Proxima Nova', sans-serif;
    line-height: 60px;
    letter-spacing: 0.1px;
    color: #000;
    margin-bottom: 0;
}
.cashback_link_block > div {
    display: flex;
    justify-content: center;
    width: 600px;
    max-width: 100%;
    position: relative;
    margin: auto;
}
.cashback_link_block .cashback_link_for_click {
    position: relative;
}
.cashback_link_block .cashback_link_for_click::before {
    display: block;
    content: '';
    position: absolute;
    top: 11px;
    left: 12px;
    z-index: 100;
    width: 23px;
    height: 23px;
    background: url(https://cdn.megabonus.com/images/invite_a_friend/icon_copy.svg) no-repeat;
    background-size: cover;
}
@media screen and (max-width: 500px) {
    .cashback_link_block .cashback_link_for_click::before {
        content: none;
    }
}
.cashback_link_block .cashback_link {
    width: 410px;
    height: 46px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding-left: 50px;
    margin-right: 12px;
    color: #000;
    font: 18px 'Proxima Nova', sans-serif;
    letter-spacing: 0.2px;
}
.cashback_link_block .copy_link {
    display: block;
    height: 46px;
    width: 177px;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(225, 196, 0, 0.56);
    background: #ffdf08;
    font: 21px 'Proxima Nova', sans-serif;
    line-height: 46px;
    letter-spacing: 0.3px;
    color: #000;
    text-decoration: none;
    transition: all .2s ease;
}
.cashback_link_block .copy_link:hover {
    box-shadow: none;
}

.popup_copy {
    position: fixed;
    width: 250px;
    height: 200px;
    background: #000;
    opacity: 0.6;
    text-align: center;
    top: 50%;
    margin-top: -100px;
    left: 50%;
    margin-left: -125px;
    display: none;
}
.popup_copy p:first-child {
    color: #fff;
    font: 30px 'Proxima Nova', sans-serif;
}
.popup_copy .link_copy {
    color: #fff;
    font: 18px 'Proxima Nova', sans-serif;
    margin-top: 30px;
}

@media screen and (max-width: 1200px) {
    .invite_a_friend .main_title {
        font-size: 46px;
        letter-spacing: 0.25px;
        line-height: 54px;
    }
    .invite_a_friend .main_gallery {
        margin-top: 100px;
        height: 310px;
    }
    .invite_a_friend .main_gallery > div:nth-child(1) {
        top: 0;
        left: 96px;
        width: 167px;
        height: 215px;
    }
    .invite_a_friend .main_gallery > div:nth-child(2) {
        top: 64%;
        margin-left: -192px;
        margin-top: -168px;
        width: 384px;
        height: 337px;
    }
    .invite_a_friend .main_gallery > div:nth-child(3) {
        top: 0;
        right: 96px;
        width: 167px;
        height: 215px;
    }
    .invite_a_friend .main_gallery > div:nth-child(4) {
        left: 11px;
        top: 230px;
        width: 252px;
        height: 167px;
    }
    .invite_a_friend .main_gallery > div:nth-child(5) {
        top: 230px;
        right: 11px;
        width: 252px;
        height: 167px;
    }

    .benefit_section .major_title {
        font-size: 32px;
        line-height: 60px;
        letter-spacing: 0.25px;
    }
    .benefit_section .benefit_cards {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .benefit_section .benefit_cards > div:last-child {
        margin-left: 0;
        margin-top: 30px;
    }
    .benefit_section .benefit_cards_bottom {
        padding-bottom: 100px;
    }

    .how_it_work {
        padding-top: 75px;
    }
    .how_it_work .major_title {
        font-size: 32px;
        line-height: 60px;
        letter-spacing: 0.25px;
    }
    .how_it_work .rules_invite_a_friend {
        margin-bottom: 75px;
    }
    .how_it_work .work_actions .top_actions > div {
        width: 250px;
    }

    .where_to_watch_income .major_title {
        font-size: 32px;
        line-height: 60px;
        letter-spacing: 0.25px;
    }

    .how_to_invite_friends .uppercase_title {
        margin-bottom: 75px;
    }
    .how_to_invite_friends .major_title {
        font-size: 32px;
        line-height: 60px;
        letter-spacing: 0.25px;
    }
    .how_to_invite_friends .actions_to_invite {
        width: 472px;
    }
    .how_to_invite_friends .actions_to_invite > li {
        padding: 20px 50px 20px 85px;
    }
}

@media screen and (max-width: 991px) {
    .invite_a_friend .main_title {
        font-size: 40px;
        line-height: 46px;
        letter-spacing: 0.2px;
    }

    .invite_a_friend .main_gallery {
        margin-top: 80px;
        height: 240px;
    }
    .invite_a_friend .main_gallery > div:nth-child(1) {
        top: 0;
        left: 65px;
        width: 130px;
        height: 168px;
    }
    .invite_a_friend .main_gallery > div:nth-child(2) {
        margin-left: -150px;
        margin-top: -131px;
        width: 300px;
        height: 263px;
    }
    .invite_a_friend .main_gallery > div:nth-child(3) {
        top: 0;
        right: 65px;
        width: 130px;
        height: 168px;
    }
    .invite_a_friend .main_gallery > div:nth-child(4) {
        left: -2px;
        top: 182px;
        width: 197px;
        height: 130px;
    }
    .invite_a_friend .main_gallery > div:nth-child(5) {
        top: 182px;
        right: -2px;
        width: 197px;
        height: 130px;
    }

    .benefit_section .uppercase_title {
        font-size: 12px;
        line-height: 24px;
        letter-spacing: 5px;
        margin-bottom: 40px;
    }
    .benefit_section .benefit_cards > div {
        width: 340px;
    }

    .how_it_work .work_actions .top_actions > div:nth-child(3), .how_it_work .work_actions .top_actions > div:last-child {
        margin-left: 0;
    }
    .how_it_work .work_actions .top_actions > div:nth-child(3) {
        margin-right: 60px;
    }

    .where_to_watch_income .uppercase_title {
        font-size: 12px;
        line-height: 24px;
        margin-bottom: 40px;
    }
    .how_to_invite_friends .uppercase_title {
        font-size: 12px;
        line-height: 24px;
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 768px) {
    .invite_a_friend .main_title {
        font-size: 32px;
        letter-spacing: 0.25px;
        line-height: 36px;
    }
    .invite_a_friend .main_description {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: normal;
        padding: 0 30px;
    }
    .bring-friend .bring-friend-text br {
        display: none;
    }
    .invite_a_friend .main_description br {
        display: none;
    }
    .invite_a_friend .main_description strong {
        font-size: 16px;
    }
    .invite_a_friend .main_gallery {
        height: 180px;
        margin: 80px auto 140px;
        width: 537px;
    }
    .invite_a_friend .main_gallery > div:nth-child(1) {
        top: 0;
        left: 50px;
        width: 97px;
        height: 124px;
    }
    .invite_a_friend .main_gallery > div:nth-child(2) {
        top: 64%;
        margin-left: -112px;
        margin-top: -100px;
        width: 223px;
        height: 195px;
    }
    .invite_a_friend .main_gallery > div:nth-child(3) {
        top: 0;
        right: 50px;
        width: 97px;
        height: 124px;
    }
    .invite_a_friend .main_gallery > div:nth-child(4) {
        left: 0;
        top: 135px;
        width: 147px;
        height: 96px;
    }
    .invite_a_friend .main_gallery > div:nth-child(5) {
        top: 135px;
        right: 0;
        width: 147px;
        height: 96px;
    }

    .benefit_section .major_title {
        font-size: 24px;
    }
    .benefit_section .benefit_cards {
        flex-direction: column;
        -ms-align-items: center;
        align-items: center;
    }
    .benefit_section .benefit_cards > div {
        margin-top: 30px;
        width: 350px;
    }
    .benefit_section .benefit_cards > div:first-child {
        margin-right: 0;
    }
    .benefit_section .benefit_cards_bottom {
        flex-direction: column;
        -ms-align-items: center;
        align-items: center;
    }
    .benefit_section .benefit_cards_bottom > div {
        margin-top: 30px;
    }
    .benefit_section .benefit_cards_bottom > div:first-child {
        margin-right: 0;
    }

    .cashback_link_block {
        margin-top: 40px;
    }
    .cashback_link_block .cashback_link {
        width: 325px;
        font-size: 16px;
    }
    .cashback_link_block .copy_link {
        font-size: 18px;
        width: 150px;
    }
    .how_it_work .major_title {
        font-size: 24px;
    }
    .how_it_work .work_actions {
        margin-bottom: 50px;
    }
    .how_it_work .work_actions .top_actions > div {
        width: 230px;
    }

    .where_to_watch_income .major_title {
        font-size: 24px;
    }

    .how_to_invite_friends .major_title {
        font-size: 24px;
        line-height: 26px;
    }
    .how_to_invite_friends .actions_to_invite {
        margin: 240px auto 270px;
    }
    .how_to_invite_friends .actions_to_invite::before {
        background: url(https://cdn.megabonus.com/images/invite_a_friend/up_576.png) no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        top: -218px;
        left: 0;
        width: 100%;
        height: 218px;
    }
    .how_to_invite_friends .actions_to_invite::after {
        background: url(https://cdn.megabonus.com/images/invite_a_friend/down_576.png) no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        bottom: -218px;
        right: 0;
        width: 100%;
        height: 218px;
        top: auto;
    }
}

@media screen and (max-width: 576px) {
    .invite_a_friend {
        padding-top: 180px;
    }
    .invite_a_friend .main_title {
        line-height: 32px;
        margin-bottom: 40px;
    }
    .invite_a_friend .main_gallery {
        height: 135px;
        margin: 80px auto 75px;
        width: 320px;
    }
    .invite_a_friend .main_gallery > div:nth-child(1) {
        top: 0;
        left: 30px;
        width: 60px;
    }
    .invite_a_friend .main_gallery > div:nth-child(2) {
        top: 64%;
        margin-left: -62px;
        margin-top: -72px;
        width: 124px;
    }
    .invite_a_friend .main_gallery > div:nth-child(3) {
        top: 0;
        right: 30px;
        width: 60px;
    }
    .invite_a_friend .main_gallery > div:nth-child(4) {
        left: 0;
        top: 85px;
        width: 90px;
    }
    .invite_a_friend .main_gallery > div:nth-child(5) {
        top: 85px;
        right: 0;
        width: 90px;
    }

    .benefit_section .uppercase_title {
        font-size: 11px;
        line-height: 17px;
        letter-spacing: 4px;
    }
    .benefit_section .major_title {
        line-height: 28px;
    }
    .benefit_section .benefit_cards > div, .benefit_section .benefit_cards_bottom > div {
        max-width: 350px;
        width: 100%;
        height: auto;
    }

    .how_it_work .major_title {
        margin-bottom: 80px;
    }
    .how_it_work .work_actions .top_actions > div {
        max-width: 240px;
        width: 100%;
        height: auto;
        padding-top: 80px;
    }
    .how_it_work .work_actions .top_actions > div > .action_img {
        margin-bottom: 40px;
    }
    .how_it_work .work_actions .top_actions > div:first-child, .how_it_work .work_actions .top_actions > div:nth-child(3) {
        margin-right: 0;
    }
    .how_it_work .work_actions .top_actions > div:first-child {
        padding-top: 0;
    }

    .where_to_watch_income .uppercase_title {
        font-size: 11px;
        line-height: 17px;
        letter-spacing: 4px;
    }
    .where_to_watch_income .major_title {
        line-height: 26px;
        margin-bottom: 80px;
    }
    .where_to_watch_income img {
        margin-bottom: 65px;
    }

    .how_to_invite_friends .uppercase_title {
        font-size: 11px;
        line-height: 17px;
        letter-spacing: 4px;
    }
    .how_to_invite_friends .actions_to_invite {
        width: 100%;
        padding: 0 15px;
    }
    .how_to_invite_friends .actions_to_invite > li {
        padding: 20px 25px 20px 70px;
    }

    .cashback_link_block > div {
        flex-direction: column;
        width: 100%;
    }
    .cashback_link_block .cashback_link {
        width: 100%;
        padding: 0 15px;
        margin-right: 0;
        text-align: center;
    }
    .cashback_link_block .copy_link {
        width: 100%;
        margin-top: 15px;
    }
    .cashback_link_block > div::before {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    #ep-modal-close {
        top: -2px !important;
        right: -2px !important;
        font-size: 45px !important;
    }
}

.pagenotfound {
    padding-top: 60px;
}

@media screen and (max-width: 991px) {
    .pagenotfound {
        padding-top: 120px;
    }
}

@media screen and (max-width: 600px) {
    .pagenotfound {
        padding-top: 200px;
    }
}

/* support scss underHeaderPadding mixin */
.under-header-padding {
    padding-top: 123px;
}
@media screen and (min-width: 992px) {
    .under-header-padding{
        padding-top: 64px;
    }
}
@media screen and (max-width: 322px) {
    .after-margin-padding{
        padding-top: 159px;
    }
}