/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active, a:hover {
    outline-width: 0
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

audio, canvas, video {
    display: inline-block
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

.slick-slide.slick-loading img, [hidden], template {
    display: none
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after, .slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.popup-back:not(.show) {
    display: none
}

.aa-section-02 {
    padding: 30px 0;
    border-bottom: 1px solid #eee;
}

.aa-section-2__image {
    float: left;
    margin-right: 20px;
    max-width: 80px;
    max-height: 92px;
}

.aa-section-2__h1 {
    color: black;
    font-family: 'DINPro', sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.175em;
    letter-spacing: -0.025em;
    text-transform: uppercase;
    margin: 0 0 12px;
}

.aa-section-2__column {
    display: flex;
    font-size: 12px;
}

.action-block {
    padding: 10px 0;
    text-align: center;
}

.action-block__appeal {
    color: #909295;
    font-family: 'DINPro', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    margin: 10px 0;
    color: #ffffff;
    background: #dd2734;
    display: block;
    max-width: 430px;
    margin: 10px auto;
    padding: 5px 0;
}

.action-block__appeal::selection {
    color: #000000;
    background: #ffffff;
}

.action-block__appeal span {
    color: #DD2734;
}

.action-block__call {
    font-family: 'DINPro', sans-serif;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -0.75px;
    line-height: 120%;
}

.action-block__call a {
    color: #DD2734;
    white-space: nowrap;
}

.aa-section-7 {
    color: black;
    position: relative;
    z-index: 1;
    padding: 30px 0;
}

.aa-section-7__head {
    width: 100%;
    font-family: 'DINPro', sans-serif;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 110%;
    text-align: center;
    font-size: 42px;
    margin-bottom: 48px;
}

.aa-info-clients__row {
    justify-content: center;
}

.aa-info-clients__col-1 {
    text-transform: none;
    text-align: center;
    font-weight: 600;
}

.aa-info-clients__amount {
    color: #DD2734;
}

.aa-info-clients__col-2 {
    min-height: 65px;
    border-left: 2px solid #000;
    font-size: 20px;
    margin: 0 0 20px 20px;
    padding: 0 0 0 18px;
    max-width: 430px;
    font-weight: 600;
    line-height: 125%;
}

.aa-info-clients__col-2 p {
    margin: 0 0 20px;
}

.aa-section-7__bg:before {
    background: url(../images/index/bg_friends.jpg) no-repeat 50% 50%/cover !important;
    background-color: #fcf8f7;
}

.aa-review-list .slick-slider {
    display: flex;
    flex-direction: column;
}

.slick-dots {
    order: -1;
    margin-bottom: 20px;
}

.slick-dots li button {
    background-color: #909295;
}

.slick-dots li.slick-active button {
    background-color: #DD2734;
    border-color: transparent;
}

.aa-review-list .slick-prev, .aa-review-list .slick-next {
    top: 110px;
    box-shadow: 0 0 30px rgba(221, 39, 52, 0.15);
    border-radius: 50%;
}

.aa-review-list .slick-prev:before, .aa-review-list .slick-next:before {
    background-image: url(../images/index/prev.png);
}

.aa-review-list .slick-prev:after, .aa-review-list .slick-next:after {
    background-image: url(../images/index/prev-h.png);
}

.aa-review-list .slick-slide {
    background: #fff;
    height: 100%;
    margin: 0 10px;
    padding: 20px;
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.16);
}

.slick-dots {
    margin: 0 -20px 10px;
}

.slick-dots li {
    margin: 2px;
}

.aa-review-item__lead {
    color: #000;
}

.aa-review-item__title small {
    font-size: 20px;
    color: #000;
}

.aa-review-item__img-wrap {
    padding: 3px;
    border: 2px solid #DD2734;
    border-radius: 50%;
}

.aa-section-8 {
    padding: 0;
    background-image: none;
}

.aa-section-8 .aa-container {
    padding: calc(40px + 3.99893%) 0 105px;
    background: url(../images/index/bg_FAQ.jpg) no-repeat right bottom #fff;
    background-size: auto 80%;
}

.aa-section-8 p, .aa-section-8 ul, .aa-section-8 ol {
    margin: 5px 0 10px;
}

.aa-question-item {
    margin-bottom: 20px;
    padding-left: 34px;
}

.aa-question-item:before {
    content: '';
    width: 18px;
    height: 26px;
    background: url(../images/index/arrow.svg) no-repeat 50% 50%/contain;
    position: absolute;
    top: 4px;
    left: 5px;
    opacity: 1;
}

.aa-question-item--opened:before {
    opacity: 1;
    transform: rotate(180deg);
}

.aa-question-item__title-underline { /* oh, i'm so sorry */
    background: none;
    color: #000;
    border-bottom: 1px dashed black;
    font-weight: 600;
    font-size: 20px;
}

.aa-question-item__title-underline:hover {
    color: #dd2734;
    background: none;
}

.aa-question-item__answer {
    display: none;
    color: #000;
    padding: 20px 30px 30px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.06);
    background: #fff;
    border-left: none;
    position: relative;
    margin: 0 -15px 0 0;
    max-width: 80ch;
    line-height: 1.3;
}

.aa-question-item__call {
    font-weight: 600;
    font-size: 17px;
}

.aa-question-item__call a {
    color: #DD2734;
}

.aa-section-4 {
    background-size: cover;
}

.aa-section-9__title {
    margin: 0 0 45px;
    padding-bottom: 50px;
    text-transform: initial;
}

.algo-block {
}

.light-bg {
    box-shadow: 0 0 34px rgba(0, 0, 0, 0.06);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position-y: 15px;
    background-position-x: calc(100% - 20px);
    background-size: auto 80px;
    padding: 30px;
    position: relative;
    z-index: 2;
}

.algo-block-01 .light-bg {
    background-image: url(../images/algo_block_1.jpg);
}

.algo-block-02 .light-bg {
    background-image: url(../images/algo_block_5.jpg);
}

.algo-block-03 .light-bg {
    background-image: url(../images/algo_block_7.jpg);
}

.algo-block-04 .light-bg {
    background-image: url(../images/algo_block_6.jpg);
}

.algo-block-05 .light-bg {
    background-image: url(../images/algo_block_3.jpg);
}

.algo-block-06 .light-bg {
    background-image: url(../images/algo_block_8.jpg);
}

.dash-line {
    position: absolute;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: auto;
}

.algo-block-02 .dash-line {
    top: 15px;
    left: -25px;
    height: 47px;
    width: 94px;
    background-image: url(../images/index/path01.png);
}

.algo-block-03 .dash-line {
    top: -85px;
    right: -25px;
    height: 64px;
    width: 97px;
    background-image: url(../images/index/path03.png);
}

.algo-block-04 .dash-line {
    top: 35px;
    left: -20px;
    height: 19px;
    width: 54px;
    background-image: url(../images/index/path02.png);
}

.algo-block-05 .dash-line {
    top: -75px;
    right: -20px;
    height: 37px;
    width: 100px;
    background-image: url(../images/index/path05.png);
}

.algo-block-06 .dash-line {
    top: 30px;
    left: -20px;
    height: 26px;
    width: 54px;
    background-image: url(../images/index/path04.png);
}

.algo-block--odd {
    margin-top: -50px;
}

.algo-block--even {
    margin-top: 50px;
}

.algo-block__head {
    font-family: 'DINPro', sans-serif;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -0.5px;
    line-height: 120%;
    position: relative;
    padding-left: 60px;
    padding-right: 70px;
    margin-bottom: 10px;
    min-height: 70px;
    display: flex;
    align-items: center;
}

.algo-block__head span {
    color: #DD2734;
    line-height: 58px;
    font-size: 70px;
    width: 50px;
    height: 65px;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
}

.algo-block__body {
    padding: 10px;
}

.txt-light {
    color: #fff;
}

/**************************************//**************** PROMO ***************//**************************************/
.wrapper {
    max-width: 1024px;
    margin: 0 auto;
}

.promo {
    position: relative;
    min-height: 500px;
    background: url(../images/promo.jpg) 50% no-repeat;
    background-color: #121212;
    background-size: cover;
    overflow: hidden;
    color: #fff;
    padding: 70px 15px;
    box-sizing: border-box;
}

.promo::after {
    content: '';
    position: absolute;
    width: 465px;
    height: 460px;
    background: url(../images/sergey.png) no-repeat;
    background-size: contain;
    bottom: 0;
    right: calc(50% - 350px);
}

.promo .wrapper {
    position: relative;
}

.promo__head {
    margin: 0 0 15px;
    font-size: 40px;
    font-weight: 900;
}

.promo__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.promo__list li {
    font-weight: 300;
    font-size: 22px;
    padding: 5px 0 5px 20px;
    background: url(../images/arrow.svg) left center no-repeat;
}

.promo__btn {
    display: inline-block;
    margin: 25px 0 15px;
    padding: 15px 20px;
    background-color: #57a035;
    font-size: 19px;
    font-weight: 700;
    color: #fff;
}

.promo__btn:hover {
    text-decoration: none;
}

.promo__coupon-count {
    font-size: 19px;
    font-weight: 700;
}

.promo__coupon-count span {
    font-size: 27px;
    font-weight: 900;
    color: #57a035;
}

.promo__appeal {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 30px;
    font-weight: 900;
    text-align: right;
    z-index: 2;
}

.promo__appeal span {
    display: inline-block;
    padding: 5px 10px;
    margin: 8px 0 0;
    border-radius: 7px;
    background-color: #FFD64B;
    color: #2A2A2A;
    font-size: 26px;
    font-weight: 700;
}

.promo__founder {
    position: absolute;
    bottom: -50px;
    right: 0;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 135%;
    padding-left: 42px;
    background: url(../images/promo-vk.svg) left center no-repeat;
    background-size: 32px;
    z-index: 1;
}

.promo__founder:hover {
    text-decoration: none;
}

.promo__founder:hover .cls-1 {
    fill: blue;
}

@media only screen and (max-width: 1024px) {
    .promo__appeal {
        max-width: 140px;
    }

    .promo::after {
        right: calc(50% - 410px);
    }
}

@media only screen and (max-width: 780px) {
    .promo::after, .promo__founder, .promo__appeal {
        display: none;
    }

    .promo {
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .promo__head {
        font-size: 34px;
    }
}

/**************************************//************ PRICE-Descr ************//************************************/
.price-box {
    font-family: 'DINPro', sans-serif;
    font-size: 48px;
    font-weight: 700;
    text-align: center;
}

.price-box span {
    font-size: 60px;
    color: #DD2734;
}

.advantages {
    display: flex;
    justify-content: center;
    margin: 40px 5vw;
    font-size: 24px;
    line-height: 130%;
}

.advantages li {
    margin: 0 auto;
    padding: 100px 15px 20px;
    text-align: center;
    white-space: nowrap;
    background-size: 84px;
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.advantages li.installment {
    background-image: url(../images/payment01.png);
}

.advantages li.first-pay {
    background-image: url(../images/payment02.png);
}

.advantages li.term-pay2 {
    background-image: url(../images/payment04.jpeg);
}

@media only screen and (max-width: 520px) {
    .price-box {
        font-size: 30px;
    }

    .price-box span {
        font-size: 42px;
    }

    .advantages {
        display: block;
        margin-left: 0;
        margin-right: 0;
        font-size: 0;
    }

    .advantages li {
        display: inline-block;
        width: 50%;
        font-size: 20px;
        line-height: 140%;
        padding: 90px 5px 10px;
        margin: 0 0 20px;
    }

    .advantages li:last-child {
        width: 100%;
    }
}

@media only screen and (min-width: 1024px) {
    .aa-header__logo-2, #offer {
        display: none;
    }

    .aa-header__panel {
        align-items: center;
    }

    .cta {
        margin: 7px auto;
    }
}

@media screen and (max-width: 767px) {
    .aa-section-7__head {
        font-size: 24px;
        margin-bottom: 0;
    }

    .aa-section-2__column {
        flex-direction: column;
    }

    .aa-question-item {
        padding: 0 10px;
    }

    .aa-question-item__answer {
        margin: 0;
    }

    .aa-errors-list-2 .aa-error-item-2 {
        padding: 20px;
        background-position: 20px 21px;
        background-size: 40px;
    }

    .aa-error-item-2__title {
        padding-left: 50px;
        min-height: 40px;
        display: flex;
        align-items: center;
        margin: 0;
    }

    .algo-block--odd, .algo-block--even {
        margin-top: 20px;
    }

    .algo-block__head {
        font-size: 18px;
    }

    .aa-section-14__title, .aa-section-9__title, .aa-section-4__title {
        font-size: 22px;
        letter-spacing: -0.5px;
    }

    .aa-section-9__title {
        margin: 0;
        padding-bottom: 10px;
    }

    .action-block__call {
        font-size: 23px;
    }

    .action-block__appeal {
        font-size: 14px;
        max-width: 195px;
        margin: 10px auto;
        padding: 5px 5px;
    }
}

.aa-error-item__header .fa {
    padding-bottom: 35px;
}

.aa-error-item.active .aa-error-item__header .fa {
    padding-top: 35px;
}

.algo-block__head .fa, .aa-error-item__header .fa, .aa-section-2__h1 .fa {
    display: none;
    transition: 0.3s;
    padding-right: 5px;
    transform: rotate(180deg);
}

.algo-block.active .algo-block__head .fa, .aa-error-item.active .aa-error-item__header .fa, .aa-section-2__column.active .aa-section-2__h1 .fa {
    transform: rotate(0deg);
    padding-left: 5px;
}

@media (max-width: 767px) {
    .algo-block__head {
        width: 100%;
    }

    .algo-block__head .fa, .aa-error-item__header .fa, .aa-section-2__h1 .fa {
        display: inline-block;
        transition: 0.3s;
        padding-right: 5px;
        transform: rotate(180deg);
    }

    .algo-block__body, .error-content {
        max-height: 0;
        transition: 0.3s;
        overflow: hidden;
        padding: 0;
    }

    .active .algo-block__body, .active .error-content {
        max-height: 1000px;
        overflow: hidden;
        padding: 0;
    }
}

/* FOOTER CSS BUSSINES-POPUP*/
.aa-header__tels > .city {
    color: #ea1c24;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.1em;
    padding-bottom: 1px;
    background: linear-gradient(to right, rgba(234, 28, 36, 0.5) 2px, transparent 2px, transparent 4px) repeat-x 0 100%/4px 1px;
    transition: 0.2s ease;
}

.city {
    color: #ea1c24;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.1em;
    padding-bottom: 1px;
    background: linear-gradient(to right, rgba(234, 28, 36, 0.5) 2px, transparent 2px, transparent 4px) repeat-x 0 100%/4px 1px;
    transition: 0.2s ease;
}

a {
    text-decoration: none;
}

.el-button {
    margin: 5px auto;
    border: solid 2px #57a035;
    padding: 5px 10px 3px;
    border-radius: 8px 8px;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    padding: 5px 10px;
    background: #57a035;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    color: #ffffff;
    text-decoration: none;
    width: 38%;
}

.el-button:hover {
    background: #dd2734;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}

.el-button.hide {
    display: none;
}

@media (max-width: 767px) {
    .aa-hidden-mob {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .aa-hidden-tab {
        display: none !important;
    }
}

@media (min-width: 1024px) {
    .aa-hidden-des {
        display: none !important;
    }
}

.aa-text--center {
    text-align: center;
}

.aa-clearfix:before, .aa-clearfix:after {
    content: " ";
    display: table;
}

.aa-clearfix:after {
    clear: both;
}

.slick-slide:focus, .slick-arrow:focus, .slick-dots button:focus, .slick-slider a:focus {
    outline: 0;
}

.slick-arrow, .slick-dots button {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
}

.slick-disabled {
    cursor: not-allowed;
    opacity: 0.7;
    box-shadow: none;
    pointer-events: none;
}

.slick-dots {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0;
    color: transparent;
    text-align: center;
}

.slick-dots li {
    margin: 2px;
}

.slick-dots li button {
    width: 12px;
    height: 12px;
    background-color: #1a2640;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.2s ease;
}

.slick-dots li.slick-active button {
    background-color: transparent;
    border-color: #1a2640;
}

img.slick-loading {
    visibility: hidden;
}

@media (min-width: 1024px) {
    .slick-dots li {
        margin: 3px;
    }

    .slick-dots li button {
        width: 16px;
        height: 16px;
    }
}

.aa-container {
    max-width: 1024px;
    padding: 0 15px;
    margin: 0 auto;
}

.aa-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}

[class*='aa-col-'] {
    -ms-flex: none;
    flex: none;
    width: 100%;
    min-height: 1px;
    padding: 0 15px;
}

.aa-col-mob-1 {
    width: 8.33333%;
}

.aa-col-mob-2 {
    width: 16.66667%;
}

.aa-col-mob-3 {
    width: 25%;
}

.aa-col-mob-4 {
    width: 33.33333%;
}

.aa-col-mob-5 {
    width: 41.66667%;
}

.aa-col-mob-6 {
    width: 50%;
}

.aa-col-mob-7 {
    width: 58.33333%;
}

.aa-col-mob-8 {
    width: 66.66667%;
}

.aa-col-mob-9 {
    width: 75%;
}

.aa-col-mob-10 {
    width: 83.33333%;
}

.aa-col-mob-11 {
    width: 91.66667%;
}

.aa-col-mob-12 {
    width: 100%;
}

.aa-col-mob-offset-1 {
    margin-left: 8.33333%;
}

.aa-col-mob-offset-2 {
    margin-left: 16.66667%;
}

.aa-col-mob-offset-3 {
    margin-left: 25%;
}

.aa-col-mob-offset-4 {
    margin-left: 33.33333%;
}

.aa-col-mob-offset-5 {
    margin-left: 41.66667%;
}

.aa-col-mob-offset-6 {
    margin-left: 50%;
}

.aa-col-mob-offset-7 {
    margin-left: 58.33333%;
}

.aa-col-mob-offset-8 {
    margin-left: 66.66667%;
}

.aa-col-mob-offset-9 {
    margin-left: 75%;
}

.aa-col-mob-offset-10 {
    margin-left: 83.33333%;
}

.aa-col-mob-offset-11 {
    margin-left: 91.66667%;
}

@media (min-width: 480px) {
    .aa-col-480-1 {
        width: 8.33333%;
    }

    .aa-col-480-2 {
        width: 16.66667%;
    }

    .aa-col-480-3 {
        width: 25%;
    }

    .aa-col-480-4 {
        width: 33.33333%;
    }

    .aa-col-480-5 {
        width: 41.66667%;
    }

    .aa-col-480-6 {
        width: 50%;
    }

    .aa-col-480-7 {
        width: 58.33333%;
    }

    .aa-col-480-8 {
        width: 66.66667%;
    }

    .aa-col-480-9 {
        width: 75%;
    }

    .aa-col-480-10 {
        width: 83.33333%;
    }

    .aa-col-480-11 {
        width: 91.66667%;
    }

    .aa-col-480-12 {
        width: 100%;
    }

    .aa-col-480-offset-1 {
        margin-left: 8.33333%;
    }

    .aa-col-480-offset-2 {
        margin-left: 16.66667%;
    }

    .aa-col-480-offset-3 {
        margin-left: 25%;
    }

    .aa-col-480-offset-4 {
        margin-left: 33.33333%;
    }

    .aa-col-480-offset-5 {
        margin-left: 41.66667%;
    }

    .aa-col-480-offset-6 {
        margin-left: 50%;
    }

    .aa-col-480-offset-7 {
        margin-left: 58.33333%;
    }

    .aa-col-480-offset-8 {
        margin-left: 66.66667%;
    }

    .aa-col-480-offset-9 {
        margin-left: 75%;
    }

    .aa-col-480-offset-10 {
        margin-left: 83.33333%;
    }

    .aa-col-480-offset-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 768px) {
    .aa-col-tab-1 {
        width: 8.33333%;
    }

    .aa-col-tab-2 {
        width: 16.66667%;
    }

    .aa-col-tab-3 {
        width: 25%;
    }

    .aa-col-tab-4 {
        width: 33.33333%;
    }

    .aa-col-tab-5 {
        width: 41.66667%;
    }

    .aa-col-tab-6 {
        width: 50%;
    }

    .aa-col-tab-7 {
        width: 58.33333%;
    }

    .aa-col-tab-8 {
        width: 66.66667%;
    }

    .aa-col-tab-9 {
        width: 75%;
    }

    .aa-col-tab-10 {
        width: 83.33333%;
    }

    .aa-col-tab-11 {
        width: 91.66667%;
    }

    .aa-col-tab-12 {
        width: 100%;
    }

    .aa-col-tab-offset-1 {
        margin-left: 8.33333%;
    }

    .aa-col-tab-offset-2 {
        margin-left: 16.66667%;
    }

    .aa-col-tab-offset-3 {
        margin-left: 25%;
    }

    .aa-col-tab-offset-4 {
        margin-left: 33.33333%;
    }

    .aa-col-tab-offset-5 {
        margin-left: 41.66667%;
    }

    .aa-col-tab-offset-6 {
        margin-left: 50%;
    }

    .aa-col-tab-offset-7 {
        margin-left: 58.33333%;
    }

    .aa-col-tab-offset-8 {
        margin-left: 66.66667%;
    }

    .aa-col-tab-offset-9 {
        margin-left: 75%;
    }

    .aa-col-tab-offset-10 {
        margin-left: 83.33333%;
    }

    .aa-col-tab-offset-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 1024px) {
    .aa-col-des-1 {
        width: 8.33333%;
    }

    .aa-col-des-2 {
        width: 16.66667%;
    }

    .aa-col-des-3 {
        width: 25%;
    }

    .aa-col-des-4 {
        width: 33.33333%;
    }

    .aa-col-des-5 {
        width: 41.66667%;
    }

    .aa-col-des-6 {
        width: 50%;
    }

    .aa-col-des-7 {
        width: 58.33333%;
    }

    .aa-col-des-8 {
        width: 66.66667%;
    }

    .aa-col-des-9 {
        width: 75%;
    }

    .aa-col-des-10 {
        width: 83.33333%;
    }

    .aa-col-des-11 {
        width: 91.66667%;
    }

    .aa-col-des-12 {
        width: 100%;
    }

    .aa-col-des-offset-1 {
        margin-left: 8.33333%;
    }

    .aa-col-des-offset-2 {
        margin-left: 16.66667%;
    }

    .aa-col-des-offset-3 {
        margin-left: 25%;
    }

    .aa-col-des-offset-4 {
        margin-left: 33.33333%;
    }

    .aa-col-des-offset-5 {
        margin-left: 41.66667%;
    }

    .aa-col-des-offset-6 {
        margin-left: 50%;
    }

    .aa-col-des-offset-7 {
        margin-left: 58.33333%;
    }

    .aa-col-des-offset-8 {
        margin-left: 66.66667%;
    }

    .aa-col-des-offset-9 {
        margin-left: 75%;
    }

    .aa-col-des-offset-10 {
        margin-left: 83.33333%;
    }

    .aa-col-des-offset-11 {
        margin-left: 91.66667%;
    }
}

.aa-page {
    display: -ms-flexbox;
    display: flex;
    color: #000;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    background: #fff;
    word-wrap: break-word;
}

.aa-page ::-moz-selection {
    background: #dd2734;
    color: white;
    text-shadow: none;
}

.aa-page ::selection {
    background: #dd2734;
    color: white;
    text-shadow: none;
}

.aa-page *, .aa-page *::before, .aa-page *::after {
    box-sizing: border-box;
}

.aa-page b, .aa-page strong {
    font-weight: 700;
}

.aa-page .red {
    color: #dd2734;
}

.aa-page .parsley-errors-list {
    list-style: none;
    font-size: 12px;
    font-weight: 700;
    color: #dd2734;
    text-align: left;
    padding: 0;
    margin: 0;
}

.aa-page .parsley-errors-list li {
    padding: 3px 0;
}

.aa-wrapper {
    -ms-flex: none;
    flex: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
    min-height: 100vh;
    background: #fff;
    position: relative;
}

.aa-header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

.aa-header .aa-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
}

.aa-header__inner {
    padding: 14px 0;
    background: #ffffff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    position: relative;
}

.aa-header__logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 205px;
    max-width: 100%;
    height: 54px;
}

.aa-header__panel {
    display: none;
    overflow-y: auto;
    max-height: calc(100vh - 75px);
    padding: 30px 15px;
    background: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 75px;
    right: 0;
    left: 0;
    z-index: -1;
}

.aa-header__toggle-menu {
    -ms-flex: none;
    flex: none;
    width: 40px;
    height: 40px;
    padding: 0;
    background: transparent;
    border: 1px solid #dd2734;
    cursor: pointer;
    transition: 0.2s ease;
    float: right;
    margin: auto 0 auto 10px;
}

.aa-header__toggle-menu:before, .aa-header__toggle-menu:after, .aa-header__toggle-menu-line {
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    margin: 3px auto;
    background: #000;
    pointer-events: none;
    transition: 0.2s linear;
}

.aa-header__toggle-menu--opened:before {
    transform: rotate(45deg);
    margin: 0 auto -2px;
}

.aa-header__toggle-menu--opened:after {
    transform: rotate(-45deg);
    margin: 0 auto;
}

.aa-header__toggle-menu--opened .aa-header__toggle-menu-line {
    height: 0;
    margin: 0 auto;
}

.aa-header__contacts {
    text-align: center;
}

.aa-header__tels {
    display: table;
    color: #000;
    font-family: 'DINPro', sans-serif;
    font-size: 20px;
    padding: 3px 5px 2px;
    background: #ffff00;
    margin: 0 auto 20px;
}

.pod-btn {
    position: relative;
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    padding: 0 5px;
}

.aa-header__tels a, .aa-header__tels a:hover, .aa-header__tels a:focus {
    color: #000;
    text-decoration: none;
}

@media (min-width: 1024px) {
    .aa-header__logo {
        -ms-flex: none;
        flex: none;
    }

    .aa-header__panel {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-align: start;
        align-items: flex-start;
        overflow: hidden;
        max-height: none;
        padding: 0;
        background: none;
        box-shadow: none;
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        z-index: auto;
        width: 100%;
    }

    .aa-header__contacts {
        -ms-flex: none;
        flex: none;
        text-align: right;
        margin: -5px 0 20px 0;
    }

    .aa-header__tels {
        display: block;
        margin: 0 5px;
    }
}

.aa-content {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 75px 0 0;
}

.aa-footer {
    -ms-flex: none;
    flex: none;
    padding: 60px 0;
}

.aa-footer p:last-child {
    margin: 0;
}

.aa-footer a {
    color: inherit;
    text-decoration: underline;
    transition: 0.2s ease;
}

.aa-footer a:hover, .aa-footer a:focus {
    color: #dd2734;
    text-decoration: none;
}

.aa-footer__logo {
    display: block;
    width: 205px;
    max-width: 100%;
    margin: 0 auto 20px;
}

.aa-footer__logo-img {
    display: block;
    max-width: 100%;
}

.aa-footer__info {
    font-family: 'DINPro', sans-serif;
    text-align: center;
    font-size: 32px;
}

.aa-btn {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    line-height: 1.25em;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background: none;
    border: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    transition: 0.2s ease;
    z-index: 10;
    position: relative;
}

.aa-btn:focus, .aa-btn.focus, .aa-btn:active:focus, .aa-btn:active.focus, .aa-btn.active:focus, .aa-btn.active.focus {
    outline: 0;
}

.aa-btn:hover, .aa-btn:focus, .aa-btn.focus {
    text-decoration: none;
}

.aa-btn:active, .aa-btn.active {
    outline: 0;
}

.aa-btn.disabled, .aa-btn[disabled], fieldset[disabled] .aa-btn {
    cursor: not-allowed;
    opacity: 0.7;
    box-shadow: none;
    pointer-events: none;
}

.aa-btn--2 {
    color: white;
    font-weight: 700;
    font-size: 16px;
    font-family: 'DINPro', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    padding: 9px 25px;
    background-color: #57a035;
    border-radius: 6px;
    transition: 0.3s ease-in;
}

.aa-btn--2:hover, .aa-btn--2:focus, .aa-btn--2.focus {
    color: white;
    background-color: #dd2734;
}

.aa-btn--2:active, .aa-btn--2.active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 1px rgba(255, 255, 255, 0.3);
}

