.checkout {
    position: relative;
    min-height: 200px;
    margin: 0 0 100px
}

.checkout .checkout__step.complete .step__complete-step {
    display: inline-block
}

.checkout .checkout__step.complete .step__number {
    display: none
}

.checkout .checkout__step.complete .step__complete {
    display: block
}

.checkout .checkout__step.complete .step__body, .checkout .checkout__step.complete .step__footer, .checkout .checkout__step.disabled .step__body, .checkout .checkout__step.disabled .step__footer {

}

.checkout .checkout__step.disabled .step__number, .checkout .checkout__step.disabled .step__title {
    opacity: .5
}

.checkout .checkout__step .step__complete-step, .checkout .checkout__step .step__number {
    padding: 5px 9px 3px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    display: inline-block
}

.checkout .checkout__step .step__number {
    font-size: .9em;
    color: #fff;
    background: #c4c4c4
}

.checkout .checkout__step .step__complete-step {
    position: relative;
    top: 8px;
    width: 24px;
    height: 25px;
    padding: 0;
    display: none
}

.checkout .checkout__step .step__complete-step:before {
    content: "";
    position: relative;
    left: 7px;
    top: 2px;
    width: 7px;
    height: 14px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    display: block;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transform: rotate(40deg)
}

.checkout .checkout__step .step__title {
    margin: 0 0 0 9px;
    font-weight: 500;
    font-size: 1em
}

.checkout .checkout__step .step__complete {
    margin: 10px 0 0 11px;
    padding: 0 0 0 26px;
    border-left: 1px solid #ebebeb;
    display: none
}

.checkout .checkout__step .step__body {
    font-size: .9em;
    color: #424242
}

.checkout .checkout__step .step__body .form-control {
    margin-top: 8px;
    font-weight: 400;
    color: #424242
}

.checkout .checkout__step .step__description {
    font-size: .8em;
    color: #999
}

.checkout .checkout__step .step__body {
    margin: 10px 0 0 11px;
    padding: 25px 0 25px 27px;
    border-left: 1px solid #ebebeb
}

.checkout .checkout__step .to-edit, .checkout .checkout__step .to-edit-step {
    float: right;
    cursor: pointer;
    color: #3b6d9a
}

.checkout .checkout__step .to-edit-step svg, .checkout .checkout__step .to-edit svg {
    margin-right: 10px
}

.checkout .checkout__step .to-edit-step span, .checkout .checkout__step .to-edit span {
    display: inline-block;
    border-bottom: 1px dashed #3b6d9a
}

.checkout .checkout__step .to-edit-step span:hover, .checkout .checkout__step .to-edit span:hover {
    color: #ff680a;
    border-color: #ff680a
}

.checkout .checkout__step .to-confirm, .checkout .checkout__step .to-confirm-step {
    margin: 23px 0 0;
    text-transform: uppercase
}

@media screen and (max-width: 769px) {
    .checkout .checkout .checkout__header {
        margin: 10px 0 0 20px;
        padding: 0
    }

    .checkout .checkout .checkout__header h2 {
        font-size: 1.75em
    }

    .checkout .checkout .checkout__body {
        padding: 0
    }

    .checkout .checkout .checkout__body > .row > .col:first-of-type, .checkout .checkout .checkout__body > .row > .col:nth-of-type(3) {
        width: 100%
    }

    .checkout .checkout .checkout__body > .row > .col.s-5 {
        display: none
    }

    .checkout .checkout .authorization, .checkout .checkout .checkout__order, .checkout .checkout .checkout__order-builder {
        padding: 10px 16px
    }

    .checkout .checkout .step__header .step__complete .row .col:first-of-type {
        width: 60%
    }
}

@media screen and (max-width: 400px) {
    .checkout .checkout__user .user__type .user__authorization, .checkout .checkout__user .user__type .user__new {
        padding: 17px
    }
}

.checkout .checkout__user {
    margin: 0 0 40px
}

.checkout .checkout__user .user__type button {
    padding: 17px 22px;
    cursor: pointer;
    font-weight: 700;
    font-size: .9em;
    color: #999
}

.checkout .checkout__user .user__type button.active {
    border-bottom: 2px solid #ff680a;
    outline: 0;
    color: #ff680a
}

.checkout .checkout__notification {
    margin-bottom: 16px;
    display: none
}

.checkout .notification .notification__items .item + .item {
    margin-top: 16px
}

.checkout .authorization .authorization__step {
    position: relative;
    margin: 23px 0 0
}

