:root {
  --color-page-bg: #040711;
  --color-page-text: #8E94A0;
  --color-dark-block-bg: #121826;
  --color-block-bg: #121826;
  --color-block-border: #4d525c;
  --color-block-icon-bg: #363b47;
  --color-white: #ffffff;
  --color-special-card-bg: #e94e1b;
  --color-button-primary-bg: #e94e1b;
  --color-tip-text: #e94e1b;
  --color-control-bg: #212936;
  --color-green: #21A038;
  --color-blue: #148ACA;
  
  --bs-btn-font-family: "Roboto";
  --bs-secondary-color: #818388;
  --bs-dropdown-color: #ffffff !important;
  --bs-dropdown-bg: #212936 !important;
  
  --color-bs-primary: #e94e1b;
  --color-bs-seconday: #818388;
  --color-bs-success: #21A038;
  --color-bs-danger: #e94e1b;
  --color-bs-warning: #a97811;
  --color-bs-info: #148ACA;
  
  --error-bg-color: #e94e1b;
  --error-color: #ffffff;
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url('bigworld/fonts/roboto.woff2') format('woff2');
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url('bigworld/fonts/roboto-italic.woff2') format('woff2');
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url('bigworld/fonts/roboto-bold.woff2') format('woff2');
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url('bigworld/fonts/roboto-bold-italic.woff2') format('woff2');
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
    font-family: Roboto;
    color: var(--color-page-text);
    background-color: var(--color-page-bg);
}

h1 {
    font-family: Roboto;
    font-size: 4rem;
    font-weight: bold;
    color: var(--color-white);
}

h2 {
    font-family: Roboto;
    font-size: 2.5rem;
    font-weight: bold;
    color: var(--color-white);
}

h3 {
    font-family: Roboto;
    font-size: 2.125rem;
    font-weight: bold;
    color: var(--color-white);
}

h4 {
    font-family: Roboto;
    font-size: 1.625rem;
    font-weight: bold;
    color: var(--color-white);
}

h5 {
    font-family: Roboto;
    font-size: 1.25rem;
    font-weight: bold;
    color: var(--color-white);
}

h6 {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: bold;
    color: var(--color-white);
}

a,
a:active,
a:hover {
    color: var(--color-tip-text);
    text-decoration: none;
}


.form-errors {
    border-color: var(--error-bg-color);
    background-color: var(--error-bg-color);
    border-radius: 10px;
}

.form-control {
    color: var(--color-white) !important;
    background-color: var(--color-control-bg) !important;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.15);
    border-radius: 10px;
}

.form-control.required {
    background-image: url('bigworld/icons/icon-gray-required.svg');
    background-position: calc(100% - 18px) center;
}

.form-check-input:checked {
    background-color: var(--color-button-primary-bg);
    border-color: var(--color-button-primary-bg);
}

.form-check-label {
    color: var(--color-page-text) !important;
}

.dropdown-menu {
    color: var(--color-white);
    background-color: var(--color-control-bg);
}


.dropdown-menu .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>") !important;
}

.dropdown-item,
.dropdown-item:hover,
.dropdown-item:visited,
.bootstrap-select .dropdown-item,
.bootstrap-select .dropdown-item:hover,
.bootstrap-select .dropdown-item:visited {
    color: var(--color-white);
}

.bootstrap-select .no-results {
    background-color: var(--color-bs-seconday);
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--color-white);
    background-color: var(--color-button-primary-bg);
}

.dropdown-item.active {
    background-color: var(--color-button-primary-bg);
}

.bootstrap-select .dropdown-menu li.hover small,
.bootstrap-select .dropdown-menu li.active small {
    color: rgba(255, 255, 255, 0.5) !important;
}

.btn {
    border-style: none;
    border-radius: 10px;
}

.btn-primary {
    color: var(--color-white);
    background-color: var(--color-button-primary-bg);
}

.btn-secondary {
    color: var(--color-white);
    background-color: var(--color-control-bg);
}

.alert {
    border-radius: 24px;
    padding: 24px;
}

.alert-primary {
    --bs-alert-color: var(--color-white);
    --bs-alert-bg: var(--color-dark-block-bg);  
    --bs-alert-border-color: var(--color-bs-primary);
    --bs-alert-link-color: var(--color-tip-text);
}

.alert-secondary {
    --bs-alert-color: var(--color-white);
    --bs-alert-bg: var(--color-bs-seconday);
    --bs-alert-border-color: var(--color-bs-seconday);
    --bs-alert-link-color: var(--color-tip-text);
}

.alert-success {
    --bs-alert-color: var(--color-white);
    --bs-alert-bg: var(--color-bs-success);
    --bs-alert-border-color: var(--color-bs-success);
    --bs-alert-link-color: var(--color-tip-text);
}

.alert-danger {
    --bs-alert-color: var(--color-white);
    --bs-alert-bg: var(--color-bs-danger);
    --bs-alert-border-color: var(--color-bs-danger);
    --bs-alert-link-color: var(--color-tip-text);
}