.aa-btn--3 {
    color: white;
    font-weight: 700;
    font-size: 14px;
    font-family: 'DINPro', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    padding: 14px 25px 15px;
    background-color: #57a035;
    border-radius: 6px;
    transition: 0.3s ease-in;
}

.aa-btn--6 {
    color: black;
    background-color: white;
}

.aa-btn--3:hover, .aa-btn--3:focus, .aa-btn--3.focus {
    color: white;
    background-color: #dd2734;
}

.aa-btn--3:active, .aa-btn--3.active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 1px rgba(255, 255, 255, 0.3);
}

.cta {
    position: relative;
    margin: 10px auto 0;
    text-align: center;
    color: green;
    font-size: 28px;
}

@media (min-width: 768px) {
    .aa-btn--2 {
        font-size: 30px;
        padding: 24px 90px;
    }

    .aa-btn--3 {
        font-size: 20px;
        padding: 17px 40px 18px;
    }
}

.coupon-btn {
    white-space: normal;
}

@media (max-width: 420px) {
    .coupon-btn {
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    .aa-section-2__content {
        overflow: hidden;
    }

    .aa-section-2__title {
        font-size: 32px;
    }
}

.aa-section-3 {
    min-height: 236px;
    padding: 55px 0 49px;
    background: url("../images/index/section-3-bg.jpg") no-repeat 50% 25px/299px auto white;
}

.aa-section-3 .aa-container {
    max-width: 320px;
    padding-left: 120px;
}

.aa-section-3__title strong {
    font-weight: 700;
}

.aa-section-3__lead {
    color: #6d6e71;
    font-size: 14px;
    line-height: 1.25;
    margin: 0 0 15px;
}

@media (min-width: 768px) {
    .aa-section-3 {
        min-height: 553px;
        padding: 70px 0 80px;
        background: url("../images/index/section-3-bg.jpg") no-repeat 50% 20px/748px auto white;
    }

    .aa-section-3 .aa-container {
        max-width: 768px;
        padding-left: 200px;
    }

    .aa-section-3__title {
        font-size: 62px;
    }

    .aa-section-3__lead {
        font-size: 28px;
        margin: 0 0 60px;
    }
}

@media (min-width: 1024px) {
    .aa-section-3 {
        min-height: 695px;
        padding: 125px 0 167px;
        background: url("../images/index/section-3-bg.jpg") no-repeat 50% 20px/948px auto white;
        background: url("../images/index/section-3-bg.jpg") no-repeat calc(50% - 65px) 20px/948px auto white;
    }

    .aa-section-3 .aa-container {
        max-width: 920px;
        padding-left: 255px; /*max-width: 1024px; padding-left: 325px;*/
    }
}

.aa-section-4 {
    color: white;
    padding: 25px 0;
    background: #1a2640;
    position: relative;
}

.aa-section-4__title {
    color: white;
    font-family: 'DINPro', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.11111em;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 35px;
}

@media (min-width: 768px) {
    .aa-section-4 {
        padding: 70px 0;
        background: url("../images/index/section-4-bg.png") no-repeat 50% 100%, linear-gradient(to top, transparent 90px, #1a2640 90px);
    }

    .aa-section-4__title {
        font-size: 45px;
        margin: 0 0 60px;
    }
}

.aa-error-item {
    margin: 0 0 25px;
}

.aa-error-item p {
    margin: 0 0 20px;
}

.aa-error-item ol {
    list-style: none;
    padding: 0;
    counter-reset: list1;
    margin: 0 0 20px;
}

.aa-error-item ol li {
    counter-increment: list1;
    margin: 0 0 20px;
}

.aa-error-item ol li:before {
    content: counter(list1) ") ";
    color: #dd2734;
    font-weight: 700;
}

.aa-error-item__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 0 20px;
}

.aa-error-item__icon-wrap {
    -ms-flex: none;
    flex: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 83px;
    height: 83px;
    padding: 3px;
    border: 2px solid #dd2734;
    background: #dd2734;
    background-clip: content-box;
    border-radius: 50%;
    margin: 0 12px 0 0;
}

.aa-error-item__icon {
    display: block;
    max-width: 60%;
    max-height: 60%;
}

.aa-error-item__title {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    color: white;
    font-family: 'DINPro', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.09091em;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    margin: 0;
}

@media (min-width: 768px) {
    .aa-error-item {
        font-size: 15px;
    }

    .aa-error-item__icon-wrap {
        width: 112px;
        height: 112px;
        margin: 0 15px 0 0;
    }

    .aa-error-item__icon {
        display: block;
        max-width: 60%;
        max-height: 60%;
    }

    .aa-error-item__title {
        font-size: 22px;
    }
}

.aa-section-7 {
    color: #1a2640;
    position: relative;
    z-index: 1;
    padding: 40px 0;
}

.aa-section-7 p {
    margin: 0 0 20px;
}

.aa-section-7 p:last-child {
    margin-bottom: 0;
}

.aa-section-7__bg {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.aa-section-7__bg:before {
    content: '';
    background: url("../images/index/section-7-bg.jpg") no-repeat 50% 50%/cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.aa-section-7__inner {
    padding: 25px 0;
    position: relative;
}

@media (min-width: 768px) {
    .aa-section-7__inner {
        padding: 25px 0;
    }
}

@media (min-width: 1024px) {
    .cta {
        position: relative;
        float: left;
        color: green;
        font-size: 22px;
        margin: 7px 5px 0 30px;
    }
}

.aa-info-clients {
    font-family: 'DINPro', sans-serif;
    margin: 0 0 15px;
}

.aa-info-clients p {
    margin: 0;
}

.aa-info-clients__row {
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 15px;
}

.aa-info-clients__col-1 {
    -ms-flex: none;
    flex: none;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.15789em;
    letter-spacing: -0.015em;
    text-transform: uppercase;
    padding-right: 17px;
}

.aa-info-clients__col-2 {
    overflow: hidden;
    padding-left: 19px;
}

.aa-info-clients__amount {
    font-size: 51px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    margin: 0 0 7px;
}

.aa-info-clients__lead {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.46154em;
    margin: 0;
}

@media (min-width: 768px) {
    .aa-info-clients {
        margin: 0 0 45px;
    }

    .aa-info-clients__row {
        margin: 0;
    }

    .aa-info-clients__col-1 {
        font-size: 19px;
        padding-right: 17px;
    }

    .aa-info-clients__col-2 {
        padding-left: 21px;
    }

    .aa-info-clients__amount {
        font-size: 100px;
        line-height: 65px;
        margin: 0 0 23px;
    }

    .aa-info-clients__lead {
        font-size: 22px;
        line-height: 1.18182em;
        padding-left: 2px;
    }
}

@media (min-width: 1024px) {
    .aa-info-clients {
        padding-left: 50px;
        padding-right: 50px;
    }
}

.aa-section-8 {
    padding: calc(25px + 3.99893%) 0 25px;
    background: url("../images/index/section-8-bg.jpg") no-repeat 50% 50%/cover #fff;
}

.aa-section-8 p, .aa-section-8 ul, .aa-section-8 ol {
    margin: 0 0 20px;
}

.aa-section-8 p:last-child, .aa-section-8 ul:last-child, .aa-section-8 ol:last-child {
    margin-bottom: 0;
}

.aa-section-8__title {
    font-family: 'DINPro', sans-serif;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.17391em;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 20px;
}

.aa-section-8__title p {
    color: #ff2734;
    font-size: 32px;
}

@media (min-width: 320px) {
    .aa-section-8__title p {
        color: #ff2734;
        font-size: 18px;
    }

    @media (min-width: 768px) {
        .aa-section-8 {
            padding: calc(40px + 3.99893%) 0 105px;
        }

        .aa-section-8__title {
            font-size: 45px;
            margin: 0 0 35px;
        }

        .aa-section-8__title p {
            color: #ff2734;
            font-size: 36px;
        }
    }
}

.aa-review-list {
    position: relative;
}

.aa-review-list .slick-slider {
    overflow: hidden;
    position: static;
    margin: 0 38px;
}

.aa-review-list .slick-list {
    margin: 0 -30px 30px;
}

.aa-review-list .slick-slide {
    margin: 0 30px;
}

.aa-review-list .slick-prev, .aa-review-list .slick-next {
    width: 23px;
    height: 23px;
    cursor: pointer;
    position: absolute;
    top: 48px;
    transform: translate(0, -50%);
}

.aa-review-list .slick-prev:before, .aa-review-list .slick-prev:after, .aa-review-list .slick-next:before, .aa-review-list .slick-next:after {
    content: '';
    width: 100%;
    height: 100%;
    background: none no-repeat 50% 50%/contain;
    transition: 0.2s ease;
    position: absolute;
    top: 0;
    left: 0;
}

.aa-review-list .slick-prev:before, .aa-review-list .slick-next:before {
    background-image: url("../images/index/slick-prev.png");
}

.aa-review-list .slick-prev:after, .aa-review-list .slick-next:after {
    background-image: url("../images/index/slick-prev-h.png");
    opacity: 0;
}

.aa-review-list .slick-prev:hover:before, .aa-review-list .slick-prev:focus:before, .aa-review-list .slick-next:hover:before, .aa-review-list .slick-next:focus:before {
    opacity: 0;
}

.aa-review-list .slick-prev:hover:after, .aa-review-list .slick-prev:focus:after, .aa-review-list .slick-next:hover:after, .aa-review-list .slick-next:focus:after {
    opacity: 1;
}

.aa-review-list .slick-prev {
    left: 0;
}

.aa-review-list .slick-next {
    right: 0;
    transform: translate(0, -50%) rotate(180deg);
}

@media (min-width: 768px) {
    .aa-review-list .slick-slider {
        margin: 0 88px;
    }

    .aa-review-list .slick-prev, .aa-review-list .slick-next {
        width: 58px;
        height: 58px;
        top: 50%;
    }
}

@media (min-width: 1024px) {
    .aa-review-list .slick-slider {
        margin: 0 120px;
    }
}

.aa-review-item p {
    margin: 0 0 10px;
}

.aa-review-item ol {
    list-style: none;
    padding: 0;
    counter-reset: list1;
    margin: 0 0 10px;
}

.aa-review-item ol li {
    counter-increment: list1;
    padding-left: 20px;
    position: relative;
    margin: 0 0 3px;
}

.aa-review-item ol li:before {
    content: counter(list1) ") ";
    color: #dd2734;
    font-weight: 700;
    position: absolute;
    left: 0;
}

.aa-review-item__header {
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 9px;
}

.aa-review-item__img-wrap {
    -ms-flex: none;
    flex: none;
    overflow: hidden;
    width: 98px;
    height: 98px;
    padding: 8px;
    border: 1px solid rgba(26, 38, 64, 0.8);
    border-radius: 50%;
    margin: 0 9px 0 0;
}

.aa-review-item__img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.aa-review-item__title {
    overflow: hidden;
    font-family: 'DINPro', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.125em;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    margin: 14px 0 0;
}

.aa-review-item__title small {
    display: block;
    font-weight: 400;
    color: rgba(26, 38, 64, 0.8);
    font-size: 10px;
    letter-spacing: -0.015em;
}

.aa-review-item__lead {
    color: #dd2734;
    font-weight: 700;
    font-size: 15px;
}

@media (min-width: 1024px) {
    .aa-review-item__header {
        margin: 0 0 9px;
    }

    .aa-review-item__img-wrap {
        width: 132px;
        height: 132px;
        padding: 10px;
        margin: 0 14px 0 0;
    }

    .aa-review-item__title {
        font-size: 22px;
        line-height: 1.09091em;
        margin: 20px 0 0;
    }

    .aa-review-item__title small {
        font-size: 14px;
    }
}

.aa-questions-list {
    margin: 0 0 55px;
}

@media (min-width: 1024px) {
    .aa-questions-list {
        margin-left: 85px;
        margin-right: 130px;
    }
}

.aa-question-item {
    margin: 0 0 15px;
}

.aa-question-item b {
    color: #dd2734;
    font-size: 20px;
    font-weight: normal;
}

.aa-question-item__title {
    color: #004781;
    font-family: 'DINPro', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.25em;
    margin: 0 0 15px;
}

.aa-question-item__title-underline {
    padding-bottom: 1px;
    background: linear-gradient(to right, rgba(0, 71, 129, 0.4) 4px, transparent 4px, transparent 8px) repeat-x 0 100%/8px 1px;
    transition: 0.2s ease;
    cursor: pointer;
}

.aa-question-item__title-underline:hover {
    color: #dd2734;
    background: linear-gradient(to right, rgba(221, 39, 52, 0.4) 4px, transparent 4px, transparent 8px) repeat-x 0 100%/8px 1px;
}

@media (min-width: 768px) {
    .aa-question-item {
        padding: 0 0 0 40px;
        position: relative;
    }

    .aa-question-item__title {
        font-size: 24px;
    }

    .aa-question-item__answer {
        font-size: 16px;
        padding: 15px 35px 15px 25px;
        margin: 0;
    }
}

.aa-section-9 {
    padding: 25px 0;
    background: white;
}

.aa-section-9 p:not([class]) {
    margin: 0 0 20px;
}

.aa-section-9 p:not([class]):last-child {
    margin-bottom: 0;
}

.aa-section-9__title {
    font-family: 'DINPro', sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.25em;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    text-align: center;
}

@media (min-width: 768px) {
    .aa-section-9 {
        padding: 40px 0 40px;
    }

    .aa-section-9__title {
        font-size: 45px;
        margin: 0 0 45px;
    }
}

.team-div {
    background: #eee;
}

.team-div p {
    font-size: 0.9em;
    text-align: center;
    font-family: 'DINPro', sans-serif;
    line-height: 18px;
    padding-bottom: 3px;
}

.team-box {
    margin-bottom: 40px;
}

@media (min-width: 768px) {
    .aa-section-11__map-area {
        overflow: hidden;
        min-height: 320px;
        padding: 30px 0;
        position: relative;
    }
}

.aa-ya-map {
    height: 210px;
}

@media (min-width: 768px) {
    .aa-ya-map {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
}

.aa-contacts {
    padding: 25px 0 20px;
    background: white;
}

.aa-contacts p {
    font-family: 'DINPro', sans-serif;
    color: #dd2734;
    font-size: 22px;
}

.aa-contacts .aa-form-feedback .aa-btn {
    font-size: 14px;
    padding: 11px 35px 12px;
}

.aa-contacts__title {
    font-family: 'DINPro', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 12px;
}

.aa-contacts__sect-title {
    font-family: 'DINPro', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    text-transform: uppercase;
    margin: 0 0 12px;
}

.aa-contacts__addr {
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

@media (min-width: 768px) {
    .aa-contacts {
        width: 392px;
        padding: 25px 30px 20px;
        position: relative;
        z-index: 100;
        margin: 0 0 0 auto;
    }

    .aa-contacts__title {
        font-size: 20px;
    }

    .aa-contacts__sect-title {
        font-size: 22px;
    }
}

#pop-up_1 > .pop-up_1_footer:before {
    border: none !important;
    content: "";
    position: absolute;
    width: 58px;
    height: 58px;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    top: 45px;
    left: 45px;
    -webkit-animation: pak1 1.5s 0s ease-out infinite;
    -moz-animation: pak1 1.5s 0s ease-out infinite;
    animation: pak1 1.5s 0s ease-out infinite;
}

@-webkit-keyframes pak1 {
    0% {
        border: solid 1px rgba(177, 33, 0, 1);
        width: 58px;
        height: 58px;
        top: 45px;
        left: 45px;
    }
    10% {
        border: solid 2px rgba(177, 33, 0, 0.5);
        width: 68px;
        height: 68px;
        top: 40px;
        left: 40px;
    }
    100% {
        border: solid 2px rgba(177, 33, 0, 0);
        width: 88px;
        height: 88px;
        top: 35px;
        left: 35px;
    }
}

@-moz-keyframes pak1 {
    0% {
        border: solid 1px rgba(177, 33, 0, 1);
        width: 58px;
        height: 58px;
        top: 45px;
        left: 45px;
    }
    10% {
        border: solid 2px rgba(177, 33, 0, 0.5);
        width: 68px;
        height: 68px;
        top: 40px;
        left: 40px;
    }
    100% {
        border: solid 2px rgba(177, 33, 0, 0);
        width: 88px;
        height: 88px;
        top: 35px;
        left: 35px;
    }
}

@keyframes pak1 {
    0% {
        border: solid 1px rgba(177, 33, 0, 1);
        width: 58px;
        height: 58px;
        top: 45px;
        left: 45px;
    }
    10% {
        border: solid 2px rgba(177, 33, 0, 0.5);
        width: 68px;
        height: 68px;
        top: 40px;
        left: 40px;
    }
    100% {
        border: solid 2px rgba(177, 33, 0, 0);
        width: 88px;
        height: 88px;
        top: 35px;
        left: 35px;
    }
}

/* POP-UP 1 */
#pop-up_1 {
    background: #ffffff;
    width: 661px;
}

#pop-up_1 .phone_city {
    display: block;
    position: absolute;
    right: 55px;
    top: 0;
    font-size: 22px;
    line-height: 22px;
    cursor: pointer;
    z-index: 1;
}

#pop-up_1 > .pop-up_1_header {
    height: 133px;
    color: #ffffff;
    font-size: 4em;
    line-height: 1.12em;
    text-transform: uppercase;
    background: url("/landing1/img/pop-up_1_header_bg.png") no-repeat 492px 16px #FF2231;
    padding: 30px;
    box-sizing: content-box;
    font-family: 'Arial', sans-serif;
}

#pop-up_1 > .pop-up_1_text, #pop-up_1 > .pop-up_1_footer {
    font-size: 4em;
    line-height: 1.3em;
    text-align: center;
    padding: 40px;
    color: #000;
    font-family: DINProBold, sans-serif;
    box-sizing: content-box;
}

