:root {
    font-size: 16px;
}

html {
    font-family: 'Clear Sans', Arial, sans-serif;
}

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

a {
    color: #0A71CC;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

img {
    max-width: 100%;
}

p {
    margin: 0 0 10px;
}

ul {
    margin: 8px 0;
    padding: 0 0 0 15px;
}

.change-to {
    display: none;
}

.change-to.selected {
    display: block;
}

#content {

}

.table {
    display: table;
    width: 100%;
    margin: 0;
}

.container {
}

#left, #right, #center, .cell {
    display: table-cell;
    vertical-align: top;
}

.cell {
    vertical-align: middle;
}

#left, #right {
    width: 330px;
    padding: 0 20px;
}

#right {
    padding-left: 20px;
    padding-right: 0;
}

body {
    margin: 0;
    padding: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    font-family: Comfortaa, sans-serif;
    background: #f2f2f2;
}

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

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

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

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

.row.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.row.flex:after, .row.flex:before {
    display: none;
}

.row.flex > * {
    float: none;
}

.row.flex.right {
    -moz-justify-content: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

#left {
    background: #F7F7F7;
}

#body {
    padding: 0;
}

.top-notification {
    padding: 10px 0;
    background: #c3c3c3;
    color: #444;
}

.top-notification--danger {
    background: #FF5152;
    color: #fff;
}

.top-notification--danger + .top-notification--danger {
    border-top: 1px solid #cc4141;
}

.top-notification--success {
    background: #4caf50;
    color: #fff;
}

.top-notification--success + .top-notification--success {
    border-top: 1px solid #3c8c3f;
}

.top-notification--warning {
    background: #ffcd29;
    color: #4b4b4b;
}

.top-notification--warning + .top-notification--warning {
    border-top: 1px solid #cca421;
}

.top-notification--info {
    background: #2196F3;
    color: #fff;
}

.top-notification--info + .top-notification--info {
    border-top: 1px solid #1f86db;
}

.top-notification:first-child {
    border-top: none;
}

.top-notification__container {
    position: relative;
}

.top-notification__close {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../image/app-sprite.png) no-repeat 0 0;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -13px;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    border: none;
    padding: 0;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .top-notification__close {
        background-image: url(../image/app-sprite@2x.png);
        background-size: 50px auto;
    }
}

.top-notification__text {
    font-size: .8rem;
    padding-right: 35px;
}

.top-notification__text a {
    color: inherit;
    text-decoration: underline;
}

.top-notification__text a:hover {
    text-decoration: none;
}

.top-notification__text p:last-child {
    margin-bottom: 0;
}

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

ul.bottom-menu li {
    float: left;
    display: block;
}

.top-nav__mobile-button {
    display: none;
    background: none;
    border: none;
    font-size: 25px;
}

.top-menu {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0;
}

.top-menu li {
    display: block;
}

.header-banner {
    background: url(../image/header.jpg) center center no-repeat;
    background-size: cover;
    padding: 15px;
}

.operation-table {
    border-radius: 0;
    background: #ececec;
    margin-bottom: 20px;
    font-size: .75rem;
}

#content {
    padding: 0;
}

.op-header:after {
    display: table;
    clear: both;
    content: "";
}

.op-header > div {
    float: left;
    padding: 10px 15px;
    color: #6B6B6B;
    text-align: center;
    font-size: 1rem;
    border-bottom: 1px solid #d4d4d4;
}

.op-header .fa {
    color: #3f9a43;
}

.op-header .op-hd-from {
    width: 30%;
    background-color: #fff;
    border-bottom-color: #e2e2e2;
}

.op-header .op-hd-to {
    width: 49%;
}

.op-header .op-hd-reserve {
    width: 21%;
    border-left: 1px solid #d4d4d4;
}

.op-content {
    padding: 0;
    display: table;
    width: 100%;
}

.operation-from {
    display: table-cell;
    width: 30%;
    background: #fff;
    vertical-align: top;
}

.operation-from .operation-to {
    display: none;
}

.operation-from a, .operation-to a {
    display: block;
    padding: 10px 15px;
    height: auto;
    line-height: 22px;
    cursor: default;
    border-bottom: 1px solid #E2E2E2;
    height: 46px;
    color: #505050;
}

.operation-to a {
    padding: 0;
    border-bottom-color: #d4d4d4;
}

.operation-from a .si, .operation-to a .si {
    margin: 0px 5px 3px 0;
}

.operation-from a:hover, .operation-from a.selected, .operation-to a:hover {
    background: #A8D09B;
    text-decoration: none;
    color: #fff;
}

.operation-to a:hover .op-to-row-reserve {
    border-left-color: #99bf8d;
}

.operation-from a:hover .si, .operation-from a.selected .si, .operation-to a:hover .si {
    background-color: #fff;
    border-radius: 4px;
}

.operation-to a:hover {
    cursor: pointer;
}

.operation-from a:hover, .operation-from a.selected {
    background-image: url(../image/arrow.png);
    background-repeat: no-repeat;
    background-position: 97% 50%;
}

.operation-to {
    display: table-cell;
    vertical-align: top;
}

.operation-to .btn-buy {
    display: none;
}

.operation-to a:hover .btn-buy {
    display: block;
    border-radius: 20px;
    background: #4caf50;
    color: #fff;
    font-style: normal;
    width: 90px;
    text-align: center;
    padding: 3px 10px;
    margin: -2px auto 0;
    position: relative;
}

.operation-to a .btn-buy:hover {
    background: #57b75b;
}

.operation-to a:hover .op-i-reserve {
    display: none;
}

.operation-to .op-i-course {
    margin-left: 10px;
    font-weight: bold;
    color: #000;
}

.operation-to a:hover .op-i-course {
    color: #fff;
}

.operation-to .op-to-row-info {
    display: block;
    float: left;
    padding: 10px 15px;
    width: 70%;
    height: 45px;
}

.operation-to .op-to-row-reserve {
    display: block;
    float: left;
    padding: 10px 15px;
    width: 30%;
    border-left: 1px solid #d4d4d4;
    height: 45px;
}

.op-hd-operation {
    display: none;
    text-align: center;
    padding: 10px;
    font-size: 1.2rem;
}

#contacts {
    padding-left: 20px;
    width: 380px;
    position: relative;
    border-left: 5px solid #4caf50;
    color: #fff;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.69);
    font-size: 0.9rem;
}

#contacts .time {
    text-align: center;
    display: block;
    font-size: 1.1rem;
    margin-bottom: 7px;
}

#contacts .worktime {
    position: absolute;
    right: 15px;
    top: -5px;
    text-align: right;
    max-width: 140px;
}

.worktime .time {
    font-weight: bold;
    font-size: 21.6px;
}

.worktime .where {
    font-size: 13px;
    line-height: 1.2;
    display: block;
    padding-top: 4px;
}

.operators-online .op-offline,
.operators-online .op-online {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    display: inline-block;
    background: #ff5152;
    margin-right: 7px;
}

.operators-online .op-online {
    background: #00b33b;
}

#contacts .number {
}

#action {
    padding: 0 15px;
    width: calc(100% - 400px);
    border-left: 5px solid #4caf50;
}

#action:before {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle;
}

.action-info {
    background: rgba(0, 0, 0, 0.35);
    color: #fff;
    padding: 10px 15px;
    font-size: 1rem;
    line-height: 1.5;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    margin-left: -5px;
}

.bblock {
    margin-bottom: 25px;
    border-radius: 2px;
    background: #fff;
}

.bblock.news-block {
    padding: 5px;
}

#left .bblock {
    margin: 0;
    border: 0;
    border-radius: 0;
}

.bblock-header {
    font-size: 1.1rem;
    padding: 10px 15px 9px;
    background: #4caf50;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.bblock.news-block .bblock-header {
    background: transparent;
    color: #484848;
    padding-bottom: 0;
}

#left .bblock-header {
    border-bottom: 0;
    padding: 13px 20px;
    margin: 0 -20px;
    background: #4CAF50;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: bold;
}

.bblock-content {
    padding: 15px;
}

#left .bblock-content {
    padding: 17px 0;
}

.news-item {
    font-size: 0.85rem;
}

.news-item + .news-item {
    border-top: 1px dotted #949494;
    padding-top: 15px;
    margin-top: 16px;
}

.news-item p {
    margin-bottom: 4px;
}

.btn {
    padding: 10px 15px;
    border-radius: 2px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: .7rem;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none;
}

.in-btn .btn {
    border-radius: 20px;
    padding: 7px 15px 9px;
    text-transform: none;
    font-size: 0.9rem;
    font-weight: normal;
    background: #4caf50;
    color: #fff;
}