.alert-warning {
    --bs-alert-color: var(--color-white);
    --bs-alert-bg: var(--color-bs-warning);
    --bs-alert-border-color: var(--color-bs-warning);
    --bs-alert-link-color: var(--color-tip-text);
}

.alert-info {
    --bs-alert-color: var(--color-white);
    --bs-alert-bg: var(--color-block-bg);
    --bs-alert-border-color: var(--color-bs-info);
    --bs-alert-link-color: var(--color-tip-text);
}

.big-world-text-white {
    color: var(--color-white);
}

.big-world-text-small {
    font-size: 0.875rem;
}

.big-world-icon-red-disc {
    background-image: url('bigworld/icons/icon-red-disc.svg');
}


.big-world-icon-red-alert {
    background-image: url('bigworld/icons/icon-red-alert-circle.svg');
}

.big-world-icon-red-briefcase {
    background-image: url('bigworld/icons/icon-red-briefcase.svg');
}

.big-world-icon-red-clock {
    background-image: url('bigworld/icons/icon-red-clock.svg');
}

.big-world-icon-red-coffee {
    background-image: url('bigworld/icons/icon-red-coffee.svg');
}

.big-world-icon-red-file {
    background-image: url('bigworld/icons/icon-red-file.svg');
}

.big-world-icon-red-file-text {
    background-image: url('bigworld/icons/icon-red-file-text.svg');
}

.big-world-icon-red-grid {
    background-image: url('bigworld/icons/icon-red-grid.svg');
}

.big-world-icon-red-home {
    background-image: url('bigworld/icons/icon-red-home.svg');
}

.big-world-icon-red-layers {
    background-image: url('bigworld/icons/icon-red-layers.svg');
}

.big-world-icon-red-lightning {
    background-image: url('bigworld/icons/icon-red-lightning.svg');
}

.big-world-icon-red-mail {
    background-image: url('bigworld/icons/icon-red-mail.svg');
}

.big-world-icon-red-phone-call {
    background-image: url('bigworld/icons/icon-red-phone-call.svg');
}

.big-world-icon-red-question {
    background-image: url('bigworld/icons/icon-red-question.svg');
}

.big-world-icon-red-repeat {
    background-image: url('bigworld/icons/icon-red-repeat.svg');
}

.big-world-icon-red-rewind {
    background-image: url('bigworld/icons/icon-red-rewind.svg');
}

.big-world-icon-red-rotate-cw {
    background-image: url('bigworld/icons/icon-red-rotate-cw.svg');
}

.big-world-icon-red-simple-settings {
    background-image: url('bigworld/icons/icon-red-settings.svg');
}

.big-world-icon-red-simple-shield {
    background-image: url('bigworld/icons/icon-red-simple-shield.svg');
}

.big-world-icon-red-send {
    background-image: url('bigworld/icons/icon-red-send.svg');
}

.big-world-icon-red-shield {
    background-image: url('bigworld/icons/icon-red-shield.svg');
}

.big-world-icon-red-tool {
    background-image: url('bigworld/icons/icon-red-tool.svg');
}

.big-world-icon-red-trash {
    background-image: url('bigworld/icons/icon-red-trash.svg');
}

.big-world-icon-red-truck {
    background-image: url('bigworld/icons/icon-red-truck.svg');
}

.big-world-icon-red-user {
    background-image: url('bigworld/icons/icon-red-user.svg');
}

.big-world-icon-red-wheel {
    background-image: url('bigworld/icons/icon-red-wheel.svg');
}


.big-world-icon-white-clock {
    background-image: url('bigworld/icons/icon-white-clock.svg');
}

.big-world-icon-white-close {
    background-image: url('bigworld/icons/icon-white-close.svg');
}

.big-world-icon-white-file {
    background-image: url('bigworld/icons/icon-white-file.svg');
}

.big-world-icon-white-home {
    background-image: url('bigworld/icons/icon-white-home.svg');
}

.big-world-icon-white-mail {
    background-image: url('bigworld/icons/icon-white-mail.svg');
}

.big-world-icon-white-map {
    background-image: url('bigworld/icons/icon-white-map.svg');
}

.big-world-icon-white-menu {
    background-image: url('bigworld/icons/icon-white-menu.svg');
}

.big-world-icon-white-messanger {
    background-image: url('bigworld/icons/icon-white-messanger.svg');
}

.big-world-icon-white-phone {
    background-image: url('bigworld/icons/icon-white-phone.svg');
}

.big-world-icon-white-save {
    background-image: url('bigworld/icons/icon-white-save.svg');
}

.big-world-icon-white-search {
    background-image: url('bigworld/icons/icon-white-search.svg');
}

.big-world-icon-white-send {
    background-image: url('bigworld/icons/icon-white-send.svg');
}

.big-world-icon-white-sign-in {
    background-image: url('bigworld/icons/icon-white-sign-in.svg');
}

.big-world-icon-white-star {
    background-image: url('bigworld/icons/icon-white-star.svg');
}

.big-world-icon-white-tag {
    background-image: url('bigworld/icons/icon-white-tag.svg');
}