#pop-up_1 > .pop-up_1_prokladka {
    background: url("/landing1/img/pop-up_1_prokladka.png") no-repeat center top;
    height: 34px;
}

#pop-up_1 > .pop-up_1_footer {
    background: url("/landing1/img/phone_bg.png") no-repeat 51px 50px;
    padding-left: 129px;
    position: relative;
    width: 450px;
    margin-left: 20px;
}

#pop-up_1 > .pop-up_1_footer a {
    color: #000;
}

#pop-up_1 > .pop-up_1_footer.phone-number a {
    text-decoration: underline;
}

#pop-up_1 > .pop-up_1_footer span {
    font-size: 0.8em;
    color: #a6a6a6;
}

.appeal {
    margin-top: 15px;
    text-align: center;
}

@media (max-width: 425px) {
    #pop-up_1 {
        width: 280px;
    }

    #pop-up_1 > .pop-up_1_header {
        font-size: 1.75em;
        line-height: 1.5em;
        padding: 15px;
        height: 15vh;
        text-align: center;
    }

    #pop-up_1 > .pop-up_1_text, #pop-up_1 > .pop-up_1_footer {
        font-size: 2em;
        line-height: 1.4em;
        padding: 30px 20px;
        height: 20vh;
        box-sizing: border-box;
    }

    #pop-up_1 > .pop-up_1_footer.phone-number {
        font-size: 1.8em;
    }

    #pop-up_1 > .pop-up_1_footer {
        width: 100%;
        margin: 0;
        padding: 20px 0 20px 50px;
        background: url(/landing1/img/phone_bg.png) no-repeat 6px 12px;
        box-sizing: border-box;
        height: 20vh;
    }

    #pop-up_1 > .pop-up_1_footer:before {
        display: none;
    }
}

.gorod-popup {
    position: relative;
    width: 90%;
    text-align: right;
    margin: 0 10% -40px 0;
    font-size: 32px;
    color: #FF2231;
}

#offer a {
    color: #000;
    text-decoration: none;
}

#offer a:hover, #offer a:focus, #offer a:active {
    color: #000;
}

@media (min-width: 1366px) and (max-width: 1920px) {
    .aa-header__logo {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        width: 205px;
        max-width: 100%;
        height: 54px;
    }

    .aa-header__logo-2 {
        display: none;
    }

    #offer {
        display: none;
    }
}

.hidden-block-wrap {
    display: none;
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1100;
}

.hidden-block-inner {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    width: 28.125rem;
    height: auto;
    display: table;
    padding: 2.5rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    border-radius: 1.25rem;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (min-width: 320px) and (max-width: 567px) {
    .gorod-popup {
        position: relative;
        width: 90%;
        text-align: right;
        margin: 0 10% -20px 0;
        font-size: 32px;
        color: #FF2231;
    }

    .aa-header__logo {
        display: none;
    }

    .aa-header__logo-2 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        width: 54px;
        max-width: 100%;
        height: 54px;
        margin: -1px 0 0 -8px;
        padding-right: 4px;
    }

    #offer {
        width: 200px;
        max-width: 100%;
        margin-top: -6px;
    }

    #offer .text {
        font-size: 1em;
        color: #666;
        text-align: center;
        margin: 0px;
        letter-spacing: 2px;
    }

    #offer .phone {
        font-size: 1.6em;
        text-align: center;
        color: #000;
        background: #ffff00;
        padding: 2px 5px;
        margin: 0px;
    }
}