.checkout .authorization .authorization__step .step__body {
    margin: 0;
    padding: 0;
    border: none
}

.checkout .authorization .authorization__step .step__body label .step__title {
    margin: 0;
    font-weight: 400;
    font-size: 1.1em;
    color: #424242
}

.checkout .authorization .authorization__step.loading:before {
    background-position: 98% 3%
}

.checkout .authorization .authorization__step.password {
    display: none
}

.checkout .authorization .authorization__step .step__footer {
    margin: 23px 0 0
}

.checkout .authorization .to-login {
    margin: 0 0 0 10px;
    border-bottom: 1px dashed #3b6d9a;
    cursor: pointer;
    font-size: .9em;
    color: #3b6d9a
}

.checkout .authorization .to-login:hover {
    border-color: #ff680a;
    color: #ff680a
}

.checkout .authorization .to-confirm {
    margin: 0
}

.checkout .contacts .contacts__email, .checkout .contacts .contacts__phone {
    margin: 23px 0 0
}

.checkout .contacts .ab-test-email + label .contacts__marker {
    display: none
}

.checkout .contacts .contacts__marker {
    color: #f44336
}

.checkout .checkout__tourist-contacts {
    margin: 23px 0 0
}

.checkout .checkout__tourist-contacts .item + .item {
    margin: 25px 0 0
}