.big-world-icon-white-truck {
    background-image: url('bigworld/icons/icon-white-truck.svg');
}

.big-world-icon-white-user-plus {
    background-image: url('bigworld/icons/icon-white-user-plus.svg');
}

.big-world-icon-white-user {
    background-image: url('bigworld/icons/icon-white-user.svg');
}

.big-world-icon-white-users {
    background-image: url('bigworld/icons/icon-white-users.svg');
}

.big-world-icon-white-vk {
    background-image: url('bigworld/icons/icon-white-vk.svg');
}

.big-world-icon-white-instagram {
    background-image: url('bigworld/icons/icon-white-instagram.svg');
}

.big-world-icon-white-wheel {
    background-image: url('bigworld/icons/icon-white-wheel.svg');
}


.big-world-icon-gray-check-circle {
    background-image: url('bigworld/icons/icon-gray-check-circle.svg');
}

.big-world-icon-gray-lock {
    background-image: url('bigworld/icons/icon-gray-lock.svg');
}

.big-world-icon-gray-mail {
    background-image: url('bigworld/icons/icon-gray-mail.svg');
}

.big-world-icon-gray-more-vert {
    background-image: url('bigworld/icons/icon-gray-more-vertical.svg');
}

.big-world-icon-gray-truck {
    background-image: url('bigworld/icons/icon-gray-truck.svg');
}

.big-world-icon-gray-user {
    background-image: url('bigworld/icons/icon-gray-user.svg');
}


.big-world-icon-blue-clock {
    background-image: url('bigworld/icons/icon-blue-clock.svg');
}

.big-world-icon-blue-mail {
    background-image: url('bigworld/icons/icon-blue-mail.svg');
}

.big-world-icon-green-map-pin {
    background-image: url('bigworld/icons/icon-green-map-pin.svg');
}

.big-world-icon-green-shield {
    background-image: url('bigworld/icons/icon-green-shield.svg');
}

.big-world-navbar-container {
    width: 100%;
    min-height: 78px;
    background-image: url('bigworld/images/top-menu-background.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

.big-world-navbar {
    display: flex;
    flex-wrap: wrap;
    width: 1510px;
    margin: 0px auto;
}

.big-world-header-logo {
    display: block;
    width: 178px;
    height: 78px;
    background-image: url('bigworld/images/logo.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.big-world-top-menu {
}

.big-world-top-menu a,
.big-world-top-menu a:active,
.big-world-top-menu a:hover {
    color: var(--color-white);
}

.big-world-top-dropdown-menu-anchor {
    display: block;
    cursor: pointer;
}

.big-world-top-dropdown-menu-anchor-button {
}

.big-world-top-dropdown-menu-anchor-icon {
    min-width: 32px;
    min-height: 32px;
    width: 32px;
    height: 32px;
    background-image: url('bigworld/icons/icon-white-menu.svg');
    background-position: center center;
    background-repeat: no-repeat;
}

.show .big-world-top-dropdown-menu-anchor-icon {
    background-image: url('bigworld/icons/icon-white-close.svg');
}

.big-world-top-dropdown-menu {
    min-width: 290px;
    padding: 24px;
    background-color: var(--color-dark-block-bg);
    border-radius: 24px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.25);
    margin-bottom: 12px;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.45);
}

.big-world-top-dropdown-menu-section {
    display: block;
    width: 100%;
    font-weight: bold;
    margin: 0px 0px 16px 0px;
    color: var(--color-page-text);
}

.big-world-top-dropdown-menu-item,
.big-world-top-dropdown-menu-item:hover,
.big-world-top-dropdown-menu-item:visited {
    display: block;
    width: 100%;
    min-height: 24px;
    padding: 2px 0px 0px 40px;
    margin: 0px 0px 16px 0px;
    color: var(--color-white);
    background-repeat: no-repeat;
    background-position: left top;
}

.big-world-top-dropdown-menu-logout,
.big-world-top-dropdown-menu-logout:hover,
.big-world-top-dropdown-menu-logout:visited {
    display: block;
    width: 100%;
    padding: 13px 16px;
    text-align: center;
    color: var(--color-white);
    background-color: var(--color-control-bg);
    border-radius: 10px;
}

.big-world-top-right {
    display: flex;
    flex-wrap: wrap;
    margin: 21px 0px 0px auto;
}

.big-world-top-phone {
}

.big-world-top-phone-number {
    color: var(--color-white);
}

.big-world-top-phone-time {
    margin: -5px 0px 0px 0px;
    color: var(--color-white);
    font-size: 0.875rem;
    opacity: 0.5;
}

.big-world-top-social {
    display: block;
    width: 32px;
    height: 32px;
    background-color: rgba(255, 255, 255, 0.15);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 1px 18px;
    border-radius: 10px;
}

.big-world-top-authentication {
    height: 35px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: rgba(255, 255, 255, 0.15);
}

.big-world-top-auth-button,
.big-world-top-auth-button:hover,
.big-world-top-auth-button:visited,
.big-world-top-auth-button-with-icon,
.big-world-top-auth-button-with-icon:hover,
.big-world-top-auth-button-with-icon:visited {
    min-height: 35px;
    margin: 0px 0px 0px 18px;
    color: var(--color-white);
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.15);
    border-radius: 10px;
}