/*! Bootstrap v3.3.7 (http://getbootstrap.com) Copyright 2011-2016 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0%;
    }
}

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
    content: " ";
    display: table;
}

.clearfix:after, .container:after, .container-fluid:after, .row:after {
    clear: both;
}

@-ms-viewport {
    width: device-width;
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important;
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md, td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print, td.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}

.aa-page *, .aa-page *::before, .aa-page *::after {
    box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

a {
    text-decoration: none;
}

ul, ol {
    padding-left: 0;
    margin: 0;
}

li {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

body {
    font-family: Roboto;
}

.el-button {
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    z-index: 20;
    position: relative;
    padding: 17px 38px 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #57a035;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    display: inline-block;
}

.el-button:hover {
    background: #dd2734;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}

.el-button.hide {
    display: none;
}

.fancybox-skin {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.test_panel {
    padding: 0 50px 0 0px;
    font-family: Din;
    font-weight: 400;
    color: #000;
    font-size: 16px;
}

.test_panel h2 {
    font-family: Din;
    font-size: 24px;
    line-height: 22px;
    text-align: center;
    color: #000;
    padding-bottom: 20px;
}

.test_panel h2 span {
    font-family: Din;
    font-size: 14px;
    text-align: center;
    display: block;
}

.test_panel form {
    text-align: center;
}

.test_panel .progress_bar {
    margin-top: 100px;
    padding-right: 20px;
    position: absolute;
    left: 50%;
    margin-left: -15px
}

.test_panel .progress_bar .progress_percent {
    width: 200px;
    text-align: center;
    float: right;
    color: #8f2332;
    font-weight: bold;
}

.test_panel .progress_bar .progress_1 {
    width: 200px;
    background: url("../images/linear_bg.jpg") repeat 0 0 transparent;
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 11;
}

.test_panel .progress_bar .progress_2 {
    width: 200px;
    background-color: #e0e0e0;
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 10;
}

#ALT_ERROR {
    color: #ff1414;
    margin: 20px 0;
    clear: both;
}

#ALT_FORM_BUTTON_Y, #ALT_FORM_BUTTON_N {
    display: block;
    width: 150px;
    color: #ffffff;
    font-family: Din;
    font-size: 18px;
    line-height: 40px;
    text-transform: uppercase;
    margin-top: 24px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #57a035;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border: 2px solid #57a035;
    margin-right: 30px;
    float: left;
}

#ALT_FORM_BUTTON_Y {
    margin-left: 100px;
}

#test_result {
    width: 630px;
    height: 240px;
    overflow: hidden;
}

.scroll-wrapper {
    height: 240px !important;
    line-height: 24px;
}

#test_result_button {
    display: block;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 17px;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    font-family: Arial, sans-serif;
    background: #57a035;
    width: 400px;
    -webkit-border-radius: 8px 8px;
    -moz-border-radius: 8px 8px;
    border-radius: 8px 8px;
    text-decoration: none;
    margin: 35px auto 20px;
    padding: 14px 10px 13px;
}

#test_result_button.hide {
    display: none;
}

.aa-page *, .aa-page *::before, .aa-page *::after {
    box-sizing: border-box;
}

.slick-dots {
    margin: 0 -75px;
}

.aa-review-list .slick-slider {
    overflow: visible;
}

.slick-list {
    overflow: hidden;
}

.aa-review-list .slick-list {
    margin: 0 -30px 0px;
}

.new-advantages {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
}

.item-adv {
    padding: 30px 0;
    font-family: 'DINPro', sans-serif;
    font-size: 35px;
    font-weight: 700;
    position: relative;
    padding-bottom: 0;
}

.item-adv p {
    font-weight: initial;
    font-size: 21px;
}

.item-adv h3 {
    font-weight: bold;
    text-transform: uppercase;
    color: #be3642;
    padding-bottom: 6px;
    font-size: 24px;
}

.item-adv ul {
    padding-left: 30px;
    transition: 0.4s;
    overflow: hidden;
    max-height: 0px;
    background: #f2f2f2;
}

.serega h2 {
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    margin: 50px 0;
}

.item-adv.active ul {
    max-height: 400px;
    margin-bottom: 0;
}

.item-adv > div {
    padding-left: 30px;
    padding-bottom: 10px;
}

li .fa {
    color: green;
}

.new-cash {
    position: absolute;
    right: 49px;
    top: 44px;
}

.new-cash .fa {
    content: '';
    width: 24px;
    height: 35px;
    background: url(../images/index/arrow.svg) no-repeat 70% 70%/contain;
    position: absolute;
    top: 4px;
    right: -30px;
    opacity: 1;
    transform: rotate(0deg);
}

.item-adv li {
    line-height: 48px;
    font-size: 21px;
    font-weight: initial;
}

.item-adv li:first-child {
    padding-top: 25px;
}

.serega {
    background: #f7f7f7;
    padding-bottom: 20px;
}

.item-adv .new-cash .fa {
    color: #be3642;
    font-size: 25px;
    transition: 0.4s;
    transform: rotate(180deg);
}

.item-adv.active .new-cash .fa {
    transform: rotate(0deg);
}

@media (max-width: 992px) {
    .new-cash {
        top: 12px;
    }
}

@media (max-width: 670px) {
    .item-adv {
        padding: 19px 0;
        font-size: 20px;
    }

    .item-adv h3 {
        font-size: 18px;
    }

    .item-adv p {
        font-size: 16px;
    }

    .new-cash {
        position: unset;
    }

    .item-adv > div {
        padding-left: 15px;
        padding-bottom: 0px;
    }

    .item-adv li {
        line-height: 27px;
        font-size: 18px;
    }

    .item-adv ul {
        padding-left: 15px;
        padding-right: 15px;
    }

    .serega h2 {
        font-size: 26px;
        margin: 22px 0;
    }
}

/* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller *//* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. *//* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */
.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom; /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
}

.mCustomScrollBox { /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container { /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}

/* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */
.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger { /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px; /* minimum dragger height */
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
}

/* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ *//* ---------------------------------------- 6.1 THEMES ---------------------------------------- *//* default theme ("light") */
.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */
.text-center {
    text-align: center;
}

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}

.scroll-element, .scroll-element div {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar, .scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}

.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}

/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
    background-color: #e0e0e0;
}

.scrollbar-inner > .scroll-element .scroll-bar {
    background-color: #c2c2c2;
}

.scrollbar-inner > .scroll-element:hover .scroll-bar {
    background-color: #919191;
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px;
}

/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer > .scroll-element, .scrollbar-outer > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-outer > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
    height: 8px;
    top: 2px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    width: 8px;
}

.scrollbar-outer > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-outer > .scroll-element .scroll-element_track {
    background-color: #eeeeee;
}

.scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track, .scrollbar-outer > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar {
    background-color: #d9d9d9;
}

.scrollbar-outer > .scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
}

.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
    left: -12px;
    margin-left: 12px;
}

.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
    top: -12px;
    margin-top: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
    min-width: 10px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
    min-height: 10px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -14px;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -14px;
}

.popup-back {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2000;
    visibility: hidden;
}

.popup-back.show {
    background-color: rgba(0, 0, 0, .6);
    visibility: visible;
}

.popup-city-list { /*width: 54%;*/
    width: 1024px;
    height: 80%;
    max-height: 90%;
    overflow-y: hidden;
    top: 10%;
    left: 50%;
    margin-left: -512px;
    position: fixed;
    z-index: 2001;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1300px;
    perspective: 1300px;
    -webkit-font-smoothing: antialiased;
    visibility: hidden;
    border-radius: 5px;
    background: #ffffff;
}

.popup-city-list .content {
    opacity: 0;
    box-sizing: border-box;
    background: #ffffff;
    -webkit-transition: all .3s, visibility .3s linear .3s;
    transition: all .3s, visibility .3s linear .3s;
}

.popup-city-list.flip .content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-150px) translateY(100%) rotateX(-90deg);
    transform: translateZ(-150px) translateY(100%) rotateX(-90deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.popup-city-list.show {
    visibility: visible;
}

.popup-city-list.flip.show .content {
    -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
}

.popup-city-list.show .content {
    opacity: 1;
    -webkit-transition: all .3s, visibility .3s linear;
    transition: all .3s, visibility .3s linear;
    max-height: 80%;
}

.popup-city-list .title {
    font-weight: bold;
    font-family: DINProBold, sans-serif;
    font-size: 20px;
    margin-bottom: 20px;
    color: #444444;
}

.popup-city-list .text {
    background: #ffffff;
    padding: 25px 25px 15px 25px;
    margin-bottom: -1px;
    transition: box-shadow 0.3s;
    position: relative;
    z-index: 1;
}

.popup-city-list.scroll .text {
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
    transition: box-shadow 0.3s;
}

.popup-city-list .input-wrap {
    width: 335px;
    position: relative;
}

.popup-city-list .input-text {
    box-sizing: border-box;
    font-family: DINProBold, sans-serif;
    font-weight: bold;
    width: 100%;
    border: 0;
    font-size: 16px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.1);
    padding: 10px 15px;
    border-radius: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    outline: none;
}

.popup-city-list .input-text:focus:-ms-input-placeholder {
    color: transparent;
}

.popup-city-list .input-text:focus::-moz-placeholder {
    color: transparent;
}

.popup-city-list .input-text:focus::-webkit-input-placeholder {
    color: transparent;
}

.popup-city-list .input-text:focus {
    outline: none;
}

.popup-city-list ::-webkit-input-placeholder {
    color: #bcbcbc;
}

.popup-city-list :-moz-placeholder {
    color: #bcbcbc;
}

.popup-city-list ::-moz-placeholder {
    color: #bcbcbc;
}

.popup-city-list :-ms-input-placeholder {
    color: #bcbcbc;
}

.popup-city-list .search-city-wrap {
    position: absolute;
    max-height: 500px;
    width: calc(100% - 2px);
    margin-top: -11px;
    margin-left: 1px;
    -webkit-box-shadow: 0 5px 4px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 4px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 4px 2px rgba(0, 0, 0, 0.1);
    display: none;
    background: #fff;
}

.popup-city-list .search-city-wrap .city-item {
    padding: 9px 15px;
}

.popup-city-list .search-city-wrap .city-item:hover {
    color: #328bde;
    background: #f6f6f6;
}

.popup-city-list .search-city-wrap .mCSB_inside > .mCSB_container {
    margin: 0;
}

.popup-city-list .ofices-wrap {
    display: flex;
    margin-top: 10px;
}

.popup-city-list .ofices-wrap .city-item { /*padding: 4px 15px;*/
    padding: 0 30px 16px 0;
    border: 0;
}

.popup-city-list .ofices-wrap .title { /*margin-right: 35px;*/
    width: 100%;
}

.popup-city-list .ofices-wrap .cities-columns {
    margin-bottom: 30px;
}

.popup-city-list .cities-columns {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
}

.popup-city-list .city-item {
    display: block;
    padding: 9px 5px 9px 0;
    font-family: DINProMedium, sans-serif; /*DINpro*/
    font-size: 16px;
    color: #328bde;
    text-decoration: none;
    text-transform: none;
    border-bottom: 0;
    font-weight: normal;
}

.popup-city-list .city-item.city-item-import {
    font-weight: bold;
}

.popup-city-list .col-name {
    padding: 10px 25px;
    font-family: DINProMedium, sans-serif;
    font-size: 14px;
}

.popup-city-list.searched .col-name {
    display: none;
}

.popup-city-list .letter {
    font-size: 24px;
    color: rgba(68, 68, 68, 0.4);
    font-weight: bold;
    margin-top: 15px;
}

.popup-city-list .close {
    position: absolute;
    background-size: contain;
    width: 20px;
    height: 20px;
    top: 26px;
    right: 25px;
    opacity: 1;
    display: block;
    border-bottom: 0;
}

.popup-city-list .close:after, .popup-city-list .close:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 20px;
    background: #000000;
    top: 11px;
}

.popup-city-list .close:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popup-city-list .close:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.popup-city-list.password {
    top: 20%;
    height: auto;
}

.popup-city-list.password .title {
    margin-right: 25px;
    margin-bottom: 40px;
}

.popup-city-list.password .desc {
    margin: 20px auto;
    color: #777777;
    font-size: 12px;
    line-height: 16px;
}

.popup-city-list .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .popup-city-list .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .popup-city-list .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .popup-city-list .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #afc2d3;
}

.mCSB_inside > .mCSB_container {
    margin-left: 25px;
}

@font-face {
    font-family: 'DINPro';
    src: url('https://armeika.net/local/components/justlook/cities.select/templates/popup/fonts/DINPro-Light.eot'); url('https://armeika.net/local/components/justlook/cities.select/templates/popup/fonts/DINPro-Light.woff') format('woff'), url('https://armeika.net/local/components/justlook/cities.select/templates/popup/fonts/DINPro-Light.ttf') format('truetype'), url('https://armeika.net/local/components/justlook/cities.select/templates/popup/fonts/DINPro-Light.svg') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro';
    src: url('https://armeika.net/local/components/justlook/cities.select/templates/popup/fonts/DINPro-Medium.eot'); url('https://armeika.net/local/components/justlook/cities.select/templates/popup/fonts/DINPro-Medium.woff') format('woff'), url('https://armeika.net/local/components/justlook/cities.select/templates/popup/fonts/DINPro-Medium.ttf') format('truetype'), url('https://armeika.net/local/components/justlook/cities.select/templates/popup/fonts/DINPro-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro';
    src: url('https://armeika.net/local/components/justlook/cities.select/templates/popup/fonts/DINPro-Bold.eot'); url('https://armeika.net/local/components/justlook/cities.select/templates/popup/fonts/DINPro-Bold.woff') format('woff'), url('https://armeika.net/local/components/justlook/cities.select/templates/popup/fonts/DINPro-Bold.ttf') format('truetype'), url('https://armeika.net/local/components/justlook/cities.select/templates/popup/fonts/DINPro-Bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

@media (max-width: 1050px) {
    .popup-city-list {
        width: 90%;
        left: 5%;
        margin-left: 0;
    }

    .popup-city-list .cities-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

    .popup-city-list .ofices-wrap .city-item {
        padding: 4px 15px;
    }
}

@media (max-width: 767px) {
    .popup-city-list .ofices-wrap {
        display: block;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .popup-city-list .ofices-wrap .city-item {
        padding: 9px 5px 9px 0;
    }

    .popup-city-list .cities-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

.openModal {
    overflow-y: hidden;
    overflow-x: hidden;
}

.selfMangoWidgetWrap {
    display: none;
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1100;
}

/*.arenda {margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;background-color: #fff;width:28.125rem;height:auto;display:table;padding:2.5rem; -webkit-border-radius:1.25rem; -moz-border-radius:1.25rem; border-radius:1.25rem;}*/
.selfMangoWidgetInner {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    background-color: #fff;
    height: auto;
    display: table;
    padding: 2.5rem;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.selfMangoWidgetInner h5 {
    text-align: left;
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #575756;
    margin-bottom: 20px;
    word-wrap: break-word;
}

.selfMangoWidgetInner p {
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #575756;
    padding: 0;
    word-wrap: break-word;
}

.selfMangoWidgetInner .box-phone-number {
    position: relative;
    width: 100%;
}

.selfMangoWidgetInner .flag {
    font-size: 0;
    width: 25px;
    height: 15px;
    background: url(./images/flags.png) no-repeat;
    display: inline-block;
    box-shadow: 0 0 0.5px #000;
    -webkit-box-shadow: 0 0 0.5px #000;
    -moz-box-shadow: 0 0 .5px #000;
    cursor: pointer;
    vertical-align: top;
}

.selfMangoWidgetInner .flag.flag-ru {
    background-position: -200px -165px;
}

.selfMangoWidgetInner .currentCountry {
    top: 18px;
    left: -30px;
    margin: 0;
    width: 25px;
    position: absolute;
    background: 0 0;
    padding: 0 !important;
}

.selfMangoWidgetInner ul li {
    border: none;
    padding: 0;
    line-height: inherit;
    color: transparent;
    font-size: 12px;
}

.selfMangoWidgetInner .triangle {
    position: absolute;
    left: -15px;
    top: 5px;
    border: 5px solid transparent;
    border-top: 5px solid #333;
    width: 1px;
    height: 1px;
    cursor: pointer;
}

.selfMangoWidgetInner .changeCountry {
    width: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 150px;
    position: absolute;
    text-align: left;
    z-index: 100;
    background: #fff;
    box-shadow: rgba(0, 0, 0, .498039) 0 0 5px;
    -webkit-box-shadow: rgba(0, 0, 0, .498039) 0 0 5px;
    -moz-box-shadow: rgba(0, 0, 0, .498039) 0 0 5px;
    border: none;
    padding: 0;
    line-height: inherit;
    color: transparent;
    font-size: 12px;
}

.selfMangoWidgetInner .box-phone-span-input {
    position: relative;
    display: inline-block;
}

.selfMangoWidgetInner .header__location {
    padding-left: 0 !important;margin-top: 10px;display: block;
}

.selfMangoWidgetInner .header__location a {
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 20px;
    color: #575756;
}

.selfMangoWidgetInner .header__location a span{
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #575756;
}

.selfMangoWidgetInner .text-widget-small {
    color: #e4e4e4;
    font-size: 14px;
    font-family: RobotoLight, Arial, Sans-serif, Helvetica;
    font-weight: 400;
}

.selfMangoWidgetPhobeBox {
    position: relative
}

.selfMangoWidgetInner .timer-content {
    display: none;
}

.selfMangoInput {
    width: 100%;
    color: #000;
}

.box-phone-number.input-effect label {
    font-weight: 400;
}

.selfMangoWidgetPhoneWrap {
    margin-top: 30px;
    padding: 0;
}

.selfMangoWidgetClose {
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 15px;
}

.selfMangoWidgetClose:hover {
    color: #ccc;
}

.mangoTimer {
    display: none;
    margin: 0 auto;
    margin-top: 10px;
}

.mango-clock-icon {
    width: 17px;
    height: 17px;
    display: inline-block
}

.mango-clock-icon svg {
    width: 100%;
    height: 100%;
}

.mango-clock-timer {
    color: #f6f6f6;
}

.mangoTimerContent {
    display: none
}

.mangoWidgetAdditional {
    padding-top: 20px;
    color: #ccc;
    font-size: 14px;
    font-family: RobotoLight, Arial, Sans-serif, Helvetica;
    font-weight: 400;
}

#popup__toggle {
    top: -10px;
    left: 0;
    position: absolute;
    z-index: 999;
}

.img-circle {
    background-color: #EF7D00;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.circlephone {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    border: 2px solid #EF7D00;
    width: 26px;
    height: 26px;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    opacity: .5;
    -webkit-animation: circle-anim 2.4s infinite ease-in-out !important;
    -moz-animation: circle-anim 2.4s infinite ease-in-out !important;
    -ms-animation: circle-anim 2.4s infinite ease-in-out !important;
    -o-animation: circle-anim 2.4s infinite ease-in-out !important;
    animation: circle-anim 2.4s infinite ease-in-out !important;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all 0.5s;
}

.circle-fill {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    background-color: #EF7D00;
    width: 50px;
    height: 50px;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: circle-fill-anim 2.3s infinite ease-in-out;
    animation: circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all 0.5s;
}

.img-circle {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    top: 7px;
    left: 7px;
    width: 36px;
    height: 36px;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1; /*-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;*/
}

.img-circleblock {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    width: 36px;
    height: 36px;
    bottom: 0;
    background-image: url(/local/components/justlook/cities.select/templates/popup-pp2/images/mini.png);
    background-size: 15px;
    background-position: center center;
    background-repeat: no-repeat;
    animation-name: tossing;
    -webkit-animation-name: tossing;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.img-circle:hover {
    opacity: .7;
}

@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 1;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0.9);
        opacity: 1;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.95);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0.95);
        opacity: 1;
    }
}

@keyframes tossing {
    0% {
        transform: rotate(-8deg);
    }
    50% {
        transform: rotate(8deg);
    }
    100% {
        transform: rotate(-8deg);
    }
}

@-webkit-keyframes tossing {
    0% {
        -webkit-transform: rotate(-8deg);
    }
    50% {
        -webkit-transform: rotate(8deg);
    }
    100% {
        -webkit-transform: rotate(-8deg);
    }
}

@-moz-keyframes circle-anim {
    0% {
        -moz-transform: rotate(0deg) scale(0.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1;
    }
    30% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5;
    }
    100% {
        -moz-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1;
    }
}

@-webkit-keyframes circle-anim {
    0% {
        -webkit-transform: rotate(0deg) scale(0.5) skew(1deg);
        -webkit-opacity: .1;
    }
    30% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        -webkit-opacity: .5;
    }
    100% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        -webkit-opacity: .1;
    }
}