.checkout .checkout__tourist-contacts .item fieldset {
    border: 1px dashed #ff8637;
    padding: 5px 16px 24px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.checkout .checkout__tourist-contacts .item fieldset legend {
    padding: 0 10px;
    color: #424242
}

.checkout .checkout__tourist-contacts .item fieldset > .row {
    margin-top: 24px
}

.checkout .checkout__tourist-contacts .item fieldset > .row:first-of-type {
    margin-top: 18px
}

.checkout .checkout__tourist-contacts .item fieldset > .row label {
    white-space: nowrap;
    font-weight: 500
}

.checkout .checkout__tourist-contacts .item fieldset > .row span {
    color: #f44336
}

.checkout .checkout__tourist-contacts .skip-profiles-wrapper + .tourist-contacts__items:not(.display--none) {
    margin-top: 15px
}

@media screen and (max-width: 486px) {
    .checkout .checkout__tourist-contacts .item fieldset {
        padding-bottom: 10px
    }

    .checkout .checkout__tourist-contacts .item fieldset > .row .col {
        width: 100%;
        float: none
    }

    .checkout .checkout__tourist-contacts .item fieldset > .row .col + .col {
        margin-top: 24px
    }

    .checkout .checkout__tourist-contacts .item fieldset > .row .col.s-5 {
        display: none
    }
}

.checkout .checkout__delivery {
    margin-top: 10px
}

.checkout .checkout__delivery .checkout__region {
    position: relative
}

.checkout .checkout__delivery .checkout__region:before {
    z-index: 1000
}

.checkout .checkout__delivery .checkout__region .region__popular-cities ul {
    margin: 5px 0 0;
    padding: 0;
    list-style: none
}

.checkout .checkout__delivery .checkout__region .region__popular-cities ul .item {
    display: inline-block;
    cursor: pointer;
    font-size: .9em
}

.checkout .checkout__delivery .checkout__region .region__popular-cities ul .item.active {
    border: none
}

.checkout .checkout__delivery .checkout__region .region__popular-cities ul .item + .item {
    margin: 0 0 0 15px
}

.checkout .checkout__delivery .delivery__himself-recipient {
    margin: 15px 0 0
}

.checkout .checkout__delivery .delivery__himself-recipient label {
    font-weight: 400
}

.checkout .checkout__delivery .delivery__himself-recipient input {
    margin-left: 0
}

.checkout .checkout__delivery .delivery__recipient {
    margin: 15px 0 0
}

.checkout .checkout__delivery .delivery__type {
    position: relative;
    min-height: 50px;
    margin: 20px 0 0
}

.checkout .checkout__delivery .delivery__type .type__header {
    margin: 0 0 15px
}

.checkout .checkout__delivery .delivery__type .type__items .item {
    display: block;
    font-weight: 400;
    font-size: .9em;
    color: #424242
}

.checkout .checkout__delivery .delivery__type .type__items .item + .item {
    margin: 10px 0 0
}

.checkout .checkout__delivery .delivery__type .type__items .item label {
    display: block
}

.checkout .checkout__delivery .delivery__type .type__items .item input {
    margin-left: 0;
    margin-right: 13px
}

.checkout .checkout__delivery .delivery__type .type__items .item input:checked ~ .item__name, .checkout .checkout__delivery .delivery__type .type__items .item input:checked ~ .item__price-description {
    color: #424242
}

.checkout .checkout__delivery .delivery__type .type__items .item input:checked ~ .item__name .item__price, .checkout .checkout__delivery .delivery__type .type__items .item input:checked ~ .item__price-description .item__price {
    font-weight: 700
}

.checkout .checkout__delivery .delivery__type .type__items .item .item__price-description {
    color: #999
}

.checkout .checkout__delivery .delivery__type .type__items .item .delivery__location {
    padding-left: 30px
}

.checkout .checkout__delivery .location__address, .checkout .checkout__delivery .location__department {
    position: relative;
    margin: 20px 0;
    display: none
}

.checkout .checkout__delivery .location__department.loading:before {
    background-position: 50% 0
}

.checkout .checkout__delivery .location__department .ms-ctn {
    margin: 0
}

.checkout .checkout__delivery .location__department .department__open-map {
    margin: 8px 0 0
}

.checkout .checkout__delivery .department__description {
    margin: 15px 0 0;
    padding: 0 0 0 15px;
    border-left: 1px solid #d9d9d9;
    font-weight: 500;
    color: #999
}

.checkout .checkout__delivery .department__description .department__work-time {
    margin: 0;
    padding: 0;
    list-style: none
}

.checkout .checkout__delivery .department__description .department__work-time li + li {
    margin: 10px 0 0
}

.checkout .checkout__delivery .department__description .department__work-time li .time {
    margin: 0 0 0 5px
}

.checkout .checkout__delivery .department__description .department__contact-phone {
    margin: 10px 0 0;
    display: block
}

.checkout .checkout__payment {
    position: relative;
    margin: 20px 0 0
}

.checkout .checkout__payment .payment__header {
    margin: 0 0 15px
}

.checkout .checkout__payment .payment__items .item {
    display: block;
    font-weight: 400;
    font-size: .9em;
    color: #424242
}

.checkout .checkout__payment .payment__items .item + .item {
    margin: 20px 0 0
}

.checkout .checkout__payment .payment__items .item input {
    margin-left: 0;
    margin-right: 13px
}

.checkout .checkout__payment .payment__items .item input[value="3"]:checked ~ .payment__additional-information--credit-program, .checkout .checkout__payment .payment__items .item input[value="3"]:checked ~ .payment__additional-information--organization-requisite, .checkout .checkout__payment .payment__items .item input[value="5"]:checked ~ .payment__additional-information--credit-program, .checkout .checkout__payment .payment__items .item input[value="5"]:checked ~ .payment__additional-information--organization-requisite, .checkout .checkout__payment .payment__items .item input[value="8"]:checked ~ .payment__additional-information--credit-program, .checkout .checkout__payment .payment__items .item input[value="8"]:checked ~ .payment__additional-information--organization-requisite {
    display: block
}

.checkout .checkout__payment .payment__additional-information {
    margin: 10px 0 0;
    display: none
}

.checkout .checkout__payment .payment__additional-information .additional-information__description {
    font-size: .8em;
    color: #999
}

.checkout .checkout__payment .payment__additional-information button {
    border-bottom: 1px dashed #3b6d9a;
    display: none;
    float: right;
    cursor: pointer;
    color: #3b6d9a
}

.checkout .checkout__payment .payment__additional-information button:hover {
    border-color: #ff680a;
    color: #ff680a
}

.checkout .prepayment {
    position: relative;
    min-height: 40px;
    margin: 30px 0 0
}

.checkout .prepayment.loading > * {
    display: none
}

.checkout .prepayment.loading:before {
    background-position: 50% 95%
}

.checkout .prepayment .prepayment__header {
    margin: 0 0 15px
}

.checkout .checkout__credit-application {
    position: relative;
    min-height: 50px;
    margin: 20px 0 0;
    display: none
}

.checkout .checkout__credit-application.loading > * {
    display: none
}

.checkout .checkout__credit-application .credit-application__body {
    padding: 10px 0;
    margin: -10px 0
}

.checkout .checkout__credit-application .credit-application__body > .row:not(:last-child) {
    margin-bottom: 20px
}

.checkout .checkout__credit-application .application__credit-program-logo {
    margin-top: 16px;
    max-width: 100px;
    max-height: 40px;
    display: block
}

.checkout .checkout__credit-application .credit-application__field {
    margin-bottom: 15px;
    display: none
}

.checkout .checkout__credit-application .application__cancel {
    width: 0;
    height: 0;
    padding: 0 30px 0 0;
    margin: 0 0 18px;
    border: none;
    outline: none;
    line-height: 0;
    font-size: 0;
    background: 0 0
}

.checkout .checkout__credit-application .application__cancel:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #8c959e;
    border-left: 2px solid #8c959e;
    transform: rotate(45deg)
}