.big-world-top-auth-button,
.big-world-top-auth-button:hover,
.big-world-top-auth-button:visited {
    padding: 5px 16px 0px 16px;
}

.big-world-top-auth-button-with-icon,
.big-world-top-auth-button-with-icon:hover,
.big-world-top-auth-button-with-icon:visited {
    padding: 5px 16px 0px 48px;
    background-position: 16px center;
}

.big-world-navbar-toggler {
    margin: 0px 0px 0px auto;
}

.page-header {
}

.big-world-header-container {
    width: 100%;
    min-height: 575px;
    padding: 60px 0px 0px 0px;
    background-image: url('bigworld/images/page-top-background.webp');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.big-world-minimalistic-header-container {
    width: 100%;
    padding: 60px 0px 60px 0px;
}

.big-world-header {
    width: 892px;
    margin: 0px auto;
}

.big-world-header-tips {
    display: flex;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.big-world-header-tip {
    display: block;
    height: 40px;
    font-size: 16px;
    padding: 8px 14px 0px 40px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.25);
    background-repeat: no-repeat;
    background-position: 12px center;
}

.big-world-header-tip-first {
    margin: 0px 4px 0px 0px;
}

.big-world-header-tip-middle {
    margin: 0px 4px;
}

.big-world-header-tip-last {
    margin: 0px 0px 0px 4px;
}

.big-world-header h1 {
    margin: 32px 0px 0px 0px;
    text-align: center;
}

.big-world-header .dropdown-toggle,
.big-world-header .form-control,
.big-world-header .input-group-text {
    color: var(--color-white);
    border-color: rgba(255, 255, 255, 0.25);
    background-color: var(--color-control-bg) !important;
}

.big-world-button-title-wrap {
    text-align: center
}

.big-world-button-title {
    display: inline-block;
    height: 40px;
    font-size: 16px;
    padding: 8px 18px 0px 18px;
    margin: 0px auto 0px auto;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.25);
    background-repeat: no-repeat;
    background-position: 14px center;
}

.section-search-subtitle {
    margin: 32px 0px;
    text-align: center;
}

.big-world-header-search {
    padding: 24px;
    background-color: var(--color-block-bg);
    border-radius: 24px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.25);
    margin-bottom: 12px;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.45);
}

a.big-world-date-button,
a.big-world-date-button:hover,
a.big-world-date-button:visited {
    display: inline-block;
    min-height: 36px;
    text-decoration: none !important;
    padding: 5px 16px 0px 16px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.25);
}

.big-world-main-part-container {
}

.big-world-article-list-element {
    display: flex;
    background-color: var(--color-dark-block-bg);
    border-width: 1px;
    border-style: solid;
    border-color: var(--color-block-border);
    border-radius: 1.5rem;
    padding: 1.5rem;
    margin: 0px 0px 24px 0px;
}

.big-world-article-list-element-left {
    width: 48px;
    margin-right: 16px;
}

.big-world-article-list-element-icon {
    min-width: 48px;
    max-width: 48px;
    width: 48px;
    height: 48px;
    background-color: var(--color-block-icon-bg);
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 10px;
}

.big-world-article-list-element-data {
    width: calc(100% - 270px);
}

.big-world-article-list-element-right {
    width: 190px;
    margin-left: 16px;
}

.big-world-article-list-element-button-row {
    display: flex;
    flex-wrap: wrap;
}

.big-world-article-list-element-extra-row {
    display: flex;
    margin: 8px 0px;
}

.big-world-article-list-element-extra-label {
    text-align: left;
    font-size: 0.875rem;
}

.big-world-article-list-element-extra-value {
    margin-left: auto;
}

.big-world-article-list-element-status-button {
    text-align: center;
    padding: 8px 16px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.25);
}

.big-world-dropdown-action-menu {
    padding: 24px 24px 8px 24px;
    background-color: var(--color-block-bg);
    border-radius: 24px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.25);
}

.big-world-dropdown-action,
.big-world-dropdown-action:hover,
.big-world-dropdown-action:visited {
    display: block;
    min-height: 24px;
    margin: 0px 0px 16px 0px;
    padding: 2px 0px 0px 40px;
    color: var(--color-white);
    background-repeat: no-repeat;
}

.big-world-grid {
    padding: 24px;
    border-radius: 24px;
    background-color: var(--color-block-bg);
}

.big-world-grid > .row {
    background-color: transparent;
    border-style: none;
    box-shadow: none;
}

.big-world-ticket-time-row {
}

.big-world-ticket-time-value {
    color: var(--color-white);
    vertical-align: top;
}

.big-world-ticket-date-value {
    font-size: 0.875rem;
    vertical-align: top;
    margin: 0px 0px 0px 12px;
}