@-o-keyframes circle-anim {
    0% {
        -o-transform: rotate(0deg) kscale(0.5) skew(1deg);
        -o-opacity: .1;
    }
    30% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        -o-opacity: .5;
    }
    100% {
        -o-transform: rotate(0deg) scale(1) skew(1deg);
        -o-opacity: .1;
    }
}

@keyframes circle-anim {
    0% {
        transform: rotate(0deg) scale(0.5) skew(1deg);
        opacity: .1;
    }
    30% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .5;
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .1;
    }
}

@-moz-keyframes circle-fill-anim {
    0% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
    50% {
        -moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);
        opacity: .2;
    }
    100% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
}

@-webkit-keyframes circle-fill-anim {
    0% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
    50% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2;
    }
    100% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
}

@-o-keyframes circle-fill-anim {
    0% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
    50% {
        -o-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2;
    }
    100% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
}

@keyframes circle-fill-anim {
    0% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2;
    }
    100% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
}

/*= input focus effects css =========================== */
:focus {
    outline: none;
}

.selfMangoInput {
    font: 15px/24px "Lato", Arial, sans-serif;
    color: #333;
    width: 100%;
    box-sizing: border-box;
    letter-spacing: 1px;
}

.effect-1, .effect-2, .effect-3 {
    border: 0;
    padding: 7px 0;
    border-bottom: 1px solid #ccc;
}

.effect-1 ~ .focus-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-1:focus ~ .focus-border {
    width: 100%;
    transition: 0.4s;
}

.effect-2 ~ .focus-border {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-2:focus ~ .focus-border {
    width: 100%;
    transition: 0.4s;
    left: 0;
}

.effect-3 ~ .focus-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    z-index: 99;
}

.effect-3 ~ .focus-border:before, .effect-3 ~ .focus-border:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-3 ~ .focus-border:after {
    left: auto;
    right: 0;
}

.effect-3:focus ~ .focus-border:before, .effect-3:focus ~ .focus-border:after {
    width: 50%;
    transition: 0.4s;
}

.effect-4, .effect-5, .effect-6 {
    border: 0;
    padding: 5px 0 7px;
    border: 1px solid transparent;
    border-bottom-color: #ccc;
    transition: 0.4s;
}

.effect-4:focus, .effect-5:focus, .effect-6:focus {
    padding: 5px 14px 7px;
    transition: 0.4s;
}

.effect-4 ~ .focus-border {
    position: absolute;
    height: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: 0.4s;
    z-index: -1;
}

.effect-4:focus ~ .focus-border {
    transition: 0.4s;
    height: 36px;
    border: 2px solid #3399FF;
    z-index: 1;
}

.effect-5 ~ .focus-border {
    position: absolute;
    height: 36px;
    bottom: 0;
    left: 0;
    width: 0;
    transition: 0.4s;
}

.effect-5:focus ~ .focus-border {
    width: 100%;
    transition: 0.4s;
    border: 2px solid #3399FF;
}

.effect-6 ~ .focus-border {
    position: absolute;
    height: 36px;
    bottom: 0;
    right: 0;
    width: 0;
    transition: 0.4s;
}

.effect-6:focus ~ .focus-border {
    width: 100%;
    transition: 0.4s;
    border: 2px solid #3399FF;
}

.effect-7, .effect-8, .effect-9 {
    border: 1px solid #ccc;
    padding: 7px 14px 9px;
    transition: 0.4s;
}

.effect-7 ~ .focus-border:before, .effect-7 ~ .focus-border:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-7 ~ .focus-border:after {
    top: auto;
    bottom: 0;
}

.effect-7 ~ .focus-border i:before, .effect-7 ~ .focus-border i:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #3399FF;
    transition: 0.6s;
}

.effect-7 ~ .focus-border i:after {
    left: auto;
    right: 0;
}

.effect-7:focus ~ .focus-border:before, .effect-7:focus ~ .focus-border:after {
    left: 0;
    width: 100%;
    transition: 0.4s;
}

.effect-7:focus ~ .focus-border i:before, .effect-7:focus ~ .focus-border i:after {
    top: 0;
    height: 100%;
    transition: 0.6s;
}

.effect-8 ~ .focus-border:before, .effect-8 ~ .focus-border:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.3s;
}

.effect-8 ~ .focus-border:after {
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
}

.effect-8 ~ .focus-border i:before, .effect-8 ~ .focus-border i:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-8 ~ .focus-border i:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
}

.effect-8:focus ~ .focus-border:before, .effect-8:focus ~ .focus-border:after {
    width: 100%;
    transition: 0.3s;
}

.effect-8:focus ~ .focus-border i:before, .effect-8:focus ~ .focus-border i:after {
    height: 100%;
    transition: 0.4s;
}

.effect-9 ~ .focus-border:before, .effect-9 ~ .focus-border:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.2s;
    transition-delay: 0.2s;
}

.effect-9 ~ .focus-border:after {
    top: auto;
    bottom: 0;
    right: auto;
    left: 0;
    transition-delay: 0.6s;
}

.effect-9 ~ .focus-border i:before, .effect-9 ~ .focus-border i:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #3399FF;
    transition: 0.2s;
}

.effect-9 ~ .focus-border i:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    transition-delay: 0.4s;
}

.effect-9:focus ~ .focus-border:before, .effect-9:focus ~ .focus-border:after {
    width: 100%;
    transition: 0.2s;
    transition-delay: 0.6s;
}

.effect-9:focus ~ .focus-border:after {
    transition-delay: 0.2s;
}

.effect-9:focus ~ .focus-border i:before, .effect-9:focus ~ .focus-border i:after {
    height: 100%;
    transition: 0.2s;
}

.effect-9:focus ~ .focus-border i:after {
    transition-delay: 0.4s;
}

.effect-10, .effect-11, .effect-12, .effect-13, .effect-14, .effect-15 {
    border: 0;
    padding: 7px 15px;
    border: 1px solid #ccc;
    position: relative;
    background: transparent;
}

.effect-10 ~ .focus-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ededed;
    opacity: 0;
    transition: 0.5s;
    z-index: -1;
}

.effect-10:focus ~ .focus-bg {
    transition: 0.5s;
    opacity: 1;
}

.effect-11 ~ .focus-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #ededed;
    transition: 0.3s;
    z-index: -1;
}

.effect-11:focus ~ .focus-bg {
    transition: 0.3s;
    width: 100%;
}

.effect-12 ~ .focus-bg {
    position: absolute;
    left: 50%;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #ededed;
    transition: 0.3s;
    z-index: -1;
}

.effect-12:focus ~ .focus-bg {
    transition: 0.3s;
    width: 100%;
    left: 0;
}

.effect-13 ~ .focus-bg:before, .effect-13 ~ .focus-bg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #ededed;
    transition: 0.3s;
    z-index: -1;
}

.effect-13:focus ~ .focus-bg:before {
    transition: 0.3s;
    width: 50%;
}

.effect-13 ~ .focus-bg:after {
    left: auto;
    right: 0;
}

.effect-13:focus ~ .focus-bg:after {
    transition: 0.3s;
    width: 50%;
}

.effect-14 ~ .focus-bg:before, .effect-14 ~ .focus-bg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background-color: #ededed;
    transition: 0.3s;
    z-index: -1;
}

.effect-14:focus ~ .focus-bg:before {
    transition: 0.3s;
    width: 50%;
    height: 100%;
}

.effect-14 ~ .focus-bg:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
}

.effect-14:focus ~ .focus-bg:after {
    transition: 0.3s;
    width: 50%;
    height: 100%;
}

.effect-15 ~ .focus-bg:before, .effect-15 ~ .focus-bg:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    background-color: #ededed;
    transition: 0.3s;
    z-index: -1;
}

.effect-15:focus ~ .focus-bg:before {
    transition: 0.3s;
    width: 50%;
    left: 0;
    top: 0;
    height: 100%;
}

.effect-15 ~ .focus-bg:after {
    left: auto;
    right: 50%;
    top: auto;
    bottom: 50%;
}

.effect-15:focus ~ .focus-bg:after {
    transition: 0.3s;
    width: 50%;
    height: 100%;
    bottom: 0;
    right: 0;
}

.effect-16, .effect-17, .effect-18 {
    border: 0;
    padding: 4px 0;
    border-bottom: 1px solid #ccc;
    background-color: transparent;
}

.effect-16 ~ .focus-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-16:focus ~ .focus-border, .has-content.effect-16 ~ .focus-border {
    width: 100%;
    transition: 0.4s;
}

.effect-16 ~ label {
    position: absolute;
    left: 0;
    width: 100%;
    top: 9px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-16:focus ~ label, .has-content.effect-16 ~ label {
    top: -16px;
    font-size: 12px;
    color: #3399FF;
    transition: 0.3s;
}

.effect-17 ~ .focus-border {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-17:focus ~ .focus-border, .has-content.effect-17 ~ .focus-border {
    width: 100%;
    transition: 0.4s;
    left: 0;
}

.effect-17 ~ label {
    position: absolute;
    left: 0;
    width: 100%;
    top: 9px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-17:focus ~ label, .has-content.effect-17 ~ label {
    top: -16px;
    font-size: 12px;
    color: #3399FF;
    transition: 0.3s;
}

.effect-18 ~ .focus-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    z-index: 99;
}

.effect-18 ~ .focus-border:before, .effect-18 ~ .focus-border:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-18 ~ .focus-border:after {
    left: auto;
    right: 0;
}

.effect-18:focus ~ .focus-border:before, .effect-18:focus ~ .focus-border:after, .has-content.effect-18 ~ .focus-border:before, .has-content.effect-18 ~ .focus-border:after {
    width: 50%;
    transition: 0.4s;
}

.effect-18 ~ label {
    position: absolute;
    left: 0;
    width: 100%;
    top: 9px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-18:focus ~ label, .has-content.effect-18 ~ label {
    top: -16px;
    font-size: 12px;
    color: #3399FF;
    transition: 0.3s;
}

.effect-19, .effect-20, .effect-21 {
    border: 1px solid #ccc;
    padding: 7px 14px;
    transition: 0.4s;
    background: transparent;
}

.effect-19 ~ .focus-border:before, .effect-19 ~ .focus-border:after {
    content: "";
    position: absolute;
    top: -1px;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-19 ~ .focus-border:after {
    top: auto;
    bottom: 0;
}

.effect-19 ~ .focus-border i:before, .effect-19 ~ .focus-border i:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #3399FF;
    transition: 0.6s;
}

.effect-19 ~ .focus-border i:after {
    left: auto;
    right: 0;
}

.effect-19:focus ~ .focus-border:before, .effect-19:focus ~ .focus-border:after, .has-content.effect-19 ~ .focus-border:before, .has-content.effect-19 ~ .focus-border:after {
    left: 0;
    width: 100%;
    transition: 0.4s;
}

.effect-19:focus ~ .focus-border i:before, .effect-19:focus ~ .focus-border i:after, .has-content.effect-19 ~ .focus-border i:before, .has-content.effect-19 ~ .focus-border i:after {
    top: -1px;
    height: 100%;
    transition: 0.6s;
}

.effect-19 ~ label {
    position: absolute;
    left: 14px;
    width: 100%;
    top: 10px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-19:focus ~ label, .has-content.effect-19 ~ label {
    top: -18px;
    left: 0;
    font-size: 12px;
    color: #3399FF;
    transition: 0.3s;
}

.effect-20 ~ .focus-border:before, .effect-20 ~ .focus-border:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.3s;
}

.effect-20 ~ .focus-border:after {
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
}

.effect-20 ~ .focus-border i:before, .effect-20 ~ .focus-border i:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-20 ~ .focus-border i:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
}

.effect-20:focus ~ .focus-border:before, .effect-20:focus ~ .focus-border:after, .has-content.effect-20 ~ .focus-border:before, .has-content.effect-20 ~ .focus-border:after {
    width: 100%;
    transition: 0.3s;
}

.effect-20:focus ~ .focus-border i:before, .effect-20:focus ~ .focus-border i:after, .has-content.effect-20 ~ .focus-border i:before, .has-content.effect-20 ~ .focus-border i:after {
    height: 100%;
    transition: 0.4s;
}

.effect-20 ~ label {
    position: absolute;
    left: 14px;
    width: 100%;
    top: 10px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-20:focus ~ label, .has-content.effect-20 ~ label {
    top: -18px;
    left: 0;
    font-size: 12px;
    color: #3399FF;
    transition: 0.3s;
}

.effect-21 ~ .focus-border:before, .effect-21 ~ .focus-border:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.2s;
    transition-delay: 0.2s;
}

.effect-21 ~ .focus-border:after {
    top: auto;
    bottom: 0;
    right: auto;
    left: 0;
    transition-delay: 0.6s;
}

.effect-21 ~ .focus-border i:before, .effect-21 ~ .focus-border i:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #3399FF;
    transition: 0.2s;
}

.effect-21 ~ .focus-border i:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    transition-delay: 0.4s;
}

.effect-21:focus ~ .focus-border:before, .effect-21:focus ~ .focus-border:after, .has-content.effect-21 ~ .focus-border:before, .has-content.effect-21 ~ .focus-border:after {
    width: 100%;
    transition: 0.2s;
    transition-delay: 0.6s;
}

.effect-21:focus ~ .focus-border:after, .has-content.effect-21 ~ .focus-border:after {
    transition-delay: 0.2s;
}

.effect-21:focus ~ .focus-border i:before, .effect-21:focus ~ .focus-border i:after, .has-content.effect-21 ~ .focus-border i:before, .has-content.effect-21 ~ .focus-border i:after {
    height: 100%;
    transition: 0.2s;
}

.effect-21:focus ~ .focus-border i:after, .has-conten.effect-21 ~ .focus-border i:after {
    transition-delay: 0.4s;
}

.effect-21 ~ label {
    position: absolute;
    left: 14px;
    width: 100%;
    top: 10px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-21:focus ~ label, .has-content.effect-21 ~ label {
    top: -18px;
    left: 0;
    font-size: 12px;
    color: #3399FF;
    transition: 0.3s;
}

.effect-22, .effect-23, .effect-24 {
    border: 0;
    padding: 5px 15px;
    border: 1px solid #ccc;
    position: relative;
    background: transparent;
}

.effect-22 ~ .focus-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: transparent;
    transition: 0.4s;
    z-index: -1;
}

.effect-22:focus ~ .focus-bg, .has-content.effect-22 ~ .focus-bg {
    transition: 0.4s;
    width: 100%;
    background-color: #ededed;
}