.checkout .checkout__credit-application .application__cancel:after {
    content: "";
    display: block;
    background: #8c959e;
    width: 16px;
    height: 2px;
    transform: translateY(-7px)
}

.checkout .checkout__credit-application .modal__close {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
    background: 0 0
}

.checkout .checkout__credit-application .title {
    display: block;
    color: #212121
}

.checkout .checkout__credit {
    margin: 30px 0 0;
    display: none
}

.checkout .checkout__credit .credit__programs {
    position: relative;
    min-height: 50px
}

.checkout .checkout__credit .credit__programs .item + .item {
    padding: 15px 0 0
}

.checkout .checkout__credit .credit__programs .item .custom-input__state {
    top: 3px
}

.checkout .checkout__credit .credit__programs .item .custom-input__name {
    display: flex;
    align-items: center
}

.checkout .checkout__credit .credit__programs .item .custom-input__name > span {
    margin: 0 0 0 10px;
    line-height: 1
}

.checkout .checkout__credit .credit__programs .item .item__bank-logo {
    width: 100%;
    max-width: 32px;
    height: 24px
}

.checkout .checkout__credit .credit__programs .item .item__bank-name, .checkout .checkout__credit .credit__programs .item .item__program-name {
    font-size: .9em;
    color: #424242
}

.checkout .checkout__credit .credit__programs .item .item__bank-name {
    margin: 0
}

.checkout .checkout__credit .credit__programs .item .item__program-name:empty {
    display: none
}

.checkout .checkout__credit .credit__programs .item .item__details {
    max-width: 410px;
    margin: 10px 0 0 31px;
    padding: 21px 16px;
    border: 1px solid #ebebeb;
    display: none
}

.checkout .checkout__credit .credit__programs .item .item__payment {
    margin: 4px 0 0
}

.checkout .checkout__credit .credit__programs .item .item__payment .payment__by {
    font-size: .9em
}

.checkout .checkout__credit .credit__programs .item .item__payment .price {
    font-size: 1.25em;
    font-weight: 500
}

.checkout .checkout__credit .credit__programs .item .item__payment .currency {
    position: relative;
    font-size: 1em;
    font-weight: 500
}

.checkout .checkout__credit .credit__programs .item .item__overpayment {
    margin: 0 0 10px;
    font-size: .8em;
    color: #999
}

.checkout .checkout__credit .credit__application, .checkout .checkout__credit .credit__programs {
    position: relative
}

.checkout .checkout__credit .credit__header {
    margin: 0 0 15px
}

.checkout .checkout__order {
    padding: 0 0 0 24px;
    border-left: 1px solid #ebebeb
}

.checkout .checkout__order .order__tour {
    padding: 15px 0
}

.checkout .checkout__order .order__tour .tour__more-information {
    margin: 25px 0 0;
    display: none
}

.checkout .checkout__order .order__tour .tour__more-information .tour__advantages, .checkout .checkout__order .order__tour .tour__more-information .tour__description {
    margin: 0;
    padding: 0;
    list-style: none
}

.checkout .checkout__order .order__tour .tour__more-information .tour__advantages li, .checkout .checkout__order .order__tour .tour__more-information .tour__description li {
    font-size: .9em;
    color: #424242
}

.checkout .checkout__order .order__tour .tour__more-information .tour__advantages li + li, .checkout .checkout__order .order__tour .tour__more-information .tour__description li + li {
    margin: 10px 0 0
}

.checkout .checkout__order .order__tour .tour__more-information .tour__description li {
    display: flex
}

.checkout .checkout__order .order__tour .tour__more-information .tour__description .icon {
    margin-right: 9px;
    height: 24px;
    width: 24px
}

.checkout .checkout__order .order__tour .tour__more-information .tour__description .count {
    margin-left: 2px
}

.checkout .checkout__order .order__tour .tour__more-information .tour__description .description__room .room__description {
    margin-left: 1px
}

.checkout .checkout__order .order__tour .tour__more-information .tour__advantages, .checkout .checkout__order .order__tour .tour__more-information .tour__description, .checkout .checkout__order .order__tour .tour__more-information .tour__operator, .checkout .checkout__order .order__tour .tour__more-information .tour__visa-requirements {
    padding: 26px 0;
    border-top: 1px solid #ebebeb
}