.big-world-ticket-time-arrow {
    display: inline-block;
    min-width: 24px;
    max-width: 24px;
    width: 24px;
    height: 24px;
    background-image: url('bigworld/icons/icon-red-arrow-right.svg');
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0px 8px;
}

.big-world-ticket-time-range {
    font-size: 0.875rem;
    vertical-align: top;
    margin: 0px 0px 0px 12px;
}

.big-world-ticket-place {
    color: var(--color-green);
    font-size: 0.875rem;
    vertical-align: top;
    margin: 0px 0px 0px 12px;
}

.big-world-flight-place {
    color: var(--color-blue);
    font-size: 0.875rem;
    vertical-align: top;
    margin: 0px 0px 0px 12px;
}

.big-world-article-block {
    background-color: var(--color-block-bg);
    border-width: 1px;
    border-style: solid;
    border-color: var(--color-block-border);
    border-radius: 1.5rem;
    padding: 1.5rem;
    margin: 0px 0px 24px 0px;
}

.big-world-artice-note {
    min-height: 50px;
    font-size: 0.875rem;
    padding: 25px 50px 25px 25px;
    background-color: var(--color-block-bg);
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat;
    border-radius: 50px;
    margin-bottom: 12px;
}

.big-world-left-sidebar {
}

.big-world-right-sidebar {
}

.big-world-sidebar-card,
.big-world-sidebar-special-card {
    border-radius: 24px;
    padding: 24px;
    margin-bottom: 24px;
}

.big-world-sidebar-card {
    background-color: var(--color-block-bg);
    border-width: 1px;
    border-style: solid;
    border-color: var(--color-block-border);
}

.big-world-sidebar-special-card {
    background-color: var(--color-special-card-bg);
}

.big-world-sidebar-special-card a,
.big-world-sidebar-special-card a:hover,
.big-world-sidebar-special-card a:visited {
    color: var(--color-white);
}

.big-world-sidebar-card-head {
    display: flex;
    width: 100%;
    margin: 0px 0px 4px 0px;
}

.big-world-sidebar-card-icon {
    background-repeat: no-repeat;
    background-position: center center;
}

.big-world-sidebar-card .big-world-sidebar-card-icon {
    min-width: 48px;
    max-width: 48px;
    width: 48px;
    height: 48px;
    background-color: var(--color-block-icon-bg);
    border-radius: 10px;
    margin-right: 16px;
}

.big-world-sidebar-card-title {
    display: block;
    padding: 4px 0px;
    color: var(--color-white);
}

.big-world-sidebar-card-title h4 {
    font-size: 1.625rem;
    padding: 0px;
    margin: 0px;
}

.big-world-sidebar-special-card .big-world-sidebar-card-title {
    width: calc(100% - 48px);
    margin-right: 16px;
}

.big-world-sidebar-special-card .big-world-sidebar-card-icon {
    min-width: 32px;
    max-width: 32px;
    width: 32px;
    height: 32px;
}

.big-world-sidebar-special-card .big-world-sidebar-card-body {
    color: var(--color-white);
}

.big-world-sidebar-payment {
}

.big-world-sidebar-payment-label {
    margin: 0px 0px 24px 0px;
}

.big-world-sidebar-payment-row {
    width: 100%;
}

.big-world-sidebar-payment-item {
    text-align: center;
    margin: 0px 0px 24px 0px;
}

.big-world-no-item-notice {
    text-align: center;
    padding: 48px;
    background-color: var(--color-dark-block-bg);
    border-radius: 24px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.25);
    margin: 12px auto;
}

.big-world-no-item-notice-icon {
    width: 96px;
    height: 96px;
    margin: 0px auto;
    border-radius: 48px;
    background-color: var(--color-block-icon-bg);
    background-repeat: no-repeat;
    background-image: url('bigworld/icons/icon-gray-layers.svg');
    background-position: center center;
}

.big-world-no-item-notice-label {
    margin: 36px auto 0px auto;
}

.big-world-button,
.big-world-button:hover,
.big-world-button:visited {
    display: inline-block;
    min-height: 36px;
    text-decoration: none !important;
    padding: 13px 24px;
    border-radius: 10px;
    border-style: none;
}

.big-world-button-with-icon,
.big-world-button-with-icon:hover,
.big-world-button-with-icon:visited {
    display: inline-block;
    min-height: 36px;
    text-decoration: none !important;
    background-repeat: no-repeat;
    background-position: 24px center;
    padding: 13px 24px 13px 60px;
    border-radius: 10px;
    border-style: none;
}

.big-world-red-button,
.big-world-red-button:hover,
.big-world-red-button:visited {
    color: var(--color-white);
    background-color: var(--color-button-primary-bg);
}

.big-world-gray-button,
.big-world-gray-button:hover,
.big-world-gray-button:visited {
    color: var(--color-white);
    background-color: var(--color-control-bg);
}

.big-world-big-button-with-icon,
.big-world-big-button-with-icon:hover,
.big-world-big-button-with-icon:active {
    display: inline-block;
    margin: 36px auto 0px auto;
    color: var(--color-white);
    border-radius: 10px;
    padding: 20px 36px 20px 72px;
    background-color: var(--color-button-primary-bg);
    background-repeat: no-repeat;
    background-position: 36px center;
}