.in-btn .btn:hover {
    background: #59bf5d;
}

.btn-row {
    margin: 10px 0 0;
    text-align: center;
}

.in-row {
    margin-bottom: 10px;
    text-align: center;
}

.in-label {
    display: inline-block;
    font-size: 0.9rem;
    margin-bottom: 4px;
}

.in-label label {
    font-weight: normal;
}

.in-control {
    border-radius: 2px;
    border: 1px solid #C7C7C7;
    height: 34px;
    padding: 3px 12px;
    outline: none;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    color: #6F6F6F;
    font-size: .8rem;
}

.in-control.error {
    border-color: #E47D7D;
    color: #BB5757;
}

.in-control:focus {
    border-color: #9c9c9c;
    color: #5a5a5a;
}

.in-input {
    display: block;
}

.in-links {
    margin-top: 10px;
    font-size: 0.7rem;
}

.news-date {
    color: #484848;
}

#reserve ul {
    margin: 0;
    padding: 0;
}

#reserve ul li {
    list-style: none;
    padding: 10px 0;
    color: #656565;
    border-bottom: 1px dotted #ddd;
}

#reserve ul .re-price {
    float: right;
    color: #3A3A3A;
}

#reserve ul li + li {
}

.block-reviews .bblock-header {
    text-align: left;
}

.bblock-header .fa-2x {
    margin: -8px 6px -3px 0;
    vertical-align: middle;
}

.block-reviews .bblock-content {
    padding: 10px 0;
}

span.in-checkbox {
    display: inline-block;
    vertical-align: middle;
}

.reviews-item {
    padding: 12px 15px 13px;
    position: relative;
}

.reviews-item.child-item {
    border-top: 1px solid #DDD;
    margin-top: 14px;
    font-size: 0.7rem;
    padding: 6px 15px;
}

.reviews-item.child-item .reviews-name {
    font-size: 0.85rem;
    color: #696969;
    font-weight: 600;
}

.reviews-item.child-item .reviews-header {
    margin-bottom: 4px;
}

.reviews-item.child-item .reviews-text {
    font-size: 0.7rem;
}

.reviews-item.child-item + .child-item {
    margin-top: 0;
}

.reviews-item p {
    margin: 0;
}

.reviews-item:nth-child(2n) {
    background: #ececec;
}

p.reviews-header {
    margin-bottom: 8px;
    font-style: italic;
}

.reviews-name {
    font-size: 1rem;
    font-weight: bold;
    color: #444;
}

.reviews-date {
    color: #696969;
    padding-left: 7px;
}

.reviews-text {
    font-size: 0.85rem;
    color: #444;
}

.reviews-item .rev-rem {
    position: absolute;
    top: 6px;
    right: 10px;
    color: #F44336;
    font-size: 22px;
}

.reviews-item .rev-rem:hover {
    text-decoration: none;
}

.reviews-item .rev-rem:before {
    content: "\f1f8";
    font-family: FontAwesome;
}

.readmore {
    text-align: right;
    padding: 3px 15px;
    font-size: 1rem;
    font-style: italic;
}

.readmore a {
    border-bottom: 1px solid #ddd;
    color: #666;
}

.readmore a:hover {
    border-bottom-color: transparent;
    text-decoration: none;
}

.top-header__wrapper {
    padding: 10px 0;
    display: flex;
    justify-content: flex-start;
    height: 65px;
    align-items: center;
    gap: 25px;
}

.top-header__logo-img {
    height: 28px;
}

.top-header__nav {
    margin-right: auto;
    margin-left: auto;
}

.top-header__lang-switcher {
    margin-right: 20px;
}

.lang-switcher__list {
    text-align: center;
    min-width: 80px;
    width: 80px;
    right: 50%;
    margin-right: -40px;
    margin-top: 7px;
    padding: 8px 0;
}

.lang-switcher__item {

}

.lang-switcher__lang {
    display: block;
    color: #444;
    padding: 4px 0;
}

.lang-switcher__lang:hover {
    text-decoration: none;
    background: #e9e9e9;
    color: #444;
}

.lang-switcher__lang--active {
    color: #4caf50;
    user-select: none;
    pointer-events: none;
}

.lang-switcher__button {
    display: block;
    line-height: 1.1;
    color: #353535;
    font-size: 0.8rem;
    background: transparent;
    padding: 7px 0 4px;
    outline: none;
    border: none;
}

.top-menu li a, .login-menu > li > button, .login-menu > li > a {
    display: block;
    line-height: 1.1;
    color: #353535;
    font-size: 0.8rem;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    padding: 7px 0 4px;
}

.top-menu li a:hover, .top-menu li a.active, .top-menu li a:focus {
    text-decoration: none;
    border-bottom-color: #4caf50;
    background: transparent;
}

.top-menu li a {
    margin-bottom: -3px;
    border-bottom: 3px solid transparent;
}

.about-text {
    font-size: 0.9rem;
    padding: 20px 0;
    color: #484848;
    line-height: 1.6;
}

footer {
    padding: 15px 0;
    background: #4CAF50;
    color: #fff;
    font-size: 0.8rem;
}

footer > div {
}

ul.bottom-menu li a {
    display: block;
    color: #FFFFFF;
    padding: 0 10px;
}

ul.bottom-menu li a:hover, ul.bottom-menu li a:focus {
    background: transparent;
    text-decoration: underline;
}

ul.bottom-menu li + li {
    border-left: 1px solid #ddd;
}

#copyright {
    padding: 0 15px;
}

#bottom-menu {
    margin-left: auto;
}

#payments .pay-gif + .pay-gif {
    margin-right: 5px;
}

#payments .pay-gif img {
    max-width: 100%;
}

#payments .pay-gif a {
    display: block;
}

#payments {
    background: #fff;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 15px;
    -moz-justify-content: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -moz-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin: -8px 15px -8px auto;
}

h1 {
    margin: 0 0 10px;
    padding-bottom: 10px;
    font-size: 1.4rem;
    color: #565656;
}

h1.page-header {
    text-transform: uppercase;
    margin: 10px 0 20px;
    line-height: 1.5;
    color: #484848;
    border-bottom: 0;
    font-size: 1.3rem;
    text-align: left;
    font-weight: 600;
    padding-bottom: 0;
}

h1.page-header.no {
    border-bottom: 0;
}

.page-text {
    line-height: 1.6;
    padding-bottom: 10px;
}

#user-table {
    border-radius: 1px;
    border-top: 1px solid #e6e6e6;
}

#user-header {
    border-bottom: 1px solid #E6E6E6;
    background: #f9f9f9;
}

#user-header ul {
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
}

#user-header ul li {
    display: table-cell;
    text-align: center;
}

#user-header ul li + li {
    border-left: 1px solid #E6E6E6;
}

#user-header a {
    display: block;
    padding: 16px 5px 15px;
    color: #444;
    font-size: 0.7rem;
    text-transform: uppercase;
    font-weight: bold;
}

#user-header a:hover, #user-header li.active a {
    background: #4CAF50;
    text-decoration: none;
    color: #fff;
}

#user-content {
}

.u-o-item {
    padding: 15px 15px;
    position: relative;
}

.u-o-item p {
    margin: 0;
}

.u-o-item:nth-child(2n) {
    background: #f7f7f7;
}

.u-o-item .order-status {
    position: absolute;
    top: 14px;
    right: 13px;
    font-weight: bold;
}

.user-orders {
}

.order-repeat {
    float: right;
}

.order-date {
    border-left: 2px solid #6f6f6f;
    padding-left: 15px;
    margin-left: 9px;
}

.order-form, .order-to {
    padding-right: 10px;
    color: #31880E;
}

span.order-form, span.order-to {
    white-space: nowrap;
    display: inline-block;
}

.order-operation .sep {
    display: inline-block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left: 7px solid #31880E;
    margin-right: 2px;
}

.user-data {
    padding: 15px;
}

.user-data .in-control {
    width: 55%;
    height: 35px;
}

hr.dd-hr {
    margin: 35px 0 25px;
    border: none;
    border-bottom: 1px dotted #9E9E9E;
}

.in-error {
    font-size: .8rem;
    padding: 4px 5px;
    color: #F30000;
}

label.req:after {
    content: "*";
    margin-left: 8px;
    font-size: 1.5em;
    height: 20px;
    top: 50%;
    margin-top: -13px;
    color: #B53030;
    right: 0;
    display: inline-block;
    position: absolute;
}

label.req {
    position: relative;
    padding-right: 18px;
}

.btn-save {
    margin-top: 9px;
    padding: 12px 18px;
}