.effect-22 ~ label {
    position: absolute;
    left: 14px;
    width: 100%;
    top: 10px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-22:focus ~ label, .has-content.effect-22 ~ label {
    top: -18px;
    left: 0;
    font-size: 12px;
    color: #333;
    transition: 0.3s;
}

.effect-23 ~ .focus-bg:before, .effect-23 ~ .focus-bg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background-color: #ededed;
    transition: 0.3s;
    z-index: -1;
}

.effect-23:focus ~ .focus-bg:before, .has-content.effect-23 ~ .focus-bg:before {
    transition: 0.3s;
    width: calc(50% + 1px);
    height: 100%;
}

.effect-23 ~ .focus-bg:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
}

.effect-23:focus ~ .focus-bg:after, .has-content.effect-23 ~ .focus-bg:after {
    transition: 0.3s;
    width: 50%;
    height: 100%;
}

.effect-23 ~ label {
    position: absolute;
    left: 14px;
    width: 100%;
    top: 10px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-23:focus ~ label, .has-content.effect-23 ~ label {
    top: -18px;
    left: 0;
    font-size: 12px;
    color: #ccc;
    transition: 0.3s;
}

.effect-24 ~ .focus-bg:before, .effect-24 ~ .focus-bg:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    background-color: #ededed;
    transition: 0.3s;
    z-index: -1;
}

.effect-24:focus ~ .focus-bg:before, .has-content.effect-24 ~ .focus-bg:before {
    transition: 0.3s;
    width: 50%;
    left: 0;
    top: 0;
    height: 100%;
}

.effect-24 ~ .focus-bg:after {
    left: auto;
    right: 50%;
    top: auto;
    bottom: 50%;
}

.effect-24:focus ~ .focus-bg:after, .has-content.effect-24 ~ .focus-bg:after {
    transition: 0.3s;
    width: 50%;
    height: 100%;
    bottom: 0;
    right: 0;
}

.effect-24 ~ label {
    position: absolute;
    left: 14px;
    width: 100%;
    top: 10px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-24:focus ~ label, .has-content.effect-24 ~ label {
    top: -18px;
    left: 0;
    font-size: 12px;
    color: #333;
    transition: 0.3s;
}

/*= input focus effects css End =============================== */
.selfMangoWidgetInner ul li {
    display: inline-block;
    font-size: 1.5rem;
    list-style-type: none;
    padding: 15px;
    color: #fff;
}

.selfMangoWidgetInner ul li.svgMin {
    width: 40px;
    height: 40px;
    display: inline-block;
    padding: 0;
}

.selfMangoWidgetInner ul li.svgMin svg {
    width: 100%;
    height: 100%;
}

.selfMangoWidgetInner ul li span {
    display: block;
    font-size: 1.5rem;
}

.selfMangoWidgetInner ul li span#mili {
    min-width: 50px
}

.selfMangoWidgetWrap div, .selfMangoWidgetWrap p, .selfMangoWidgetWrap li, .selfMangoWidgetWrap h5, .selfMangoWidgetWrap span {
    box-shadow: none;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
}

div.block1 {
    position: relative;
    float: right;
    right: 50%;
}

div.block2 {
    position: relative;
    right: -50%;
}

.selfMangoInput.effect-23.error {
    border: 1px solid #ff0000;
}

.mangoErrorContent {
    display: none
}

@media (max-width: 600px) {
    .selfMangoWidgetInner {
        width: 95%;
    }

    .selfMangoWidgetInner .header__location {
        display: block;
        width: 100%;
        margin-top: 10px;
    }

    .selfMangoWidgetInner p {
        padding: 0;
    }

    .selfMangoWidgetPhoneWrap .col-xs-10, .selfMangoWidgetPhoneWrap .col-xs-2 {
        padding-left: 0;
        padding-right: 0;
    }
}

a {
    color: #428bca;
    text-decoration: none;
}

.aa-contacts__sect {
    padding: 0 0 0 35px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAcCAYAAACdz7SqAAACjElEQVRIib3XT6hUZRjH8c8dxz/0B1qEhf1R3o0nbGHGCRIEEySJEPqzypXQwmphaJugTQiibapNqIhIpEREgSBFy4og3i61CHpBPVG4CMQ/6L20cGxanJnb3LnnzJnR2/3tznN+z/N95z0vz/POVLfbNY6KLL8Hm/E4HsRy/I0/8DOmQ4q3xqk11QQtsnw73sAOrBxhvYLT+CCkeOG2oEWWr8cRbB25qoXq4CjeDineGBtaZPkrOIa7JwQO6jx2hhR/a4QWWb4HH2HqDoB9XcP2kOJPg8HWEPDlMYFXlFvfafDdh7NFlq+thBZZvg4nxgD+ijyk+Bq24a8G/2qcLrJ8jjX4Sz/EvQ0FPsfTIcUCQorf4Ql825C3Ga/2H6a63a4iyzdhekTSP3gHh0KKC05ekeVtHMI+9Tt1ESGkeLPdC+wZAbyKXSHFr+oMIcUO3iqy/AecVL1jD+N5fNnq7fULNfVu4KlRwCH4F3gSszWWFym/aYb7a0wXQornxwEOgM/hXM3rLX3o+kmK3qHWFll+VwsPLCEUVrexYpKMIsvfxc6B0KchxcOT1Gjj8iQJeBQbB55/mTB/tqWch0ul6yHFSy3lSpt66GJpGlohxRl8v0TQr/mv935cY1pVERvuNu0Kz/KKWEd5s5jrvauUQ/ehCvOfyt5L2VcfMX9QdJR9ta+W8rAN62RIcfccFIos34VPKsyLoRk8FlK82F8VCCmeUo6u/0N7+8B50J5248dFBr4fUjwxGJgH7Z3kZy3eaX4P+4eDdbfBFTiIN7HsNmCX8XpI8bOqlyMv20WWb8QBPGfhp6jSDI7jYEjxUp2p8Ybfg6/DS3gGG7BGOShm8bvyb8U3OBNSvN5U718eks6jmXf9owAAAABJRU5ErkJggg==") no-repeat 0 1px;
    margin: 0 0 15px;
}

@media (max-width: 992px) {
    .new-cash {
        top: 12px;
    }
}

@media (max-width: 670px) {
    .item-adv {
        padding: 19px 0;
        font-size: 20px;
    }

    .item-adv h3 {
        font-size: 18px;
    }

    .item-adv p {
        font-size: 16px;
    }

    .new-cash {
        right: 0;
        left: 0;
        top: 0;
        position: relative !important;
    }

    .new-cash .fa {
        right: 10px;
        height: 25px;
    }

    .item-adv > div {
        padding-left: 15px;
        padding-bottom: 0px;
    }

    .item-adv li {
        line-height: 27px;
        font-size: 18px;
    }

    .item-adv ul {
        padding-left: 15px;
        padding-right: 15px;
    }

    .serega h2 {
        font-size: 26px;
        margin: 22px 0;
    }
}

.item-adv .fa-check {
    display: inline-block;
    width: 21px;
    height: 21px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='M206.223 430.222c-10.923 0-21.845-4.167-30.165-12.5L12.5 254.164c-16.668-16.654-16.668-43.676 0-60.331 16.654-16.669 43.677-16.669 60.332 0l133.39 133.391L439.168 94.279c16.668-16.669 43.662-16.669 60.33 0 16.67 16.653 16.67 43.676 0 60.331l-263.11 263.111c-8.32 8.334-19.243 12.501-30.165 12.501' fill='green'/%3e%3c/svg%3e");
}

@media screen and (max-width: 1024px) {
    .wrap-main {
        padding: 20px 0 40px;
        -moz-background-size: 1380px;
        -o-background-size: 1380px;
        background-size: 1380px;
        background-position: 50% 100%;
    }

    .wrap-main .top-content .price span {
        font-size: 65px;
    }

    .wrap-main .top-content .price {
        font-size: 45px;
    }

    .wrap-main .top-content h2 {
        font-size: 31px;
        padding: 30px 0 30px;
    }

    .wrap-main .top-content {
        width: 42%;
    }

    .wrap-main .top-content .consult span {
        padding-left: 15px;
    }

    .wrap-full h3, .wrap-video h3, .wrap-prison h4, .wrap-believe h4, .wrap-mass h4, .wrap-questions .quest-content h5 {
        font-size: 35px;
    }

    .wrap-full ul li {
        width: 500px;
        font-size: 28px;
        padding: 15px 35px;
    }

    .wrap-full ul li:not(:last-child):before {
        height: 30px;
        bottom: -45px;
    }

    .wrap-full ul li:not(:last-child) {
        margin-bottom: 50px;
    }

    .wrap-video {
        padding: 30px 0 30px;
    }

    .wrap-video .video {
        height: 340px;
    }

    .wrap-video .video iframe {
        width: 445px;
    }

    .wrap-video h3 {
        padding-bottom: 35px;
    }

    .wrap-prison {
        padding: 55px 0 70px;
    }

    .wrap-prison h4 {
        padding-bottom: 40px;
    }

    .wrap-prison .mistakes .mistake-item {
        width: 45%;
    }

    .wrap-prison .mistakes {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        font-size: 16px;
    }

    .wrap-believe {
        padding: 50px 0 20px;
    }

    .wrap-believe .statistic {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 50px;
        padding-top: 70px;
    }

    .wrap-believe .statistic .statistic-content .desc {
        width: 85%;
    }

    .wrap-believe .statistic .statistic-content {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .wrap-mass .videos .video-item {
        padding: 0 10px;
        width: 440px;
    }

    .wrap-reviews .reviews-title .left span, .wrap-reviews .reviews-title .right span {
        font-size: 70px;
        line-height: 70px;
    }

    .wrap-reviews .reviews-title .left, .wrap-reviews .reviews-title .right {
        font-size: 16px;
        line-height: 16px;
    }

    .wrap-reviews .reviews-title .right span {
        font-size: 33px;
        line-height: 33px;
    }

    .wrap-reviews .reviews-title .right {
        font-size: 18px;
        line-height: 18px;
    }

    .wrap-reviews {
        font-size: 19px;
    }

    .wrap-support .support-content .desc h5 {
        font-size: 48px;
        line-height: 50px;
    }
}

@media screen and (max-width: 992px) {
    .header .header-conte {
        width: 220px;
    }

    .wrap-support .support-content .ramka .rrr {
        width: 95%;
    }

    .wrap-support .support-content .ramka:before {
        height: 94%;
    }

    .header .header-content .tel a {
        font-size: 19px;
    }

    .m-city {
        position: relative;
        margin: 0px auto;
        text-align: center;
    }

    .city {
        font-size: 22px;
        color: #ea1c24;
        border-bottom: 1px dotted #ea1c24;
    }
}

@media screen and (max-width: 880px) {
    .header .header-content menu ul li a {
        font-size: 14px;
    }

    .header .header-content menu {
        width: 46%;
    }

    .header .header-content .tel {
        width: 170px;
    }

    .wrap-main .top-content .consult .get-consult {
        font-size: 15px;
        padding: 14px 18px 12px;
    }

    .wrap-mass .videos {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .wrap-main .top-content .price span {
        font-size: 53px;
    }

    .wrap-main .top-content .price {
        font-size: 40px;
    }

    .wrap-main .top-content {
        width: 48%;
    }

    .wrap-main .top-content h2 {
        font-size: 28px;
    }

    .wrap-main .top-content .consult span {
        padding-left: 0;
        margin-left: 5px;
    }

    .wrap-legal .legal-content {
        padding-left: 0;
    }

    .wrap-questions .quest-content {
        width: 90%;
    }

    #ALT_FORM_BUTTON_Y {
        margin-left: 40px;
    }

    #ALT_FORM_BUTTON_Y, #ALT_FORM_BUTTON_N {
        width: 120px;
    }

    .test_panel .progress_bar {
        margin-top: 60px;
    }
}

@media screen and (max-width: 768px) {
    .wrap-main {
        padding: 20px 0 40px;
        -moz-background-size: 1060px;
        -o-background-size: 1060px;
        background-size: 1060px;
        background-position: 60% 100%;
    }

    .header .header-content .tel {
        display: none;
    }

    .header .header-content menu {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
        padding: 30px 0;
        width: 100%;
        margin: 0;
    }

    .header .header-content menu ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header .header-content menu ul li {
        padding-bottom: 15px;
    }

    .header .header-content .burger {
        display: block;
    }

    .wrap-main .top-content .price span {
        font-size: 48px;
    }

    .wrap-main .top-content .price {
        font-size: 35px;
    }

    .wrap-main .top-content h2 {
        font-size: 24px;
    }

    .wrap-full h3, .wrap-video h3, .wrap-prison h4, .wrap-believe h4, .wrap-mass h4, .wrap-questions .quest-content h5 {
        font-size: 31px;
    }

    .wrap-full {
        font-size: 18px;
        padding: 30px 0 30px;
    }

    .wrap-full ul li {
        width: 440px;
        padding: 10px 20px;
        font-size: 24px;
    }

    .wrap-full ul li span {
        margin-right: 15px;
    }

    .wrap-video .video .mac {
        display: none;
    }

    .wrap-video .video iframe {
        width: 90%;
    }

    .wrap-video .video {
        height: 400px;
        padding: 20px 0 20px;
        margin-bottom: 0;
    }

    .wrap-video h3 {
        padding-bottom: 10px;
        line-height: 35px;
    }

    .wrap-prison .mistakes .mistake-item {
        width: 85%;
        padding-bottom: 20px;
    }

    .wrap-mass {
        padding: 60px 0 100px;
    }

    .wrap-support .support-content .pic {
        width: 31%;
    }

    .wrap-support .support-content .desc h5 {
        font-size: 40px;
    }

    .wrap-support .support-content .desc {
        font-size: 24px;
    }

    .wrap-support .support-content .desc .test {
        margin-top: 45px;
        font-size: 24px;
        padding: 19px 48px 18px;
    }

    .wrap-support .support-content {
        padding: 60px 0 0 15px;
    }

    .wrap-support .support-content .ramka .rrr {
        width: 94%;
    }

    .wrap-questions .quest-content ul li a {
        font-size: 20px;
    }

    .wrap-map .map-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        height: auto;
    }

    .wrap-map .map-content .address {
        position: relative;
        width: 100%;
        top: 0;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .wrap-map .map-content .map {
        height: 300px;
    }

    .fixed-footer .fixed-content .tel {
        display: none;
    }

    .fixed-footer .fixed-content p {
        width: 35%;
    }
}