.big-world-button-normal-text {
    font-size: 1rem;
    font-weight: normal;
    vertical-align: text-bottom;
}

.big-world-button-big-text {
    font-size: 1.625rem;
    font-weight: bold;
}

.big-world-sidebar-menu-item,
.big-world-sidebar-menu-item:hover,
.big-world-sidebar-menu-item:visited {
    display: block;
    min-width: 24px;
    max-width: 24px;
    padding: 2px 0px 0px 36px;
    margin: 12px 0px 0px 0px;
    color: var(--color-white);
    background-repeat: no-repeat;
}

.big-world-cabinet-sidebar {
}

.big-world-cabinet-sidebar-menu {
    background-color: var(--color-dark-block-bg);
}

.big-world-cabinet-sidebar-menu-section-title {
    font-weight: bold;
    margin: 12px 0px 0px 0px;
}

.big-world-cabinet-sidebar-menu-item {
    display: block;
    margin: 12px 0px 0px 0px;
}

.big-world-cabinet-sidebar-menu-item-icon {
    display: inline-block;
    min-width: 24px;
    max-width: 24px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 6px;
}

.big-world-cabinet-sidebar-menu-item-link,
.big-world-cabinet-sidebar-menu-item-link:hover,
.big-world-cabinet-sidebar-menu-item-link:visited {
    display: inline-block;
    color: var(--color-white);
    margin-top: 2px;
    vertical-align: top;
}

.big-world-cabinet-sidebar-menu-logout,
.big-world-cabinet-sidebar-menu-logout:hover,
.big-world-cabinet-sidebar-menu-logout:visited {
    display: block;
    width: 100%;
    padding: 13px 16px;
    text-align: center;
    color: var(--color-white);
    background-color: var(--color-control-bg);
    border-radius: 10px;
}

.big-world-cabinet-sidebar-mobile-menu {
    width: 100%;
    margin: 0px 0px 24px 0px;
}

.big-world-cabinet-sidebar-mobile-menu table {
    width: 100%;
    border-style: none;
}

.big-world-cabinet-sidebar-mobile-menu-item-cell {
    max-width: 48px;
    width: 48px;
}

.big-world-cabinet-sidebar-mobile-menu-item {
    display: inline-block;
    min-width: 48px;
    max-width: 48px;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: var(--color-dark-block-bg);
    border-radius: 10px;
}

.big-world-article-head {
    display: flex;
    width: 100%;
    margin: 0px 0px 3rem 0px;
}

.big-world-article-icon {
    min-width: 48px;
    max-width: 48px;
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background-color: var(--color-block-icon-bg);
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 48px;
}

.big-world-article-title h1 {
    font-family: Roboto;
    font-size: 34px;
    font-weight: bold;
    color: var(--color-white);
}

.big-world-brief-step {
    display: flex;
    width: 100%;
}

.big-world-brief-middle-step {
    margin: 0px 0px 3rem 0px;
}

.big-world-brief-step-icon {
    min-width: 32px;
    max-width: 32px;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('bigworld/icons/icon-red-disc.svg');
    margin-right: 1.5rem;
}

.big-world-brief-step-number {
    color: var(--color-tip-text);
}

.big-world-statistic-row {
    display: flex;
    flex-wrap: wrap;
    width: 1152px;
    margin: 0px auto 64px auto;
}

.big-world-statistic-block {
    width: 270px;
    height: 195px;
    text-align: center;
    padding: 24px;
    background-color: var(--color-block-bg);
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.25);
    border-radius: 24px;
}

.big-world-statistic-block-first {
    margin: 0px 12px 0px 0px;
}

.big-world-statistic-block-middle {
    margin: 0px 12px;
}

.big-world-statistic-block-last {
    margin: 0px 0px 0px 12px;
}