#main {
    padding: 0 0 25px;
}

#header {
    margin-bottom: 25px;
}

.login-menu {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 15px;
}

.login-menu > li > button, .login-menu > li > a {
    background: transparent;
    outline: none;
    border: none;
    border-bottom: 1px solid transparent;
}

.login-menu > li > button:hover, .login-menu > li > a:hover {
    color: #444;
    border-bottom-color: #d0d0d0;
    text-decoration: none;
}

.login-menu > li {
    list-style: none;
    display: block;
}

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

.h-m-0 {
    margin: 0;
    font-size: 1rem;
}

.form-label-hint:hover, .form-label-hint:focus {
    text-decoration: none;
}

.form-label-hint {
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    top: -1px;
    margin-left: 7px;
    cursor: default;
}

a.form-label-hint {
    cursor: pointer;
}

.form-label-hint:before {
    content: "\f059";
    font-family: FontAwesome;
    text-align: center;
    color: #2196F3;
    font-size: 17px;
    line-height: 17px;
    margin-top: -1px;
    display: block;
}

.form-label-hint span, .form-label-hint:hover span:hover {
    visibility: hidden;
    position: absolute;
    opacity: 0;
    width: 150px;
    bottom: 100%;
    left: 50%;
    margin: 0 0 10px -75px;
    font-size: .75rem;
    background: #182840;
    color: #fff;
    padding: 6px 8px;
    line-height: 1.2;
    transition: all .1s ease;
    border-radius: 4px;
    border: 1px solid #162338;
}

.form-label-hint span:after {
    position: absolute;
    display: block;
    height: 0;
    border: 8px solid transparent;
    left: 50%;
    top: 100%;
    border-top: 5px solid #182840;
    content: "";
    margin-left: -8px;
}

.form-label-hint:hover span {
    visibility: visible;
    opacity: 1;
    transition: all .3s .6s ease;
}

.has-error .form-control {
    border-color: #ff8989;
    box-shadow: none;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #FF5150;
}

.text-danger {
    color: #FF5150;
}

.has-error .form-control:focus {
    border-color: #ff8989;
    box-shadow: 0 0 9px rgba(255, 137, 137, 0.5);
}

.has-success .form-control:focus {
    border-color: #4CAF50;
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #5AAF5D;
}

.form-control {
    height: 40px;
    border-radius: 3px;
    border: 2px solid #e7f1e8;
    box-shadow: none;
}

.has-success .form-control {
    border-color: #98ce9a;
}

.has-success .form-control:focus {
    border-color: #98ce9a;
    box-shadow: 0 0 9px rgba(76, 175, 80, 0.33);
}

.form-control:focus {
    border-color: #e0ece1;
    box-shadow: 0 0 9px rgba(76, 175, 80, 0.13);
}

.btn-primary {
    background-color: #4CAF50;
    border-color: #46a74a;
}

.btn-primary:hover {
    color: #fff;
    background-color: #50c755;
    border-color: #47b14b;
}

.btn-primary:focus, .btn-primary.focus {
    background: #72bb75;
    border-color: #66a969;
    outline-color: #66a969
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #55a058;
    border-color: #519254
}

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    background: #55a058;
    border-color: #519254
}

.captcha-block img {
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 10px;
    cursor: pointer;
}

.has-success .captcha-block img {
    border-color: #3C763D;
}

.has-error .captcha-block img {
    border-color: #EA5B5B;
}

a:focus {
    text-decoration: none;
}

.site-error h1 {
    text-align: center;
    font-size: 3rem;
    margin: 50px 0 20px;
}

.site-error p {
    text-align: center;
    margin: 2px;
    font-size: 0.8rem;
    color: #6D6D6D;
}

.site-error .alert {
    text-align: center;
    margin: 30px 50px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #4CAF50;
    border-color: #4CAF50;
}

.pagination > li > a, .pagination > li > span {
    padding: 7px 16px;
}

.account-change-data {
    padding: 20px;
}

.account-ch-d-group {
    border-bottom: 2px solid #f2f2f2;
    padding: 10px 20px 15px;
    margin: 0 -20px 20px;
}

.account-ch-d-header {
    text-align: center;
    margin-bottom: 30px;
    font-size: 1.3rem;
}

.account-ch-d-buttons {
    text-align: center;
    padding: 10px 0;
}

.account-ch-d-buttons .btn {
    height: 50px;
    min-width: 200px;
}

.achd-g-auth {
    background: #f2f2f2;
    border-radius: 3px;
    padding: 15px 20px;
    position: relative;
    margin-bottom: 20px;
}

.achd-g-auth .col-sm-4 {
    position: static;
}

.achd-g-auth-header {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 20px;
}

.achd-g-auth-configured {
    color: #289a2c;
}

.achd-g-auth-desc {
    font-size: .75rem;
    margin: 0;
}

.achd-g-auth-button {
    position: absolute;
    left: 15px;
    bottom: 16px;
}

.achd-g-auth-button:hover {
    background: #4caf50;
    color: #fff;
}

.achd-g-auth-button.btn-danger:hover {
    background: #ce4440;
}

.forgot-message {
    padding: 50px 60px;
    text-align: center;
}

.forgot-message p {
    font-size: 1.2rem;
    background: #F7F7F7;
    padding: 50px 40px;
    border-radius: 10px;
    color: #797979;
}

.forgot-message .back-links {
    background: transparent;
    font-size: 0.8rem;
    padding: 50px 0;
}