@media screen and (max-width: 666px) {
    .header.active .header-content .logo, .header.active .header-content .burger {
        display: none;
    }

    .header.active .header-content {
        height: 40px;
    }

    .header.active .header-content .tel {
        display: block;
        position: absolute;
        top: 0px;
        text-align: center;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .fixed-footer .fixed-content .tel {
        display: block;
        width: 100%;
        text-align: center;
    }

    .fixed-footer .fixed-content {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .fixed-footer .fixed-content .tel a {
        display: block;
    }

    .fixed-footer .fixed-content .tel .city {
        display: inline-block;
        text-align: center;
    }

    .wrap-main {
        background: url("../images/screen1_bg.jpg") no-repeat top center;
        -moz-background-size: 210%;
        -o-background-size: 210%;
        background-size: 210%;
    }

    .wrap-main .top-content.dekstop .delay, .wrap-main .top-content.dekstop .first-pay, .wrap-main .top-content.dekstop .consult {
        display: none;
    }

    .wrap-main .top-content.mobile {
        display: block;
        width: 100%;
    }

    .wrap-main .top-content .consult .get-consult {
        margin: 15px auto 0;
    }

    .wrap-main .top-content .consult {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding-top: 50px;
    }

    .wrap-main .top-content .consult span {
        margin: 0 auto;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        display: inline-block;
    }

    .wrap-main .top-content .price span {
        display: block;
        text-align: left;
    }

    .wrap-main .top-content .price {
        text-align: left;
    }

    .wrap-main .top-content .consult {
        padding-top: 30px;
    }

    .wrap-legal {
        background: #fff;
        border-top: 1px solid #b9bbbd;
    }

    .wrap-legal .legal-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 20px;
    }

    .wrap-legal .legal-content .pic {
        padding: 0;
    }

    .wrap-legal h5 {
        display: block;
        text-transform: uppercase;
        font-family: Din;
        font-weight: 700;
        font-size: 24px;
        color: #000;
        text-align: center;
    }

    .wrap-legal .legal-content .desc b {
        font-weight: 400;
    }

    .wrap-full, .wrap-video, .wrap-prison, .wrap-reviews, .wrap-questions {
        display: none;
    }

    .wrap-believe h4 {
        display: none;
    }

    .wrap-believe .statistic .statistic-content .desc, .wrap-believe .statistic .statistic-content .logo, .wrap-mass {
        display: none;
    }

    .wrap-believe .statistic .number, .wrap-believe .statistic .statistic-content .num-item {
        font-weight: 700;
    }

    .wrap-reviews-mobile, .wrap-way-mobile, .wrap-prison.mobile, .big-mobile, .wrap-map .mobile-map, .wrap-reviews-mobile {
        display: block;
    }

    .wrap-support .support-content .desc h5 {
        font-size: 34px;
        line-height: 35px;
    }

    .wrap-support .support-content .desc .test {
        margin-top: 25px;
        font-size: 24px;
        padding: 19px 48px 18px;
        background: #dd2734;
        -webkit-box-shadow: 0px 0px 35px 2px #dd2733;
        -moz-box-shadow: 0px 0px 35px 2px #dd2733;
        box-shadow: 0px 0px 35px 2px #dd2733;
    }

    .wrap-support .support-content .ramka .rrr {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: transparent;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    .wrap-support .support-content .ramka .rrr:before {
        content: '';
        position: absolute;
        top: 5px;
        right: 10px;
        width: 94%;
        height: 12px;
        background: #dd2734;
        -webkit-transform: rotate(-2.5deg);
        -moz-transform: rotate(-2.5deg);
        -ms-transform: rotate(-2.5deg);
        -o-transform: rotate(-2.5deg);
        transform: rotate(-2.5deg);
    }

    .wrap-support .support-content .ramka .rrr:after {
        content: '';
        position: absolute;
        bottom: 0px;
        right: 10px;
        width: 93%;
        height: 12px;
        background: #dd2734;
    }

    .wrap-support .support-content .ramka {
        height: 92%;
        bottom: 20px;
    }

    .wrap-map .map-content .address {
        width: 470px;
        margin: 0 auto;
        padding: 20px 0px 15px 30px;
    }

    .wrap-map .map-content .address h6 {
        display: none;
    }

    .wrap-map .map-content {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .fixed-footer .fixed-content p {
        display: none;
    }

    .fixed-footer .fixed-content .el-button {
        width: 95%;
    }

    .fixed-footer .fixed-content .business-popup form {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 100%;
        width: 100%;
    }

    .fixed-footer .fixed-content .business-popup .el-button {
        width: 50%;
    }

    .fixed-footer .fixed-content .business-popup {
        width: 95%;
    }

    .fixed-footer .fixed-content .business-popup form .form-field input {
        display: inline-block;
    }

    .business-popup form .form-field {
        margin-bottom: 0;
        margin-right: 5px;
        width: 48%;
    }

    .wrap-believe .statistic .number .counter .digits {
        font-size: 100px;
    }

    .wrap-believe .statistic .number .counter {
        width: 100%;
    }

    .wrap-believe .statistic {
        padding-top: 0;
    }

    .wrap-believe {
        padding: 0 0 20px;
    }

    #ALT_FORM_BUTTON_Y {
        margin-left: 0;
    }

    #ALT_FORM_BUTTON_Y, #ALT_FORM_BUTTON_N {
        margin-top: 0px;
        font-size: 14px;
        line-height: 30px;
        margin-right: 15px;
    }

    .test_panel .progress_bar {
        margin-top: 20px;
    }

    .wrap-map .map-content .address p {
        padding-bottom: 15px;
    }
}

@media screen and (max-width: 560px) {
    .wrap-main {
        -moz-background-size: 290%;
        -o-background-size: 290%;
        background-size: 290%;
    }

    .big-mobile .detail-way ul li.active {
        padding-left: 5%;
    }

    .wrap-support .support-content .ramka:before, .wrap-support .support-content .ramka:after {
        width: 9px;
    }

    .wrap-support .support-content .ramka .rrr:before, .wrap-support .support-content .ramka .rrr:after {
        width: 92%;
        height: 9px;
    }

    .wrap-support .support-content {
        padding: 40px 0 0 15px;
    }

    .wrap-support .support-content .desc h5 {
        font-size: 27px;
        line-height: 30px;
    }

    .wrap-support .support-content .desc {
        font-size: 18px;
    }

    .wrap-support .support-content .desc .test {
        padding: 16px 28px 15px;
        font-size: 21px;
    }

    .footer .socials {
        display: none;
    }

    .footer .logo {
        display: none;
    }

    .footer {
        font-size: 12px;
    }

    .wrap-main .top-content .price span {
        font-size: 35px;
    }

    .wrap-main .top-content .price {
        font-size: 25px;
    }

    .wrap-main .top-content h2, .wrap-legal h5 {
        font-size: 16px;
    }

    .wrap-main .top-content .delay span {
        font-size: 10px;
    }

    .wrap-main .top-content .first-pay {
        font-size: 18px;
    }

    .wrap-main .top-content .first-pay span {
        font-size: 12px;
    }

    .wrap-main {
        -moz-background-size: 1060px;
        -o-background-size: 1060px;
        background-size: 1060px;
    }

    .wrap-legal .legal-content .desc h3 {
        font-size: 20px;
    }

    .wrap-believe .statistic .number, .wrap-believe .statistic .statistic-content .num-item {
        font-size: 14px;
    }

    .wrap-believe .statistic .statistic-content .num-item span b {
        font-size: 88px;
    }

    .wrap-believe .statistic .number .people {
        font-size: 80px;
    }

    .wrap-believe .statistic .number {
        width: 310px;
    }

    .wrap-believe .statistic .number:after {
        top: -80%;
        right: 70px;
        height: 200px;
        width: 200px;
        background: url(../images/round.png) no-repeat center/contain;
    }

    .wrap-believe .statistic .number:before {
        width: 200px;
        height: 200px;
        top: -80%;
        right: 70px;
    }

    .wrap-believe .statistic .statistic-content {
        padding-left: 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .el-button {
        font-size: 15px;
    }

    .wrap-reviews-mobile .reviews-title .left span:first-child {
        font-size: 56px;
        line-height: 56px;
    }

    .wrap-reviews-mobile .reviews-title .left {
        font-size: 14px;
        line-height: 16px;
    }

    .wrap-reviews-mobile .reviews-title .left:before {
        width: 130px;
    }

    .wrap-reviews-mobile .reviews-title .right span {
        font-size: 16px;
        line-height: 16px;
    }

    .wrap-reviews-mobile .reviews-title .right {
        font-size: 14px;
        line-height: 16px;
    }

    .wrap-reviews-mobile .wrap-slider .mobile-slider .slide .person .name, .wrap-reviews-mobile {
        font-size: 14px;
    }

    .wrap-way-mobile h3, .wrap-prison h4, .big-mobile .more-title h5, .big-mobile .wrap-steps .steps-title, .big-mobile .detail-way h5 {
        font-size: 16px;
        line-height: 18px;
    }

    .wrap-way-mobile ul {
        padding-top: 0;
    }

    .wrap-way-mobile ul li {
        font-size: 16px;
        font-weight: 700;
    }

    .wrap-prison .mistakes .mistake-item, .big-mobile .wrap-steps ul li, .big-mobile .detail-way, .big-mobile .detail-way ul li {
        font-size: 14px;
    }

    .big-mobile .wrap-steps .steps-title p span {
        display: block;
    }

    .wrap-support .support-content .desc h5, .wrap-support .support-content .desc .test {
        font-size: 16px;
    }

    .wrap-support .support-content .desc {
        font-size: 15px;
    }

    .wrap-map .mobile-map .content h6 {
        font-size: 18px;
    }

    .wrap-map .mobile-map .red-tel {
        font-size: 16px;
    }

    .wrap-map .map-content .address {
        font-size: 16px;
        width: 100%;
        padding-left: 70px;
        right: 0;
    }

    .wrap-prison.mobile .mistakes .mistake-item .mis-title .mis-num, .wrap-prison.mobile .mistakes .mistake-item .mis-title span {
        font-size: 16px;
    }

    .select-town-pop .city_column_all .city_column {
        width: -webkit-calc(100% / 2);
        width: -moz-calc(100% / 2);
        width: calc(100% / 2);
    }

    .wrap-believe .statistic {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .business-popup {
        width: 100%;
    }

    .business-popup form .form-field {
        width: 100%;
        margin-bottom: 5px;
    }

    #ALT_FORM_BUTTON_Y, #ALT_FORM_BUTTON_N {
        margin: 0 10PX 10px;
        width: 80px;
        line-height: 25px;
    }

    #ALT_ERROR {
        margin: 0;
    }

    .test_panel .progress_bar {
        margin: 0;
    }

    .wrap-support .support-content .desc, .wrap-support .support-content .test_panel_wrapper {
        padding-top: 0;
    }

    .test_panel h2 {
        padding-bottom: 10px;
    }

    .wrap-support .support-content {
        min-height: 300px;
    }

    #test_result_button {
        width: 95%;
        font-size: 13px;
        line-height: 14px;
        padding: 10px 0;
        margin: 10px 0 0;
    }

    .test_panel .progress_bar {
        position: absolute;
        left: 50%;
        margin-left: -120px;
        display: block;
    }

    .test_panel .progress_bar .progress_1 {
        top: 30px;
        left: 2px;
    }
}

@media screen and (max-width: 479px) {
    .wrap-support .support-content .ramka:before, .wrap-support .support-content .ramka:after {
        width: 5px;
    }

    .wrap-support .support-content .ramka .rrr:before, .wrap-support .support-content .ramka .rrr:after {
        width: 92%;
        height: 5px;
    }

    .wrap-support .support-content .ramka:before {
        left: 14px;
    }

    .wrap-support .support-content .pic {
        position: absolute;
        width: 38%;
        left: 0px;
    }

    .wrap-support .support-content .desc {
        margin: 0 0 0 auto;
        padding: 30px 0 0;
        width: 64%;
    }

    .wrap-support .support-content {
        padding: 0 0 30px 15px;
    }

    .wrap-support .support-content .desc p {
        max-width: 90%;
    }

    .wrap-support .support-content .desc h5 {
        line-height: 18px;
    }

    .wrap-support .support-content .desc .test {
        margin-top: 15px;
        font-size: 16px;
        padding: 15px 18px 14px;
    }

    .wrap-support .support-content .ramka {
        height: 100%;
        bottom: 0px;
    }

    .big-mobile .detail-way ul li.active span {
        width: 25%;
        margin-right: 5px;
    }

    .big-mobile .detail-way ul li.active p {
        max-width: 73%;
        text-align: left;
    }

    .wrap-main {
        padding: 20px 0 40px;
        -moz-background-size: 620px;
        -o-background-size: 620px;
        background-size: 620px;
        background-position: 44% -18%;
    }

    .wrap-main .top-content h2 {
        padding: 10px 0 20px;
    }

    .wrap-main .top-content {
        margin-right: 0;
    }

    .wrap-reviews-mobile .wrap-slider .mobile-slider {
        padding: 0;
    }

    .wrap-reviews-mobile .wrap-slider .next {
        right: 0;
    }

    .wrap-reviews-mobile .wrap-slider .prev {
        left: 0;
    }

    .wrap-main .top-content .delay:before {
        width: 100%;
    }

    .wrap-map .map-content .address {
        padding: 0 10px 15px;
    }

    .wrap-map .map-content .address .address-title {
        position: relative;
    }

    .wrap-map .map-content .address .address-title:before {
        left: 25px;
    }

    .wrap-map .map-content .address .address-title, .wrap-map .map-content .address p {
        padding-left: 60px;
    }

    .el-button, .wrap-map .map-content .address .el-button, .wrap-reviews-mobile .el-button, .wrap-believe .el-button, .wrap-main .top-content .consult .get-consult {
        text-align: center;
        width: 100%;
        padding: 15px 5px 14px;
    }

    .footer {
        padding: 15px 0 30px;
    }

    .wrap-believe .statistic, .wrap-believe .statistic .statistic-content {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .wrap-believe .statistic .number {
        width: 290px;
    }

    .select-town-pop .city_column_all .city_column {
        width: -webkit-calc(100% / 1);
        width: -moz-calc(100% / 1);
        width: calc(100% / 1);
    }

    .select-town-pop .easy-autocomplete {
        max-width: 100%;
    }

    .select-town-pop {
        padding: 10px 20px 10px;
    }

    .wrap-believe {
        overflow: hidden;
    }

    .fixed-footer .fixed-content .business-popup form .form-field {
        width: 100%;
        margin-bottom: 5px;
    }

    .fixed-footer .fixed-content .business-popup .el-button {
        width: 100%;
    }

    .wrap-believe .statistic .number .counter .slider, .wrap-believe .statistic .number .counter .slider_top_2, .wrap-believe .statistic .number .counter .slider_top_1 {
        right: 0;
    }

    .wrap-support .support-content .desc.hidden, .wrap-support .support-content .test_panel_wrapper.hidden {
        margin-right: 0;
        margin-left: auto;
        padding-top: 25px;
    }

    .test_panel {
        padding: 0 10px 0 0;
    }

    .wrap-support .support-content {
        min-height: 260px;
    }

    .test_panel h2 {
        font-size: 14px;
    }

    .test_panel h2 span {
        font-size: 11px;
    }

    .wrap-support .support-content {
        min-height: 270px;
    }

    .test_panel .progress_bar {
        width: 100%;
    }

    .test_panel .progress_bar .progress_percent, .test_panel .progress_bar .progress_2, .test_panel .progress_bar .progress_1 {
        width: 200px;
        left: 5%;
        position: absolute;
    }

    .test_panel .progress_bar .progress_1 {
        left: 5%;
    }

    #ALT_FORM_BUTTON_Y, #ALT_FORM_BUTTON_N {
        font-size: 13px;
        line-height: 15px;
        width: 50px;
        margin: 0 5px 0;
    }

    .test_panel h2 {
        line-height: 13px;
        font-size: 13px;
    }

    .wrap-support .support-content .desc, .wrap-support .support-content .test_panel_wrapper {
        padding-left: 0;
    }

    .wrap-support .support-content .ramka {
        height: 110%;
        width: 100%;
        left: 54%;
        bottom: -20px;
    }

    #test_result_button {
        font-size: 11px;
        padding: 7px 0;
    }

    .scroll-wrapper {
        height: 120px !important;
        line-height: 13px;
        font-size: 12px;
    }

    .wrap-support .support-content {
        padding: 0 0 0 10px;
    }
}

@media screen and (max-width: 380px) {
    .wrap-support .support-content {
        min-height: 200px;
    }
}

@media screen and (max-width: 320px) {
    .wrap-support .support-content .ramka:before {
        left: 10px;
    }

    .wrap-support .support-content {
        min-height: 180px;
    }

    .wrap-support .support-content .pic {
        width: 41%;
        left: -13px;
    }

    .wrap-support .support-content .desc {
        width: 66%;
    }

    .wrap-believe .statistic .number:after {
        top: -50%;
        right: 90px;
        height: 150px;
        width: 150px;
        background: url(../images/round.png) no-repeat center/contain;
    }

    .wrap-believe .statistic .number:before {
        width: 150px;
        height: 150px;
        border: 7px solid #e3e4e5;
        top: -50%;
        right: 90px;
    }
}

.aa-section-1__title {
    margin: 0 0 3rem;
    letter-spacing: 0;
}

.aa-section-1__subtitle {
    color: black;
    font-family: 'DINPro', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.175em;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.aa-section-1__subtitle p {
    margin: 0 0 5px;
}

.aa-section-1__title_p {
    font-weight: 500;
}

.aa-section-1__to-test:before {
    display: none;
}

.aa-section-02 {
    padding: 30px 0;
    border-bottom: 1px solid #eee;
}

.aa-section-2__image {
    float: left;
    margin-right: 20px;
    max-width: 80px;
    max-height: 92px;
}

.aa-section-2__h1 {
    color: black;
    font-family: 'DINPro', sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.175em;
    letter-spacing: -0.025em;
    text-transform: uppercase;
    margin: 0 0 12px;
}

.aa-section-2__column {
    display: flex;
    font-size: 12px;
}

.action-block {
    padding: 10px 0;
    text-align: center;
}

.action-block__appeal {
    color: #909295;
    font-family: 'DINPro', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    margin: 10px 0;
    color: #ffffff;
    background: #dd2734;
    display: block;
    max-width: 430px;
    margin: 10px auto;
    padding: 5px 0;
}

.action-block__appeal::selection {
    color: #000000;
    background: #ffffff;
}

.action-block__appeal span {
    color: #DD2734;
}

.action-block__call {
    font-family: 'DINPro', sans-serif;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -0.75px;
    line-height: 120%;
}

.action-block__call a {
    color: #DD2734;
    white-space: nowrap;
}

.pod-btn--inv {
    display: block;
    max-width: 355px;
    margin: 10px auto 0;
    background: #dd2734;
    color: white;
    padding: 0;
}

.pod-btn--inv::selection {
    background: white;
    color: black;
}

.aa-section-7 {
    color: black;
    position: relative;
    z-index: 1;
    padding: 30px 0;
}

.aa-section-7__head {
    width: 100%;
    font-family: 'DINPro', sans-serif;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 110%;
    text-align: center;
    font-size: 42px;
    margin-bottom: 48px;
}

.aa-info-clients__row {
    justify-content: center;
}

.aa-info-clients__col-1 {
    text-transform: none;
    text-align: center;
    font-weight: 600;
}

.aa-info-clients__amount {
    color: #DD2734;
}

.aa-info-clients__col-2 {
    min-height: 65px;
    border-left: 2px solid #000;
    font-size: 20px;
    margin: 0 0 20px 20px;
    padding: 0 0 0 18px;
    max-width: 430px;
    font-weight: 600;
    line-height: 125%;
}

.aa-info-clients__col-2 p {
    margin: 0 0 20px;
}

.aa-section-7__bg:before {
    background: url(../images/index/bg_friends.jpg) no-repeat 50% 50%/cover;
    background-color: #fcf8f7;
}

.aa-review-list .slick-slider {
    display: flex;
    flex-direction: column;
}

.slick-dots {
    order: -1;
    margin-bottom: 20px;
}

.slick-dots li button {
    background-color: #909295;
}

.slick-dots li.slick-active button {
    background-color: #DD2734;
    border-color: transparent;
}

.aa-review-list .slick-prev, .aa-review-list .slick-next {
    top: 110px;
    box-shadow: 0 0 30px rgba(221, 39, 52, 0.15);
    border-radius: 50%;
}

.aa-review-list .slick-prev:before, .aa-review-list .slick-next:before {
    background-image: url(../images/index/prev.png);
}

.aa-review-list .slick-prev:after, .aa-review-list .slick-next:after {
    background-image: url(../images/index/prev-h.png);
}

.aa-review-list .slick-slide {
    background: #fff;
    height: 100%;
    margin: 0 10px;
    padding: 20px;
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.16);
}