.checkout .checkout__order .order__tour .tour__more-information .tour__operator {
    font-size: .9em;
    color: #424242
}

.checkout .checkout__order .order__tour .tour__more-information .tour__visa-requirements {
    display: none;
    font-size: .9em;
    color: #424242
}

.checkout .checkout__order .order__tour .tour__more-information .tour__visa-requirements .visa-requirements__title {
    font-weight: 900
}

.checkout .checkout__order .order__tour .tour__more-information .tour__visa-requirements .visa-requirements__description {
    margin: 10px 0 0
}

.checkout .checkout__order .order__tour .tour__more-information .tour__visa-requirements .visa-requirements__description a:hover {
    color: #ff680a
}

.checkout .checkout__order .order__tour .tour__more-information .tour__advantages .advantages__title {
    padding: 0;
    margin: 0 0 17px;
    font-size: 1em
}

.checkout .checkout__order .order__tour .tour__more-information .tour__advantages .advantages__list {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.checkout .checkout__order .order__tour .tour__more-information .tour__advantages .advantages__item {
    display: flex;
    margin-bottom: 20px
}

.checkout .checkout__order .order__tour .tour__more-information .tour__advantages .advantages__item:last-child {
    margin-bottom: 0
}

.checkout .checkout__order .order__tour .tour__more-information .tour__advantages .item__icon {
    margin-right: 10px
}

.checkout .checkout__order .order__tour .tour__more-information .tour__advantages .item__content .item__title {
    margin: 0;
    padding: 0;
    font-size: 1em;
    color: #212121
}

.checkout .checkout__order .order__tour .tour__more-information .tour__advantages .item__content .item__description {
    margin: 8px 0 0;
    font-size: .9em;
    color: #999
}

.checkout .checkout__order .order__tour.has-tour + .order__items .item:first-child {
    border-top: 1px solid #ebebeb
}

.checkout .checkout__order .order__tour .tour__preview {
    margin-right: 16px;
    width: 50px;
    height: 50px
}

.checkout .checkout__order .order__tour .tour__preview img {
    width: auto;
    max-width: 100%;
    height: 100%
}

.checkout .checkout__order .order__tour .tour__hotel, .checkout .checkout__order .order__tour .tour__location {
    font-size: .8em
}

.checkout .checkout__order .order__tour .tour__hotel {
    margin: 10px 0 0;
    color: #999;
    display: flex
}

.checkout .checkout__order .order__tour .tour__hotel .hotel__rating {
    display: inline-block;
    vertical-align: bottom
}

.checkout .checkout__order .order__tour .tour__location {
    margin: 10px 0 0;
    color: #424242
}

.checkout .checkout__order .order__tour .row--price {
    margin: 8px 0
}

.checkout .checkout__order .order__tour .row--price .title {
    white-space: nowrap;
    font-family: Roboto, sans-serif;
    font-size: .8em;
    color: #999
}

.checkout .checkout__order .order__tour .row--price .tour__total-price {
    font-weight: 700;
    text-align: right;
    float: right;
    font-size: .9em
}

.checkout .checkout__order .order__tour .promo-button__icon, .checkout .checkout__order .order__tour .tour__toggle-more-information {
    cursor: pointer
}

.checkout .checkout__order .order__tour .tour__toggle-more-information {
    border-bottom: 1px dashed #3b6d9a;
    cursor: pointer;
    color: #3b6d9a;
    font-size: .8em;
    font-weight: 400
}

.checkout .checkout__order .order__tour .tour__toggle-more-information:hover {
    color: #ff680a;
    border-color: #ff680a
}

.checkout .checkout__order .order__tour .tour__footer .promo-button__icon {
    margin-left: 8px
}

.checkout .checkout__order .event__items {
    margin-bottom: 10px;
    font-size: 12px
}

.checkout .checkout__order .event__items .item__preview {
    max-width: 50px;
    margin-right: 16px
}

.checkout .checkout__order .event__items .item-summary {
    margin-bottom: 14px;
    font-size: 12px
}

.checkout .checkout__order .event__items .item-summary .item-summary__icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    min-width: 15px;
    min-height: 15px;
    margin-right: 15px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.checkout .checkout__order .event__items .item-summary .item-summary__icon--place {
    background-image: url(https://i.citrus.ua/uploads/checkout/building.svg)
}

.checkout .checkout__order .event__items .item-summary .item-summary__icon--address {
    background-image: url(https://i.citrus.ua/uploads/checkout/location.svg)
}

.checkout .checkout__order .event__items .item-summary .item-summary__icon--date {
    background-image: url(https://i.citrus.ua/uploads/checkout/calendar.svg)
}

.checkout .checkout__order .event__items .item-summary .item-summary__icon--time {
    background-image: url(https://i.citrus.ua/uploads/checkout/time.svg)
}

.checkout .checkout__order .event__items .item__name {
    margin: 0 0 7px;
    text-decoration: none;
    line-height: 1.4em;
    font-size: 1.2em
}

.checkout .checkout__order .order__items .item {
    padding: 15px 0;
    border-bottom: 1px solid #ebebeb
}

.checkout .checkout__order .order__items .item:last-child {
    border: none
}

.checkout .checkout__order .order__items .item .item__header {
    margin-bottom: 16px;
    font-size: .88em
}

.checkout .checkout__order .order__items .item .item__preview {
    width: 50px;
    height: 50px;
    margin-right: 16px;
    text-align: center
}

.checkout .checkout__order .order__items .item .item__preview img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.checkout .checkout__order .order__items .item .item__name {
    margin: 0 0 7px;
    line-height: 1
}

.checkout .checkout__order .order__items .item .item__name a {
    font-size: .75em;
    text-decoration: none
}

.checkout .checkout__order .order__items .item .item__count .count {
    font-size: .85em
}

.checkout .checkout__order .order__items .item .item__count .unit {
    font-size: .75em
}

.checkout .checkout__order .order__items .item .item__count, .checkout .checkout__order .order__items .item .item__price, .checkout .checkout__order .order__items .item .item__total-price {
    line-height: .75
}

.checkout .checkout__order .order__items .item .item__related-items-total-price .currency, .checkout .checkout__order .order__items .item .item__related-items-total-price .price, .checkout .checkout__order .order__items .item .item__total-price .currency, .checkout .checkout__order .order__items .item .item__total-price .price {
    font-weight: 700
}

.checkout .checkout__order .order__items .item .count, .checkout .checkout__order .order__items .item .price {
    font-size: .85em
}

.checkout .checkout__order .order__items .item .currency {
    font-size: .75em
}

.checkout .checkout__order .order__items .item .item__related-items {
    border-left: 2px solid #ebebeb
}

.checkout .checkout__order .order__items .item .item__related-items:not(:empty) {
    padding-left: 14px;
    margin: 16px 0
}

.checkout .checkout__order .order__items .item .item__related-items .item__preview {
    width: 40px;
    height: 40px
}

.checkout .checkout__order .order__items .item .item__related-items .item__footer, .checkout .checkout__order .order__items .item .item__related-items .item__header {
    display: none
}

.checkout .checkout__order .order__items .item__related-items .item {
    border-bottom: none
}

.checkout .checkout__order .order__bonus {
    display: none
}

.checkout .checkout__order .order__bonus .bonus__total-bonus {
    font-size: .9em;
    font-weight: 700
}

.checkout .checkout__order .order__bonus .form-control {
    height: 48px;
    border-radius: 10px;
    font-size: 16px
}

.checkout .checkout__order .order__bonus .outlined-text-form input:not(:focus) + label {
    top: 15px;
    left: 16px;
    font-size: 16px
}

.checkout .checkout__order .order__bonus .outlined-text-form .valid:not(:invalid) + label, .checkout .checkout__order .order__bonus .outlined-text-form input:valid + label {
    top: -8px;
    left: 10px;
    font-size: 12px
}

.checkout .checkout__order .order__bonus .bonus__discount {
    position: relative
}

.checkout .checkout__order .order__bonus .bonus__received-bonus p {
    margin: 5px 0 0;
    font-weight: 500;
    color: #ff680a
}

.checkout .checkout__order .order__bonus .bonus__available-bonus, .checkout .checkout__order .order__bonus .bonus__discount, .checkout .checkout__order .order__bonus .bonus__error, .checkout .checkout__order .order__bonus .bonus__received-bonus, .checkout .checkout__order .order__bonus .bonus__warning {

}

.checkout .checkout__order .order__bonus .order__promo-code {
    display: none;
    flex-direction: column;
    align-items: center;
    padding-top: 5px
}

.checkout .checkout__order .order__bonus .order__promo-code .promo-info {
    display: inline-block;
    max-width: 16px;
    max-height: 16px;
    padding: 0;
    margin: 0;
    cursor: pointer
}

.checkout .checkout__order .order__bonus .order__promo-code .promo__form {
    margin-bottom: 10px
}

.checkout .checkout__order .order__bonus .order__promo-code .promo-form__submit {
    width: 110%;
    margin-left: -10%;
    text-transform: uppercase
}

.checkout .checkout__order .order__bonus .order__promo-code .promo-form__code-input {
    margin-bottom: 20px
}

.checkout .checkout__order .order__bonus .order__promo-code .promo__alerts {
    display: none;
    clear: both;
    position: relative;
    margin-top: 24px
}

.checkout .checkout__order .order__bonus .order__promo-code .promo__alerts .alert-danger, .checkout .checkout__order .order__bonus .order__promo-code .promo__alerts .alert-success, .checkout .checkout__order .order__bonus .order__promo-code .promo__alerts .alert-warning {
    display: none;
    padding-left: 40px;
    padding-right: 35px;
    background-repeat: no-repeat;
    background-position: 8px 20px
}

.checkout .checkout__order .order__bonus .order__promo-code .promo__alerts .alert-success {
    background-image: url(https://i.citrus.ua/uploads/icons/icon/alert_success.svg)
}

.checkout .checkout__order .order__bonus .order__promo-code .promo__alerts .alert-warning {
    background-image: url(https://i.citrus.ua/uploads/icons/icon/alert_warning.svg)
}

.checkout .checkout__order .order__bonus .order__promo-code .promo__alerts button.close {
    border: none;
    position: absolute;
    top: 10px;
    right: 12px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-color: transparent;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTYnIGhlaWdodD0nMTYnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnIGQ9J002LjU4NiA4TC42NjcgMi4wODFBMSAxIDAgMTEyLjA4MS42NjdsNS45MiA1LjkyIDUuOTE4LTUuOTJhMSAxIDAgMTExLjQxNSAxLjQxNGwtNS45MiA1LjkyIDUuOTIgNS45MThhMSAxIDAgMTEtMS40MTUgMS40MTVMOCA5LjQxNGwtNS45MTkgNS45MmExIDEgMCAxMS0xLjQxNC0xLjQxNUw2LjU4NyA4eicgZmlsbD0nIzNGNEU1RCcgZmlsbC1vcGFjaXR5PScuNicvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 12px
}

.checkout .checkout__order .order__payment label {
    font-weight: 400
}

.checkout .checkout__order .order__payment .payment__total-price {
    font-size: 1.5em
}

.checkout .checkout__order .order__payment .payment__total-price .currency, .checkout .checkout__order .order__payment .payment__total-price .price {
    font-weight: 400
}

.checkout .checkout__order .order__bonus, .checkout .checkout__order .order__payment, .checkout .checkout__order .order__total {
    position: relative;
    margin: 20px 0 0;
    padding: 24px 0 0;
    border-top: 1px solid #ebebeb
}

.checkout .checkout__order .order__bonus .bonus__header, .checkout .checkout__order .order__bonus .payment__header, .checkout .checkout__order .order__bonus .total__header, .checkout .checkout__order .order__payment .bonus__header, .checkout .checkout__order .order__payment .payment__header, .checkout .checkout__order .order__payment .total__header, .checkout .checkout__order .order__total .bonus__header, .checkout .checkout__order .order__total .payment__header, .checkout .checkout__order .order__total .total__header {
    margin: 0 0 25px
}

.checkout .checkout__order .order__bonus .row + .row, .checkout .checkout__order .order__payment .row + .row, .checkout .checkout__order .order__total .row + .row {
    margin: 15px 0 0
}

.checkout .checkout__order .order__bonus .title, .checkout .checkout__order .order__payment .title, .checkout .checkout__order .order__total .title {
    font-size: .9em;
    color: #999
}

.checkout .checkout__order .order__bonus .currency, .checkout .checkout__order .order__bonus .price, .checkout .checkout__order .order__payment .currency, .checkout .checkout__order .order__payment .price, .checkout .checkout__order .order__total .currency, .checkout .checkout__order .order__total .price {
    font-weight: 700;
    font-size: .9em
}

.checkout .checkout__order .order__total .total__bonus, .checkout .checkout__order .order__total .total__delivery-price, .checkout .checkout__order .order__total .total__discount, .checkout .checkout__order .order__total .total__promo-code {

}

.checkout .checkout__order .order__header {
    margin: 0 0 15px;
    font-size: 1.4em;
    color: #424242
}

.checkout .checkout__order .order__body a {
    font-size: .8em
}

.checkout .checkout__order .bonus__warning a {
    font-size: 1em
}

.checkout .checkout__order .order__footer {
    margin: 25px 0 0
}

.checkout .checkout__order .order__footer .gpay-button {
    width: 100%;
    display: none
}

.checkout .checkout__order .order__footer .gpay-button:disabled {
    cursor: default
}

.checkout .checkout__order .order__footer .order__confirm {
    text-transform: uppercase
}

.checkout .checkout__order .order__footer .order__public-agreement {
    margin: 16px 0 0;
    font-size: .8em;
    color: #999
}

.checkout .checkout__order .order__footer .order__public-agreement a {
    border-bottom: 1px dashed #999;
    text-decoration: none;
    color: #999
}

@media screen and (max-width: 1021px) {
    .checkout .checkout__header {
        padding-left: 16px
    }

    .checkout .checkout__body {
        padding: 0 16px
    }

    .checkout .checkout__body .order__body .tour__body > .row {
        display: block
    }
}

@media screen and (max-width: 860px) {
    .checkout .checkout__user .user__type {
        display: flex
    }

    .checkout .checkout__user .user__type .user__authorization, .checkout .checkout__user .user__type .user__new {
        flex-basis: 50%
    }
}

@media (min-width: 860px) and (max-width: 874px) {
    .checkout .checkout__user .user__type button {
        padding: 14px 10px;
        font-size: .8em
    }
}

@media screen and (max-width: 769px) {
    .checkout .order__footer {
        padding: 0 16px
    }


    .checkout .order__promo-code {
        justify-content: center
    }

    .checkout .tour__body .col.s-20 {
        width: auto;
        margin-right: 1em
    }
}

.checkout .checkout__callback {
    display: none;
    margin: 30px 0 0;
    font-size: .9em;
    color: #424242
}

.checkout .checkout__comment.active textarea {
    display: block
}

.checkout .checkout__comment .comment__body {
    margin-top: 20px
}

.checkout .checkout__comment button {
    border-bottom: 1px dashed #3b6d9a;
    cursor: pointer;
    color: #3b6d9a;
    font-size: .9em
}

.checkout .checkout__comment button:hover {
    border-color: #ff680a;
    color: #ff680a
}

.checkout .checkout__comment textarea {
    margin: 10px 0 0;
    min-height: 80px;
    display: none
}

@media screen and (max-width: 769px) {
    .checkout .checkout__comment {
        margin-left: 55px
    }

    .checkout .checkout__comment .comment__body {
        width: 95%
    }
}

.checkout.loading:not(.loading--transparent) > * {
    display: none
}

.checkout.loading--transparent > * {
    opacity: .7
}

.checkout .checkout__body, .checkout .checkout__header {
    max-width: 1000px;
    margin: auto
}

.checkout .checkout__header {
    margin-top: 24px;
    padding: 16px
}

.checkout .dropdown {
    width: 100%
}

.checkout .dropdown .dropdown__items {
    width: 100%;
    max-width: 100%
}

.checkout a {
    text-decoration: none
}

.checkout a:hover {
    color: #ff680a
}

.checkout__credit a, .checkout__organization-requisite a, .checkout a, .credit-application a {
    text-decoration: none
}

.checkout__credit a:hover, .checkout__organization-requisite a:hover, .checkout a:hover, .credit-application a:hover {
    color: #ff680a
}

.checkout .error-message, .checkout__credit .error-message, .checkout__organization-requisite .error-message, .credit-application .error-message {
    color: #f44336;
    margin: 5px 0 0;
    font-size: .85em
}

@media screen and (max-width: 769px) {
    .checkout .checkout__header {
        margin: 10px 0 0 20px;
        padding: 0
    }

    .checkout .checkout__header h2 {
        font-size: 1.75em
    }

    .checkout .checkout__body {
        padding: 0
    }

    .checkout .checkout__body > .row > .col:first-of-type, .checkout .checkout__body > .row > .col:nth-of-type(3) {
        width: 100%
    }

    .checkout .checkout__body > .row > .col.s-5 {
        display: none
    }

    .checkout .authorization, .checkout .checkout__order, .checkout .checkout__order-builder {
        padding: 10px 16px
    }

    .checkout .step__header .step__complete .row .col:first-of-type {
        width: 60%
    }
}

@media screen and (max-width: 400px) {
    .checkout__user .user__type .user__authorization, .checkout__user .user__type .user__new {
        padding: 17px
    }
}