.forgot-message .back-links a {
    margin: 0 10px;
    border: 2px solid #4CAF50;
    padding: 9px 23px;
    border-radius: 7px;
    color: #5B8B9E;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}

.forgot-message .back-links a:hover {
    background: #4CAF50;
    color: #fff;
    text-decoration: none;
}

.block-reviews .empty {
    margin: 30px 0 25px;
    text-align: center;
    font-size: 1rem;
    color: #6D6D6D;
}

.form-group.required .control-label:after {
    content: "*";
    margin-left: 6px;
    color: #FF1A00;
}

.input-group-addon {
    border-radius: 2px;
}

.block-summ .ico-bb {
    width: 70px;
    padding: 24px 0 0;
}

.block-summ .ico-bb.to {
}

.block-summ .ico-c {
    display: inline-block;
    text-align: center;
    margin-top: 7px;
}

.block-summ .ico-c .si.si-2x:before {
    background-size: cover;
}

.block-summ .ico-c .si.si-2x, .block-summ .ico-c .si.si-2x:before {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.block-summ .ico-c .si.si-2x {
    display: inline-block;
}

.block-summ .si {
    display: block;
}

.block-summ .ico-bb.from {
    text-align: right;
    margin: 0;
}

.block-summ .input-bb {
    width: 41.66666%;
    padding: 0 5px;
}

.block-summ .ico-pp {
    width: 6.666666%;
    float: left;
    min-height: 1px;
}

.block-summ {
    margin: 0 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.block-summ .form-control {
    height: 43px;
    font-size: 17px;
    font-weight: bold;
    color: #4CAF50;
}

.block-summ .control-label:after {
    display: none;
}

.block-summ .control-label {
    color: #4CAF50;
    font-size: 0.9rem;
    text-align: left;
    display: block;
    text-transform: uppercase;
    padding-bottom: 2px;
    font-weight: 600;
}

.block-summ .help-block-fee {
    color: #808080;
}

.block-summ .has-error .help-block-fee {
    display: none;
}

.result-block {
    text-align: center;
    margin-bottom: 25px;
    background: #fff;
    padding: 15px;
}

.result-block .result-img {
    margin: 50px 0 40px;
}

.result-block .result-img img {
    width: 200px;
    height: 200px;
}

.result-block .result-header {
    font-size: 29px;
    margin-bottom: 20px;
}

.result-block.fail .result-header {
    color: #E66C3C;
}

.result-block.success .result-header {
    color: #4BBC5B;
}

.result-block .result-text {
    color: #616161;
}

.order-continue {
    text-align: center;
    padding-top: 0;
}

.order-continue .order-number {
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    color: #83B746;
}

.order-continue .order-status {
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 25px;
}

.order-description {
    color: #676767;
}

.order-status.status-0 {
    color: #F44336;
}

.order-status.status-1 {
    color: #3C8298;
}

.order-status.status-2, .order-status.status-7 {
    color: #4CAF50;
}

.order-status.status-3 {
    color: #DA9F2A;
}

.order-status.status-4 {
    color: #4CA746;
}

.order-status.status-5 {
    color: #F44336;
}

.order-status.status-6 {
    color: #DA9F2A;
}

.order-continue {
    background: #fff;
    padding-bottom: 30px;
    margin-bottom: 25px;
}

.btn.btn-pay-submit {
    font-size: 13px;
    padding: 13px 28px;
    color: #FFFFFF;
    background: #8BC34A;
    box-shadow: 0 4px 0 #729E3E;
    margin: 4px 0;
}

.btn.btn-pay-submit:hover {
    margin: 6px 0 2px;
    box-shadow: 0 2px 0 #729E3E;
}

.btn.btn-pay-submit:focus {
    outline: none;
}

.btn.btn-pay-submit:active {
    margin: 8px 0 0;
    box-shadow: 0 0 0 #729E3E, inset 0 2px 0 #729E3E;
    background: #88BF49;
    outline: none;
}

.order-return .order-number {
    text-align: center;
    font-size: 26px;
}

#order-p-status {
    text-align: center;
    font-weight: bold;
}

.order-return #order-p-status {
    font-size: 1rem;
    text-transform: uppercase;
    margin: 30px 0 -10px;
}

.order-return {
    margin-top: 40px;
    background: #fff;
    padding-bottom: 40px;
}

.order-return .order-number span {
    display: block;
}

.order-return .order-info, .order-return .customer-info {
    padding: 15px 20px;
    background: #f1f1f1;
    line-height: 2;
}

.order-return .info-header {
    margin: 35px 0 20px;
    text-align: center;
    font-size: 1.2rem;
}

.order-return .customer-info {
    line-height: 1.9;
}

.order-return .info, .order-return .info b {
    color: #484848;
    word-wrap: break-word;
}

.order-return .info b {
    margin-right: 6px;
}

.order-return .fee-info {
    font-size: .85em;
    color: #878787;
    line-height: 1.35;
    padding: 0 20px;
    margin-top: 1em;
    text-align: center;
}

.order-return .text-selected {
    color: #50C33C;
    font-weight: bold;
}

.order-return .info .si {
    margin: -1px 2px 0 0;
}

.order-return .block-added {
    font-size: .9em;
    line-height: 1.7;
    margin-top: 10px;
}

.order-return .from_to .fa {
    margin: 0 12px;
    color: #4caf50;
}

.order-approximated-price {
    text-align: left;
}

.order-approximated-price__table {
    margin: 0 auto;
    border-collapse: collapse;
    width: 100%;
    display: table;
}

.order-approximated-price__table-row {
    border-bottom: 1px solid #E6E6E6;
    display: table-row;
}

.order-approximated-price__table-cell {
    padding: 10px 0;
    display: table-cell;
}

.order-approximated-price__table-cell--header {
    font-weight: bold;
}

.block-pagination {
    margin: 20px 20px 0;
    text-align: center;
    border-top: 1px solid #E6E6E6;
}

.block-pagination .pagination {
    margin: 10px 0 8px;
}

.moder th {
    text-align: center;
}

.moder {
    padding: 10px 20px;
}

.moder .status {
    vertical-align: middle;
    text-align: center;
}

.moder .order-status {
    display: block;
    font-weight: bold;
}

.moder .status .btn {
    margin-top: 8px;
    padding: 4px 12px;
}

.moder .from-to {
    line-height: 1.7;
}

.moder .number .order-number {
    font-weight: bold;
    display: block;
    font-size: 17px;
}

.moder .number {
    vertical-align: middle;
}

.moder .order-date {
    font-size: .6rem;
}

.moder .order-date {
    font-size: 12px;
    display: block;
}

.moder .customer, .moder .fields {
    line-height: 1.6;
    font-size: 13px;
    color: #484848;
}

.moder tbody > tr > td {
    vertical-align: middle;
}

.moder .added-fields {
    padding-top: 6px;
}

.moder .full-name {
    font-weight: bold;
}

.moder .added-fields p {
    margin: 0;
}

.moder p b {
    margin-right: 5px;
}

.moder .fields p {
    margin: 0;
}

#block-for-status-order {
    text-align: center;
    font-size: 18px;
}

.few-from-result-success {
    text-align: center;
    line-height: 1.7;
    font-size: 15px;
    padding: 20px;
    color: #4CAF50;
    font-weight: bold;
}

.btn.btn-link {
    padding: 0;
    border: none;
    text-transform: none;
    border-radius: 0;
    font-size: 0.85rem;
    color: #6f6f6f;
    text-decoration: underline;
}

.btn.btn-link:hover {
    text-decoration: none;
}

.btn.btn-link:focus {
    outline: none;
}

.small-reserve {
    padding: 0 30px 20px;
}

.small-reserve span.curr-val {
    font-weight: bold;
    color: #009659;
}

.small-reserve .text-res {
    font-weight: bold;
    color: #828080;
    border: 1px solid #ddd;
    padding: 6px 12px;
    border-radius: 18px;
    margin-right: 6px;
}

.btn.btn-small-reserve {
    vertical-align: baseline;
    display: inline;
}

.order-partial .partial-info {
    color: #FFF;
    background: #FF8B80;
    padding: 15px 20px;
    font-size: 1rem;
    margin-bottom: 20px;
    line-height: 1.6;
    margin-top: 0;
}

.order-partial .partial-info h3 {
    margin: 10px 0 25px;
    font-size: 1.2rem;
}

.order-partial .partial-info > p:last-child {
    margin-bottom: 2px;
}

.partial-info a {
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
}

.partial-info ul, .partial-info ol {
    text-align: left;
    padding-left: 0;
    font-size: 0.9rem;
}

.partial-info ol {
    counter-reset: licounter 0;
    list-style: none;
}

.partial-info ol li:before {
    content: counter(licounter);
    display: block;
    background: #fff;
    color: #444;
    float: left;
    border-radius: 50%;
    font-size: 1.2rem;
    width: 40px;
    height: 40px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: -9px;
    margin-top: -20px;
    line-height: 2.1;
    font-weight: bold;
}

.partial-info ol li {
    counter-increment: licounter;
    padding-left: 40px;
    position: relative;
}

.partial-info b {
    padding: 0 2px;
    color: #232323;
    font-weight: bolder;
    font-style: italic;
}

.partial-info .bw {
    word-wrap: break-word;
}

.partial-info .select {
    padding: 0 0.4rem;
    background: #fff;
}

.partial-info ol li:after {
    content: '';
    display: table;
    clear: both;
}

.partial-info li {
    margin-bottom: 30px;
}

.partial-info a:hover {
    text-decoration: none;
}

.user-partner {
    padding: 30px;
}

.partner-link span, .percent-info span {
    font-size: 18px;
    color: #9C27B0;
    font-weight: bold;
}

.partner-h3 {
    font-size: 18px;
    margin-bottom: 8px;
}

.partner-balance p, .partner-statistic span {
    font-weight: bold;
    color: #4CAF50;
}

.partner-balance b, .partner-statistic b {
    color: #545454;
    margin-right: 7px;
}

.bblock.reserve-block {
    background: #fff;
}

.bblock.reserve-block .bblock-header {
    background: transparent;
    color: #484848;
    padding-bottom: 0;
    padding-left: 23px;
    margin-bottom: -7px;
    font-size: 1.4rem;
    text-align: center;
    font-weight: normal;
    text-transform: none;
}

.bblock.reserve-block .bblock-content {
    padding: 20px 20px 16px;
}

.block-reviews-header, .about-header {
    border-bottom: 2px solid #E6E6E6;
    color: #484848;
    font-size: 1.6rem;
    text-align: left;
    padding-bottom: 7px;
    font-weight: 600;
    text-transform: uppercase;
}

.about-header {
    border-bottom: none;
    padding: 8px 15px 5px;
    margin-bottom: 0;
    display: inline-block;
    background: #4caf50;
    color: #fff;
    font-weight: normal;
    font-size: 1.4rem;
}

.exchange-from {
    padding-top: 25px;
}

.exchange-from .ex-content {
    padding: 20px 30px 0;
}

.exchange-from .ex-content h3 {
    text-transform: uppercase;
    font-size: 1.1rem;
    color: #454545;
    margin: 25px 0;
    font-weight: 600;
    text-align: center;
}

.exchange-from .ex-content h3:before, .exchange-from .ex-content h3:after, .order-return .info-header:before, .order-return .info-header:after {
    display: inline-block;
    content: "";
    width: 25px;
    border-bottom: 2px solid #4caf50;
    margin: 6px 10px;
}

.exchange-from .personal-data {
    margin-bottom: 15px;
}

.exchange-from .personal-data .form-group {
    margin-bottom: 5px;
}

.exchange-from .personal-data .form-control {
    height: 33px;
    font-size: 0.8rem;
}

