@font-face {
  font-family: "Roboto";
  src: url("https://static.e-auksion.uz/fonts/roboto/Roboto-Regular.eot");
  src: local("Roboto"), local("Roboto-Regular"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Regular.woff") format("woff"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("https://static.e-auksion.uz/fonts/roboto/Roboto-Italic.eot");
  src: local("Roboto Italic"), local("Roboto-Italic"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Italic.eot?#iefix") format("embedded-opentype"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Italic.woff") format("woff"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("https://static.e-auksion.uz/fonts/roboto/Roboto-Bold.eot");
  src: local("Roboto Bold"), local("Roboto-Bold"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Bold.woff") format("woff"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("https://static.e-auksion.uz/fonts/roboto/Roboto-BoldItalic.eot");
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-BoldItalic.eot?#iefix") format("embedded-opentype"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-BoldItalic.woff") format("woff"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("https://static.e-auksion.uz/fonts/roboto/Roboto-ThinItalic.eot");
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-ThinItalic.eot?#iefix") format("embedded-opentype"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-ThinItalic.woff") format("woff"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("https://static.e-auksion.uz/fonts/roboto/Roboto-Thin.eot");
  src: local("Roboto Thin"), local("Roboto-Thin"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Thin.woff") format("woff"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("https://static.e-auksion.uz/fonts/roboto/Roboto-Light.eot");
  src: local("Roboto Light"), local("Roboto-Light"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Light.woff") format("woff"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("https://static.e-auksion.uz/fonts/roboto/Roboto-LightItalic.eot");
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-LightItalic.eot?#iefix") format("embedded-opentype"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-LightItalic.woff") format("woff"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("https://static.e-auksion.uz/fonts/roboto/Roboto-Medium.eot");
  src: local("Roboto Medium"), local("Roboto-Medium"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Medium.woff") format("woff"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("https://static.e-auksion.uz/fonts/roboto/Roboto-MediumItalic.eot");
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-MediumItalic.eot?#iefix") format("embedded-opentype"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-MediumItalic.woff") format("woff"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("https://static.e-auksion.uz/fonts/roboto/Roboto-Black.eot");
  src: local("Roboto Black"), local("Roboto-Black"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Black.woff") format("woff"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("https://static.e-auksion.uz/fonts/roboto/Roboto-BlackItalic.eot");
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-BlackItalic.eot?#iefix") format("embedded-opentype"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-BlackItalic.woff") format("woff"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
body {
  color: #023581;
  font-family: Roboto, sans-serif;
}

a {
  text-decoration: none;
  color: #023581;
}

.page-width {
  width: 100%;
  padding-left: 150px;
  padding-right: 150px;
}

.clear {
  clear: both;
}

.ea-bg-blue {
  background-color: #EBF3FF;
}

.ea-bg-btn-blue {
  background-color: #023581;
}

.text-eablue {
  color: #023581;
}

.bg-eablue {
  background: #023581;
}

.ea-btn-blue {
  color: #ffffff;
  background-color: #023581 !important;
  padding-left: 40px;
  padding-right: 40px;
  line-height: 36px;
  border: 1px solid #023581;
}

.ea-btn-blue:active,
.ea-btn-blue:hover,
.ea-btn-blue:focus,
.ea-btn-blue:active:focus,
.ea-btn-blue:active:hover {
  color: #023581 !important;
  border-color: #023581 !important;
  background-color: #ffffff !important;
}

.ea-btn-blue:hover > .q-focus-helper {
  background-color: #ffffff !important;
}

.ea-btn-border-blue {
  color: #023581 !important;
  background-color: #ffffff !important;
  padding-left: 40px;
  padding-right: 40px;
  line-height: 36px;
  border: 1px solid #023581;
}

.ea-btn-border-blue:active,
.ea-btn-border-blue:hover,
.ea-btn-border-blue:focus,
.ea-btn-border-blue:active:focus,
.ea-btn-border-blue:active:hover {
  color: #ffffff !important;
  border-color: #023581 !important;
  background-color: #023581 !important;
}

.ea-btn-border-blue:hover > .q-focus-helper {
  background-color: #023581 !important;
}

.text-blue-color {
  color: #023581;
}

.blackAndWhite {
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.blackAndWhiteInvert,
.blackAndWhiteInvert img,
.blackAndWhiteInvert embed,
.blackAndWhiteInvert video {
  -moz-filter: grayscale(100%) invert(100%);
  -o-filter: grayscale(100%) invert(100%);
  filter: grayscale(100%) invert(100%);
}

.ea-breadcrumbs {
  padding-top: 15px;
  font-size: 16px;
  letter-spacing: 0.5px;
}

.text-line-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  box-orient: vertical;
}

.text-line-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  box-orient: vertical;
}

.text-line-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  box-orient: vertical;
}

.letter-space-05 {
  letter-spacing: 0.5px;
}

.ea-select-line-1 .q-field__native span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  box-orient: vertical;
}

.ea-info-alert {
  background-color: #cce6ff;
  border-radius: 4px;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 24px;
  font-size: 1em;
  border: 1px solid rgba(25, 118, 210, 0.3);
  letter-spacing: 0.5px;
  text-align: justify;
}

.ea-success-alert {
  background-color: #c1f4cd;
  border-radius: 4px;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 24px;
  font-size: 1em;
  border: 1px solid #21ba45;
  letter-spacing: 0.5px;
  color: #000000;
}

.ea-warning-alert {
  background-color: #f9e09b;
  border-radius: 4px;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 24px;
  font-size: 1em;
  border: 1px solid #f2c037;
  letter-spacing: 0.5px;
  color: #000000;
}

.ea-error-alert {
  background-color: #ffc0c6;
  border-radius: 4px;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 24px;
  font-size: 1em;
  border: 1px solid #c10015;
  letter-spacing: 0.5px;
  color: #000000;
}

.font-14 {
  font-size: 14px !important;
}

.font-15 {
  font-size: 15px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-18 {
  font-size: 18px !important;
}

.font-19 {
  font-size: 19px !important;
}

.font-20 {
  font-size: 20px !important;
}

.beta_version {
  padding: 5px 16px;
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
}

.beta-version-icon {
  display: none;
}

.ea-page-container {
  min-height: calc(100vh - 170px);
  padding-bottom: 0;
}

.ea-header {
  color: #023581;
  border-bottom: 1px solid rgba(3, 58, 141, 0.2);
}

.logo-img label {
  line-height: 0.7;
}

.logo-img img {
  height: 34px;
}

.ea-header-toolbar {
  min-height: 50px;
}

.ea-header-title {
  font-size: 17px;
  margin-right: 15px;
  line-height: 34px;
}

.ea-header-title i {
  font-size: 20px;
  margin-top: -3px;
}

.ea-header-title img {
  margin-top: -3px;
  width: 30px;
}

.special_facilities.q-item {
  min-height: 34px;
}

.special_facilities .q-item__label {
  font-size: 16px;
}

.special_facilities .q-item__label img {
  margin-top: -3px;
  width: 30px;
}

.special_facilities:hover {
  cursor: pointer;
}

.special_facilities_menu {
  min-width: 300px;
  border-top: 4px solid #023581;
}

.ea-header-language {
  border: 1px solid #023581;
  margin-top: 8px;
  margin-bottom: 8px;
}

.menu-language {
  color: #023581;
  height: 34px;
}

.menu-language .q-icon {
  margin-left: 0;
}

.menu-language-img {
  width: 22px;
  color: #023581;
}

.ea-header-buttons {
  height: 34px;
  margin-left: 20px;
}

.ea-header-buttons:active,
.ea-header-buttons:hover,
.ea-header-buttons:focus,
.ea-header-buttons:active:focus,
.ea-header-buttons:active:hover {
  color: #ffffff !important;
  border-color: #023581 !important;
  background-color: #023581 !important;
}

.ea-header-buttons:hover > .q-focus-helper {
  background-color: #023581 !important;
}

.ea-header-logo {
  height: 35px;
  margin: 0 0;
}

.ea-menu-div {
  float: right;
}

.ea-menu-div .ea-menu-link {
  font-size: 18px;
  padding: 20px 0;
  margin-left: 30px;
  font-weight: normal;
}

.ea-menu-div .ea-menu-link:hover > .q-focus-helper {
  background: none !important;
}

.ea-menu-div .ea-menu-link > .q-btn__wrapper {
  padding-left: 0;
  padding-right: 0;
}

.ea-menu-div .ea-menu-link-demo {
  background: #DEE9FF !important;
  font-size: 18px;
  margin-left: 30px;
  font-weight: normal;
}

.ea-menu-div .ea-menu-link-demo .q-btn__wrapper {
  min-height: 1.2em;
  padding: 2px 15px;
}

.profile-item .profile-title {
  font-size: 14px;
  max-width: 250px;
}

.profile-dropdown-title {
  max-width: 100px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  box-orient: vertical;
}

/****My Auction Page****/
.my-auction-section {
  margin-top: 30px;
}

.my-mobile-section {
  margin-top: 10px;
}

.cabinet-page-title {
  font-size: 20px;
}

.lots-list-content {
  padding: 10px;
}

.my-auction-section .cabinet-profile-div {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  padding: 0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #fff;
  margin-right: 40px;
}

.cabinet-profile-div .profile-data {
  padding: 0 24px 16px 24px;
}

.cabinet-profile-div .profile-image-div {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  overflow: hidden;
  position: relative;
  font-size: 100px;
}

.cabinet-profile-div .profile-name-title {
  font-size: 20px;
}

.cabinet-profile-div .profile-attributes .profile-attribute-title {
  font-size: 16px;
  margin-bottom: 15px;
  color: #023581;
}

.cabinet-profile-div .game-profile-title {
  font-size: 18px;
}

.cabinet-lots .lot-view-hover {
  margin-bottom: 20px;
  padding: 10px 10px 10px 10px;
  box-shadow: 0px 0px 4px 2px rgba(64, 74, 139, 0.16);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #fff;
}

.cabinet-lots .lot-view-hover:hover {
  background-color: #FFFAEE;
  border-color: #E9AC1C;
}

.cabinet-lots .lot-view a {
  color: #023581;
}

.cabinet-lots .lot-img-div {
  width: 220px;
  height: 150px;
  position: relative;
  float: left;
}

.cabinet-lots .lot-img-div img:first-child {
  /*width: 100%;*/
}

.cabinet-lots .lot-img-div .lot-bottom-icon {
  position: absolute;
  bottom: 7px;
  right: 7px;
  width: 17px;
}

.cabinet-lots .lot-img-div .start-auksion-icon {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 5px;
  left: 5px;
}

.cabinet-lots .lot-attribute-div {
  margin-top: 10px;
  margin-left: 20px;
  width: calc(100% - 240px);
  float: left;
}

.cabinet-lots .lot-attribute-div .attribute-1 {
  width: calc(70% - 200px);
  float: left;
}

.cabinet-lots .lot-attribute-div .attribute-2 {
  width: calc(30% - 20px);
  float: left;
  margin-left: 20px;
}

.cabinet-lots .lot-attribute-div .lot-title {
  font-size: 14px;
  color: #303031;
  letter-spacing: 0.5px;
  margin-bottom: 0;
}

.cabinet-lots .lot-attribute-div .lot-value {
  font-size: 16px;
  margin-bottom: 10px;
}

.cabinet-lots .lot-attribute-div .attribute-button {
  text-align: center;
  width: 200px;
  float: right;
  letter-spacing: 0.5px;
  padding: 0 16px;
}

.my-auction-contdown {
  padding-top: 10px;
  padding-bottom: 10px;
}

.my-auction-contdown > i {
  float: left;
  font-size: 16px;
  margin-top: 4px;
}

.my-auction-contdown .vuejs-countdown .digit {
  border: none;
  padding: 0;
  margin-bottom: 0;
  width: 20px;
  font-size: 18px;
  color: #023581;
  font-weight: bold;
  border-radius: unset;
}

.my-auction-contdown .vuejs-countdown li:after {
  top: -2px;
  right: -12px;
  font-size: 18px;
}

.my-auction-contdown .vuejs-countdown .text {
  font-size: 8px;
  text-transform: none;
}

.my-auction-contdown .vuejs-countdown li {
  margin: 0 10px;
}

.refresh-info {
  font-size: 16px;
  padding: 18px;
  background: #ebf3ff;
  background: linear-gradient(90deg, #ebf3ff 0%, white 53%, #ebf3ff 100%);
}

.time-spinner {
  margin-top: -2px;
}

.warning-div {
  background-color: #023581;
  padding: 25px 40px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  text-align: center;
}

/**** Mobile version ***/
.lot-img-mobile {
  width: 100%;
  height: 80px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.lot-title-mobile {
  font-size: 16px;
  font-weight: 400;
}

.lot-number-mobile {
  font-size: 16px;
  font-weight: bold;
}

.mobile-countdown {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.lot-status-mobile {
  font-size: 15px;
  font-weight: bold;
}

.mobile-arrow {
  position: fixed;
  width: 100%;
  top: 0;
  padding: 4px 20px;
  z-index: 1;
  background: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  color: #000000;
  font-weight: 400;
}

.mobile-arrow-title {
  font-size: 18px;
  padding-left: 20px;
}

/*****Game Page*****/
.ea-game-section .ea-auksion-left-sidebar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-right: 24px;
}

.ea-auksion-left-sidebar .lot-menu-title {
  display: none;
}

.other-auction-menu-title .sub-menu-icon {
  display: none;
}

.ea-game-section .lot-information-div {
  padding: 20px 20px 20px 20px;
}

.ea-game-section .ea-lot-card-image {
  width: 100%;
  height: 300px;
}

.ea-game-section .current-lots-div {
  padding: 0 15px;
}

.ea-game-section .lot-inf-img {
  width: 100%;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.ea-game-section .lot-basic-inf {
  margin-top: 20px;
  font-size: 18px;
}

.ea-game-section .lot-basic-inf div {
  width: 100%;
  min-height: 30px;
}

.ea-game-section .lot-information-div .q-list .q-item__section--avatar {
  min-width: 37px;
}

.ea-game-section .lot-information-div .lot-basic-inf img {
  margin-right: 10px;
  margin-top: 4px;
  float: left;
}

.ea-game-section .lot-information-div .lot-basic-inf span {
  width: calc(100% - 35px);
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.ea-game-section .lot-inf-score {
  width: 100%;
  float: right;
  border: 1px solid #023581;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-top: 20px;
}

.ea-game-section .lot-inf-score p {
  text-align: center;
  margin-bottom: 0;
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.right-block-title-line {
  height: 4px;
  width: 100px;
  margin-top: 2px;
  background-color: #E9AC1C;
}

.ea-game-section .lot-inf-score .score-value {
  background-color: #023581;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

.ea-game-section .lot-inf-score .score-value label {
  font-size: 14px;
  font-weight: normal;
}

.my-lot-title {
  line-height: 1.2;
}

.lot-information-div .my-lot-title {
  margin-bottom: 0px;
  margin-top: 20px;
  font-size: 18px;
}

.current-lots-div .lot-inf-view {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid rgba(0, 4, 33, 0.2);
  box-shadow: 0px 0px 10px -2px rgba(0, 4, 33, 0.2);
  margin-top: 15px;
}

.lot-inf-view .inf-img-div {
  width: 20%;
  float: left;
  margin: 2% 0 2% 2%;
}

.lot-inf-view .inf-attribute-div {
  width: 73%;
  margin-left: 5%;
  margin-top: 7px;
  float: left;
}

.lot-inf-view .inf-attribute-div > div {
  margin-bottom: 3px;
}

.lot-inf-view .inf-attribute-div img {
  width: 16px;
  margin-bottom: -3px;
}

.lot-inf-view .inf-attribute-div label {
  margin-left: 5px;
}

.lot-information-div .lot-inf-view .inf-img-div img {
  width: 100%;
}

.lot-effect {
  animation: colorchange 1s linear 1s infinite;
  -webkit-animation: colorchange 1s linear 0s infinite alternate;
}

@keyframes colorchange {
  0% {
    border-color: #fce6ea;
    box-shadow: 0px 0px 10px -2px #fce6ea;
  }
  33% {
    border-color: #ffb8ba;
    box-shadow: 0px 0px 10px -2px #ffb8ba;
  }
  66% {
    border-color: #e04848;
    box-shadow: 0px 0px 10px -2px #e04848;
  }
  100% {
    border-color: #e50808;
    box-shadow: 0px 0px 10px -2px #e50808;
  }
}
.list-rates {
  margin-top: 20px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.list-rates .number-background {
  float: left;
  background-color: #fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  /*border: 1px solid #fff;*/
}

.list-rates .number-background .number-client {
  margin: 10px;
  text-align: center;
  color: #023581;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  box-shadow: 0px 0px 8px -2px rgba(0, 4, 33, 0.2);
}

.list-rates .price-left {
  float: left;
}

.list-rates .price-right {
  text-align: right;
  float: right;
}

.auto-bid-icon {
  position: absolute;
  top: 5px;
  left: 5px;
}

.first-price {
  background-color: #023581;
  height: 100px;
  padding: 15px;
  margin-top: 0px;
  position: relative;
}

.first-price .number-background {
  margin-top: -25px;
  width: 120px;
  height: 120px;
}

.first-price .number-client {
  margin: 10px;
  width: 100px;
  height: 100px;
  line-height: 100px;
  font-size: 24px;
}

.first-price .price-left {
  width: calc(50% - 60px);
}

.first-price .price-left img {
  margin-top: 5px;
  width: 50px;
  float: left;
}

.first-price .price-left p {
  width: calc(100% - 60px);
  float: left;
  margin: 0px 0px 0px 10px;
  color: #fff;
}

.first-price .price-left .price-title {
  font-size: 18px;
  font-weight: 500;
}

.first-price .price-left > p:last-child {
  font-size: 14px;
  font-weight: 400;
}

.first-price .price-right {
  width: calc(50% - 70px);
  line-height: 70px;
}

.first-price .price-right p {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.first-price .price-right p span {
  font-size: 16px;
  font-weight: 400;
  margin-left: 5px;
}

.first-price .price-right .time-price {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin-left: 15px;
  position: absolute;
  right: 15px;
  top: -15px;
}

.first-price .price-right .time-price > i {
  margin-right: 5px;
}

.second-price {
  background-color: #b6caf3;
  height: 80px;
  padding: 10px 15px;
  position: relative;
}

.second-price .number-background {
  margin-top: -20px;
  width: 100px;
  height: 100px;
}

.second-price .number-client {
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 20px;
}

.second-price .price-left {
  width: calc(50% - 50px);
}

.second-price .price-left img {
  margin-top: 10px;
  width: 40px;
  float: left;
}

.second-price .price-left p {
  width: calc(100% - 50px);
  float: left;
  margin: 0px 0px 0px 10px;
  color: #023581;
}

.second-price .price-left .price-title {
  margin-top: 5px;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
}

.second-price .price-right {
  width: calc(50% - 50px);
  line-height: 60px;
}

.second-price .price-right p {
  font-size: 22px;
  font-weight: 500;
  color: #023581;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.second-price .price-right p span {
  font-size: 16px;
  font-weight: 400;
  margin-left: 5px;
}

.second-price .price-right .time-price {
  font-size: 16px;
  font-weight: 400;
  margin-left: 15px;
  position: absolute;
  right: 15px;
  top: -15px;
}

.second-price .price-right .time-price > i {
  margin-right: 5px;
}

.other-price {
  background-color: #EFF1F5;
  height: 60px;
  padding: 10px 15px;
  position: relative;
}

.other-price .number-background {
  margin-top: -20px;
  width: 80px;
  height: 80px;
}

.other-price .number-client {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
}

.other-price .price-left {
  width: calc(50% - 40px);
  line-height: 40px;
  min-height: 40px;
}

.other-price .price-left img {
  margin-top: 10px;
  width: 25px;
  float: left;
}

.other-price .price-left span {
  width: calc(100% - 45px);
  margin: 0px 10px 0px 10px;
  color: #023581;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.other-price .price-right {
  width: calc(50% - 45px);
}

.other-price .price-right p {
  line-height: normal;
  font-size: 20px;
  font-weight: 500;
  color: #023581;
  margin-bottom: 0;
  margin-top: 15px;
}

.other-price .price-right p span {
  font-size: 16px;
  font-weight: 400;
  margin-left: 5px;
}

.other-price .price-right .time-price {
  font-size: 14px;
  font-weight: 400;
  margin-left: 15px;
  position: absolute;
  right: 15px;
  top: 3px;
}

.other-price .price-right .time-price > i {
  margin-right: 5px;
}

.lot-list-pagination .bg-primary {
  background-color: #023581 !important;
}

.lot-list-pagination .text-primary {
  color: #023581 !important;
}

.auksion-right-sidebar {
  margin-left: 24px;
}

.auksion-right-sidebar .auksion-timer-div {
  padding-bottom: 15px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.auksion-timer-div .auksion-timer-title {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  padding: 0 10%;
}

.auksion-count-div {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 20px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.auksion-count-div .auksion-timer-count {
  padding: 5px 20px;
  font-size: 15px;
}

.auksion-count-div .auksion-timer-count img {
  width: 19px;
  text-align: center;
}

.auksion-count-div .auksion-timer-count label {
  float: right;
  font-weight: bold;
}

.auksion-right-sidebar .confirmation-offer-div {
  background-color: #023581;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-top: 20px;
  padding: 20px 30px;
}

.auksion-right-sidebar .confirmation-offer-div.from-app-confirm {
  bottom: 0 !important;
}

.confirmation-offer-div .confirmation-price-div {
  background-color: #fff;
  font-size: 16px;
  text-align: center;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding-top: 15px;
  padding-bottom: 10px;
}

.confirmation-price-div p {
  margin-bottom: 0;
}

.confirmation-price-liner {
  margin-top: 20px;
}

.confirmation-price-liner div {
  width: 20px;
  height: 20px;
  border: 1px solid #023581;
  background-color: #023581;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

.confirmation-price-liner div:first-child {
  float: left;
  margin-left: -11px;
  margin-top: -11px;
}

.confirmation-price-liner div:last-child {
  float: right;
  margin-right: -11px;
  margin-top: -21px;
}

.confirmation-price-liner hr {
  border-top: 1px dashed rgba(3, 58, 141, 0.5);
  width: 90%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.confirmation-price-div .confirmation-price {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
}

.confirmation-price-div .confirmation-sum {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}

/*********Result Page**********/
.result-section .result-title {
  font-size: 20px;
}

.aks-lot-item {
  padding: 15px 25px;
  min-height: 35px;
}

.aks-lot-title {
  font-size: 18px;
}

.ea-result-toolbar {
  background-color: #023581;
  padding-left: 25px;
  padding-right: 25px;
}

.ea-result-toolbar .q-toolbar__title {
  font-weight: bold;
}

.result-card .gold-card {
  background: #b78000;
  background: linear-gradient(135deg, #b78000 0%, #fff5b5 17%, #eeb620 34%, #fff6bc 50%, #e9ac1c 66%, #ffe57d 83%, #e9ac1c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b78000", endColorstr="#e9ac1c", GradientType=1);
}

.result-card .silver-card {
  background: #69758e;
  background: linear-gradient(135deg, #69758e 0%, white 17%, #a5a7be 34%, white 50%, #bdc2d4 66%, white 83%, #c8cad1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#69758e", endColorstr="#c8cad1", GradientType=1);
}

.result-card .no-winner-card {
  background-color: #DEE9FF;
}

.result-card .result-card-sum-title {
  font-size: 16px;
}

.result-card .result-card-sum-value {
  font-size: 18px;
  font-weight: bold;
}

.result-card-alert {
  font-size: 18px;
  font-weight: bold;
}

.result-protocol-list .q-item {
  min-height: 30px;
}

.aks-lot-view-icon {
  padding-right: 16px;
  min-width: auto;
}

.aks-lot-number {
  padding: 5px !important;
}

/****Countdown****/
.vuejs-countdown {
  padding: 0;
  margin: 0;
}

.vuejs-countdown li {
  display: inline-block;
  margin: 0 8px;
  text-align: center;
  position: relative;
}

.vuejs-countdown li p {
  margin: 0;
}

.vuejs-countdown li:after {
  content: ":";
  position: absolute;
  top: 0;
  right: -13px;
  font-size: 32px;
}

.vuejs-countdown li:first-of-type {
  margin-left: 0;
}

.vuejs-countdown li:last-of-type {
  margin-right: 0;
}

.vuejs-countdown li:last-of-type:after {
  content: "";
}

.vuejs-countdown .digit {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 0;
}

.vuejs-countdown .text {
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 10px;
}

.vuejs-countdown .digit {
  display: block;
  color: #023581;
  padding: 10px;
  border-radius: 100px;
  width: 72px;
  margin-bottom: 10px;
}

.ea-countdown {
  text-align: center;
}

.from-app.ea-countdown {
  top: 50px !important;
}

.ea-countdown .vuejs-countdown .digit {
  padding: 0;
  width: 70px;
  margin-bottom: 0;
  font-size: 60px;
  color: #023581;
  font-weight: bold;
  border-radius: unset;
  text-shadow: 0px 8px 6px rgba(4, 0, 67, 0.36);
}

.ea-countdown .vuejs-countdown li:after {
  top: -5px;
  right: -15px;
  font-size: 60px;
  text-shadow: 0px 8px 6px rgba(4, 0, 67, 0.36);
}

/***** Like Lots Countdown *****/
.like-lots-countdown {
  margin-right: 20px;
}

.like-lots-countdown .vuejs-countdown .digit {
  padding: 0;
  width: 10px;
  margin-bottom: 0;
  font-size: 16px;
  color: #023581;
  font-weight: bold;
  border-radius: unset;
}

.like-lots-countdown .vuejs-countdown li:after {
  top: -2px;
  right: -14px;
  font-size: 16px;
}

/***** My-auction page timer *****/
.my-auction-timer {
  border: 1px solid rgba(0, 0, 0, 0.3);
  width: 30px;
  height: 30px;
  padding: 3px 9px 0 0;
  margin-top: -3px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

.my-auction-timer .vuejs-countdown .digit {
  padding: 0;
  width: 10px;
  margin-bottom: 0;
  font-size: 16px;
  color: #023581;
  font-weight: bold;
  border-radius: unset;
}

.my-auction-timer .vuejs-countdown li:after {
  top: -2px;
  right: -14px;
  font-size: 16px;
}

/******* Right Sidebar *****/
.auksion-right-sidebar .proven-price-div {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-top: 20px;
  padding-bottom: 15px;
}

.auksion-right-sidebar .proven-price-div .current_uzs {
  font-size: 16px;
  font-weight: 400;
}

.auksion-right-sidebar .proven-price-div .current_user_stavka {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}

.confirm_price_btn {
  /*border: 1px solid #fff;*/
}

/**** btn one ***/
.confirm_price_btn.btn_one {
  padding: 10px 10px;
  line-height: 1.2;
}

.confirm_price_btn.btn_one .confirm_price_btn_title {
  font-size: 20px;
  width: calc(100% - 50px);
}

.confirm_price_btn.btn_one .confirm_price_btn_img {
  width: 30px;
  margin: 0 10px;
}

/**** btn all ***/
.btn_all_div {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #ffffff;
}

.confirm_price_btn.btn_all {
  padding: 2px 10px;
  line-height: 1.2;
}

.confirm_price_btn.btn_all .confirm_price_btn_title {
  font-size: 20px;
  width: calc(100% - 50px);
}

.confirm_price_btn.btn_all .confirm_price_btn_img {
  width: 24px;
}

.ea-game-page.from-app-page {
  margin-bottom: 180px;
  margin-top: 100px;
}

/***Footer***/
.ea-footer {
  margin-top: 30px;
  margin-bottom: 20px;
}

.footer-left-div {
  color: #023581;
}

.footer-right-div {
  color: #023581;
}

.footer-right-div .phone-div {
  float: left;
}

.footer-right-div .phone2 {
  font-size: 33px;
  font-weight: bold;
  float: right;
}

.footer-right-div .phone1 {
  padding-top: 28px;
  padding-right: 5px;
  float: right;
}

.footer-right-div .phone-icon1 {
  float: right;
  width: 50px;
  height: 50px;
  margin-right: 25px;
  background-color: rgba(111, 212, 84, 0.3);
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

.footer-right-div .phone-div > .phone-icon1 > .phone-icon2 {
  width: 40px;
  height: 40px;
  margin-top: 5px;
  margin-left: 5px;
  padding-top: 5px;
  padding-left: 5px;
  background-color: rgba(111, 212, 84, 0.5);
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

.footer-right-div .phone-div > .phone-icon1 > .phone-icon2 > .phone-icon3 {
  width: 30px;
  height: 30px;
  background-color: #6fd454;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-align: center;
  color: #fff;
}

.footer-right-div i {
  line-height: 30px;
}

.footer-left-div .social-title {
  float: right;
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
  margin: 26px 10px 0 0;
}

.footer-left-div .social-icons-div {
  float: left;
}

.footer-left-div .social-icons-div .social-icon {
  width: 30px;
  height: 30px;
  float: right;
  margin-right: 55px;
}

.footer-left-div .social-icons-div .social-icon img {
  width: 100%;
}

.footer-left-div .social-icons-div .social-icon a {
  width: 100%;
  height: 100%;
}

.footer-copyright {
  margin-bottom: 20px;
  width: 400px;
}

.footer-menu {
  margin-bottom: 20px;
}

.footer-menu a {
  font-size: 16px;
  font-weight: bold;
  margin-right: 20px;
  text-decoration: none;
  color: #023581;
}

.order-view-img {
  width: 300px;
  float: left;
}

.online-chat {
  cursor: pointer;
  min-width: 270px;
  transform: rotate(270deg);
  position: fixed;
  bottom: 121px;
  right: -105px;
  padding: 15px 30px;
  background-color: #023581;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
}

.chat-title {
  font-size: 20px;
  color: #ffffff;
}

.chat-title i {
  padding-right: 10px;
}

.mobile-footer {
  display: none;
}

.mobile-footer .footer-btn-label {
  font-weight: normal;
}

.mobile-footer .q-btn-dropdown--simple .q-btn-dropdown__arrow {
  display: none;
}

/************Responsivlik************/
/* Extra Large devices (extra large desktops, 1600px and up) */
@media (max-width: 1600px) {
  /****** Base layout*****/
  .page-width {
    padding-left: 100px;
    padding-right: 100px;
  }

  /******* My game Page *******/
  .cabinet-profile-div .profile-name-title {
    font-size: 18px;
  }

  .cabinet-profile-div .profile-image-div {
    font-size: 80px;
  }
}
/* Extra Large devices (extra large desktops, 1500px and up) */
@media (max-width: 1500px) {
  /************ Base Page **************/
  .cabinet-profile-div .cabinet-profile-title {
    font-size: 16px;
  }

  /*********** Auction Page ************/
  .auksion-timer-div .text-subtitle1 {
    line-height: 1.1;
  }

  .confirmation-price-div .confirmation-price {
    line-height: 1;
  }

  .auksion-right-sidebar .proven-price-div .current_user_stavka {
    font-size: 22px;
  }

  .confirmation-price-div .confirmation-price {
    font-size: 24px;
  }
}
/* Large devices (large desktops, 1400px and up) */
@media (max-width: 1400px) {
  /****** Base layout*****/
  .page-width {
    padding-left: 40px;
    padding-right: 40px;
  }

  /******** My game Page **********/
  .my-auction-section .cabinet-profile-div {
    margin-right: 30px;
  }

  .cabinet-profile-div .profile-data {
    padding: 0 10px 10px 10px;
  }

  /************ Auction *************/
  .first-price .price-right p {
    font-size: 20px;
  }

  .first-price .price-left .price-title {
    font-size: 16px;
  }

  .first-price .price-left > p:last-child {
    font-size: 13px;
  }

  .second-price .price-left .price-title {
    font-size: 14px;
    line-height: 1.2;
  }

  .second-price .price-right p {
    font-size: 18px;
  }

  .second-price .price-right p span {
    font-size: 14px;
  }

  .second-price .price-right .time-price {
    font-size: 14px;
  }

  .other-price .price-left span {
    font-size: 13px;
  }

  .other-price .price-right p {
    font-size: 16px;
  }

  .other-price .price-right p span {
    font-size: 12px;
  }

  .other-price .price-right .time-price {
    font-size: 12px;
  }

  .auksion-count-div .auksion-timer-count {
    padding: 5px 10px;
    font-size: 14px;
  }

  .auksion-right-sidebar .confirmation-offer-div {
    padding: 10px 10px;
  }
}
/* Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {
  /****** Base layout*****/
  .page-width {
    padding-left: 20px;
    padding-right: 20px;
  }

  /********* Header ************/
  .ea-header-toolbar.q-toolbar {
    min-height: 40px;
  }

  .logo-img.q-item {
    min-height: 30px;
    padding: 0 5px;
  }

  .logo-img img {
    height: 30px;
  }

  .q-item__section--side > .q-avatar.profile-menu-img {
    font-size: 25px;
  }

  .profile-item {
    min-height: 30px;
  }

  .profile-item .profile-title {
    font-size: 12px;
    line-height: 1;
  }

  .profile-item .profile-caption {
    margin-top: 0;
    font-size: 10px;
  }

  .special-facilities-ttile {
    display: none;
  }

  .special_facilities_menu {
    min-width: 150px;
  }

  .menu-language {
    height: 30px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .menu-language .q-item__label {
    margin: 0 0 0 5px !important;
  }

  .menu-language.q-btn--dense .q-btn__wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }

  .time_item.q-item {
    min-height: 30px;
    padding: 0 5px;
  }

  .ea-header-title {
    line-height: 30px;
  }

  .special_facilities.q-item {
    min-height: 30px;
  }

  /********** My Game ***********/
  .my-auction-section .cabinet-profile-div {
    margin-right: 20px;
  }

  .cabinet-profile-div .profile-image-div {
    font-size: 60px;
  }

  .cabinet-profile-div .profile-name-title {
    font-size: 16px;
  }

  /************ Auction Page **************/
  .ea-game-section .lot-information-div {
    padding: 10px 10px;
  }

  .ea-game-section .lot-information-div .q-list .q-item {
    padding: 5px 0;
  }

  .ea-game-section .lot-information-div .q-list .q-item__section--avatar {
    min-width: 30px;
  }

  .ea-game-section .lot-information-div .q-list .q-item__section--side {
    padding-right: 0;
  }

  .ea-game-section .lot-information-div .q-list .q-item .text-subtitle1 {
    font-size: 14px;
  }

  .like-lots-countdown {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .auksion-right-sidebar .auksion-timer-div .text-subtitle1 {
    font-size: 14px;
  }

  .auksion-right-sidebar .proven-price-div .text-subtitle1 {
    font-size: 14px;
    line-height: 1.2;
  }

  /**** Countdown ***/
  .ea-countdown .vuejs-countdown .digit {
    font-size: 40px;
    width: 50px;
  }

  .ea-countdown .vuejs-countdown li:after {
    font-size: 40px;
    top: -5px;
    right: -12px;
  }

  .vuejs-countdown .text {
    font-size: 8px;
  }
}
/* Large devices (large desktops, 1023px and up) */
@media (max-width: 1023px) {
  /********** Header ***********/
  .beta_version {
    padding: 10px 10px;
  }

  .beta-version-icon {
    display: block;
  }

  .beta-version-label {
    display: none;
  }

  /*******Footer**********/
  .footer-right-div {
    width: 100%;
    padding-bottom: 15px;
  }

  .footer-left-div {
    width: 100%;
    padding-bottom: 15px;
  }

  /***********My Game page****************/
  .my-auction-section .cabinet-profile-div {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .cabinet-profile-div .profile-data > div {
    text-align: center;
  }

  .cabinet-profile-div .profile-data .q-item {
    min-height: 20px;
    padding: 4px 15px;
  }

  .cabinet-profile-div .profile-name-title {
    font-size: 14px;
  }

  .profile-data-menu .q-item {
    min-height: 40px;
    padding: 4px 15px;
  }

  .cabinet-lots .lot-attribute-div .attribute-1 {
    width: calc(100% - 200px);
  }

  .cabinet-lots .lot-attribute-div .attribute-2 {
    width: 100%;
    margin-left: 0;
  }

  .cabinet-lots .lot-attribute-div .attribute-2 > div:first-child {
    width: calc(100% - 200px);
    float: left;
  }

  .cabinet-lots .lot-attribute-div .attribute-2 > div:last-child {
    width: 200px;
    float: left;
    padding-left: 16px;
    padding-right: 16px;
  }

  /************* Auction page**************/
  .ea-auksion-left-sidebar .lot-menu-title {
    display: block;
  }

  .auksion-right-sidebar {
    margin-left: 0;
  }

  .ea-game-section .ea-auksion-left-sidebar {
    margin-right: 0;
  }

  .other-auction-menu-title .sub-menu-icon {
    display: flex;
  }
}
/* Medium devices (desktops, 992px and down) */
@media (max-width: 992px) {
  /****** Base layout*****/
  .page-width {
    padding-left: 10px;
    padding-right: 10px;
  }
}
/* Small devices (tablets, 600px and down) */
@media (max-width: 600px) {
  .ea-breadcrumbs {
    font-size: 14px;
  }

  /******** Header *********/
  .time_item.q-item {
    min-height: 24px;
  }

  .time_item {
    width: 100%;
    padding: 0 0;
    min-height: 24px;
  }

  .ea-header-language {
    margin-top: 2px;
    margin-bottom: 0;
    height: 27px;
    font-size: 12px !important;
  }

  .ea-header-title {
    line-height: 24px;
  }

  .special_facilities.q-item {
    min-height: 24px;
  }

  .top-right-menu .profile-item {
    display: none;
  }

  /********Footer*********/
  .ea-footer {
    margin-top: 30px;
    margin-bottom: 60px;
  }

  .footer-copyright {
    width: 100%;
  }

  .footer-left-div {
    padding-bottom: 20px;
  }

  .footer-right-div {
    padding-bottom: 20px;
  }

  .footer-right-div .phone2 {
    font-size: 28px;
    line-height: 50px;
  }

  .footer-left-div .social-icons-div .social-icon {
    margin-right: 30px;
  }

  .rocketchat-widget {
    bottom: 71px !important;
    z-index: 2345 !important;
  }

  .rocketchat-widget[data-state=opened] {
    height: calc(100% - 168px) !important;
  }

  .mobile-footer {
    display: block;
  }

  /********* My Auction page *********/
  .cabinet-lots .lot-attribute-div .attribute-button {
    width: 100%;
    padding: 0;
  }

  .cabinet-lots .lot-attribute-div .attribute-1 {
    width: 100%;
    margin-top: 10px;
  }

  .cabinet-lots .lot-attribute-div .attribute-2 > div:first-child,
.cabinet-lots .lot-attribute-div .attribute-2 > div:last-child {
    width: 100%;
    padding: 0;
  }

  /*********** Auction Page ************/
  .ea-game-page {
    margin-top: 45px;
  }

  .auksion-right-sidebar .confirmation-offer-div {
    position: fixed;
    bottom: 73px;
    width: 100%;
    left: 0;
    z-index: 1;
  }

  .information-game-btn-title {
    display: none;
  }

  .confirmation-offer-div .confirmation-price-div {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 10px;
  }

  .confirmation-price-liner {
    margin-top: 0;
  }

  .confirmation-price-liner hr {
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .first-price {
    height: 80px;
    padding: 10px;
  }

  .first-price .price-left {
    width: calc(50% - 45px);
  }

  .first-price .price-right {
    width: calc(50% - 45px);
    line-height: 60px;
  }

  .first-price .number-background {
    margin-top: -15px;
    width: 90px;
    height: 90px;
  }

  .first-price .number-client {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 18px;
  }

  .first-price .price-right .time-price {
    font-size: 12px;
    right: 10px;
    top: -10px;
  }

  .first-price .price-left img {
    width: 40px;
  }

  .first-price .price-left .price-title {
    font-size: 14px;
  }

  .first-price .price-left > p:last-child {
    font-size: 12px;
  }

  .first-price .price-right p {
    font-size: 14px;
    margin-top: 15px;
  }

  .first-price .price-right p span {
    font-size: 12px;
  }

  .second-price {
    height: 70px;
    padding: 10px;
  }

  .second-price .price-left {
    width: calc(50% - 40px);
  }

  .second-price .price-right {
    width: calc(50% - 40px);
    line-height: 60px;
  }

  .second-price .price-left img {
    width: 30px;
  }

  .second-price .price-left .price-title {
    font-size: 12px;
    margin-top: 10px;
  }

  .second-price .number-background {
    margin-top: -15px;
    width: 80px;
    height: 80px;
  }

  .second-price .number-client {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
  }

  .second-price .price-right .time-price {
    font-size: 12px;
    right: 10px;
    top: -10px;
  }

  .second-price .price-right p {
    font-size: 14px;
    margin-top: 10px;
  }

  .second-price .price-right p span {
    font-size: 12px;
  }

  .other-price {
    height: 60px;
    padding: 10px;
  }

  .other-price .price-left {
    width: calc(50% - 35px);
    line-height: 40px;
    min-height: 40px;
  }

  .other-price .price-right {
    width: calc(50% - 35px);
  }

  .other-price .number-background {
    margin-top: -20px;
    width: 70px;
    height: 70px;
  }

  .other-price .number-client {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }

  .other-price .price-left img {
    margin-top: 10px;
    width: 20px;
  }

  .other-price .price-left span {
    font-size: 10px;
  }

  .other-price .price-right p {
    font-size: 13px;
  }

  .other-price .price-right .time-price {
    font-size: 11px;
    right: 10px;
    top: 10px;
  }

  .other-price .price-right p span {
    font-size: 10px;
  }

  .confirm_price_btn.btn_all .confirm_price_btn_title {
    font-size: 19px;
    width: calc(100% - 20px);
  }

  .confirm_price_btn.btn_all .confirm_price_btn_img {
    width: 18px;
  }

  .confirm_price_btn.btn_all .q-btn__wrapper {
    padding: 2px 5px;
    min-height: 2.3em;
  }

  .btn_all_div .text-subtitle1 {
    font-size: 14px;
    line-height: 1.35rem;
  }

  .ea-countdown {
    position: fixed;
    top: 53px;
    width: 100%;
    left: 0;
  }

  .vuejs-countdown .text {
    display: none;
  }

  .ea-countdown .vuejs-countdown .digit {
    font-size: 30px;
    width: 40px;
  }

  .ea-countdown .vuejs-countdown li:after {
    font-size: 30px;
    top: -4px;
    right: -12px;
  }

  .auksion-timer-div .text-subtitle1.text-bold {
    display: none;
  }

  .auksion-right-sidebar .auksion-timer-div {
    box-shadow: none;
  }

  /******** My auction Page *******/
  .cabinet-lots .lot-img-div {
    width: 100%;
  }

  .cabinet-lots .lot-attribute-div {
    width: 100%;
    margin-left: 0;
  }
}
/* Small devices (tablets, 400px and down) */
@media (max-width: 400px) {
  /************ Header ***************/
  .ea-header-title {
    font-size: 14px;
  }

  .ea-header-title i {
    font-size: 18px;
    margin-top: -3px;
  }

  .ea-header-title img {
    margin-top: -3px;
    width: 20px;
  }

  .special_facilities.q-item {
    min-height: 20px;
  }

  .special_facilities .q-item__label img {
    margin-top: -8px;
    width: 25px;
  }

  /********Footer**********/
  /********** Auction Page *************/
  .confirm_price_btn.btn_all .confirm_price_btn_title {
    font-size: 16px;
    width: calc(100% - 15px);
  }

  .confirm_price_btn.btn_all .confirm_price_btn_img {
    width: 15px;
  }

  .confirm_price_btn.btn_all .q-btn__wrapper {
    padding: 2px 2px;
  }

  .btn_all_div .text-subtitle1 {
    font-size: 12px;
  }
}