.slick-dots {
    margin: 0 -20px 10px;
}

.slick-dots li {
    margin: 2px;
}

.aa-review-item__lead {
    color: #000;
}

.aa-review-item__title small {
    font-size: 20px;
    color: #000;
}

.aa-review-item__img-wrap {
    padding: 3px;
    border: 2px solid #DD2734;
    border-radius: 50%;
}

.aa-section-8 {
    padding: 0;
    background-image: none;
}

.aa-section-8 .aa-container {
    padding: calc(40px + 3.99893%) 0 105px;
    background: url(../images/index/bg_FAQ.jpg) no-repeat right bottom #fff;
    background-size: auto 80%;
}

.aa-section-8 p, .aa-section-8 ul, .aa-section-8 ol {
    margin: 5px 0 10px;
}

.aa-question-item {
    margin-bottom: 20px;
    padding-left: 34px;
}

.aa-question-item:before {
    content: '';
    width: 18px;
    height: 26px;
    background: url(../images/index/arrow.svg) no-repeat 50% 50%/contain;
    position: absolute;
    top: 4px;
    left: 5px;
    opacity: 1;
}

.aa-question-item--opened:before {
    opacity: 1;
    transform: rotate(180deg);
}

.aa-question-item__title-underline { /* oh, i'm so sorry */
    background: none;
    color: #000;
    border-bottom: 1px dashed black;
    font-weight: 600;
    font-size: 20px;
}

.aa-question-item__title-underline:hover {
    color: #dd2734;
    background: none;
}

.aa-question-item__answer {
    display: none;
    color: #000;
    padding: 20px 30px 30px;
    background: #fff;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.06);
    border-left: none;
    position: relative;
    margin: 0 -15px 0 0;
    max-width: 80ch;
    line-height: 1.3;
}

.aa-question-item__call {
    font-weight: 600;
    font-size: 17px;
}

.aa-question-item__call a {
    color: #DD2734;
}

.aa-section-4 {
    background-size: cover;
}

.aa-section-14 {
    background: url(../images/index/bg_law.jpg) no-repeat top center #FAFAFA;
    background-size: cover;
}

.aa-section-14 .aa-container {
    max-width: 890px;
}

.aa-section-14__title {
    max-width: 36ch;
}

.aa-errors-list-2 .aa-error-item-2 {
    width: calc(100% - 20px);
    margin: 0 10px 30px;
    padding: 40px 40px 40px 160px;
    background-position: 40px 70px;
    background-repeat: no-repeat;
    background-size: 90px;
}

.aa-error-item-2 p {
    font-size: 16px;
    line-height: 1.3;
}

.aa-error-item-2.letter {
    background-image: url(../images/index/icon01.png);
}

.aa-error-item-2.officer {
    background-image: url(../images/index/icon02.png);
}

.aa-error-item-2.map {
    background-image: url(../images/index/icon03.png);
}

.aa-error-item-2.target {
    background-image: url(../images/index/icon04.png);
}

.aa-section-9__title {
    margin: 0 0 45px;
    padding-bottom: 50px;
    text-transform: initial;
}

.algo-block {
}

.light-bg {
    box-shadow: 0 0 34px rgba(0, 0, 0, 0.06);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position-y: 15px;
    background-position-x: calc(100% - 20px);
    background-size: auto 80px;
    padding: 30px;
    position: relative;
    z-index: 2;
}

.algo-block-01 .light-bg {
    background-image: url(../images/algo_block_1.jpg);
}

.algo-block-02 .light-bg {
    background-image: url(../images/algo_block_5.jpg);
}

.algo-block-03 .light-bg {
    background-image: url(../images/algo_block_7.jpg);
}

.algo-block-04 .light-bg {
    background-image: url(../images/algo_block_6.jpg);
}

.algo-block-05 .light-bg {
    background-image: url(../images/algo_block_3.jpg);
}

.algo-block-06 .light-bg {
    background-image: url(../images/algo_block_8.jpg);
}

.dash-line {
    position: absolute;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: auto;
}

.algo-block-02 .dash-line {
    top: 15px;
    left: -25px;
    height: 47px;
    width: 94px;
    background-image: url(../images/index/path01.png);
}

.algo-block-03 .dash-line {
    top: -85px;
    right: -25px;
    height: 64px;
    width: 97px;
    background-image: url(../images/index/path03.png);
}

.algo-block-04 .dash-line {
    top: 35px;
    left: -20px;
    height: 19px;
    width: 54px;
    background-image: url(../images/index/path02.png);
}

.algo-block-05 .dash-line {
    top: -75px;
    right: -20px;
    height: 37px;
    width: 100px;
    background-image: url(../images/index/path05.png);
}

.algo-block-06 .dash-line {
    top: 30px;
    left: -20px;
    height: 26px;
    width: 54px;
    background-image: url(../images/index/path04.png);
}

.algo-block--odd {
    margin-top: -50px;
}

.algo-block--even {
    margin-top: 50px;
}

.algo-block__head {
    font-family: 'DINPro', sans-serif;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -0.5px;
    line-height: 120%;
    position: relative;
    padding-left: 60px;
    padding-right: 70px;
    margin-bottom: 10px;
    min-height: 70px;
    display: flex;
    align-items: center;
}

.algo-block__head span {
    color: #DD2734;
    line-height: 58px;
    font-size: 70px;
    width: 50px;
    height: 65px;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
}

.algo-block__body {
    padding: 10px;
}

.txt-light {
    color: #fff;
}

/**************************************//**************** PROMO ***************//**************************************/
.wrapper {
    max-width: 1024px;
    margin: 0 auto;
}

.promo {
    position: relative;
    min-height: 500px;
    background: url(../images/promo.jpg) 50% no-repeat;
    background-color: #121212;
    background-size: cover;
    overflow: hidden;
    color: #fff;
    padding: 70px 15px;
    box-sizing: border-box;
}

.promo::after {
    content: '';
    position: absolute;
    width: 465px;
    height: 460px;
    background: url(../images/sergey.png) no-repeat;
    background-size: contain;
    bottom: 0;
    right: calc(50% - 350px);
}

.promo .wrapper {
    position: relative;
}

.promo__head {
    margin: 0 0 15px;
    font-size: 40px;
    font-weight: 900;
}

.promo__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.promo__list li {
    font-weight: 300;
    font-size: 22px;
    padding: 5px 0 5px 20px;
    background: url(../images/arrow.svg) left center no-repeat;
}

.promo__btn {
    display: inline-block;
    margin: 25px 0 15px;
    padding: 15px 20px;
    background-color: #57a035;
    font-size: 19px;
    font-weight: 700;
    color: #fff;
}

.promo__btn:hover {
    text-decoration: none;
}

.promo__coupon-count {
    font-size: 19px;
    font-weight: 700;
}

.promo__coupon-count span {
    font-size: 27px;
    font-weight: 900;
    color: #57a035;
}

.promo__appeal {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 30px;
    font-weight: 900;
    text-align: right;
    z-index: 2;
}

.promo__appeal span {
    display: inline-block;
    padding: 5px 10px;
    margin: 8px 0 0;
    border-radius: 7px;
    background-color: #FFD64B;
    color: #2A2A2A;
    font-size: 26px;
    font-weight: 700;
}

.promo__founder {
    position: absolute;
    bottom: -50px;
    right: 0;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 135%;
    padding-left: 42px;
    background: url(../images/promo-vk.svg) left center no-repeat;
    background-size: 32px;
    z-index: 1;
}

.promo__founder:hover {
    text-decoration: none;
}

.promo__founder:hover .cls-1 {
    fill: blue;
}

@media only screen and (max-width: 1024px) {
    .promo__appeal {
        max-width: 140px;
    }

    .promo::after {
        right: calc(50% - 410px);
    }
}

@media only screen and (max-width: 780px) {
    .promo::after, .promo__founder, .promo__appeal {
        display: none;
    }

    .promo {
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .promo__head {
        font-size: 34px;
    }
}

/**************************************//************ PRICE-Descr ************//************************************/
.price-description .wrapper {
    position: relative;
    z-index: 2;
}

.price-description {
    position: relative;
    padding: 60px 15px;
    background: url(../images/price-bg.jpg) top center no-repeat;
    background-color: #ececeb;
    background-size: cover;
}

.price-description::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(to top, #fff, transparent);
}

.price-box {
    font-family: 'DINPro', sans-serif;
    font-size: 48px;
    font-weight: 700;
    text-align: center;
}

.price-box span {
    font-size: 60px;
    color: #DD2734;
}

.advantages {
    display: flex;
    justify-content: center;
    margin: 40px 5vw;
    font-size: 24px;
    line-height: 130%;
}

.advantages li {
    margin: 0 auto;
    padding: 100px 15px 20px;
    text-align: center;
    white-space: nowrap;
    background-size: 84px;
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.advantages li.installment {
    background-image: url(../images/payment01.png);
}

.advantages li.first-pay {
    background-image: url(../images/payment02.png);
}

.advantages li.term-pay {
    background-image: url(../images/payment03.png);
}

.advantages li.term-pay2 {
    background-image: url(../images/payment04.jpeg);
}

.in-price {
    margin: 0 5vw;
}

.in-price__header {
}

.in-price__header > b {
    display: inline-block;
    color: #cc3333;
    font-size: 28px;
    margin: 0 0 10px;
    padding: 4px 15px 4px 40px;
    background: url(../images/star-header.png) 0 8px no-repeat;
    background-size: 28px;
}

.in-price__list {
    font-size: 20px;
    margin-left: 9px;
}

.in-price__list > li {
    position: relative;
    padding: 4px 0 4px 30px;
}

.in-price__list > li::before {
    content: '';
    position: absolute;
    height: 9px;
    width: 9px;
    top: 13px;
    left: 0;
    background: #cc3333;
    border-radius: 50%;
}

.in-price__list > li > span {
    color: #cc3333;
}

.guarantee {
    margin: 60px 0 0 5vw;
    display: flex;
}

.guarantee__header {
    display: inline-block;
    color: #cc3333;
    background: #fff;
    font-size: 28px;
    margin: 15px 0 10px;
    padding: 4px 15px 4px 40px;
    background: url(../images/star-header.png) 0 8px no-repeat;
    background-size: 28px;
}

.guarantee__text {
    font-size: 20px;
}

.guarantee__text span {
    color: #cc3333;
}

.guarantee__banner {
    position: relative;
    background: #fff;
    margin-top: 45px;
    margin-left: 30px;
    padding: 10px 25px 20px 110px;
    border: 5px solid #cc3333;
    border-top: none;
    text-align: center;
    font-size: 20px;
    width: 240px;
    box-sizing: content-box;
}

.guarantee__banner::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -5px;
    right: -5px;
    bottom: 50%;
    background: #fff;
    border: 5px solid #cc3333;
    transform: skewY(-4deg);
    z-index: -1;
}

.guarantee__banner::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 110px;
    height: 185px;
    background: url(../images/like.png) 0 0 no-repeat;
    z-index: 2;
    background-size: 110px;
}

.guarantee__banner > p {
    position: relative;
    z-index: 3;
}

.beforehand {
    margin: 60px 5vw 0;
}

.beforehand__header {
    display: block;
    text-align: center;
    color: #cc3333;
    font-size: 28px;
    margin: 0 0 10px;
}

.beforehand__text {
    font-size: 20px;
}

@media only screen and (max-width: 780px) {
    .guarantee {
        flex-direction: column;
        align-items: center;
        margin: 60px 5vw 0;
    }
}

@media only screen and (max-width: 520px) {
    .price-box {
        font-size: 30px;
    }

    .price-box span {
        font-size: 42px;
    }

    .advantages {
        display: block;
        margin-left: 0;
        margin-right: 0;
        font-size: 0;
    }

    .advantages li {
        display: inline-block;
        width: 50%;
        font-size: 20px;
        line-height: 140%;
        padding: 90px 5px 10px;
        margin: 0 0 20px;
    }

    .advantages li:last-child {
        width: 100%;
    }

    .in-price, .guarantee, .in-price__list {
        margin-left: 0;
        margin-right: 0;
        font-size: 18px;
    }

    .guarantee__banner {
        width: auto;
        margin: 20px 0 0;
        padding: 15px 10px 15px 40px;
        font-size: 18px;
    }

    .guarantee__banner::after {
        content: '';
        position: absolute;
        bottom: -53px;
        left: -20px;
        width: 110px;
        height: 185px;
        background: url(../images/like.png) 0 0 no-repeat;
        z-index: 2;
        background-size: 80px;
    }
}

@media only screen and (min-width: 1024px) {
    .aa-header__logo-2, #offer {
        display: none;
    }

    .aa-header__panel {
        align-items: center;
    }

    .cta {
        margin: 7px auto;
    }
}

@media screen and (max-width: 767px) {
    .aa-section-7__head {
        font-size: 24px;
        margin-bottom: 0;
    }

    .aa-section-2__column {
        flex-direction: column;
    }

    .aa-question-item {
        padding: 0 10px;
    }

    .aa-question-item__answer {
        margin: 0;
    }

    .aa-errors-list-2 .aa-error-item-2 {
        padding: 20px;
        background-position: 20px 21px;
        background-size: 40px;
    }

    .aa-error-item-2__title {
        padding-left: 50px;
        min-height: 40px;
        display: flex;
        align-items: center;
        margin: 0;
    }

    .algo-block--odd, .algo-block--even {
        margin-top: 20px;
    }

    .algo-block__head {
        font-size: 18px;
    }

    .aa-section-14__title, .aa-section-9__title, .aa-section-4__title {
        font-size: 22px;
        letter-spacing: -0.5px;
    }

    .aa-section-9__title {
        margin: 0;
        padding-bottom: 10px;
    }

    .action-block__call {
        font-size: 23px;
    }

    .action-block__appeal {
        font-size: 14px;
        max-width: 195px;
        margin: 10px auto;
        padding: 5px 5px;
    }
}

.trueprice {
    background: #e41818;
    color: white;
    white-space: nowrap;
}

.fakeprice {
    background: url("../images/cros.gif") no-repeat;
    background-size: auto;
    background-size: 100% 81%;
    padding: 0px 32px;
    color: #C00;
    background-position: 0 23px;
    white-space: nowrap;
}

.aa-error-item__header .fa {
    padding-bottom: 35px;
}

.aa-error-item.active .aa-error-item__header .fa {
    padding-top: 35px;
}

.algo-block__head .fa, .aa-error-item__header .fa, .aa-section-2__h1 .fa {
    display: none;
    transition: 0.3s;
    padding-right: 5px;
    transform: rotate(180deg);
}

.algo-block.active .algo-block__head .fa, .aa-error-item.active .aa-error-item__header .fa, .aa-section-2__column.active .aa-section-2__h1 .fa {
    transform: rotate(0deg);
    padding-left: 5px;
}

@media (max-width: 767px) {
    .algo-block__head {
        width: fit-content:
    }

    .algo-block__head .fa, .aa-error-item__header .fa, .aa-section-2__h1 .fa {
        display: inline-block;
        transition: 0.3s;
        padding-right: 5px;
        transform: rotate(180deg);
    }

    .algo-block__body, .error-content {
        max-height: 0;
        transition: 0.3s;
        overflow: hidden;
        padding: 0;
    }

    .active .algo-block__body, .active .error-content {
        max-height: 1000px;
        overflow: hidden;
        padding: 0;
    }
}

.row-flex {
    display: flex;
    flex-flow: row wrap;
}