.exchange-from .ex-content label {
    color: #525252;
}

.exchange-from .ex-content .form-control {
    background: #FBFBFB;
}

button[name="exchange-button"] {
    height: 55px;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 6px 40px;
}

.exchange-from .ex-content .form-control:hover, .exchange-from .ex-content .form-control:focus {
    background: #fff;
}

.custom-fee-pool-loader {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #999;
    font-size: 0.9em;
}

.custom-fee-pool-value--low {
    color: #4caf50;
}

.custom-fee-pool-value--medium {
    color: #ffc107;
}

.custom-fee-pool-value--high {
    color: #f44336;
}

label.control-label {
    font-weight: normal;
}

.confidence {
    background: #4caf50;
    padding: 12px 15px;
    margin-bottom: 25px;
    color: #fff;
}

.confidence .why-as {
    color: #fff;
}

.my-counter .fa {
    margin: -7px 7px -1px 1px;
    vertical-align: middle;
}

.my-counter span {
    font-weight: bold;
    color: #ffffff;
}

a.cash-change, a.other-services {
    display: inline-block;
    text-align: center;
    background: #A6FE8A;
    color: #1f1f1f;
    padding: 8px 15px 5px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.8rem;
    min-width: 158px;
}

.reserve-oth {
    text-align: center;
    padding-top: 14px;
}

a.cash-change:hover, a.other-services:hover {
    text-decoration: none;
    background: #90e277;
}

a.cash-change {
    background: #5bce40;
}

a.cash-change:hover {
    background: #50b737;
}

.svg-ico {
    height: 25px;
    width: 25px;
    display: inline-block;
    background: url(../image/cot-icons.jpg) no-repeat 0 0;
    background-size: 125px 50px;
    border-radius: 3px;
    color: transparent !important;
    font-size: 1px;
    text-decoration: none !important;
}

@media (-webkit-min-device-pixel-ratio: 2),(min--moz-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .svg-ico {
        background-image: url(../image/cot-icons-2x.jpg);
    }
}

.svg-ico:hover {
    -ms-background-position-y: 100%;
    background-position-y: 100%;
}

.svg-ico-viber {
    -ms-background-position-x: 0;
    background-position-x: 0;
}

.svg-ico-skype {
    -ms-background-position-x: 25%;
    background-position-x: 25%;
}

.svg-ico-icq {
    -ms-background-position-x: 50%;
    background-position-x: 50%;
}

.svg-ico-telegram {
    -ms-background-position-x: 75%;
    background-position-x: 75%;
}

.svg-ico-whatsapp {
    -ms-background-position-x: 100%;
    background-position-x: 100%;
}

#contacts .s-icons {
    margin-bottom: 0;
    height: 25px;
    position: absolute;
    bottom: 0;
    left: 30px;
}

#contacts .s-icons .svg-ico {
    float: left;
}

#contacts .s-icons .svg-ico + .svg-ico {
    margin-left: 4px;
}

.inf-header {
    font-weight: bold;
    font-size: 0.9rem;
    font-style: italic;
    padding-bottom: 6px;
}

.flex.flex-header {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
}

.login-menu > li > button > i, .login-menu > li > a > i {
    display: none;
}

.ex-description-block {
    padding: 20px 30px;
    background: #ffecb3;
}

.ex-button-block {
    padding: 20px 0;
}

.goog-te-banner-frame.skiptranslate, #goog-gt-tt {
    display: none !important;
}

.goog-text-highlight {
    background: none !important;
    box-shadow: none !important;
}

body {
    top: 0 !important;
}

.g-auth-m-preloader {
    color: #4caf50;
    text-align: center;
    padding: 50px 0;
}

.g-auth-m-header {
    font-size: 1rem;
    font-weight: bold;
    padding: 4px 0 0;
    margin: 0;
}

.g-auth-m-cfg-qr {
    text-align: center;
    font-size: .8rem;
    line-height: 1.6;
}

.g-auth-m-cfg-qr .text-bold {
    font-weight: bold;
    font-size: .9rem;
}

.g-auth-m-cfg-desc {
    font-size: .8rem;
    margin-top: 13px;
}

.g-auth-m-cfg-desc .color-red {
    color: #dc2d2d;
}

.g-auth-m-button {
    text-align: center;
    padding: 20px 0;
}

.g-auth-m-button .btn {
    min-width: 150px;
    height: 45px;
}

.g-auth-m-s2-desc {
    max-width: 350px;
    margin: 10px auto 15px;
}

.g-auth-m-s2-field {
    max-width: 350px;
    margin: 0 auto;
}

.g-auth-m-success {
    text-align: center;
    margin: 10px 0;
    color: #269a2b;
}

.g-auth-m-error {
    text-align: center;
    color: #F44336;
    margin: 15px 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
    #contacts {
        width: 48.8%;
        height: 80px;
    }

    #action {
        width: 51.2%;
        height: 80px;
    }

    #middle-header {
        height: 120px
    }

    #contacts .number {
        font-size: 15px;
    }

    #contacts .worktime {
        top: -4px;
        width: 100px;
    }

    #contacts .time {
        font-size: 18.2px;
        line-height: 1.3;
    }

    #reserve ul li, #contacts .where, .operation-from a, .operation-to a, .operation-to .op-i-reserve {
        font-size: 11px;
    }

    .operation-to .op-i-course {
        margin-left: 7px;
        font-size: 11px;
    }

    #reserve ul .re-price {
        margin-top: 3px;
    }

    .bblock.news-block .bblock-header, .block-reviews-header, .about-header {
        font-size: 20px
    }

    .about-text {
        font-size: 13px
    }

    a.cash-change, a.other-services {
        font-size: 12px;
        padding: 6px 10px;
        margin-top: 10px;
    }

    .news-item {
        font-size: 13px;
    }
}

@media (max-width: 991px) {
    .login-menu > li > button > i, .login-menu > li > a > i {
        display: inline-block;
    }

    .login-menu > li > button > span, .login-menu > li > a > span {
        display: none;
    }

    .login-menu > li > button, .login-menu > li > a {
        border: none;
        font-size: 15px;
        border-radius: 0;
        padding: 13px 7px;
    }

    .login-menu > li {
        padding: 0;
        margin: 0;
        position: relative;
    }

    .login-menu > li + li {
        margin-left: 5px;
    }

    .login-menu .fa {
        font-size: 1.4rem;
    }

    .bblock.reserve-block .bblock-content {
        padding: 10px;
    }

    .reserve-oth {
        padding: 0;
    }

    .container {
        width: 100%;
    }

    #middle-header {
        height: auto;
    }

    #action {
        width: 100%;
        height: auto;
        margin-right: -350px;
    }

    #contacts {
        width: 350px;
        height: 100px;
    }

    #payments {
        display: none;
    }

    h1.page-header, .page-header {
        text-align: center;
    }

    .exchange-from {
        padding: 15px 15px 5px;
    }

    .hide-900 {
        display: none !important;
    }

    .exchange-from .ex-content {
        margin: 0 -15px;
        padding: 15px 15px 0;
    }

    .exchange-from .ex-content h3:before, .exchange-from .ex-content h3:after, .order-return .info-header:before, .order-return .info-header:after {
        display: none;
    }

    .bblock.news-block {
        padding: 4px 0;
    }

    .top-nav__mobile-button {
        display: block;
        height: 31px;
        line-height: 31px;
    }

    .top-header__wrapper, .login-menu {
        gap: 10px;
    }

    .top-header__nav {
        order: -1;
        margin-left: 0;
        margin-right: 0;
    }

    .top-header__logo-img {
        height: 18px;
    }

    .top-header__logo {
        margin-right: auto;
    }

    .top-header__lang-switcher {
        margin-right: 5px;
    }

    .top-nav__list {
        position: absolute;
        top: 100%;
        z-index: 1000;
        margin-top: 5px;
        width: 200px;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        user-select: none;
    }

    .dropdown.open .top-nav__list {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        user-select: auto;
    }

    .dropdown.open .dropdown-backdrop {
        background: rgba(0, 0, 0, 0.3);
    }

    .top-menu {
        display: flex;
        flex-direction: column;
        background: #fff;
        align-items: stretch;
        gap: 0;
        padding: 10px 0;
        border-radius: 2px;
        box-shadow: 11px 13px 33px rgba(0, 0, 0, 0.5);
    }

    .top-menu li a {
        padding: 12px 16px;
        border-bottom: none;
        font-size: 0.9em;
        margin-bottom: 0;
    }

    .top-menu li a:hover, .top-menu li a:focus {
        border-bottom-color: inherit;
    }

    .top-nav li a:active {
        color: #00a65a;
        background: #f1f1f1;
    }

    .top-nav li.active a {
        color: #00a65a;
    }
}