.big-world-statistic-block-icon-container {
    width: 48px;
    height: 48px;
    margin: 0px auto 24px auto;
    background-image: linear-gradient(135deg, #C75431, #483255);
    border-radius: 10px;
}

.big-world-statistic-block-icon {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.big-world-statistic-block-number {
    font-size: 0.875rem;
}

.big-world-statistic-block-number h2 {
    margin-bottom: 12px;
}

.big-world-statistic-block-title {
    font-size: 0.875rem;
}

.big-world-page-footer {
    width: 100%;
    min-height: 78px;
    background-image: url('bigworld/images/top-menu-background.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

.big-world-footer-content {
}

.big-world-footer-logo {
    display: block;
    width: 178px;
    height: 78px;
    background-image: url('bigworld/images/logo.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.big-world-footer-vault {
}

.big-world-footer-contact-list {
}

.big-world-footer-contact-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-left: 24px;
    background-color: rgba(255, 255, 255, 0.15);
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 10px;
}

.big-world-footer-contact-label {
    display: inline-block;
    color: var(--color-white);
    min-height: 32px;
    margin-left: 18px;
    margin-top: 5px;
    vertical-align: top;
}

.big-world-footer-foundation {
    min-height: 67px;
    padding: 24px 0px 0px 0px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: rgba(255, 255, 255, 0.15);
}

.big-world-footer-foundation .copyright {
    opacity: 50%;
    color: var(--color-white);
    font-size: 0.875rem;
}

.big-world-footer-links {
    opacity: 50%;
    margin-left: auto;
}

.big-world-footer-links a,
.big-world-footer-links a:hover,
.big-world-footer-links a:visited {
    color: var(--color-white);
    margin-left: 32px;
}

.big-world-modal {
    padding: 48px;
    background-color: var(--color-block-bg);
    border-radius: 24px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.25);
    margin-bottom: 12px;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.45);
}

.big-world-modal-ticket {
    width: 956px;
}

.big-world-modal-top {
    display: flex;
    margin: 0px 0px 24px 0px;
}

.big-world-modal-top-icon,
.big-world-modal-top-close {
    min-width: 48px;
    max-width: 48px;
    width: 48px;
    height: 48px;
    background-color: var(--color-block-icon-bg);
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 10px;
    margin: 0px 48px 0px 0px;
}

.big-world-modal-top-icon {
    margin: 0px 48px 0px 0px;
}

.big-world-modal-top-title {
    padding: 8px 0px 0px 0px;
}

.big-world-modal-top-close {
    display: block;
    margin: 0px 0px 0px auto;
    background-image: url('bigworld/icons/icon-gray-close.svg');
}

.big-world-modal-body {
    margin: 0px 0px 24px 0px;
}

.big-world-modal-bottom {
}

.big-world-ticket-field-name {
    width: 244px;
    padding: 2px 24px 2px 0px;
}

.big-world-ticket-field-value {
    color: var(--color-white);
}

@media screen and (max-width: 939px) {
    .big-world-header {
        width: calc(100% - 48px);
        margin: 0px 24px;
    }
    
    .big-world-header h1 {
        font-size: 1.625rem;
    }
}

@media screen and (min-width: 940px) {
    .big-world-header {
        width: 892px;
        margin: 0px auto;
    }
}

@media (max-width: 1199px) {
    .big-world-navbar {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: 0px 0px 0px auto;
    }
    
    .big-world-top-menu {
        display: none;
    }
    
    .big-world-top-authentication {
        margin: 0px 12px 0px 0px;
        border: none;
    }
    
    .big-world-top-dropdown-menu {
        position: absolute;
        top: 102px;
        left: 24px;
        right: 24px;
    }
    
    .big-world-top-phone,
    .big-world-top-social,
    .big-world-top-dropdown-menu-anchor-button,
    .big-world-top-dropdown-menu-anchor-button:hover,
    .big-world-top-dropdown-menu-anchor-button:visited {
        display: none;
    }
    
    .big-world-top-dropdown-menu-anchor-icon {
        display: block;
    }
}

@media (min-width: 1200px) {
    .big-world-navbar-toggler {
        display: none;
    }
    
    .big-world-top-menu {
        margin: 0px auto;
    }
    
    .big-world-top-phone,
    .big-world-top-social,
    .big-world-top-dropdown-menu-anchor-button,
    .big-world-top-dropdown-menu-anchor-button:hover,
    .big-world-top-dropdown-menu-anchor-button:visited {
        display: block;
    }
    
    .big-world-top-dropdown-menu-anchor-icon {
        display: none;
    }
}

@media screen and (max-width: 1175px) {
    .big-world-header-tips {
        display: none;
    }
    
    .big-world-main-part-container {
        display: block;
        width: calc(100% - 48px);
        margin: 24px;
    }
    
    .big-world-article-container,
    .big-world-article-container-full,
    .big-world-article-container-sided {
    }
    
    .big-world-left-sidebar,
    .big-world-right-sidebar,
    .big-world-cabinet-sidebar {
        margin: 24px 0px 0px 0px;
    }
    
    .big-world-statistic-row {
        width: calc(100% - 48px);
        margin: 0px 24px;
    }

    .big-world-statistic-block {
        width: 100%;
        height: 195px;
    }

    .big-world-statistic-block-first,
    .big-world-statistic-block-middle,
    .big-world-statistic-block-last {
        margin: 24px 0px 0px 0px;
    }
    
    .big-world-page-footer {
        width: 100%;
        margin: 24px 0px 0px 0px;
    }
    
    .big-world-footer-content {
        width: 100%;
        margin: 0px;
    }
    
    .big-world-footer-logo {
        margin: 0px auto;
    }
    
    .big-world-footer-contact-list {
        width: 100%;
        text-align: center;
    }
    
    .big-world-footer-contact-item {
        display: block;
    }
    
    .big-world-footer-foundation {
        text-align: center;
    }
    
    .big-world-footer-links {
        margin: 24px 0px 0px 0px;
    }
    
    .big-world-footer-links a,
    .big-world-footer-links a:hover,
    .big-world-footer-links a:visited {
        display: block;
        margin: 0px 0px 24px 0px;
    }
    
    .big-world-cabinet-sidebar-menu {
        display: none;
    }
    
    .big-world-cabinet-sidebar-mobile-menu {
        display: block;
    }
    
    .big-world-article-list-element {
        display: block;
    }
    
    .big-world-article-list-element-left {
        display: none;
    }
    
    .big-world-article-list-element-data {
        width: 100%;
        margin: 0px 0px 12px 0px;
    }
    
    .big-world-article-list-element-right {
        margin-left: 0px;
    }
}

@media screen and (min-width: 1176px) {
    .page-header {
        margin: 0px 0px 40px 0px;
    }
    
    .big-world-header {
        width: 892px;
        margin: 0px auto;
    }
    
    .big-world-main-part-container {
        display: flex;
        width: 1152px;
        margin: 24px auto 64px auto;
    }
    
    .big-world-article-container-full {
        width: 100%;
    }
    
    .big-world-article-container-sided {
        width: 760px;
    }
    
    .big-world-left-sidebar {
        width: 368px;
        margin: 0px 24px 0px 0px;
    }
    
    .big-world-right-sidebar {
        width: 368px;
        margin: 0px 0px 0px 24px;
    }
    
    .big-world-cabinet-sidebar {
        width: 268px;
        margin: 0px 24px 0px 0px;
    }

    .big-world-cabinet-article-container {
        width: 860px;
        margin: 0px;
    }
    
    .big-world-statistic-row {
        display: flex;
        flex-wrap: wrap;
        width: 1152px;
        margin: 24px auto 40px auto;
    }

    .big-world-statistic-block {
        width: 270px;
        height: 195px;
    }

    .big-world-statistic-block-first {
        margin: 0px 12px 0px 0px;
    }

    .big-world-statistic-block-middle {
        margin: 0px 12px;
    }

    .big-world-statistic-block-last {
        margin: 0px 0px 0px 12px;
    }

    .big-world-footer-vault {
        display: flex;
        flex-wrap: wrap;
    }

    .big-world-footer-contact-list {
        display: flex;
        margin: 23px 0px 0px auto;
    }

    .big-world-footer-foundation {
        display: flex;
        flex-wrap: wrap;
        min-height: 67px;
        padding: 24px 0px 0px 0px;
    }
    
    .big-world-cabinet-sidebar-menu {
        display: block;
    }
    
    .big-world-cabinet-sidebar-mobile-menu {
        display: none;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1529px) {
    .big-world-navbar {
        width: calc(100% - 24px);
        margin: 0px 12px;
    }
}

@media screen and (min-width: 1176px) and (max-width: 1529px) {
    .big-world-footer-content {
        width: calc(100% - 24px);
        margin: 0px 12px;
    }
}

@media screen and (min-width: 1530px) {
    .big-world-navbar {
        width: 1510px;
    }
    
    .big-world-footer-content {
        width: 1510px;
        margin: 0px auto;
    }
}

.big-world-auth-content {
}

.big-world-auth-logo {
    display: block;
    width: 178px;
    height: 78px;
    margin: 0px auto;
    background-image: url('bigworld/images/logo.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.big-world-auth-form-block {
}

.big-world-auth-form-row {
    margin: 24px 0px 0px 0px;
}

.big-world-auth-form-input {
    display: inline-block;
    width: 100%;
    color: var(--color-white);
    padding: 15px 0px 15px 48px;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.25);
    background-color: var(--color-control-bg);
    background-repeat: no-repeat;
    background-position: 12px center;
}

.big-world-auth-form-button {
    display: block;
    width: 100%;
    color: var(--color-white);
    padding: 13px;
    border-radius: 10px;
    border-style: none;
    background-color: var(--color-special-card-bg);
    align-items: center;
}

.big-world-auth-form-button-label-with-icon {
    display: inline-block;
    height: 24px;
    padding: 2px 0px 0px 36px;
    background-repeat: no-repeat;
}

.big-world-auth-form-comment {
    font-size: 0.875rem;
}

.big-world-auth-footer {
    text-align: center;
}

a.big-world-auth-footer-link,
a.big-world-auth-footer-link:hover,
a.big-world-auth-footer-link:visited {
    display: inline-block;
    min-height: 24px;
    color: var(--color-white);
    padding: 2px 0px 0px 36px;
    margin: 16px 0px 0px 0px;
    background-repeat: no-repeat;
}

@media screen and (min-width: 944px) {
    .big-world-auth-page {
        background-image: url('bigworld/images/background-auth.webp');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    
    .big-world-auth-content {
        position: absolute;
        left: 384px;
        width: 368px;
    }
    
    .big-world-auth-form-block {
        padding: 48px;
        background-color: var(--color-block-bg);
        border-radius: 24px;
        border-style: solid;
        border-width: 1px;
        border-color: rgba(255, 255, 255, 0.25);
        box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.45);
    }
}

@media screen and (max-width: 943px) {
    .big-world-auth-page {
        background-color: var(--color-page-bg);
        padding: 0px 28px;
    }
    
    .big-world-auth-content {
    }
}