@media (max-width: 767px) {
    #contacts {
        width: 48.8%;
        height: auto;
    }

    #contacts .s-icons {
        top: 55px;
        position: relative;
        left: 0;
    }

    #action {
        width: 51.2%;
        margin-right: 0;
    }

    #middle-header {
    }

    .bblock.reserve-block {
    }

    #contacts .number {
        font-size: 15px;
    }

    #contacts .worktime {
        top: -4px;
        width: 100px;
    }

    #contacts .time {
        font-size: 18.2px;
        line-height: 1.3;
    }

    #contacts .where, .operation-from a, .operation-to a, .operation-to .op-i-reserve {
        font-size: 0.7rem;
    }

    .operation-to .op-i-course {
        margin-left: 5px;
        font-size: 0.7rem;
        white-space: nowrap;
    }

    #reserve ul .re-price {
        margin-top: 3px;
    }

    .bblock.news-block .bblock-header, .block-reviews-header, .about-header {
        font-size: 20px
    }

    .about-text {
        font-size: 13px
    }

    a.cash-change, a.other-services {
        font-size: 12px;
        padding: 6px 10px;
        margin-top: 10px;
    }

    .news-item {
        font-size: 13px;
    }

    .achd-g-auth-button {
        left: auto;
        right: 20px;
        bottom: auto;
        top: 15px;
    }

    .achd-g-auth-header {
        padding: 6px 0 20px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px;
    }
}

@media (max-width: 640px) {
    #action {
        display: none;
    }

    #contacts {
        width: auto;
        margin: 0 10px;
        text-align: center;
        padding: 15px;
        border: none;
        background: rgba(15, 58, 16, 0.4);
    }

    .header-banner {
        padding: 0;
    }

    .flex.flex-header {
        display: block;
    }

    #bottom-menu {
        display: none;
    }

    #copyright {
        width: 100%;
        text-align: left;
    }

    .block-summ {
        display: block;
        margin: 0;
        position: relative;
        padding: 0 0 10px;
    }

    .btn-suggest-course {
        display: none;
    }

    .small-reserve .pull-right {
        float: left !important;
    }

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

    .block-summ-wrap {
        position: relative;
    }

    .block-summ .ico-bb {
        width: 30px;
        float: none;
        position: absolute;
        top: 34px;
        right: 7px;
        padding-top: 0;
    }

    .block-summ .ico-c .si.si-2x, .block-summ .ico-c .si.si-2x:before {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .block-summ .ico-c {
        margin-top: 0;
    }

    .block-summ .input-bb {
        width: auto;
        padding: 0;
        margin: 0;
    }

    .block-summ .form-control {
        padding-right: 40px;
    }

    .block-summ .control-label {
        text-transform: none;
    }

    .b-s-center-icon {
        display: none;
    }

    #contacts .phones {
        left: 15px;
    }

    .op-content, .op-hd-operation {
        display: block;
    }

    .op-header {
        display: none;
    }

    .op-header div, .operation-to {
        display: none;
    }

    .confidence > div {
        display: none;
    }

    .confidence {
        background: transparent;
        padding: 0;
        display: none;
    }

    .confidence .google-trans-wrap {
        display: block;
    }

    .operation-from {
        display: block;
        width: 100%;
    }

    .operation-from .operation-to.selected {
        display: block;
        background: #e7fbe8;
    }

    .operation-from .operation-to a {
        border-bottom-color: #d9f1da;
    }

    .operation-to .op-to-row-reserve {
        display: none;
    }

    .operation-to .op-to-row-info {
        width: auto;
        padding: 10px 5px;
        white-space: nowrap;
        overflow: hidden;
    }

    .operation-from a .si, .operation-to a .si {
        margin-right: 0;
    }

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

    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .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 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 420px) {
    .operation-to .op-i-reserve, .operation-to a:hover .btn-buy {
        display: none;
    }

    .achd-g-auth-button {
        position: static;
    }

    .achd-g-auth-header {
        border: none;
        padding: 0;
    }

    .achd-g-auth-desc {
        border-top: 1px solid #ddd;
        padding-top: 15px;
        margin-top: 15px;
    }

    .achd-g-auth {
        text-align: center;
    }
}

.exchange-rule input {
    display: none;
}

.exchange-rule a {
    text-decoration: underline;
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.exchange-rule a:hover {
    text-decoration: none;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.exchange-rule .fa {
    position: relative;
    top: -1px;
    margin: 0 4px 0 0;
    color: #4CAF50;
}

.exchange-rule {
    text-align: center;
}

.exchange-rule .checkbox {
    margin: 0;
}

.exchange-rule label {
    padding: 0;
}

.field-exchange-rule.has-success label, .field-exchange-rule a {
    color: #444;
}

.field-exchange-rule.has-error .fa, .field-exchange-rule.has-error label, .field-exchange-rule.has-error a {
    color: #F44336;
}

.exchange-rule input:checked + .fa:before {
    content: "\f14a";
}

.u-a-item {
    display: table;
    width: 100%;
    padding: 3px 20px;
}

.u-a-item:nth-child(2n) {
    background: #efefef;
}

.u-a-item > div {
    display: table-cell;
    vertical-align: middle;
    padding: 3px 0;
}

.u-a-service {
    width: 200px;
}

.u-a-actions {
    width: 180px;
    text-align: right;
}

.u-a-actions a {
    padding: 0;
    height: 25px;
    width: 25px;
    line-height: 25px;
    border: none;
}

.user-accounts {
    padding: 10px 0;
}

.user-accounts-edit {
    padding: 15px 20px 20px;
}

.u-a-form-title {
    text-align: center;
    padding: 15px 20px;
    font-size: 0.95rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #4CAF50;
    margin: -16px -20px 20px;
}

.u-a-button {
    padding-top: 5px;
}

.u-a-status {
    padding: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle;
    color: #ffb300;
    font-size: 0.8rem;
    font-weight: bold;
}

.u-a-status.sta-3 {
    color: #F44336;
}

.u-a-status.sta-2 {
    color: #4CAF50;
}

.accs-empty {
    margin: 50px 0;
    text-align: center;
    font-size: 1.1rem;
    font-weight: bold;
    color: #F44336;
}

.form-control[type="file"] {
    padding: 8px 12px;
}

.exchange-from .ex-content .form-control:disabled {
    background: #f2f2f2;
}

.about-us {
    border-top: 2px dotted #bdbdbd;
    padding-top: 25px;
}

.modal-content {
    border-radius: 0;
}

.help-block {
    font-size: .8rem;
}

input[type="radio"], .radio input[type="radio"], .radio-inline input[type="radio"], input[type="checkbox"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: relative;
    width: 14px;
    top: 2px;
    width: 16px \0;
    height: 14px;
    height: 16px \0;
    -webkit-appearance: none;
    background: white;
    border: 1px solid #dcdcdc;
    border: 1px solid transparent \0;
    border-radius: 1px;
}

input[type="radio"]:focus, .radio input[type="radio"]:focus, .radio-inline input[type="radio"]:focus, input[type="checkbox"]:focus, .checkbox input[type="checkbox"]:focus, .checkbox-inline input[type="checkbox"]:focus {
    outline: none;
}

input[type="radio"]:active, .radio input[type="radio"]:active, .radio-inline input[type="radio"]:active, input[type="checkbox"]:active, .checkbox input[type="checkbox"]:active, .checkbox-inline input[type="checkbox"]:active {
    border-color: #c3ccc4;
    background: #f7f7f7;
}

input[type="radio"]:checked:after, .radio input[type="radio"]:checked:after, .radio-inline input[type="radio"]:checked:after, input[type="checkbox"]:checked:after, .checkbox input[type="checkbox"]:checked:after, .checkbox-inline input[type="checkbox"]:checked:after {
    content: "\f00c";
    color: #6f6f6f;
    font: normal normal normal 12px/1 FontAwesome;
    position: absolute;
    top: 0;
    left: 1px;
}

.input-group-addon {
    background-color: #e7f1e8;
    border: 2px solid #e7f1e8;
    border-radius: 3px;
}

.site-article {
    background: #fff;
    padding: 15px;
}

.site-article .page-header, .site-reviews .page-header {
    text-align: center;
    border-bottom: 2px dotted #dedede;
    text-transform: none;
    margin: 0 0 15px;
    padding: 0 0 8px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background: #f9f9f9;
    color: #757575;
    border-color: #ececec;
}

.alert {
    margin-bottom: 25px;
    border-radius: 0;
    cursor: default;
    color: #444;
}

.alert-danger {
    background: #ff5152;
    color: #fff;
    border-color: transparent;
}

.alert-success {
    background: #4caf50;
    color: #fff;
    border-color: transparent;
}

.alert-warning {
    background: #ffcd29;
    border-color: transparent;
}

.alert-warning a {
    color: #444;
    text-decoration: underline;
}

.alert-danger a,
.alert-success a {
    color: #fff;
    text-decoration: underline;
}

.alert-warning a:hover {
    text-decoration: none;
}

.alert-danger a:hover,
.alert-success a:hover {
    text-decoration: none;
}

.alert button.close {
    color: inherit;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    font: normal 22px/0.9 monospace;
    text-shadow: none;
}

.alert button.close:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.site-reviews {
    background: #fff;
    padding-top: 10px;
    position: relative;
}

.add-review-button {
    position: absolute;
    right: 14px;
    top: 15px;
}

.site-reviews .add-review {
    padding: 0 15px 10px;
    border-bottom: 2px dotted #dedede;
    margin-bottom: 15px;
    display: none;
}

.pagination {
    margin: 15px 0;
}

.site-reviews .pagination {
    margin: 15px;
}

.pagination > li > a, .pagination > li > span {
    border-radius: 0 !important;
    color: #444;
    background: #f2f2f2;
    border: none
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background: #dae6da;
}

.pagination > li {
    display: inline-block;
}

.pagination > li + li {
    margin-left: 2px;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    background: #ececec;
}

.addthis_inline_share_toolbox {
    margin: -12px -15px -12px 0;
    background: #fff;
    padding: 7px 8px 3px 9px;
    border: 2px solid #4caf50;
}

.site-exchange {
    background: #fff;
    margin-bottom: 30px;
}

.site-exchange .page-header {
    border-bottom: 2px dotted #ddd;
    text-align: center;
    padding: 10px;
    margin: 0;
    font-size: 1.1rem;
}

.site-exchange .page-header * {
    vertical-align: middle;
}

.site-exchange .page-header .fa {
    color: #4caf50;
}

.site-exchange .page-header .si {
    margin: -2px 0 1px 0;
}

.exch-h-service {
    background: #f2f2f2;
    padding: 6px 15px 6px 6px;
    border-radius: 22px;
    white-space: nowrap;
}

.b-s-center-icon {
    padding: 34px 15px 0;
    color: #4caf50;
}

.ex-seo-service-text {
    padding: 10px 30px 20px;
}

.order-return .page-header {
    margin: 0 0 20px;
    font-size: 1.2rem;
    text-transform: uppercase;
    text-align: center;
    padding: 14px 15px 12px;
    border-bottom: 2px dotted #ddd;
}

.contact-row.phones {
    font-weight: bold;
}

.account-page {
    background: #fff;
}

.account-page .page-header {
    font-size: 1.2rem;
    text-align: center;
    padding: 15px 10px 10px;
    margin: 0;
}

#google_translate_element {
    margin: -2px 10px -2px 0;
}

.goog-te-gadget-simple .goog-te-menu-value:hover {
    text-decoration: none;
    color: #757575;
}

.goog-te-gadget img {
    display: none;
}

.empty-header.modal-header {
    border-bottom: none;
    padding: 10px 13px 0;
}

.modal-header .close {
    position: relative;
    z-index: 1;
    background: url(../image/app-sprite.png) no-repeat -25px 0;
    color: transparent;
    text-shadow: none;
    width: 25px;
    height: 25px;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .modal-header .close {
        background-image: url(../image/app-sprite@2x.png);
        background-size: 50px auto;
    }
}

.modal-header .close:focus {
    outline: none;
}

.modal-lang-container {
    padding-bottom: 15px;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
}

.lang-sw-item {
    font-size: 0.9rem;
    color: #444;
    display: block;
    padding: 6px 8px;
}

.lang-icon:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    content: "";
    vertical-align: middle;
    background: url(../image/flags.png?v=AE4136) no-repeat;
    background-size: cover;
    margin-right: 8px;
    box-shadow: 0 0 1px #3a3a3a
}

.lang-icon.lang-en:before {
    background-position: 0 0;
}

.lang-icon.lang-de:before {
    background-position: 14.285714286% 0;
}

.lang-icon.lang-es:before {
    background-position: 28.571428572% 0;
}

.lang-icon.lang-ru:before {
    background-position: 42.857142858% 0;
}

.lang-icon.lang-nl:before {
    background-position: 57.142857144% 0;
}

.lang-icon.lang-fr:before {
    background-position: 71.42857143% 0;
}

.lang-icon.lang-uk:before {
    background-position: 85.714285716% 0;
}

.lang-icon.lang-tr:before {
    background-position: 100% 0;
}

.lang-sw-item:hover {
    text-decoration: none;
    background: #f2f2f2;
    color: #444;
    border-radius: 2px;
}

.lang-sw-open {
    border: none;
    background: transparent;
    padding: 0;
}

.lang-sw-open:hover {
    text-decoration: underline;
}

.lang-sw-open:focus {
    outline: none;
}

.operation-table.loading {
    background: #fff;
    height: 300px;
    position: relative;
}

.operation-table.loading .fa {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -17px 0 0 -19px;
    color: #cacaca;
    width: 38px;
    height: 34px;
}

.op-loading-error {
    color: #F44336;
    text-align: center;
    padding: 20px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-60%);
}

.directions-mobile {
    background: #fff;
    margin-bottom: 25px;
}

.drm-select .modal-dialog {
    min-height: 100vh;
}

@media (max-width: 767px) {
    .drm-select .modal-dialog {
        margin: 0;
    }
}

.drm-select .modal-content {
    border: none;
    min-height: 100vh;
}

.drm-select .modal-header {
    font-size: 1.1rem;
    padding: 16px 15px 13px 18px;
}

.drm-select .modal-header .fa {
    color: #4caf50;
    position: relative;
    font-size: 20px;
    margin-right: 6px;
}

.drm-header {
    padding: 13px 15px 4px;
    font-size: 1.1rem;
}

.drm-header .fa {
    color: #4caf50;
    margin-right: 3px;
    font-size: 20px;
}

.drm-list {
    padding: 5px 14px;
}

.drm-select > button {
    background: transparent;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 11px 10px 8px;
    width: 100%;
    text-align: left;
    position: relative;
    color: #5d5d5d;
}

.drm-select > button:active {
    color: #000;
    border-color: #ababab;
}

.drm-select > button:focus {
    outline: none;
}

.drm-select > button:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    font-size: 20px;
    right: 10px;
    top: 50%;
    margin-top: -14px;
}

.drm-select > button span {
    position: relative;
    top: -2px;
    margin-right: 4px;
}

.drm-list-item .si {
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.drm-list-item {
    margin: 0 -15px;
}

.drm-list-item .drm-option {
    border: none;
    background: transparent;
    width: 100%;
    color: #5f5f5f;
    display: block;
    padding: 10px 15px 7px;
    transition: background .2s ease;
    text-align: left;
}

.drm-list-item .drm-option:focus {
    outline: none;
}

.drm-list-item .drm-option:active, .drm-list-item .drm-option:hover, .drm-list-item.selected .drm-option {
    background: #f6f6f6;
    text-decoration: none;
}

.drm-exchange {
    padding: 9px 15px 20px;
}

.drm-start {
    padding-top: 15px;
}

#drm-start {
    width: 100%;
    height: 45px;
    font-size: .9rem;
    font-weight: 300;
}

.drm-course, .drm-reserve {
    font-size: 1rem;
    margin-top: 3px;
}

.drm-reserve {
    margin-top: 7px;
}

.drm-course span, .drm-reserve span {
    font-weight: bold;
    color: #4caf50;
    margin-left: 10px;
}

.about-show {
    text-decoration: underline;
    border: none;
    background: transparent;
    outline: none;
    margin: 10px 0;
    color: #6b7bd8;
    position: relative;
}

.about-show:focus, .about-show:active, .about-show:hover {
    text-decoration: none;
    top: 1px;
    outline: none;
}

.copy-to-cb:after {
    content: " \f0ea";
    font-family: FontAwesome;
    margin-left: 0.2em;
    font-size: .9em;
}

.copy-to-cb {
    transition: background .4s ease;
    cursor: pointer;
}

.copy-to-cb:active {
    background: rgba(76, 175, 80, 0.22);
    transition: none;
}

.engineering-works {
    position: relative;
    overflow: hidden;
}

.engineering-works > * {
    filter: blur(1px);
}

.engineering-works-block {
    position: absolute;
    filter: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.74);
}

.ewb-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    font-size: 1.5rem;
    text-align: center;
    width: 100%;
    padding: 0 30px;
}

.ewb-text .down-timer {
    margin-top: 4px;
}

.partner-payout-table__row:nth-child(odd) {
    background: #f7f7f7;
}

.partner-payout-item {
    display: grid;
    padding: 15px;
    grid-template-areas: "header status" "comment status";
    grid-template-columns: 1fr 120px;
    gap: 10px;
}

.partner-payout-item__header {
    grid-area: header;
    display: flex;
    gap: 10px;
}

.partner-payout-item__amount {
    font-weight: bold;
    border-right: 1px solid #9f9f9f;
    padding-right: 9px;
}

.partner-payout-item__comment {
    grid-area: comment;
    margin: 0;
    color: #9f9f9f;
    font-size: 0.9em;
    line-height: 1.2;
    word-wrap: break-word;
}

.partner-payout-item__status {
    grid-area: status;
    align-items: center;
    justify-content: flex-end;
    display: flex;
}

.partner-payout-item__state-complete {
    color: #4caf50;
}

.partner-payout-item__state-new {
    color: #ff9800;
}

@media (max-width: 640px) {
    .ewb-text {
        font-size: 1.3rem;
        margin-top: -30px;
    }

    #header, .directions-mobile, .bblock, .site-article, .site-reviews, .account-page, .result-block {
        margin-bottom: 13px;
    }

    .block-reviews .bblock-header, .bblock-header {
        background: transparent;
        color: #484848;
        padding-left: 0px;
        font-size: 1.2rem;
        text-align: center;
        font-weight: normal;
        text-transform: none;
        border-bottom: 1px dotted #ddd;
        margin-bottom: -5px;
    }

    .bblock-header {
        padding-left: 15px;
    }

    .bblock.news-block .bblock-header {
        padding-bottom: 10px;
        margin-bottom: 0;
    }

    .bblock.reserve-block .bblock-header {
        border-bottom: 0;
        font-size: 1.2rem;
        margin-bottom: 0;
    }

    .block-reviews .bblock-header .fa {
        font-size: 30px;
        margin: 2px -30px 0 15px;
        color: #4caf50;
        float: left;
    }

    #main {
        padding-bottom: 0;
    }

    a.cash-change, a.other-services {
        display: none;
    }

    .about-us {
        text-align: center;
        background: #fff;
        margin-bottom: 13px;
        padding: 15px;
        border-top: none;
    }

    .about-header {
        text-transform: none;
        background: transparent;
        color: #484848;
    }

    .about-text {
        max-height: 240px;
        max-width: 300px;
        overflow: hidden;
        margin: 0 auto;
        position: relative;
    }

    .about-text.show {
        max-height: none;
    }

    .about-text:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 20px;
        box-shadow: inset 0 -31px 20px -20px #fff;
    }

    .about-text.show:after {
        display: none;
    }

    .reserve-show-all {
        margin: 17px 0 10px;
        border: none;
        background: #4caf50;
        color: #fff;
        padding: 0 14px;
        height: 35px;
        border-radius: 4px;
    }

    .reserve-show-all:focus, .reserve-show-all:active, .reserve-show-all:hover {
        background: #75c378;
        outline: none;
    }

    #reserve.show li:last-child {
        border-bottom: none;
    }

    .in-btn .btn {
        height: 35px;
        border-radius: 4px;
    }

    .site-exchange .page-header {
        position: relative;
        padding-right: 40px;
    }

    .site-exchange .page-header .fa {
        position: absolute;
        right: 20px;
        font-size: 30px;
        top: 50%;
        margin-top: -9px;
    }

    .site-exchange .page-header .fa:before {
        content: "\f175";
    }

    .exch-h-service {
        display: block;
        text-align: left;
        background: transparent;
        text-transform: none;
        padding: 1px 0;
        font-size: 1.1rem;
    }

    .small-reserve {
        padding: 6px 0 20px;
        margin-left: -3px;
    }

    .lang-sw-open {
        font-size: 0;
    }

    .site-reviews .page-header {
        text-align: left;
        padding: 0 15px 7px;
    }

    .block-pagination {
        margin: 0;
        border: none;
        padding: 10px;
    }

    .pagination .disabled span {
        background: #e4e4e4;
        box-shadow: inset 1px 1px #ccc;
    }

    .pagination li {
        display: none;
    }

    .pagination .prev, .pagination .next, .pagination .active {
        display: inline-block;
    }

    .site-reviews .pagination {
        display: block;
        width: 100%;
        margin: 0;
        padding: 15px 10px 12px;
        text-align: center;
    }

    .site-error {
        padding: 40px 15px 60px;
        background: #fff;
        margin-bottom: 13px;
    }

    .site-error h1 {
        margin: 15px 0 0;
        font-size: 2rem;
    }

    .site-error .alert {
        margin: 15px 0 30px;
    }

    span.order-form, span.order-to {
        display: block;
    }

    .order-operation {
        padding-top: 10px;
    }

    .order-operation .sep {
        display: none;
    }

    .u-a-item {
        display: block;
        position: relative;
        padding: 8px 15px;
    }

    .u-a-item > div {
        display: block;
        width: auto;
    }

    .u-a-item .u-a-actions {
        position: absolute;
        right: 15px;
        top: 8px;
    }

    .u-a-item .u-a-service {
        margin-left: -2px;
    }

    .order-return {
        margin-top: 0;
        margin-bottom: 13px;
    }

    .order-return .info-header {
        margin: 24px 0 11px;
        font-size: 1.1rem;
    }

    .order-return #order-p-status {
        margin-bottom: 20px;
    }

    .order-continue, .site-exchange {
        margin-bottom: 13px;
    }

    .order-return .order-info, .order-return .customer-info {
        background: #f7f7f7;
    }

    .exchange-from .personal-data .form-control {
        height: 40px;
    }

    .alert {
        margin-bottom: 13px;
    }
}

@media (max-width: 540px) {
    #user-header ul {
        display: block;
    }

    #user-header ul li {
        display: block;
    }

    #user-header ul li + li {
        border-top: 1px solid #e6e6e6;
        border-left: none;
    }

    #user-header a {
        padding: 10px 15px;
        text-transform: none;
        font-size: .9rem;
        font-weight: normal;
        text-align: left;
    }

    #user-header a:hover {
        background: #ececec;
        color: inherit;
    }

    #user-header li.active a, #user-header li.active a:hover {
        background: #f9f9f9;
        color: inherit;
        border-left: 4px solid #4caf50;
        padding-left: 11px;
    }

    .order-return {
        text-align: center;
    }

    .order-return .from_to {
        line-height: 1.3;
        margin-bottom: 5px;
    }

    .order-return .from_to b {
        display: block;
        margin-bottom: 2px;
    }

    .order-return .from_to .si {
        margin-left: -13px;
    }

    .order-return .from_to .fa {
        display: block;
    }

    .order-return .from_to .fa:before {
        display: none;
    }

    .order-return .order-info, .order-return .block-added {
        font-size: .85rem;
    }

    .order-return .summ {
        line-height: 1.8;
    }

    .order-return .block-added {
        margin-top: 20px;
    }

    .order-return .page-header {
        font-size: 1rem;
    }

    .order-partial .partial-info {
        padding: 15px;
    }

    .partial-info ol li:before {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 15px;
        left: -5px;
        top: 0;
        margin-top: 0;
    }

    .partial-info ol li {
        padding-left: 25px;
        margin-bottom: 15px;
    }

    .partner-payout-item {
        display: flex;
        flex-direction: column;
    }

    .partner-payout-item__status {
        justify-content: flex-start;
    }
}

@media (max-width: 424px) {
    .u-o-item {
        text-align: center;
    }

    .u-o-item .order-status {
        position: static;
        padding-top: 10px;
    }

    .order-operation {
        padding-top: 13px;
    }

    .order-date {
        border-left: 1px solid #b9b9b9;
        padding-left: 7px;
        margin-left: 3px;
    }

    .u-a-item {
        text-align: center;
        padding: 12px 15px;
    }

    .u-a-status {
        display: block;
        margin: 4px 0 10px;
    }

    .u-a-item .u-a-actions {
        position: static;
        text-align: center;
    }

    .u-a-item .u-a-service .si {
        margin-left: -9px;
    }

    .order-return .page-header {
        font-size: 1.2rem;
    }

    .order-return .order-date {
        display: block;
        border: none;
        margin: 0;
        padding: 7px 0 0;
        font-size: .9rem;
        color: #a2a2a2;
    }
}